@media (min-width: 1280px) {.container {max-width: 1280px;}}

*{font-family:'Calibri',openSans,Arial,Helvetica,sans-serif;font-size:12pt; color:#666666;}
html, body{height: 100%;}

body{background-color: #fff;}
.gray{background-color: #e8e8e8;}
.container-sm{width:760px;}


h1, h2{font-weight:bold;}
h1{font-size:30pt;border-bottom:2px dotted #b8a598;margin:0px -30px 0 -30px;}
h2{font-size:24pt;}

.row-1{max-width:1080px;margin:0 auto;}
.col-c1{margin:0;padding:0px;}
.sm {font-size: 70%;line-height:1.2em;}

.social-head{background:#014862;padding:2px;height:30px;}
.social-head .container {text-align:right;}
.social-head .container i{color: #fff;}
.social-head .container a{margin-right:10px;}
.social-icons{width:calc(100% - 110px);text-align:left;float:left;}
.social-icons i{font-size:1.2em;margin-top:3px;}
.social-search{min-width:110px;width:110px;padding-top:2px;text-align:right;float:right;float:left;}
.social-search .input-group input.s1{width:80px;height:22px;font-size:.7em;color:#1071a0;padding-left:10px;}
input.s1::-webkit-input-placeholder{ color: #1071a0;} input.s1:-moz-placeholder{ color: #1071a0;} input.s1::-moz-placeholder{ color: #1071a0;}input.s1:-ms-input-placeholder { color: #1071a0;}
.social-search .input-group-btn button.s2{width:30px;height:22px;font-size:11px;padding:0px;line-height:10px;border:0px;background-color:#adadad; margin-top: 0px;}
.social-search .input-group-btn button.s2 i{color:#777777;font-size:1.2em;}
.social-icons a.buzon{font-size:.8em;color:#fff}

.head{background-color:#fff;height:77px;padding-top:0px;}
.head-cps{text-align:left;}
.head .cpce-l, .head .cps-l{width:74px;height:50px;float:left;}
.head .cpce-l{margin-right:10px;background:url('/media/CPCE.svg') no-repeat;}
.head .cpce-2{margin-top:0px;float:right;}
.head .cps-l {margin-left:10px; background:url('/media/CPS.svg') no-repeat;float:left;visibility:hidden;display:none;}
.head .cpce-t, .head .cps-t{visibility:hidden;display:none;}

.navi{margin-top:10px;}
#nav-button-collapsed{background-color:#014862;}
#nav-button-collapsed span.icon-bar{background-color:#fff;}
.navbar-nav > li > a{font-size:16px;line-height:14px;padding:0px;padding:10px;border-bottom:2px solid #1071a0; color:#0093ce; }
.navbar-nav > li > a .caret  {float:right;width: 20px;height: 20px;border: none;border-radius: 3px;font-family: 'Glyphicons Halflings'; background-color:#1071a0;color:#fff;font-size:14px;line-height:18px;padding-left:3px;
}

nav {
  position: absolute;
  z-index: 9999999;
  right: 0;
}
.navbar-nav > li > a .caret:before {content: "\e259";}
.pad0{padding:0px}
.hid{display:none;visibility:hidden;}

.asesoria{color:#b94a48;}
.institucional{color:#47626d;}
.tecnica{color:#849e75;}
.sociales{color:#1071a0;}
.servicios{color:#dd9c45;}
.agenda{color:#895196;}
.en-accion{color:#2C476A;}
.back-asesoria{background-color:#b94a48;}
.back-institucional{background-color:#47626d;}
.back-tecnica{background-color:#849e75;}
.back-sociales{background-color:#1071a0;}
.back-servicios{background-color:#dd9c45;}
.back-agenda{background-color:#895196;}
.back-en-accion{background-color:#2C476A;}

.bottom-1{padding:100px 0px;}
.bottom-1 img{margin-bottom:20px;}
.bottom-2{padding:20px 0px;background-color:#262626; }
.bottom-2 div.address{padding:20px 0px;}
.bottom-2 div.address,.bottom-2 div.address a,.bottom-2 div.iso{color:#fff; font-size:14px; line-height:18px;}
.bottom-2 div.address{border:0px; color:#fff; }
.bottom-2 .iso{visibility:hidden;display:none;}
.bottom-3{padding:20px 0px;background-color:#2e2d2d; }
.bottom-3 a{color:#fff; font-size:14px; line-height:18px;}
.bottom-3 img{margin-left:0px;}


.absolute-center {display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;display:box; box-pack:center; box-align:center;}

.shadow {
-webkit-box-shadow: 0 15px 30px -16px black;
-moz-box-shadow: 0 15px 30px -16px black;
box-shadow: 0 15px 30px -16px black;}


.pagina{width:100%;padding:15px;margin:10px auto;background-color:#fff;height:100%;}
.cl{clear:both;}


table.back-forms, div.back-forms{background-color:#154963; color: #fff;}
div.back-forms{padding:0px 10px;} div.back-forms div{padding:5px 10px}
table.back-forms td, div.back-forms div{color: #fff;padding:5px 10px;}
table.back-forms td span, div.back-forms span{color: #fff;}
table.back-forms td span.sm, div.back-forms spam.sm{font-size:.7em;}
table.back-forms th, .back-forms div.th{color: #fff;padding:5px 10px;background-color:#1e94ce;text-transform:uppercase;}
table.back-forms th span, table.back-forms th sup{color: #fff;}
table.back-forms input, table.back-forms select{color:#000;}
.back-forms > thead > tr > th, .back-forms > tbody > tr > th, .back-forms > tfoot > tr > th, .back-forms > thead > tr > td, .back-forms > tbody > tr > td, .back-forms > tfoot > tr > td{border:0px;}
.help-block{margin:0px;}

.boton, .boton2 {border : solid 6px #084b63;
border-radius : 13px;
moz-border-radius : 13px;
-webkit-box-shadow : 0px 0px 5px rgba(0,0,0,1.0);
-moz-box-shadow : 0px 0px 5px rgba(0,0,0,1.0);
box-shadow : 0px 0px 5px rgba(0,0,0,1.0);
font-size : 16px;
color : #ffffff;text-decoration:none; 
padding : 8px 12px; text-decoration:none; font-weight:normal;
background-color : #1191cd;text-transform:uppercase; margin:5px 10px;}
.boton2 {border-color:#1191cd; background-color : #084b63;}
a.boton, a.boton:hover, a.boton2, a.boton2:hover{text-decoration:none; color:#fff;}


.login-header, .login-header fa {background:#0074ab;padding:5px 10px;margin:-30px;:height:30px;margin-bottom:30px;}
.login-header div.txt, .login-header div.txt i, .login-header div.txt span {color:#fff;font-size:14px;}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.autoads{font-family: 'Oswald', 'Arial-Narrow', sans-serif;text-align:center;padding:10px;width:100%;height:270px;overflow:hidden; display: -webkit-box; -webkit-box-pack: center;-webkit-box-align: center; margin-bottom:20px;}
.autoads a,.autoads a:link,.autoads a:visited {font-family: 'Oswald', 'Arial-Narrow', sans-serif; text-transform:uppercase;color:#fff;font-size:1.5em; margin-bottom:30px;line-height: 100%; text-decoration: none;}

/* CONTACTO */
.w20contacto{width:100%;border-top: solid 3px #b8a598; padding-top:20px;padding-bottom:20px;}
.w20contacto div{text-align:center;margin-bottom:20px;}
.w20contacto div img{margin-bottom:10px;}
.mc-telefono span{color:#ae8cbc;font-weight:bold;}
.mc-whatsapp span{color:#30ab7e;font-weight:bold;}
.mc-sms span{color:#f2a66c;font-weight:bold;}
.mc-ayuda span{color:#aadff4;font-weight:bold;}
.mc-llamado span{color:#5a7cb9;font-weight:bold;}

.w20contacto.mc-llamado{border-right: 0px;}

@keyframes fa-blink {
0% { opacity: 1; }
25% { opacity: 0.25; }
50% { opacity: 0.5; }
75% { opacity: 0.75; }
100% { opacity: 0; }
}
.fa-blink {
-webkit-animation: fa-blink .95s linear infinite;
-moz-animation: fa-blink .95s linear infinite;
-ms-animation: fa-blink .95s linear infinite;
-o-animation: fa-blink .95s linear infinite;
animation: fa-blink .95s linear infinite;
color:#cc0000;
}
img.bell {
    -webkit-animation: bounce 8s 1s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: bounce 8s 1s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: bounce 8s 1s ease-in-out infinite;
    transform-origin: 50% 4px;
    position: absolute;
	margin-left:-45px;
	margin-top:-10px;
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -20px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px){
.head .cps-l {visibility:visible;display:block;}
.w20contacto{width:20%;float:left;border-right: solid 3px #b8a598;}
.social-icons{text-align:right;}
.head{padding-top:10px;}
.head .cpce-t, .head .cps-t{visibility:visible;display:block;}
.head .cpce-t, .head .cps-t{width:calc(100% - 85px);height:50px;float:left;line-height:1em;font-size:.9em;font-weight:bold;color:$color;text-align:right;}
.head .cps-t{text-align:left;padding-left:10px;}
.navi{width:640px; margin:auto; margin-top:-10px; height:20px;padding:0px;}
.navbar-header{height:10px;overflow:hidden;}
.navbar-default {background-color: #fff; border-color: #fff;}
.navbar{max-height: 20px;min-height: 20px;height: 20px; z-index: 1;}
.navbar-collapse{border-color: #fff;}
.navi-ul {width:640px;} .navi-ul li{margin-left:20px;}
.navbar-nav > li > a{font-size:12px;line-height:9px;padding:5px;border:0px;}
.navbar-nav > li.active{background-color:#fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color:#fff;}
.navbar-nav > li > a:hover{border-bottom:3px solid #0093ce;}
.navbar-default .navbar-nav > li > a{padding-right:10px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:0px;padding:0px;margin:0px;}
.navbar-default{margin-top:-10px;}
.navbar-nav > li > a .caret  {border: none;	border-radius: 0px;   font-family: 'Glyphicons Halflings'; background-color:#fff;color:#0093ce;font-size:10px;line-height:10px;	padding-left:3px;height: 10px;}
.dropdown-menu{background-color:#0093ce;border:6px solid #e8e8e8;list-style-type: disc;padding:0px;color:#fff;}

.dropdown-menu li{margin-left:30px;color:#fff;color:#fff;}
.dropdown-menu > li > a{color:#fff;font-size:12px;text-transform:uppercase;padding:0px;padding-right:10px;line-height: .8em;}
.dropdown-menu > li > a:hover{background-color:transparent;color:#014862;}


.bottom-1 img{margin-bottom:0px;}

.bottom-2 div.address{border:1px solid #e8e8e8; border-top:0px; border-bottom:0px; }
.bottom-2 .iso{padding-top:30px;visibility:visible;display:block;}
.bottom-2 .iso img{margin:0px 10px;}
.bottom-3 img {margin-left:0px;}
.row-2{max-width:700px;margin:0 auto;}
}

.flex-video {position: relative;padding-bottom: 56.25%;padding-top: 25px;}
.flex-video iframe {position: absolute;width: 100%!important;height: 100%!important;}

	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}