@charset "utf-8";
/* CSS Document */

/* COLORES 
Azul corporativo: #002f54
Amarillo corporativo: #dfa12e
*/
/* NIVELES 
8500: Marquesina
9000: Menu lateral naranja
9500: Mapa web
*/
/* FUENTES 
font-family: 'Titillium Web', sans-serif; MENU y titulares
font-family: 'Roboto Slab', serif; PÁRRAFOS
*/




@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { } /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */

/** {font-family: 'Roboto', sans-serif;}*/

html{width:100%;height:100%;margin:0 auto;padding:0 auto;overflow-x:hidden;}
body{width:100%;height:100%;margin:0 auto;padding:0 auto;}
header{position:absolute;z-index:9000 !important;background:transparent;}
.header{padding-top:10px}
.row {width:100%;max-width:120em;}
#main{padding-top:0px;min-hight:80vh}
.main{padding-top:0px;min-hight:80vh}

/* Efecto tamaño header  cuando scroll */
header {position:fixed;width:100%;-webkit-transition: padding 0.3s;-moz-transition: padding 0.3s;-ms-transition: padding 0.3s;-o-transition: padding 0.3s;transition: padding 0.3s;-webkit-transition: 0.3s ease-in-out;  -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
header .barra-menu{background:rgb(255,255,255,1);}

header.smaller{margin-top:-47px}
header.smaller .name img.logo{width:200px;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;transition: width 0.3s;margin-top:5px;opacity:0;}
header.smaller .top-bar-main{background:rgb(0,47,84,1);background:rgb(255,255,255,1);}
header.smaller .barra-menu{background:rgb(0,47,84,1);background:rgb(255,255,255,1);}
header.smaller .top-bar-section-main ul li {}
header.smaller .top-bar-section-main ul li > a {background:#FFF !important;/*color:#FFF !important*/} 
header.smaller .top-bar-section-main ul li > a i{/*color:#FFF*/} 

header.smaller .top-bar-section-main ul li > a:hover {color:#f7a600 !important;background-color:#FFF !important}   
header.smaller .top-bar-section-main ul li > a:hover span{color:#f7a600 !important;}   
header.smaller .top-bar-section-main ul li.active > a {color:#f7a600 !important;}
header.smaller .top-bar-section-main ul li.active > a span{color:#f7a600 !important;}
header.smaller .top-bar-section-main ul li.active > a:hover {color:#000 !important;background-color:#FFF}

header.smaller .menu-lateral .detallelogo{opacity:1;}


/*
header.smaller {background-color:#FFF!important;margin-top:-45px}
header .logo{-webkit-transition: 0.3s ease-in-out;  -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
header .logo img{margin-top:0px;}
header.smaller .logo{transform: scale(0.8);margin-top:25px}
*/


@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { 
#main{padding-top:0px}
.main{padding-top:0px}

header {position:relative;}

} /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */


/* BARRA SUPERIOR INFORMATIVA*/
.barra-superior{background:rgb(0,47,84,1);}
.barra-superior .contenido-movil{padding-top:10px;padding-bottom:10px}
.barra-superior .contenido-movil a{color:#FFF}


/* MENÚ PRINCIPAL */
.barra-menu{background-color:#fff}
.barra-menu .contenido{padding-left:5%}
.top-bar-main {background:#fff} 
.top-bar-main.smaller{} 
.top-bar-main.expanded .title-area {}  
.top-bar-main .title-area h1{}
.top-bar-main img.logo{width:300px;margin-top:-40px;background-color:#fff;padding:10px 15px 10px 15px;border-radius:5px;}
.top-bar-section-main ul li {background:transparent}
.top-bar-section-main ul li > a{font-family: 'Titillium Web', sans-serif !important;font-weight:600;background-color:#fff !important;font-size:1.1em;padding-top:10px !important;padding-bottom:10px !important;color:#002f54 !important} 
.top-bar .has-dropdown > a:after { border-color: #002f54 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important; opacity:0.5;}
.top-bar .has-dropdown > a:hover:after { border-color: #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important; opacity:0.5;}
.top-bar-section-main ul li > a i{/*background-color:#41546b !important;*/font-size:1.3em;padding-top:8px;padding-bottom:7px;color:#41546b} 
.top-bar-section-main ul li > a:hover {color:#FFF !important;background-color:#dfa12e !important}   
.top-bar-section-main ul li.active > a {color:#FFF !important;background-color:#dfa12e !important}   
.top-bar-section-main ul li > a:hover>i {color:#FFF !important}   
.top-bar-section-main ul li.active > a:hover {color:#bfcfe8 !important}
.top-bar-section-main ul li ul{} 
.top-bar-section-main ul li ul li > a{font-family: 'Titillium Web', sans-serif !important;font-weight:600 !important;background-color:#FFF !important;font-size:1.1em;padding-top:5px !important;paddng-bottom:0px !important;border-top:2px solid #dfa12e} 
.top-bar-section-main ul li ul li > a:hover{color:#FFF !important} 
.top-bar-section-main ul li ul li.active > a:hover {color:#bfcfe8 !important}


/* MENÚ SUPERIOR */

.top-bar-sup {background:transparent} 
.top-bar-sup.smaller{} 
.top-bar-sup.expanded .title-area {}  
.top-bar-sup .title-area h1{}
.top-bar-sup .logo{width:180px;margin-top:-46px;}
.top-bar-section-sup ul li {background:transparent}
.top-bar-section-sup ul li > a{font-family: 'Titillium Web', sans-serif !important;font-weight:400;background:transparent !important;font-size:1em;} 
.top-bar-section-sup ul li > a i{background:transparent !important;font-size:1.3em;padding-top:10px !important;padding-bottom:7px;padding-right:10px;} 
.top-bar-section-sup ul li > a:hover {color:#bfcfe8 !important}   
.top-bar-section-sup ul li > a:hover>i {color:#bfcfe8 !important;background:transparent !important}   
.top-bar-section-sup ul li.active > a:hover {color:#bfcfe8 !important}
.top-bar-section-sup ul li ul li > a{font-family: 'Titillium Web', sans-serif !important;font-weight:600;background-color:#41546b !important;font-size:1.1em} 
.top-bar-section-sup ul li ul li > a:hover{color:#bfcfe8 !important} 
.top-bar-section-sup ul li ul li.active > a:hover {color:#bfcfe8 !important}




@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { 
header {position:relative;}

#main{padding-top:0px}
.main{padding-top:0px}

.barra-menu .contenido{padding-left:0%}

/*
.menu-superior{padding-top:20px;padding-bottom:20px}
.menu-superior a{color:#FFF;font-family: 'Titillium Web', sans-serif;font-size:1.3em;}
.menu-superior a i{margin-right:10px}
*/
.top-bar-main {height:80px;background-color:#FFF !important} 
.top-bar-main .title-area{height:80px;}
.top-bar-main img.logo{width:200px;margin-top:15px;padding:5px 10px 5px 10px;}
.top-bar .toggle-topbar.menu-icon a {font-family: 'Titillium Web', sans-serif;color:#41546b;font-size:2em;} /* color de la palabra MENU */
.top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0 0 2px #ed821a, 0 7px 0 2px #ed821a, 0 14px 0 2px #ed821a;} /* color de la hamburguesa */
.top-bar.expanded .toggle-topbar a span::after {box-shadow: 0 0 0 1px #f7a600, 0 7px 0 1px #f7a600, 0 14px 0 1px #f7a600; } /* color de la hamburguesa presionado*/
.top-bar-section-main ul li > a{padding-top:5px !important;padding-bottom:5px !important;border-bottom:1px solid #ed821a} 


} /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.top-bar-main img.logo{width:200px;margin-top:-40px;background-color:#fff;padding:5px 10px 5px 10px;border-radius:5px;}
.top-bar-section-main ul li{padding-top:0px !important;padding-bottom:0px !important} 
.top-bar-section-main ul li > a{font-size:0.9em;padding-top:0px !important;padding-bottom:0px !important;line-height:0.9em} 
.top-bar-section-main ul li ul li > a{font-size:0.9em} 
.top-bar-section-privado ul li{padding-top:0px !important;padding-bottom:0px !important} 
.top-bar-section-privado ul li > a{font-size:0.8em;padding-top:0px !important;padding-bottom:0px !important} 

} /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */

/* SLIDER HOME Y SECCIONES*/

.home-slider{padding-top:60px}
.layerslider-home{width:1920px;height:658px}
.layerslider-home h1{top: 20vh; color:#FFF;padding-left:20px;padding-right:20px;padding-top:30px;padding-bottom:25px;font-size:4em;font-family: 'Oswald', sans-serif;line-height:1em;background:rgb(34,58,94,0);font-weight:600;text-align:center;left:50%;transform: translate(-50%) !important; }
.layerslider-home img {filter: brightness(50%);}

.layerslider-seccion{width:auto; height: 100%;min-height:580px;padding-top:100px}
.layerslider-seccion h1{top: 20vh; color:#FFF;padding-left:20px;padding-right:20px;padding-top:30px;padding-bottom:25px;font-size:4em;font-family: 'Oswald', sans-serif;line-height:1em;background:rgb(34,58,94,0);font-weight:600;text-align:center;left:50%;transform: translate(-50%) !important;}
.layerslider-seccion img {filter: brightness(70%);}


.nota-home{position:absolute;left:0;bottom:-155;margin-top:-130px !important;background:rgb(2,46,79,0.5);z-index:8500;width:100%;padding-left:6%;padding-top:20px;padding-bottom:20px;color:#FFF;font-weight:600;font-family: 'Titillium Web', sans-serif ;font-size:1.1em;}
.nota-home a{margin-left:20px;color:#dfa12e;padding:8px 5px 8px 5px;font-weight:400}
.nota-home a:hover{opacity:0.7}
.nota-home span{color:#dfa12e;font-size:1.1em;font-weight:800;margin-right:10px}

@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) { 
.home-slider{padding-top:0px}

.layerslider-home{width:640px;height:350px/*position:absolute !important;top:0 !important;left:0 !important;*/}
.layerslider-home img{width:640px !important;height:auto !important}
.layerslider-home h1{top: 2vh;font-size:1em;}

.layerslider-seccion{width:640px; height: 193px;min-height:0px;padding-top:0px}
.layerslider-seccion img{width:640px !important; height: auto !important;min-height:0px;}
.layerslider-seccion h1{top: 2vh; font-size:1em;}



.nota-home{position:absolute;left:0;bottom:-155;margin-top:-131px !important;background:rgb(2,46,79,0.8);padding-left:20px 20px 20px 20px;font-weight:600;font-size:0.9em;padding-left:0px}
.nota-home a{color:#dfa12e;padding:8px 5px 8px 5px;font-weight:400;}
.nota-home span{font-size:0.9em;font-weight:600;margin-right:0px;padding-left:20px}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.layerslider-home{width:1440px;height:550px}
.layerslider-home img{width:1440px !important;height:auto !important}
.layerslider-home h1{top: 10vh; color:#FFF;padding-left:20px;padding-right:20px;padding-top:30px;padding-bottom:25px;font-size:3em;font-family: 'Oswald', sans-serif;line-height:1em;background:rgb(34,58,94,0);font-weight:600;text-align:center;left:50%;transform: translate(-50%) !important; }


} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/


/* FORMATOS */
h1{font-family: 'Titillium Web', sans-serif ;font-weight:600;color:#223a5e}
h1 img{width:45px;margin-right:10px}
h2{font-family: 'Titillium Web', sans-serif ; color:#223a5e;font-weight:600}
h2.titulo{font-weight:600}
h2 b,h2 strong{font-family: 'Titillium Web', sans-serif ; color:#223a5e}
h2 span{font-family: 'Titillium Web', sans-serif ; color:#dfa12e}
h2 img{width:45px;margin-right:10px}
h3{font-family: 'Roboto Slab', serif;color:#223a5e}
h3.titulo{font-family: 'Damion', cursive;color:#dfa12e;margin-top:-10px;margin-bottom:30px}
h4{font-family: 'Roboto Slab', serif;color:#223a5e}
h5{font-family: 'Roboto Slab', serif;color:#223a5e}
p{font-family: 'Roboto Slab', serif;color:#223a5e;font-size:1em;}
p b{font-family: 'Roboto Slab', serif;color:#223a5e;font-size:1em;}
p strong{font-family: 'Roboto Slab', serif;color:#223a5e;font-size:1em;}
a{font-family: 'Roboto Slab', serif;}
a:hover{}
blockquote {border-left:3px solid #dfa12e;color:#222 !important;background-color:#f2f2f2;padding-top:20px;padding-bottom:13px}
blockquote p{color:#222 !important;}
.main ul li {font-family: 'Roboto Slab', serif;color:#223a5e;font-size:1em;}
.main ol li {font-family: 'Roboto Slab', serif;color:#223a5e;font-size:1em;}

.main .contenido ul {
  list-style: none; /* Remove default bullets */
}

.main .contenido ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #dfa12e; /* Change the color */
  font-size:1.5em;
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


.main table{font-family: 'Roboto Slab', serif;}
.main table th{font-family: 'Roboto Slab', serif;}
.main table tr td{font-family: 'Roboto Slab', serif !important;color:#223a5e;font-size:1em;}

.sombra{-webkit-box-shadow: 10px 10px 22px -7px rgba(34,58,94,1);-moz-box-shadow: 10px 10px 22px -7px rgba(34,58,94,1);box-shadow: 10px 10px 22px -7px rgba(34,58,94,1);}

/* Videos de youtube responsive */
.video-responsive {position: relative;padding-bottom: 56.25%; /* 16/9 ratio */padding-top: 30px; /* IE6 workaround*/height: 0;overflow: hidden;}
.video-responsive iframe,.video-responsive object,.video-responsive embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // 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 // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/




/* MENU LATERAL */
.menu-lateral{position:fixed;top:0;left:0;height:100vh;z-index:1500;margin-left:0%;width:4%;padding-top:20px;background-color:#dfa12e;background-color:#f9f9fb;z-index:9000}
.menu-lateral .detallelogo{opacity:0;-webkit-transition: 0.3s all;  -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;width:60px}
.menu-lateral a{margin-top:0px;text-align:center;font-size:0.8em;font-weight:bold;color:#262626;font-family: 'Raleway', sans-serif; }
.menu-lateral a.active{color:#f8b144}
.menu-lateral a.tooltips {position: relative;display: inline;font-size:1.1em;}
.menu-lateral a.tooltips span {visibility: hidden;position: absolute;width:200px;color:#FFF;background: #dfa12e;height: 30px;line-height: 30px;text-align: center;visibility: hidden;border-radius: 6px;font-size:0.9em !important}
.menu-lateral a.tooltips span:after {content: '';position:absolute;top:50%;left: 0%;margin-left: -8px;width: 0; height: 0; border-bottom: 8px solid ##dfa12e;border-right: 8px solid transparent;border-left: 8px solid transparent;}
.menu-lateral a:hover.tooltips span {font-family: 'Pacifico', cursive;font-size:0.9em;visibility: visible;top: -10px;left: 50%;margin-left: 30px;z-index: 999;font-weight:lighter; letter-spacing:0.1em}

.menu-lateral-movil{padding-top:18px;height:50px}
.menu-lateral-movil a{font-size:1em;font-weight:bold;color:#262626;font-family: 'Raleway', sans-serif;margin-right:10px;line-height:1.5em}
.menu-lateral-movil a.active{color:#f8b144}


@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.menu-lateral{width:5%;}
.menu-lateral .detallelogo{width:50px}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/




/* MAPA WEB */
.mapa-web{width:100%;min-height:100vh;height:100%;background-color:#022e4f;position:fixed;top:0;left:0;z-index:9500;padding-top:30px;margin-top:-2000px;overflow-y:scroll}
.mapa-web.animameAbrir{animation-iteration-count: 1;animation-duration: 1s; animation-name: slidein; animation-fill-mode: forwards;}
.mapa-web.animameCerrar{animation-iteration-count: 1;animation-duration: 1s; animation-name: slideout;animation-fill-mode: forwards;}
.mapa-web .cerrar{font-family: 'Titillium Web', sans-serif;font-weight:600;color:#41546b;margin-top:10px }
.mapa-web ul li{padding-top:3px !important;padding-bottom:3px !important;}
.mapa-web ul li a{color:#223a5e;padding-top:10px !important;padding-bottom:10px !important;}
.mapa-web a{color:#223a5e;}
.mapa-web a:hover{color:#dfa12e !important;}
.mapa-web .pie{border-bottom:1px dotted #FFF;padding-bottom:30px;padding-top:35px}
.mapa-web .pie p a{color:#FFF}
.mapa-web .pie p a:hover{color:#dfa12e !important;}

@keyframes slidein {from {margin-top:-2000px;}to {margin-top:0px;}}
@keyframes slideout {from {margin-top:0px;}to { margin-top:-2000px;}}

/* Botón Envianos un mensaje */
.boton-contacta-home{position:fixed;bottom:0;left:0;z-index:9300;margin-bottom:30px;margin-left:18px;font-size: 1.2em; font-family: 'Raleway', sans-serif;color:#022e4f;font-weight: bold;writing-mode: sideways-lr; -webkit-writing-mode: sideways-lr; -ms-writing-mode: sideways-lr;writing-mode:vertical-lr;transform: rotate(180deg);}
.boton-contacta-home a{color:#262626;}
.boton-contacta-home a span{color:#dfa12e;}
.boton-contacta-home:hover {animation: shake-boton 0.5s;/* Start the shake animation and make the animation last for 0.5 seconds */animation-iteration-count: infinite;/* When the animation is finished, start again */;}
@keyframes shake-boton {  
   0% { transform: translate(1px, 1px) rotate(180deg); }
  10% { transform: translate(-1px, -2px) rotate(179deg); }
  20% { transform: translate(-3px, 0px) rotate(181deg); }
  30% { transform: translate(3px, 2px) rotate(180deg); }
  40% { transform: translate(1px, -1px) rotate(181deg); }
  50% { transform: translate(-1px, 2px) rotate(179deg); }
  60% { transform: translate(-3px, 1px) rotate(180deg); }
  70% { transform: translate(3px, 1px) rotate(179deg); }
  80% { transform: translate(-1px, -1px) rotate(181deg); }
  90% { transform: translate(1px, 2px) rotate(180deg); }
  100% { transform: translate(1px, -2px) rotate(179deg); }
}

/* REDES SOCIALES DE COLORES */
.redes .facebook{background-color:#3b5998;padding-top:20px;padding-bottom:20px;}.redes .facebook:hover{opacity:0.8}
.redes .twitter{background-color:#00abf1;padding-top:20px;padding-bottom:20px;}.redes .twitter:hover{opacity:0.8}
.redes .linkedin{background-color:#007ab9;padding-top:20px;padding-bottom:20px;}.redes .linkedin:hover{opacity:0.8}
.redes .youtube{background-color:#cf2200;padding-top:20px;padding-bottom:20px;}.redes .youtube:hover{opacity:0.8}
.redes .google{background-color:#d0422a;padding-top:20px;padding-bottom:20px;}.redes .google:hover{opacity:0.8}
.redes .rss{background-color:#e19126;padding-top:20px;padding-bottom:20px;}.redes .rss:hover{opacity:0.8}
.redes .pinterest{background-color:#b7020d;padding-top:20px;padding-bottom:20px;}.redes .pinterest:hover{opacity:0.8}
.redes i{color:#FFF;font-size:2em;}
.redes ul li::before {content: "" !important;color: transparent !important;font-size:1em;font-weight: bold;display: inline-block;width: 0em;margin-left: 0em;}


/* ESTRUCTURA */
.seccion-simple-01{background-color:#fff;}
.seccion-simple-01 .contenido{padding-top:60px;padding-bottom:60px}
.seccion-simple-01 .contenido h1{text-align:center}

.seccion-01{}
.seccion-01 .contenido{background: url(../imagenes/fondo-puntos2.png);  background-repeat:repeat;padding-top:40px;padding-bottom:40px}
.seccion-01 .contenido .izq{padding-top:50px;padding-bottom:50px;position:relative;z-index:80;}
.seccion-01 .contenido .izq .texto{background-color:#f9f9fb;padding:50px 100px 50px 50px;margin-left:80px;}
.seccion-01 .contenido .izq h2{font-weight:600;padding-bottom:25px}
.seccion-01 .contenido .dcha{position:relative;z-index:90;}
.seccion-01 .contenido .dcha .fondo{position:absolute;background-color:#FFF;width:100%;height:100%;margin-left:100px}
.seccion-01 .contenido .dcha .img{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);}
.seccion-01 .contenido .dcha .img img{border-radius:5px;-webkit-box-shadow: 10px 10px 12px -1px rgba(176,176,176,1);-moz-box-shadow: 10px 10px 12px -1px rgba(176,176,176,1);box-shadow: 10px 10px 12px -1px rgba(176,176,176,1);}

@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) { 
.seccion-01{}
.seccion-01 .contenido{}
.seccion-01 .contenido .izq{}
.seccion-01 .contenido .izq .texto{padding:50px 20px 50px 20px;margin-left:0px;}
.seccion-01 .contenido .dcha{background-color:#FFF;margin-top:50px;padding-top:30px}
.seccion-01 .contenido .dcha .fondo{position:relative;background-color:#FFF;width:100%;height:100%;margin-left:0px}
.seccion-01 .contenido .dcha .img{position:relative;background-color:#FFF;}
.seccion-01 .contenido .dcha .img img{}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // 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 // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/

.seccion-02{}
.seccion-02 .contenido{background-color:#f9f9fb;padding-top:40px;padding-bottom:40px}
.seccion-02 .contenido .izq{position:relative;z-index:90;}
.seccion-02 .contenido .izq .img{position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);}
.seccion-02 .contenido .izq .img img{border-radius:5px;-webkit-box-shadow: 10px 10px 12px -1px rgba(31,63,119,1);-moz-box-shadow: 10px 10px 12px -1px rgba(31,63,119,1);box-shadow: 10px 10px 12px -1px rgba(31,63,119,1);}
.seccion-02 .contenido .dcha{padding-top:50px;padding-bottom:50px;position:relative;z-index:80;color:#FFF !important}
.seccion-02 .contenido .dcha .texto{background-color:#002f54;padding:50px 50px 50px 100px;margin-left:-80px;color:#FFF !important}
.seccion-02 .contenido .dcha h2{font-weight:600;color:#FFF !important;padding-bottom:25px}
.seccion-02 .contenido .dcha h3{color:#FFF !important;}
.seccion-02 .contenido .dcha p{color:#FFF !important;}
.seccion-02 .contenido .dcha p b{color:#FFF !important;}
.seccion-02 .contenido .dcha p strong{color:#FFF !important;}
.seccion-02 .contenido .dcha ol li{color:#FFF !important;}
.seccion-02 .contenido .dcha ul li{color:#FFF !important;}
.seccion-01 .contenido .dcha .img img{}

@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) { 
.seccion-02{}
.seccion-02 .contenido{background-color:#f9f9fb;padding-top:40px;padding-bottom:40px}
.seccion-02 .contenido .izq{position:relative;z-index:90;}
.seccion-02 .contenido .izq .img{position:relative;background-color:#FFF;margin-bottom:0px}
.seccion-02 .contenido .izq .img img{}
.seccion-02 .contenido .dcha{padding-top:0px;padding-bottom:50px;position:relative;z-index:80;color:#FFF !important;margin-top:-50px}
.seccion-02 .contenido .dcha .texto{background-color:#002f54;padding:50px 20px 50px 20px;margin-left:0px;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // 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 // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/



/* NARANJA
   ================================================== */
a.botondescarga {padding: 12px 30px 15px 30px;cursor: pointer;color:#dfa12e !important;text-align: left;font-weight: 400;display: inline-block !important;font-family: 'Titillium Web', sans-serif;font-family: 'Roboto Slab', serif;
font-size:1em;margin: 0px 0px 0px 0px; text-decoration: none;transition: background-position .2s ease, margin .1s ease;-webkit-transition: background-position .2s ease, margin .1s ease;-moz-transition: background-position .2s ease, margin .1s ease;background-repeat: repeat-x;}
a.botondescarga:hover {color:#ffffff !important;background-color:#dfa12e;transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; }
a.botondescarga:active {-webkit-box-shadow: -1px -1px 2px 0 rgba(0,0,0,.3);-moz-box-shadow: -1px -1px 2px 0 rgba(0,0,0,.3);box-shadow: -1px -1px 2px 0 rgba(0,0,0,.3); margin: 2px 0 20px 10px;}
a.naranja {background-color: #fff;border: 1px solid #dfa12e;}




/* HOME */

/* Efecto filtro imagenes */
img.filter { -webkit-filter: grayscale(100%);filter: grayscale(100%);}
img.filter:hover {filter: none; -webkit-filter: grayscale(0%);}

/* Efectos fade-in imagenes */
.img-fadein{-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;}
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ 
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ 
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ 
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ 
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }

/* Bienvenida */
.home-bienvenida{background-color:#f6f7f7;position:relative;z-index:1000 !important;padding-top:80px;padding-bottom:80px;margin-top:-60px;}
.home-bienvenida .contenido{padding-left:3%}

/* Valores del centro */
.home-valores{background-color:#fff;padding-top:80px;padding-bottom:80px;}
.home-valores .contenido{background-color:#FFF !important;background: url(imagenes/iconos/icono-educando-persona-opacidad.png);  background-repeat:no-repeat;background-position:right bottom;background-size:auto 100%;paddint-op:40px;padding-top:40px;padding-left:3%}
.home-valores .contenido h2{color:#dfa12e}
.home-valores .contenido .fondo{background: url(../imagenes/fondo-puntos2.png);  background-repeat:repeat;padding-bottom:50px;padding-top:50px}
.home-valores .contenido .side-nav li{margin-bottom:0px;margin-top:0px}
.home-valores .contenido .side-nav li a{font-family: 'Titillium Web', sans-serif;font-size:2em;border-bottom:1px dotted #dfa12e;border-top:1px dotted #dfa12e;color:#002f54}
.home-valores .contenido .side-nav li a span{float:right}
.home-valores .contenido .side-nav li a:hover{font-family: 'Titillium Web', sans-serif;font-size:2em;border-bottom:1px dotted #dfa12e;border-top:1px dotted #dfa12e;color:#FFF;background-color:#dfa12e}
.home-valores .contenido .side-nav li a:hover img{filter:  brightness(0) invert(1);}
.home-valores .contenido .side-nav li a.active{background-color:#dfa12e;color:#FFF}
.home-valores .contenido .side-nav li a.active img{filter:  brightness(0) invert(1);}
.home-valores .contenido .side-nav li a img.icono{width:40px;margin-right:15px;}
.home-valores .contenido .side-nav li a img.mas{float:right;width:40px;}
.home-valores .contenido .side-nav{list-style: none !important;}
.home-valores .contenido .side-nav li::before { content: ""; display:none; margin-left: 0em;}


@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) { 
.home-valores .contenido .side-nav li a{font-size:1.3em}
.home-valores .contenido .side-nav li a:hover{font-size:1.3em}
.home-valores .contenido .side-nav li a img.icono{width:30px;margin-right:10px;}
.home-valores .contenido .side-nav li a img.mas{width:20px;}
.home-valores .contenido .contenido{padding-left:20px}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.home-valores .side-nav li a{font-size:1.2em}
.home-valores .side-nav li a:hover{font-size:1.2em}
.home-valores .side-nav li a img.icono{width:30px;margin-right:10px;}
.home-valores .side-nav li a img.mas{width:20px;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/



/* Etapas educativas */
.home-etapas{background-color:#f9ecd3;position:relative;z-index:1000 !important;padding-top:80px;padding-bottom:80px;}
.home-etapas .etapa .fondo{background:rgb(249,249,251,0.9);display:inline-block;border-radius:5px;padding:10px 10px 10px 10px}
.home-etapas .etapa .contenido{padding-top:30px}
.home-etapas .etapa h2{font-size:1.8em;font-weight:600}
.home-etapas .etapa h3{font-family: 'Damion', cursive;color:#dfa12e;margin-top:-10px;font-weight:lighter;font-size:1.4em}
.home-etapas .etapa .flecha{width:35px}
.home-etapas .etapa a:hover{opacity:0.8}

.home-etapas .etapa1{background-image: url(../imagenes/educacion-infantil-escolapios-aluche.jpg); background-color: #FFF;height: 500px; background-position: center;background-repeat: no-repeat; background-size: cover;padding:10px 10px 0px 0px;border:1px solid #dfa12e}
.home-etapas .etapa2{background-image: url(../imagenes/educacion-primaria-escolapios-aluche.jpg); background-color: #FFF;height: 500px; background-position: center;background-repeat: no-repeat; background-size: cover;padding:10px 10px 0px 0px;border:1px solid #dfa12e}
.home-etapas .etapa3{background-image: url(../imagenes/educacion-secundaria-eso-escolapios-aluche.jpg); background-color: #FFF;height: 500px; background-position: center;background-repeat: no-repeat; background-size: cover;border:1px solid #dfa12e}
.home-etapas .etapa4{background-image: url(../imagenes/fp-basica-escolapios-aluche.jpg); background-color: #FFF;height: 500px; background-position: center;background-repeat: no-repeat;background-size: cover;border:1px solid #dfa12e}
.home-etapas .etapa5{background-image: url(../imagenes/fp-grado-medio-escolapios-aluche.jpg); background-color: #FFF;height: 500px; background-position: center;background-repeat: no-repeat; background-size: cover;border:1px solid #dfa12e}

@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) { 
.home-etapas{padding-top:40px;padding-bottom:30px;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // 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 // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/

	/* Enlaces */
.home-enlaces{background-color:#FFF;padding-top:50px;padding-bottom:50px;}
.home-enlaces h2{font-weight:600;text-align:center;}
.home-enlaces h3{font-family: 'Damion', cursive;color:#f46e16;margin-top:-10px;text-align:center;}

	/* Galería de fotos */

.orbit-caption-ambiente{text-align:center !important;background:rgb(223,161,46,0.9) !important;width:500px !important;left: 50%; top: 50%; transform: translate(-50%,-50%);font-family: 'Damion', cursive;background-color:#dfa12e;color:#FFF;font-size:3em!important;line-height:1em;margin-bottom:200px;padding-top:30px;padding-bottom:40px}
.orbit-caption-ambiente span{}
.orbit-bullets-container{margin-top:-50px;}
.orbit-bullets li {background: transparent;border:2px solid #FFF;width: 1rem;height: 1rem;border-radius: 1000px; }
.orbit-bullets li.active {background: #FFF; }
.orbit-ambiente .bc{position:absolute;width:60px;margin-top:-60px;}

@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) { 
.orbit-caption-ambiente{width:80% !important;font-size:1.5em!important;line-height:1em;margin-bottom:0px;padding-top:30px;padding-bottom:30px}
.orbit-ambiente .bc{position:absolute;width:30px;margin-top:-30px;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // 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 // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/


/* NOTICIAS */

	/* Listado de noticias */
.home-noticias{background-color:#f9f9fb;position:relative;z-index:1000 !important;padding-top:100px;padding-bottom:80px;}
.home-noticias .contenido{padding-left:3%}
.noticia-detalle{}
.noticia-detalle .fondo{background-color:#e3e5e5;}
.noticia-detalle .imagen{overflow:hidden}
.noticia-detalle .fondo .foto{ transition: transform .2s; }

.noticia-detalle .texto{padding-top:30px;padding-bottom:30px}
.noticia-detalle .texto h1{font-family: 'Roboto Slab', serif;font-size:1.5em;line-height:1.2m;font-weight:400}
.noticia-detalle h2{font-weight:600;text-align:center}
.noticia-detalle .texto h3{font-family: 'Roboto Slab', serif !important;font-weight:800 !important;color:#dfa12e;margin-top:-10px;text-align:center}
.noticia-detalle .texto h5{font-family: 'Roboto Slab', serif;font-size:0.8em;font-weight:400;background-color: #bfcfe8;border-radius:5px;color:#FFF;padding:5px 10px 5px 10px;display:inline-block;margin-bottom:10px !important}
.noticia-detalle .texto p{font-size:1em;line-height:1.2m;font-weight:400}
.noticia-detalle .texto .flecha{width:40px;transition: transform .2s;}
.noticia-detalle a:hover>.fondo{background-color:#FFF;}
.noticia-detalle a:hover>.fondo .foto{transform: scale(1.2);overflow:hidden;}
.noticia-detalle a:hover>.texto .flecha{transform: translateX(20px);}





/*
.noticia-detalle .fondo .fecha{padding-top:20px;padding-bottom:0px}
.noticia-detalle .fondo .redes{padding-top:25px;padding-bottom:0px}

.noticia-detalle h3{font-family: 'Roboto Slab', serif !important;font-weight:800 !important;background: -webkit-linear-gradient(#f08010, #f08010);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.noticia-detalle .texto{padding-top:30px;padding-bottom:20px}
.noticia-detalle .texto a:hover>h1{color:#bfcfe8}
.noticia-detalle .texto a:hover>img{transform: scale(1.2);}
.noticia-detalle .texto h1{font-family: 'Roboto Slab', serif;font-size:1.5em;line-height:1.2m;font-weight:400}
.noticia-detalle .texto h5{font-family: 'Roboto Slab', serif;font-size:0.8em;font-weight:400;background-color: #bfcfe8;border-radius:5px;color:#FFF;padding:5px 10px 5px 10px;display:inline-block;margin-bottom:10px !important}
.noticia-detalle .texto p{font-size:1em;line-height:1.2m;font-weight:400}
*/

	/* Ficha de noticia */
.noticia-seccion{background-color:#fff;padding-top:120px;padding-bottom:0px}
.noticia-seccion  h3.fecha{font-family: 'Roboto Slab', serif !important;font-weight:800 !important;color:#dfa12e;margin-top:-10px;text-align:right}
.noticia-seccion h5{font-family: 'Roboto Slab', serif;font-size:0.9em;font-weight:400;color:#223a5e}
.noticia-seccion h5.autor{font-family: 'Roboto Slab', serif;font-size:0.8em;font-weight:400;background-color: #bfcfe8;border-radius:5px;color:#FFF;padding:5px 10px 5px 10px;display:inline-block;margin-bottom:20px !important}
.noticia-seccion .redes{padding-top:25px;padding-bottom:20px;}
.noticia-seccion .redes .social{width:30px;margin-left:5px;margin-bottom:5px}
.noticia-seccion .redes .social:hover{opacity:0.5}
.noticia-seccion .izq{padding-left:4%}
.noticia-seccion .dch{padding-top:130px }




@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { 
.noticia-detalle .fondo .fecha{padding-top:10px;padding-bottom:5px}
.noticia-detalle .fondo .redes{padding-top:0px;padding-bottom:5px;text-align:right !important;margin-top:-30px}
.noticia-detalle .fondo .social{width:30px;margin-left:5px;margin-bottom:0px;align:right !important;}
} /* 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) { } /* 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) { 
.noticia-detalle .texto h1{font-size:1.3em;line-height:1.2m;}
.noticia-detalle .texto p{font-size:0.9em;line-height:1m;font-weight:400}
.noticia-detalle .texto h5{font-size:0.7em;font-weight:400;padding:3px 5px 3px 5px;margin-bottom:10px !important}
} /* 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) { } /* 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 */


/* CONTACTO */

	/*.contacto-seccion{background-color:#f8fafd;padding-top:50px;padding-bottom:50px} */
	/* Datos de contacto */
.contacto-slider{padding-left:4%;padding-top:100px}
.contacto-datos{background: url(../imagenes/fondo-puntos2.png);  background-repeat:repeat;padding-top:80px;padding-bottom:80px}
.contacto-datos .contenido{background-color:#f9f9fb;padding:50px 100px 50px 50px;}
.contacto-datos p{font-size:1.3em}
.contacto-datos p a{color:#223a5e}
.contacto-datos p a:hover{color:#ed821a}

	/* Trabaja con nosotros */
.contacto-trabaja{background-image:url(../imagenes/fondo-trabaja-con-nosotros-1.jpg);padding-top:300px;padding-bottom:400px;background-repeat:no-repeat}
.contacto-trabaja h2{position:absolute; top:0; left:0;color:#FFF;font-size:4em;font-weight:bolder;line-height:1em}
.contacto-trabaja .boton-cv{color:#ed821a;font-size:0.5em;}
.contacto-trabaja .boton-cv:hover{color:#FFF}


@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) { 
.contacto-slider{padding-left:0%;padding-top:0px}
.contacto-trabaja{background-size:cover;background-position:center}
.contacto-trabaja h2{font-size:2em;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // 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 // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/





/* FORMULARIOS */
.boton-azul{font-family: 'Roboto Slab', serif;background-color:#223a5e;color:#FFF;-webkit-box-shadow: 10px 10px 22px -7px rgba(34,58,94,1);-moz-box-shadow: 10px 10px 22px -7px rgba(34,58,94,1);box-shadow: 10px 10px 22px -7px rgba(34,58,94,1);}
.boton-azul:hover{background-color:#FFF;color:#223a5e}
.boton-naranja{font-family: 'Roboto Slab', serif;background-color:#dfa12e;color:#FFF;-webkit-box-shadow: 10px 10px 22px -7px rgba(34,58,94,1);-moz-box-shadow: 10px 10px 22px -7px rgba(34,58,94,1);box-shadow: 10px 10px 22px -7px rgba(34,58,94,1);;border:1psx solid #dfa12e;}
.boton-naranja:hover{background-color:#FFF;color:#dfa12e;border:1psx solid #dfa12e;}



/* FORMULARIOS */
.form fieldset{}
.form legend{}
.form label{font-family: 'Titillium Web', sans-serif;color:#223a5e;font-size:1.2em;}
.form label span{color:#ed821a}
.form input[type="text"], .form input[type="password"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="month"], .form input[type="week"], .form input[type="email"], .form input[type="number"], .form input[type="search"], .form input[type="tel"], .form input[type="time"], .form input[type="url"], .form input[type="color"], .form textarea, .form select {background-color:#bfcfe8 !important; height: 2.5rem; border-radius: 0px;border-color:#223a5e !important;border-style:solid;border:none;-webkit-appearance: none;box-shadow: inset 0px 0px 0px 0px red;font-family: 'Roboto Slab', serif;font-size:1em}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #333;font-style: italic;}
::-moz-placeholder { /* Firefox 19+ */color: #333;font-style: italic;}
:-ms-input-placeholder { /* IE 10+ */color: #333;font-style: italic;}
:-moz-placeholder { /* Firefox 18- */color: #333;font-style: italic;}


/* AVISO LEGAL */
.legal-seccion{padding-top:150px;padding-bottom:60px;font-size:0.9em !important}

/* FOOTER */
footer {width:100%;max-width: 120em;background-color:#002f54;position:relative;z-index:8400}
footer h3{font-family: 'Titillium Web', sans-serif;padding-bottom:0px;padding-top:10px;color:#f8fafd !important;font-weight:600}
footer p{padding-top:0px;padding-bottom:0px; line-height: 1.8;font-size:1em;color:#f8fafd !important;}
footer a{color:#f8fafd !important;}
footer a:hover{color:#bfcfe8 !important;}
footer p a:hover{color:#bfcfe8 !important;}
footer a:active{color:#bfcfe8;}
footer .creditos{border-top:1px dotted #999;padding-top:20px;}
footer .creditos p{font-size:0.7em}

@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues // Small screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens // Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues // Medium screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens // Large screens*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
footer {margin-top:-80px;padding-top:0px}
footer p{font-size:0.8em;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues // Large screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens // XLarge screens*/
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues // XLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens // XXLarge screens*/



/* SCROLL */
.scrollup{width:40px;height:40px; opacity:0.6; position:fixed; bottom:38px; right:30px;display:none;text-indent:-9999px; background: url(../imagenes/icon_top.png) no-repeat;z-index:99999999}


/*PAGINACION*/
#Paginacion {}
#Paginacion li {list-style:none; float:left; }
#Paginacion a {float: left; margin-right:0px;background:transparent; font-family: 'Quicksand', sans-serif; !important;font-weight: 400;color:#FFF;font-size:0.7rem;border:0px;}
#Paginacion .numero {font-family: 'Quicksand', sans-serif;font-size:0.7em; background:transparent;padding: 9px 11px; color:#999;border:1px solid #999;margin-top:2px;margin-bottom:2px;margin-right:2px}
#Paginacion .numero:hover {background-color: #999;color:#fafafa;border:1px solid #999;}
#Paginacion .active {background-color: #999; color:#FaFaFa;border:1px solid #999;font-size:0.7rem;padding: 9px 11px;margin-top:2px;margin-bottom:2px;margin-right:1px}
#Paginacion .end-off,#Paginacion .first-off,#Paginacion .previous-off,#Paginacion .next-off{background:transparent;color:#CCC;font-size:1em;padding-top:10px;padding-left:5px;padding-right:5px;line-height:2em;}
#Paginacion .end-on,#Paginacion .first-on,#Paginacion .next-on,#Paginacion .previous-on{background:transparent;color:#999;font-size:1em;padding-top:10px;padding-left:5px;padding-right:5px;line-height:2em;}
#Paginacion .end-on:hover,#Paginacion .first-on:hover,#Paginacion .next-on:hover,#Paginacion .previous-on:hover{background-color:#999;color:FFF !important;font-size:1.3em;padding-top:10px;padding-left:5px;padding-right:5px;line-height:2em;}