::selection {    background: #1f4d9a;color: #FEFEFE;}

body {

	font-family: 'Muli', sans-serif;
	font-size: 14px;
	font-weight: 400;
    
}

h1, h2, h3, h4, h5, h6 {font-family: 'Muli', sans-serif !important;font-weight: normal;}

h1 {color: #18243c;font-weight: 100;}

li {list-style: none;}

p {font-family: 'Muli', sans-serif;font-weight: normal;color:#666666}

.margincero {margin:0 !important; padding: 0 !important;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999999;
}

table {  
  background-color: transparent !important;
  margin-bottom: 0 !important;
}

tr, tr.fc-minor, thead {  
  background: initial !important;
}

.top5 { padding-top:5px !important;}
.top10 { padding-top:10px !important;}
.top15 { padding-top:15px !important;}
.top20 { padding-top:20px !important;}
.top30 { padding-top:30px !important;}
.top40 { padding-top:40px !important;}
.top50 { padding-top:50px !important;}
.top60 {padding-top: 60px !important;}
.top70 {padding-top: 70px !important;}
.top80 { padding-top:80px !important;}
.top100 {padding-top: 100px !important;}
.top250 { padding-top:250px !important}
.pad0 {padding: 0 !important}
.mbtm40 {margin-bottom: 40px;}

.ultralight {font-weight: 100 !important}
.light {font-weight: 300 !important}
.medium {font-weight: 400 !important}
.bold {font-weight: 700 !important}
.ultrabold {font-weight: 900 !important}

.justify {text-align: justify !important;}

.center {text-align: center !important;}
.clear {clear: both !important;}

.primario {color: #1f4d9a !important;}
.secundario { color: #465164 !important}
.blanco {color:#fff !important;}

.gris {color: #595B5D !important;}
.morado {background: #a03058 !important;}
.amarillo {background: #ffb84e !important;}
.verde {background: #0c7b87 !important;}
.naranja {background: #ff8c49 !important;}
.azul {background: #20365f !important;}

.delay1 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay1-5 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.delay2 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.delay3 { -webkit-animation-delay: 3s; animation-delay: 3s;}
.delay4 { -webkit-animation-delay: 4s; animation-delay: 4s;}
.delay5 { -webkit-animation-delay: 5s; animation-delay: 5s;}
.delay6 { -webkit-animation-delay: 6s; animation-delay: 6s;}

.btns a, .button, button  {padding: 15px 10px;
       border-radius: 2px;
    background: transparent;
    border: 1px solid #fff;
    
}
.btns a, .button:hover, button:hover {background:#fff;color: #000}

.logoslider {

    position: absolute;
    width: 100%;
    z-index: 99999;
    text-align: center;
    margin-top: 180px;
}

.logoslider img {width: 380px;}


.breadcrumbs {}
.breadcrumbs li {font-size: 18px; font-weight: normal;}
.breadcrumbs li a {color:#8f8f8f;}

/* SLIDER */

.slides-container {opacity: 0;}
.slidescont {  position: absolute;width: 100%;margin:0px;display: block;
  padding:0;z-index: 9999;text-align: left;bottom: 0%;left: 0px;}
.titulos {
    top: 120px;
    position: relative;

}
.slidescont2 {position: absolute;width: 100%;margin:0px;display: block;
  padding:0;z-index: 9999;text-align: left;top: 30%;left: 0px;}
.slidescont2 .titulos {float: none !important;top:0;}
.slidescont2 h1 {
    color: #fff;
    text-align: left;
    font-weight: 600;
    font-size: 36px;
    width: 100%;
    font-family: 'Muli', sans-serif !important;
    margin-top: 0;
}
.slidescont2 p {text-align: left;color:#fff;padding: 0px;font-size: 24px;margin-bottom: 0;}
.slidescont2 .btns {width: 250px;margin:0 auto;margin-top: 40px;margin-bottom: 0;}
.slidescont2 .btns a {padding-top: 9px;max-width: 250px;min-width: 225px;}
.slidescont2 .btns a i, .slidescont2 button i { color:#1f4d9a;margin-left: 10px;font-size: 22px !important;
    position: relative;
    top: 4px;} 

.titulos .primario {font-size: 38px;}

.slidescont h1 {
    color: #fff;
    text-align: left;
    font-weight: 600;
    font-size: 28px;
    width: 100%;
    font-family: 'Muli', sans-serif !important;
}
.slidescont p {
    color: #fff;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
}
.slidescont .button, .slidescont button { border:2px solid #fff;color:#fff;width: 200px;margin: 0 auto; position: relative;top: 100px;display:block}
.slidescont .button:hover, .slidescont button:hover {background: #fff;color:#2d2d2d}
.slides-navigation .fa { font: normal normal normal 26px/1 FontAwesome !important;}
.slidescont a,.slidescont a:link, .slidescont a:visited {color:#1f4d9a;font-weight: 600;font-size: 16px;
    -webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;}
.slidescont a:hover { color: #53928E;}
.slidescont a i {
    position: relative;top: 2px;
    -webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;    transition-property: all .2s linear 0s;
}
.slidescont a:hover i {margin-left: 5px;}
.imagenes_slider img {
     width:100% !important;
     height: inherit !important;
     left:0 !important;
     position: relative !important;    
     top: 220px !important;
 }
.imagenes_slider .iphone img { top:160px !important;left:-40px !important; }


#slides_mobile {    

    max-height: 650px;
    padding-top: 107px;
}

/* BLOQUE */

#bloque {background:#fff;width: 100%;padding: 50px 0;float: left;overflow: hidden;position: relative}
#bloque h1 {color:#fff;}
#bloque p {text-align: center;font-size:18px;color:#fff;}


/* HEADER */


#ides a{margin-right: 0;}
#idde a{margin-left: 0;}
#separador {margin:0 0px;cursor:none;}
#separador:hover  {color:#fff !important;border:none;}
#separador .menu__link::before, #separador .menu__link::after {background:transparent;} 
#separador .menu__item--current {
	color: #fff;
}
#bscdr i {font-size:20px;}

#header {    position: fixed;width: 100%;z-index: 12;   background: #fff;padding: 10px 0;}
#header .logo {text-align:center;width:230px;margin:0 auto;position: relative;}
#header .logo a {padding-top: 10px;float:left;}
#header .logo img {width: 100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
#header .iconos span {float: left;color:#fff;margin-right: 10px;padding-top:5px;font-weight: 400;}
#header .iconos a {  padding: 8px 0 5px 0px;border-radius: 40px;width: 35px;float: left;text-align: center;margin-right: 10px;    background: #fff;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
#header .iconos a:hover {background: #1f4d9a;border-color:#1f4d9a}
#header .iconos i {color: #000;font-size:18px;font-family:'FontAwesome' !important;}
#header .iconos a:hover i {color:#fff;;}
#header2 {    position: relative;width: 100%;z-index: 11;top: 30px;margin-bottom: 0px;background: #000;  }
#header2 .logo {text-align:center;width:170px;margin:0 auto;position: relative;padding-top:0px;top: -30px;}
#header2 .logo a {padding-top: 10px;float:left;}
#header2 .logo img {width: 100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
#header2 .menu--shylock .menu__link {color:#fff}
#header2 .menu--shylock .menu__link:hover {color: #53928E}
#subtitulo h2 {text-align: center;letter-spacing: 1px;}
#header2 .iconos span {float: left;color:#fff;margin-right: 10px;padding-top:5px;font-weight: 400;}
#header2 .iconos a {  padding: 8px 0 5px 0px;border-radius: 40px;width: 35px;float: left;text-align: center;margin-right: 10px;    background: #fff;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
#header2 .iconos a:hover {background: #1f4d9a;border-color:#1f4d9a}
#header2 .iconos i {color: #000;font-size:18px;font-family:'FontAwesome' !important;}
#header2 .iconos a:hover i {color:#fff;;}

#titulos  {background: #f5f5f7;padding: 0px 10px;position: relative}
#titulos:before {box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.36);content: "";top: 1px;width: 100%;height: 1px;position: absolute;left: 0;}
#titulos img {width: 45px;padding-top: 30px;}
#titulos h1  {text-align: right;font-size: 36px;font-weight: 900;text-transform: uppercase;letter-spacing: 4px;}

#header_sec {  
  background: #17243c; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(110deg, #30405d, #17243c); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(110deg, #30405d, #17243c); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(110deg, #30405d, #17243c); /* For Firefox 3.6 to 15 */
  background: linear-gradient(110deg, #30405d, #17243c); /* Standard syntax */
    padding-top: 150px;
    padding-bottom: 80px;
    float: left;
    width: 100%;
    
    background-size: cover !important;
    background-repeat: no-repeat !important;}

.head_contacto {

      background: #414957 !important; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(110deg, #414957, #626873) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(110deg, #414957, #626873) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(110deg, #414957, #626873) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(110deg, #414957, #626873) !important; /* Standard syntax */
  height: 430px !important;

}
.head_des {  
  background: #86b370 !important; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(110deg, #86b370, #1f4d9a) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(110deg, #86b370, #1f4d9a) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(110deg, #86b370, #1f4d9a) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(110deg, #86b370, #1f4d9a) !important; /* Standard syntax */
  height: 430px !important;
}
.head_des a { color:#739562;font-weight: bold; }
.head_des span { color:#739562;font-weight: bold; }
.head_des .cont {text-align: center;}

#header_sec h1 { 
    color:#fff;
    font-size: 38px;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align: center;
    font-family: 'Muli', sans-serif !important;
}

#header_sec p {text-align: center;color:#fff;font-size: 18px;}

#header_sec .individual h1 {text-align: left;color: #1f4d9a;text-transform: initial;letter-spacing: 0px;}
#header_sec .individual h2 {font-size: 16px;text-transform:uppercase;text-align: left;font-family: 'Muli', sans-serif !important;font-weight: bold;color:#fff;}
#header_sec .individual p {text-align: left}
.nosotros { background-image: url('/img/nosotros.jpg') !important;    }
.nosotros .txt {font-weight: bold;} .nosotros .txt2 {font-weight: lighter;}


.verdebg {  
 
    background: #86b370 !important;
    background: -webkit-linear-gradient(110deg, #86b370, #1f4d9a) !important;
    background: -o-linear-gradient(110deg, #86b370, #1f4d9a) !important;
    background: -moz-linear-gradient(110deg, #86b370, #1f4d9a) !important;
    background: linear-gradient(110deg, #86b370, #1f4d9a) !important;
}

.verdebg h1 { color:#648056 !important;}
.verdebg p {color:#fff !important;}
.verdebg li {color:#fff;}

.grisbg {  
 
      background: #e9e9e9 !important;
    background: -webkit-linear-gradient(110deg, #e9e9e9, #fff) !important;
    background: -o-linear-gradient(110deg, #e9e9e9, #fff) !important;
    background: -moz-linear-gradient(110deg, #e9e9e9, #fff) !important;
    background: linear-gradient(110deg, #e9e9e9, #fff) !important;
}
.grisbg h1 { color:#313131 !important;}
.grisbg p {color:#757575 !important;}
.grisbg li {color:#757575;}

#industrias_casoexito {  
  clear:both;
  padding:50px 0;  
  background-image: url('/img/industrias/casodeexitobg.jpg') !important; 
  }
#industrias_casoexito h1 { color:#fff;text-align: center;font-weight: bold;font-size: 24px;    padding: 0 200px;}
#industrias_casoexito span {font-size: 40px;}



#industrias_info_2, #industrias_info_3  {  
  clear:both;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
  padding:100px 0;  
}
#industrias_info_2 h1 { color:#1c2940;text-align: left;}
#industrias_info_3 h1 { color:#ffffff;text-align: left;}
#industrias_info_2 p {color:#191814;font-size: 18px;   padding-right: 60px;}
#industrias_info_3 p {color:#ffffff;font-size: 18px;}

#industrias_info_2 .btns a, #industrias_info_3 .btns a {float: left;clear:both;width: 30%;padding: 8px 5px 14px 0;background:#1f4d9a;border:none}
#industrias_info_2 .btns a i, #industrias_info_2 button i, #industrias_info_3 .btns a i, #industrias_info_3 button i 
{ color:#7ea769;margin-left: 10px;font-size: 20px !important;font-family:'FontAwesome' !important;
    position: relative;
    top: 4px;} 
#industrias_info_2 a:hover, #industrias_info_3 a:hover {background: #fff !important;}

#bloque .industrias_api h1 {color:#5a5a5a}
#bloque .industrias_api p {color:#5a5a5a;text-align: left}

#bloque .industrias_api .cont {margin-top: 25px;}
#bloque .industrias_api .cont .titulo {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color:#565656;
    margin-bottom: 5px;
}
#bloque .industrias_api .cont p {text-align:center;font-size: 13px;}
#bloque .industrias_api .cont img {width: 25%; text-align: center;margin-bottom: 0px;}
#bloque .industrias_api .cont .cont-a { 
    padding: 25px 25px;
    width: 100%;
    height: 100%;
    min-height: 300px;
    float: left;
    background: #eeeeee;text-align: center; border: 1px solid #ececec;    box-shadow: 0 0 5px #fff;
    -webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;

    
}
#bloque .industrias_api .cont-a:hover { 
    box-shadow: 0px 0px 10px #dadada;
    position: relative;
    }

#bloque .industrias_api .cont .btns a {float: inherit;clear:both;    width: 75%;padding: 8px 5px 10px 0;background:#1f4d9a;border:none;display: block;margin:0 auto;}
#bloque .industrias_api .cont .btns a i, #bloque .industrias_api .cont button i { color:#7ea769;margin-left: 10px;font-size:16px !important;font-family:'FontAwesome' !important;
    position: relative;
    top: 0px;} 
#bloque .industrias_api .cont a:hover {background: #fff !important;}


#bloque .industrias_sdk h1 {color:#5a5a5a}
#bloque .industrias_sdk p {color:#5a5a5a;text-align: left}

#bloque .industrias_sdk .cont {margin-top: 25px;}
#bloque .industrias_sdk .cont .titulo {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color:#565656;
    margin-bottom: 5px;
    margin-left: 20px;
}
#bloque .industrias_sdk .cont p {text-align:ñeft;font-size: 14px;margin-left: 20px;}
#bloque .industrias_sdk .cont img {width: 100%; text-align: center;margin-bottom: 0px;}
#bloque .industrias_sdk .cont .cont-a { 
    padding: 25px 25px;
    width: 100%;
    height: 100%;
    float: left;
    background: #eeeeee;text-align: left; border: 1px solid #ececec;    box-shadow: 0 0 5px #fff;
    -webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;

    
}
#bloque .industrias_sdk .cont-a:hover { 
    box-shadow: 0px 0px 10px #dadada;
    position: relative;
    }

#bloque .industrias_sdk .cont .btns a {float: inherit;clear:both;    width: 90%;padding: 8px 5px 10px 0;background:#7290bd;border:none;display: block;margin-left:20px;}
#bloque .industrias_sdk .cont .btns a i, #bloque .industrias_sdk .cont button i { color:#4a6792;margin-left: 10px;font-size:16px !important;font-family:'FontAwesome' !important;
    position: relative;
    top: 0px;} 
#bloque .industrias_sdk .cont a:hover {background: #4a6792 !important;}
#bloque .industrias_sdk .cont a:hover i {color: #7290bd !important;}

/* MENU */

#header .section {display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;
	-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-align-items: flex-end;align-items: flex-end;
    clear:both;padding-top: 0px;
}
#header2 .section {display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;
	-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-align-items: flex-end;align-items: flex-end;
    clear:both;padding-top: 0px;
}



/* Contenedor */

.contenedor {clear: both; float: left;width: 100%;}
.contenedor .link {text-align: center;}
.contenedor h1, .contenedor h3 {text-align: left;font-weight: 900;text-transform: normal;letter-spacing: 1px;}
.contenedor p {font-size: 16px;text-align: left;margin-top: 0px;float: left;width: 100%;color: #000; text-align: justify;}

.btns a,.btns a:link, .btns a:visited, button {background: #1f4d9a;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    float: left;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;}

.btns a:hover, button:hover {background: #fff !important;}

/* Clientes */

#clientes {background:#f9f9fa;width: 100%;    float: left;}




/* Contacto */ 

#contacto_mapa {height: 400px;}
#contacto_mapa .logo_mapa i {color: #d56766;font-size: 42px;}

#contacto {padding: 50px 10px;position: relative}
#contacto i {}
#contacto h2 {text-align: left;text-transform: uppercase;font-size: 26px;font-weight:900;letter-spacing: 3px;}
#contacto h3 {text-transform: uppercase;text-align:left;font-size: 14px;color:#54938e}
#contacto .img {display: block;
    margin: auto auto;}
#contacto p {font-weight: 400;}
#contacto .direccion a {color: #000;font-size: 16px;float: left;margin-bottom: 15px;font-weight: 400;width: 100%;}
#contacto .direccion i {margin-right: 5px;}    
    
#contact_form input, #contact_form textarea {    color: #fff !important;width: 100%;height: 40px;padding-left: 10px;background: transparent;border: none;margin-bottom: 10px;border-bottom: 2px solid #D4D4D4;box-shadow: none;color: #333;
    -webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;}

#contact_form input:focus, #contact_form textarea:focus {border-bottom:2px solid #53928E}
#contact_form textarea {height: 150px;font-size:16px;}
#contact_form .button {    border: 2px solid rgb(84, 147, 142);border-radius: 0px;outline: none;
    cursor: pointer;width: 100%;text-align: center;padding: 0;letter-spacing: 2px;color:#1f4d9a}
#contact_form .button:hover { background:#1f4d9a;color: #fff; }

#error, #mail_success, #mail_fail {display: none;}
#error, #mail_fail {    color: #FFFFFF;background: rgb(228, 82, 82);
    width: 100%;text-align: center;margin-bottom: 10px;padding: 10px;font-size: 18px;}
#mail_success {    color: #FFFFFF;background: #1f4d9a;
    width: 100%;text-align: center;margin-bottom: 10px;padding: 10px;font-size: 18px;}    

/* Contactanos */

.contacto_bg { background-image: url('/img/bg_map.jpg') !important; }
#bloque .contactanos {}
#bloque .contactanos h1 {color:#fff;text-align: left;} 
#bloque .contactanos p {color:#d0d7e2 ;text-align: left;font-size:16px;} 
#bloque .contactanos input, .contactanos textarea {

    background: #aaafb8;
    border: none;
    border-radius: 3px;
    color:#465164;
    font-size: 14px;
    padding-left: 20px;

}
#bloque .contactanos input:active, #bloque .contactanos input:focus, #bloque .contactanos input:hover, #bloque .contactanos textarea {box-shadow: none;background:#aaafb8; border:none;} 
#bloque .contactanos ::-webkit-input-placeholder {
   color: #465164;}

#bloque .contactanos ::-moz-placeholder {  /* Firefox 19+ */
   color: #465164;  
}

#bloque .contactanos :-moz-placeholder {  /* Firefox 18+ */
   color: #465164;  
}

#bloque .contactanos :-ms-input-placeholder {  
   color: #465164;  
}

#bloque .contactanos button {
    background:#1f4d9a;
 
    padding: 13px 15px;
    color:#648056;
    margin-top: 25px;
    width: 250px;
    float: left;      
    margin-top: 20px;   
    border-radius: 3px;  
}
#bloque .contactanos button:hover {background: #fff !important;}

#bloque .contactanos .info, #bloque .contactanos .info a {color:#fff;font-size:14px;
    -webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;}

#bloque .contactanos .info a:hover {color:#1f4d9a;}

#bloque .contactanos .info i {
        color: #1f4d9a;
    font-size: 18px;
    top: 2px;
    position: relative;
}

/* Newsletter */

.newsletter  {background:#4d525b !important;}
.newsletter h1 {color:#656b76 !important;text-align: left;}
.newsletter p {color:#fff;text-align: left !important;}

.newsletter input, .newsletter textarea {

    background: #aaafb8;
    border:1px solid #606672;
    border-radius: 3px;
    color:#465164;
    width: 70%;
    float: left;
    height: 43px;
    border-radius: 3px 0px 0px 3px;
    border-right: none;

}

.newsletter input:active, .newsletter input:focus, .newsletter input:hover, .newsletter textarea {box-shadow: none;background:#aaafb8; border:1px solid #465164;border-right:none} 
.newsletter ::-webkit-input-placeholder {
   color: #465164;}

.newsletter ::-moz-placeholder {  /* Firefox 19+ */
   color: #465164;  
}

.newsletter :-moz-placeholder {  /* Firefox 18+ */
   color: #465164;  
}

.newsletter :-ms-input-placeholder {  
   color: #465164;  
}

.newsletter button {
    background:#1f4d9a;
    border-color: #648056;
    padding: 10px 15px;
    color:#648056;    
    width: 30%;
    float: left;             
    border-radius: 0px 3px 3px 0px;
    border-left: none;
}
.newsletter button:hover { background: #fff !important;}

.bloque {padding: 50px 0;overflow: hidden;position: relative}
.bloque h1 {margin:10px 0 0 0;}
.bloque p {font-size: 16px;}


/* NOSOTROS */

#nosotros { padding: 100px 0 0 0;position: relative }
#nosotros h1 { color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
}
#nosotros p {color:#fff;font-weight: normal; text-align: center;margin-top: 20px;}
#nosotros .info {background:#1f4d9a;position: absolute;padding: 0 80px;}
#nosotros .info {min-height: 350px;width: 35%;right:0;top:100px;}

#nosotros_sec_2 {padding: 30px 0 50px 0;  }
#nosotros_sec_2 h1 {text-align: center;color: #000;font-weight: bold;font-size: 42px;margin-bottom:50px;}
#nosotros_sec_2 h2 {text-align: center;color: #000;font-size: 20px;font-weight: normal;margin-top: 15px;}
#nosotros_sec_2 img {   margin: 0 auto;display: block;}
#nosotros_sec_2 p {text-align: center;}

#nosotros_sec_3 { padding: 0 0 0 0;  }

#nosotros_sec_3 img {    max-width: none;margin: 0 auto;display: block;}
#nosotros_sec_3 .img2 {width: 200px;margin: 30px auto 0 auto;display: block;}
#nosotros_sec_3 p {text-align: center;margin-bottom: 50px;}


#sponsors { background-image: url('/img/sponsorsbg.jpg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
     padding: 50px 0 100px;
   }
#sponsors h1 {text-align: center;color: #fff;font-weight: bold;font-size: 42px;text-transform: uppercase;    margin-bottom: 50px;}
#sponsors p {text-align: center;margin-bottom: 50px;}
#sponsors .accordion {border: none;}
#sponsors .accordion-title {font-size: 16px;color: #ffffff;border: none;background: #2c2e31;margin-bottom: 12px;border-radius: 5px;}
#sponsors .accordion-content {border:none;}

#donadora { padding: 0px 0;background: #f3f4f8;  }
#donadora h1 {text-align: center;color: #000;font-weight: bold;font-size: 42px;}
#donadora p {text-align: center;margin-bottom: 50px;}
#donadora .accordion {border: none;background: transparent;}
#donadora .accordion-title {font-size: 16px;color: #ffffff;border: none;background: #2c2e31;margin-bottom: 12px;border-radius: 5px;}
#donadora .accordion-content {border:none;    background: transparent;
    color: #fff;}

#donarfoot .img {    display: block;
    margin: 35px auto;}

/* FOOTER */

#footer_down {

    padding: 15px 0 10px 0;}
#footer_down h3 {     color: #525151;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;}   
    
     


#footer li img {    margin-left: 70px;     padding-right: .9375rem;}
#footer li {display: inline-block;
    float: right;}
#footer { background: #161615; padding: 60px 0; width: 100%; z-index: 2; border-top: 6px solid #1f4d9a;}
#footer img { max-width: 320px;  }
#footer h2, #footer p { color: rgba(255, 255, 255, 0.62);}
#footer p {     text-align: left;
font-weight: 400;
    margin-top: 23px;
    font-size: 14px;
    letter-spacing: 1px;}
#footer .fa { color: rgb(22, 22, 21);
    margin-top: 20px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.51);
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 4px;
    font-family:'FontAwesome' !important;
    margin-right: 15px;
    border-radius: 2px;
        -webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;}

#footer h3 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: white;
}

#footer span {
    color: #1f4d9a;
}

#footer [type=text] {   
      color: rgba(255, 255, 255, 0.78);
       background: transparent;
    text-transform: uppercase;
    letter-spacing: 2px;    
    font-size: 12px;}
#footer .fa:hover { background:#1f4d9a; }

#footer .boton{
	background-color: #1f4d9a;
    font-size: 13px;
    float: right;
    margin-top: 10px;
    border: none;
    padding: 0px 50px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;}

#footer .boton:hover{ background: #1f4d9a; color: #fff;}	




/* OPEN / CLOSE BTNS */
.menu-btn {position: fixed;top: 28px;right: 20px;z-index: 999;display: inline;font-size: 28px;}
.menu-btn a {display: inline-block;text-decoration: none;/* safari hack */color:#1f4d9a;font-size: 22px;text-transform: uppercase}
.btn-open:after {color: #1f4d9a;content: "\e5d2";font-family: Material-Design;padding-left:15px;
    -webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;}
.btn-open:hover:after {color: #1f4d9a;}
.btn-close:after {color: #fff;content: "\e5cd";font-family: Material-Design;padding-left:15px;
    -webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;}
.btn-close:hover:after {color: #20365f;}
/* OVERLAY */
.overlay {position: fixed;top: 0;z-index: 99;display: none;overflow: auto;width: 100%;height: 100%;background: #1f4d9a}
.overlay .menu {margin: 10% auto;width: 80%;}
.overlay .menu ul {margin: 0;padding: 0;width: 100%;}
.overlay .menu ul li {float: left;padding: 20px 0;width: 100%;list-style: none;text-align: center;text-transform: uppercase;}
.overlay .menu ul li a {color: #fff;font-weight: bold;font-size: 20px;}
.overlay .menu ul ul {margin-top: 50px;}
.overlay .menu ul ul li {position: relative;float: none;margin: 0;width: 100%;border: 0;}
.overlay .menu ul ul li a {color: #fff;text-transform: uppercase;font-weight: 400;font-size: 16px;letter-spacing: 2px;
-webkit-transition: all .2s linear 0s;-moz-transition: all .2s linear 0s;-o-transition: all .2s linear 0s;transition-property: all .2s linear 0s;}
.overlay .menu ul ul li a:hover {color: #20365f;}

/* Hide Dropdowns by Default */
.overlay .menu ul ul ul {
	display: none;
	position: relative; 
	left: 0;
    background: #1f1f1f;
	z-index: 1001;
}
.overlay .menu ul ul ul li a {
	font-size: 14px;
}
	
/* Display Dropdowns on Hover */
.overlay .menu ul ul li:hover > ul {
	display:inherit;
}


#social  span {float: left;color:#fff;margin-right: 10px;padding-top:5px;font-weight: 400;}
#social  a {  padding: 5px 0;text-align: center;margin-left: 0px;top:5px;position: relative;color:#fff;font-size: 16px;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
#social  a:hover {color:#1f4d9a;}
#social  i {color: #fff;font-size:18px;font-family:'FontAwesome' !important;margin-left: 10px;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
#social  a:hover i {color:#1f4d9a}
/* ERROR CONTACT */

#error, #mail_success {display: none}

/* BANNER APPS */

#bannermobile_android, #bannermobile_ios  { position: fixed;top:0;width: 100%;z-index: 999999999;display:none ;}
#bannermobile_android a, #bannermobile_ios a {     color: #fff;
    float: left;
    padding: 10px 0px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    width: 100%;
    background: #000;
    text-align: center;}
 #bannermobile_android a i, #bannermobile_ios a i  { font-family:'FontAwesome' !important;margin-left: 5px; }


/* Common style */

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
    padding: 0 70px;
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 26px;
    margin: 5px;
        padding: 5px 15px;
    background: #1f4d9a;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 0px;
     -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}


.owl-theme .owl-controls {
      margin-top: 0px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
}

.owl-prev {position: absolute;left: 0;}
.owl-next {position: absolute;right: 0;}

#owl-ediciones .owl-controls { 

   margin-top: 10px;
    text-align: center;
    position: absolute;
    top: 30%;
    
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #20365f;}

#owl-ediciones .owl-prev { left:0px;}
#owl-ediciones .owl-next { right:0px;}

.owl-next i { left: 4px;
    position: relative; font-family: 'FontAwesome' !important;}

.owl-prev i { right: 0px;
    position: relative;font-family: 'FontAwesome' !important; }


@media only screen and (max-width: 40em) {



.overlay .menu ul li {float: none;margin-bottom: 0px;width: 100%;border-bottom: 1px solid #ffffff;}
.overlay .menu ul li:last-child {border: 0;}
.overlay .menu ul ul {margin-top: 20px;}    

#nosotros {padding: 0;}
#nosotros .info {min-height: 200px;
    width: 100%;
    right: 0;
    top: -20px;
      background: rgb(31, 77, 154);
    position: relative;
    padding: 20px 40px;
    clear: both;}
#nosotros h1 {margin-top: 0px;}
#nosotros_sec_2 {padding-top: 0;}
#nosotros_sec_2 h1 {margin-top:0;}

figure.effect-lily h4 {margin-top: 60px;}

.slidescont2 {top:10%;}

 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) {

	

 } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	
#nosotros .info {width: 45%;}
	
 } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) { 


		

 } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    

    
 } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) {  } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { #submenu ul {  width: 55%;} } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  { 
    

    
}