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

/* COLORES 
Azul corporativo: #091b2a
Naranja corporativo: #ed821a
*/
/* NIVELES 
*/
/* FUENTES 
font-family: 'Roboto Condensed', sans-serif; MENU
font-family: 'Quicksand', sans-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:fixed;z-index:9000 !important;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);}
.row {width:100%;max-width:120em;}
#main{min-height:80vh;width:100%}
.main{min-height:80vh;width:100%}

/* Efecto tamaño header  cuando scroll */
header.smaller{margin-top:-80px}
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:3px}
header.smaller .logo{width:200px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;margin-top:80px}
header.smaller .top-bar-main{background:rgb(65,84,107,1);}
header.smaller .barra-menu{background:rgb(65,84,107,1);}
header.smaller .menu-logo{background-color:#FFF}
header.smaller .top-bar-section-main ul li {}
header.smaller .top-bar-section-main ul li > a {background:#41546b !important;color:#FFF !important} 
header.smaller .top-bar-section-main ul li > a i{color:#FFF !important} 
header.smaller .top-bar-section-main ul li > a:hover {color:#FFF !important;background-color:#ed821a !important}   
header.smaller .top-bar-section-main ul li.active > a {color:#FFF !important;background-color:#ed821a !important}
header.smaller .top-bar-section-main ul li.active > a:hover {color:#FFF !important;background-color:#ed821a !important}


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

} /* 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) { 
header.smaller .logo{width:150px;margin-top:45px}
} /* 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 */



/* MENÚ PRINCIPAL */
.top-bar-main {background:transparent} 
.top-bar-main.expanded .title-area {}  
.top-bar-main .title-area h1{}
.top-bar-main img.logo{width:400px !important;margin-top:-40px;background-color:#FFF;padding:5px 10px 5px 10px;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:#41546b !important;background:transparent !important;font-size:1.1em;padding-top:10px !important;padding-bottom:10px !important;color:#41546b !important} 
.top-bar-section-main ul li > a i{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:#f17b05  !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{border-top:2px solid #f17b05 } 
.top-bar-section-main ul li ul li > a{font-family: 'Titillium Web', sans-serif !important;font-weight:500 !important;background-color:#41546b !important;font-size:1.1em;padding-top:0px !important;padding-bottom:0px !important;color:#FFF !important;border-bottom:1px dotted #f17b05} 
.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:#ed821a !important}


/* MENÚ SUPERIOR */

.logo{width:250px;/*margin-top:-46px;^*/margin-top:27px}
.menu-superior{background:rgb(65,84,107,1);}
.top-bar-sup {background:transparent;} 
.top-bar-sup.smaller{} 
.top-bar-sup.expanded .title-area {}  
.top-bar-sup .title-area h1{}


.top-bar-sup ul{}
.top-bar-section-sup ul li {background:transparent;padding-bottom:0px !important;margin-bottom:0px !important}
.top-bar-section-sup ul li > a{font-family: 'Titillium Web', sans-serif !important;font-weight:400;background:transparent !important;font-size:1em;padding-bottom:0px !important;margin-bottom:0px !important} 
.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:#ed821a !important}   
.top-bar-section-sup ul li > a:hover>i {color:#ed821a !important;background:transparent !important}   
.top-bar-section-sup ul li.active > a:hover {color:#ed821a !important}
.top-bar-section-sup ul li a:hover>img{opacity:0.8;} 
.top-bar-section-sup ul li > a.red{padding-right:0px !important;padding-left:5px !important;padding-top:7px !important} 
.top-bar-section-sup ul li > a.red img{width:30px} 



@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}

.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:110px;} 
.top-bar-main .title-area{height:110px;Background-color:#FFF !important}
.top-bar-main img.logo{width:270px !important;margin-top:10px;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} 


/*
.top-bar-section-main{}
.top-bar-section-main ul{padding-top:20px;padding-bottom:20px;}
.top-bar-section-main ul li > a{font-weight:600;background-color:#223a5e !important;font-size:1em;padding-top:5px!important;padding-bottom:5px!important} 
*/
} /* 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-section-sup ul li > a{font-size:0.8em;} 

/*.top-bar-main img.logo{width:200px;margin-top:-40px;padding:5px 10px 5px 10px;}*/
.logo{margin-top:15px}
.top-bar-section-main ul li{padding-top:0px !important;padding-bottom:0px !important} 
.top-bar-section-main ul li > a{font-size:0.7em;padding-top:0px !important;padding-bottom:0px !important;padding-left:5px !important;padding-right: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;position:relative; z-index:1000}
.layerslider-home{width:auto;height:100vh}
.layerslider-home img{width:100%;height:100vh;z-index:-1 !important}
.layerslider-home h1{top:10vh;left:8%;padding:30px 30px 30px 30px;background-color: rgb(65,84,107,0.8);position:absolute !important;z-index:20 !important;font-family: 'Titillium Web', sans-serif;font-size:5em;line-height:0.9em;font-weight:900; color: #FFF !important;-webkit-text-stroke-width: 1px !important;-webkit-text-stroke-color:#41546b !important;width:30%;letter-spacing:0.05em }
.layerslider-home h1 hr{border:2px solid #f3b140; width:20%;margin-top:30px}
.layerslider-home p{top: 57vh; left:8%;background:transparent;color:#FFF;width:50%;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;font-size:3em;}



.borde-home{width:100%;height:50px;background-image: url("../imagenes/borde-pintado.png");background-repeat:repeat-x !important; background-position: left;margin-top:-150px;position:relative;z-index:8500;}

.lema{width:250px;border-radius:5px;z-index:8000;position:absolute;top:0;right:0;margin-top:170px;margin-right:20px;opacity:0.8}

.layerslider-seccion{width:auto; height: 100%;min-height:600px;/*position:absolute !important;top:0 !important;left:0 !important;*/}
.layerslider-seccion h1{top:15vh;left:4%;padding:30px 30px 30px 30px;background-color: rgb(65,84,107,0.8);position:absolute !important;z-index:20 !important;font-family: 'Titillium Web', sans-serif;font-size:3em;line-height:0.9em;font-weight:900;color: #FFF !important;-webkit-text-stroke-width: 1px !important;-webkit-text-stroke-color:#41546b !important;width:30%;letter-spacing:0.05em }
.layerslider-seccion h1 span{font-family: 'Mr Dafoe', cursive;color:#232323;font-size:1.5em;margin-left:-10px}
.layerslider-seccion h1 hr{border:1.5px solid #FFF;margin-top:0px}
.layerslider-seccion p{top: 35vh; left:8%;background:transparent;color:#FFF;width:50%;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;background-color: rgb(0, 0, 0,0.5);font-size:1.2em;font-family: 'Quicksand', sans-serif;}
.borde-seccion{width:100%;height:50px;background-image: url("../imagenes/borde-pintado.png");background-repeat:repeat-x !important; background-position: left;margin-top:-50px;position:relative;z-index:8500}



@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: 10vh;font-size:1em;}
.layerslider-seccion{width:640px;height:250px;min-height:0px;/*position:absolute !important;top:0 !important;left:0 !important;*/}
.layerslider-seccion img{width:640px !important;height:auto !important}
.layerslider-seccion h1{top:20px;width:50%;font-size:1.5em;padding:10px 10px 10px 10px;line-height:1em;}
.lema{width:100px;top:0;right:0;margin-top:215px;margin-right:20px;opacity:0.8}

.borde-seccion{height:30px;margin-top:-80px;}
} /* 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: 100%;min-height:100vh;*/ height:100vh/*position:absolute !important;top:0 !important;left:0 !important;*/}
.layerslider-home img{width:1440px !important;height:auto !important}
.layerslider-home h1{font-size:3em;}

} /* 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}
h2{font-family: 'Titillium Web', sans-serif ; color:#223a5e}
h2.titulo{font-weight:700;background-color:#002f54;color:#FFF;padding-top:0px !important;line-height:2em;margin-bottom:30px}
h2.titulo img{width:30px;margin-right:15px}
h3{font-family: 'Roboto Slab', serif;color:#ed821a}
h3.titulo{font-family: 'Titillium Web', sans-serif;font-size:2.5em;line-height:0.9em;font-weight:900; color: #000;color:#CCC;-webkit-text-stroke-width: 0px !important;-webkit-text-stroke-color:#000;padding-top:20px;padding-bottom:20px;letter-spacing:0.05em;width:100%; display: inline-block;text-align:center;vw:100%}
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:1.1em;}
p b{font-family: 'Roboto Slab', serif !important;}
p strong{font-family: 'Roboto Slab', serif !important;}
p u{font-family: 'Roboto Slab', serif !important;}
p i{font-family: 'Roboto Slab', serif !important;}
p span{font-family: 'Roboto Slab', serif !important;}
span.coloreado{background-color:#f6e912 !important}


a{font-family: 'Roboto Slab', serif;}
a:hover{}
blockquote {border-left:5px solid #dfa12e !important; background-color:#f3f4f6;padding-top:20px;padding-bottom:20px;font-family: 'Titillium Web', sans-serif;font-size:1.1em;color:#333;font-weight:400;text-align:justify}

.main ul li {font-family: 'Roboto Slab', serif;color:#223a5e;font-size:1.1em;}
.main ul li ul li {font-family: 'Roboto Slab', serif;color:#223a5e;font-size:1em;}
/*.main ol li {font-family: 'Roboto Slab', serif;color:#223a5e;font-size:1.1em;}*/
.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;}

#main .izq ul{margin-left: 1em}
#main .izq ul li{line-height:1.5em;}

#main .izq ol {list-style: none;counter-reset: item;}
#main .izq ol li {font-family: 'Roboto Slab', serif;color:#223a5e;font-size:1.1em; counter-increment: item; margin-bottom: 5px;}
#main .izq ol li ol li {font-size:1em;}
#main .izq ol li:before {font-size:0.8em !important; margin-right: 10px; content: counter(item); background: #ed821a; border-radius: 100%; color: white; width: 1.4em; text-align: center; display: inline-block; }
/*#main .izq ol li{line-height:1.5em;}*/
#main .izq ul {list-style: none;}
#main .izq ul li::before {content: "\2022"; color:#ed821a;display: inline-block;width: 1em;margin-left: -1em;}
/*#main .izq ol{ list-style: decimal; }*/
/*#main .izq .ol{ list-style: decimal; }*/
#main .slider-seccion ul {margin-left:0em}

ul.side-nav li{background-color:#ed821a}
ul.side-nav li a{color: #FFF !important;}
ul.side-nav li:hover{background-color:#FFF}
ul.side-nav li:hover> a{color: #ed821a !important;}

.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);}

@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) { 
h2{font-size:1.7em !important;}
h3{font-size:1.7em !important;}
h4{font-size:1.7em !important;}
p{font-size:1.3em !important;}
} /* 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*/



/* POST IT */
.home-postit{position: absolute;bottom:0;right:0;z-index:8500;margin-bottom:30px}
.postit ul,li{list-style:none;}
.postit ul{overflow:hidden;padding:3em;}
.postit ul li a{text-decoration:none;color:#000;background:#ffc;display:block;height:15em;width:15em;padding:1em;-moz-box-shadow:5px 5px 7px rgba(33,33,33,1);-webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);box-shadow: 5px 5px 7px rgba(33,33,33,.7);-moz-transition:-moz-transform .15s linear;-o-transition:-o-transform .15s linear;-webkit-transition:-webkit-transform .15s linear;}
.postit ul li{margin:1em;float:left;}
.postit ul li h2{font-family: 'Titillium Web', sans-serif;line-height:1em;font-size:140%;font-weight:600;padding-bottom:10px;text-align:center}
.postit ul li p{font-family:"Reenie Beanie",arial,sans-serif;line-height:1em;font-size:180%;text-align:center}
.postit ul li a{-webkit-transform: rotate(-6deg);-o-transform: rotate(-6deg);-moz-transform:rotate(-6deg);}
.postit ul li:nth-child(even) a{ -o-transform:rotate(4deg); -webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);position:relative;top:5px;background:#cfc;}
.postit ul li:nth-child(3n) a{-o-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);position:relative;top:-5px;background:#ccf;}
.postit ul li:nth-child(5n) a{-o-transform:rotate(5deg);-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);position:relative;top:-10px;}
.postit ul li a:hover,.postit ul li a:focus{box-shadow:10px 10px 7px rgba(0,0,0,.7);-moz-box-shadow:10px 10px 7px rgba(0,0,0,.7); -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);-webkit-transform: scale(1.25);-moz-transform: scale(1.25);-o-transform: scale(1.25);position:relative;z-index:5;}
.postit ol{text-align:center;}
.postit ol li{display:inline;padding-right:1em;}
.postit ol li a{color:#fff;}

@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) { 
.postit ul li a{height:10em;width:10em;padding:1em;}
.home-postit{position:relative;margin-top:-200px;margin-right:10px;align:right;float:right;}
.postit ul li p{visibility:hidden}
.postit ul li h2{text-align:center !important;width:auto;display:inline-block;position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);}

} /* 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-postit{position: absolute;bottom:0;right:0;z-index:8500;margin-bottom:100px}
} /* 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*/



/* Formulario de búsqueda */
.formbusqueda{}
.formbusqueda input[type="text"]{background-color:#d2dae7 !important;border:none;-webkit-appearance: none;box-shadow: inset 0px 0px 0px 0px red;font-family: 'Roboto Slab', serif;font-size:0.9em}


/* Mapa web */
.mapa-web{width:100%;min-height:100vh;height:100%;background-color:#f9f9fb;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:#41546b;padding-top:10px !important;padding-bottom:10px !important;}
.mapa-web a{color:#41546b;}
.mapa-web 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;}
}


/* FECTOS ETAPAS EDUCATIVAS Y BANNERS */
.grid {}
.grid figure {position: relative;float: left;overflow: hidden;margin: 10px 1%;width: 48%;width: 100%;background: #022e4f;text-align: center;cursor: pointer;}
.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.5;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid figure figcaption > a { z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {font-family: 'Titillium Web', sans-serif;color:#FFFFFF;font-size:1.3em;word-spacing: -0.15em; font-weight: 300;}
.grid figure h2 span { font-weight: 800;font-family: 'Titillium Web', sans-serif;letter-spacing:0.0.5em}
.grid figure h2,.grid figure p {margin: 0;}
.grid figure p { letter-spacing: 1px;font-size: 68.5%;}
	/* Lily -> Banners */
figure.effect-lily img { max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;  -webkit-transform: translate3d(-40px,0, 0); transform: translate3d(-40px,0,0);}
figure.effect-lily figcaption {text-align: left;}
figure.effect-lily figcaption > div {position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; height: 50%;}
figure.effect-lily h2,figure.effect-lily p { -webkit-transform: translate3d(0,40px,0);  transform: translate3d(0,40px,0);}
figure.effect-lily h2 {  -webkit-transition: -webkit-transform 0.35s;  transition: transform 0.35s;}
figure.effect-lily p {  color: rgba(255,255,255,0.8);  opacity: 0;  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;  transition: opacity 0.2s, transform 0.35s;font-family: 'Pacifico', cursive;font-family: 'Roboto Slab', serif;color:#ed821a;font-weight:800}
figure.effect-lily:hover img{  opacity: 0.3;}
figure.effect-lily:hover p {  opacity: 1;}
figure.effect-lily:hover img,figure.effect-lily:hover h2,figure.effect-lily:hover p {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
figure.effect-lily:hover p {  -webkit-transition-delay: 0.05s;  transition-delay: 0.05s; -webkit-transition-duration: 0.35s;  transition-duration: 0.35s;}
	/* Sadie -> Banners */
figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.9) 75%);  background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.9) 75%);  content: '';  opacity: 1;  -webkit-transform: translate3d(0,50%,0);  transform: translate3d(0,50%,0);}
figure.effect-sadie h2 {  position: absolute;  top: 50%;  left: 0;  width: 100%;  color: #484c61;color: #FFF;  -webkit-transition: -webkit-transform 0.35s, color 0.35s;  transition: transform 0.35s, color 0.35s;  -webkit-transform: translate3d(0,-50%,0);  transform: translate3d(0,-50%,0);}
figure.effect-sadie figcaption::before,figure.effect-sadie p {  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie p {  position: absolute;  bottom: 0;  left: 0;  padding: 2em;  width: 100%;  opacity: 0;  color:#FFF;  -webkit-transform: translate3d(0,10px,0);  transform: translate3d(0,10px,0);}
figure.effect-sadie:hover h2 {  color: #fff;  -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);  transform: translate3d(0,-50%,0) translate3d(0,-40px,0);}
figure.effect-sadie:hover figcaption::before ,figure.effect-sadie:hover p {  opacity: 1;  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}

@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) { 
.grid figure h2 {font-size:0.9em;}
.grid figure h2 span { font-weight: 700;letter-spacing:-0.05em}

} /* 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*/



/* ESTRUCTURA */


/* 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:#FFF;position:relative;z-index:1000 !important;margin-top:0px;}
.home-bienvenida img.fondo{position:absolute;left:0;bottom:0;margin-left:-200px;margin-bottom:-250px;width:500px;opacity:0.3 !important;z-index:100}
.home-bienvenida .contenido{padding-top:100px;padding-bottom:100px;}
.home-bienvenida .contenido h2 b{font-family: 'Titillium Web', sans-serif;}
.v-line{border-left: 2px solid #ed821a;height:20px;left: 50%;position: absolute;}

@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) {
.home-bienvenida .contenido{padding-top:30px;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) { 
.home-bienvenida{background-color:#FFF;position:relative;z-index:1000 !important;margin-top:-200px;}
.home-bienvenida .contenido{padding-top:40px;padding-bottom:30px;}
} /* 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:#f8fafd;padding-top:80px;padding-bottom:50px;position:relative;z-index:100}
.home-etapas h3{font-family: 'Titillium Web', sans-serif;font-weight:700;font-size:2.5em}
.home-etapas h4{font-family: 'Pacifico', cursive;color:#ed821a;font-size:1.8em}

@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) { 
.home-etapas{background-color:#f8fafd;padding-top:30px;padding-bottom:50px;position:relative;z-index:100}
} /* 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: #e3e2de; height: 100%;  padding-top:120px;padding-bottom:120px}
.home-etapas .imagendetalle{width:500px;-webkit-filter: drop-shadow(5px 5px 5px #999); filter: drop-shadow(5px 5px 5px #999);}
.home-etapas h3{font-family: 'Titillium Web', sans-serif;font-size:3em;line-height:0.9em;font-weight:900; color: #000;color:#f19c49;color:#ff6873;-webkit-text-stroke-width: 0px !important;-webkit-text-stroke-color:#000;letter-spacing:0.05em;}
.acordeon-etapas{margin-top:80px}
.acordeon-etapas h1, .acordeon-etapas h2 { color: #ff6873;color:#f19c49}
.acordeon-etapas h1 {letter-spacing: 3px;color: #ff6873;color:#f19c49}
.acordeon-etapas h2 { font-size: 2em; line-height: 34px; font-weight: 300; letter-spacing: 1px; display: block; background-color: #fefffa;background-color: #e3e3e1; margin: 0; cursor: pointer;font-weight:700}
.acordeon-etapas p {color:rgba(48, 69, 92,);font-size: 17px;line-height:26px;letter-spacing: 1px; position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate(0, 0); margin-top: 14px; z-index: 2;}
.acordeon-etapas ul { list-style: none; perspective: 900;padding: 0; margin: 0;background-color: #fefffa;background-color: #e3e3e1;}
.acordeon-etapas ul li { padding: 0; margin: 0; padding-bottom: 4px; padding-top: 18px; padding-left:10px;padding-right:10px;border-top: 2px solid #fcfcfc;}
.acordeon-etapas ul li:nth-of-type(1) {animation-delay: 0.5s;}
.acordeon-etapas ul li:nth-of-type(2) {animation-delay: 0.75s;}
.acordeon-etapas ul li:nth-of-type(3) {animation-delay: 1s;}
.acordeon-etapas ul li:nth-of-type(4) {animation-delay: 1.25s;}
.acordeon-etapas ul li:last-of-type { padding-bottom: 0;}
.acordeon-etapas ul li i { position: absolute; transform: translate(-6px, 0); margin-top: 16px; right: 0;}
.acordeon-etapas ul li i:before, .acordeon-etapas ul li i:after { content: ""; position: absolute; background-color: #ff6873;  width: 3px;  height: 9px;}
.acordeon-etapas ul li i:before { transform: translate(-2px, 0) rotate(45deg);}
.acordeon-etapas ul li i:after { transform: translate(2px, 0) rotate(-45deg);}
.acordeon-etapas ul li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%;  height: 100%;  z-index: 1;  opacity: 0;}
.acordeon-etapas ul li input[type=checkbox]:checked ~ p {  margin-top: 0;  max-height: 0;  opacity: 0;  transform: translate(0, 50%);}
.acordeon-etapas ul li input[type=checkbox]:checked ~ i:before {  transform: translate(2px, 0) rotate(45deg);}
.acordeon-etapas ul li input[type=checkbox]:checked ~ i:after {  transform: translate(-2px, 0) rotate(-45deg);}

	/* Valores de la escuela */

.home-valores{background-color:#41546b;padding-top:150px;padding-bottom:150px;}
.home-valores h2{color:#dfa12e;font-weight:700;font-size:4em;line-height:3em}
.home-valores h2 img{line-height:5em;margin-left:20px;margin-right:20px}
ul.valores li{text-align:center;color:#FFF;font-weight:700;font-size:1.6em}
ul.valores li img{margin-bottom:15px;width:74px}



	/* Servicios */
.home-servicios{background-color:#ed821a;}
.home-servicios .contenido{padding-top:80px;padding-bottom:80px}
.home-servicios .contenido h3{font-family: 'Titillium Web', sans-serif;font-weight:700;font-size:2.5em;color:#FFF}
.home-servicios .contenido ul li h3{color:#FFF;font-size:1.5em;margin-top:20px}
.home-servicios .contenido img{width:90px}
.home-servicios .contenido a:hover{opacity:0.7}

	/* Banners */
.home-banners{background-color:#FFF;padding-top:80px;padding-bottom:80px}
.home-banners h3{font-family: 'Titillium Web', sans-serif;font-size:3em;line-height:0.9em;font-weight:900; color: #000;color:#CCC;-webkit-text-stroke-width: 0px !important;-webkit-text-stroke-color:#000;padding-top:20px;padding-bottom:20px;letter-spacing:0.05em;}

	/* Contacta con nosotros */
.home-contacta{background-color:#ed821a}
.home-contacta .contenido{padding-top:40px;padding-bottom:40px}
.home-contacta .contenido h2{font-family: 'Titillium Web', sans-serif;font-weight:700;font-size:2.5em;color:#FFF;padding-bottom:15px}
.home-contacta a.boton-contacta{font-family: 'Titillium Web', sans-serif;color:#FFF;font-size:1.1em;font-weight:600 !important;transition-duration: 0.2s;}
.home-contacta a.boton-contacta i{margin-left:20px}
.home-contacta a.boton-contacta:hover{color:#41546b;}
.home-contacta a.boton-contacta:hover> i{margin-left:25px}

	/* trabaja con nosotros */
.contacta-trabaja{background-color:#ed821a}
.contacta-trabaja .contenido{padding-top:60px;padding-bottom:60px}
.contacta-trabaja .contenido h2{font-family: 'Titillium Web', sans-serif;font-weight:700;font-size:2.5em;color:#FFF;padding-bottom:15px}
.contacta-trabaja a.boton-contacta{font-family: 'Titillium Web', sans-serif;color:#FFF;font-size:1.1em;font-weight:600 !important;transition-duration: 0.2s;}
.contacta-trabaja a.boton-contacta i{margin-left:20px}
.contacta-trabaja a.boton-contacta:hover{color:#41546b;}
.contacta-trabaja a.boton-contacta:hover> i{margin-left:25px}


/* SECCIONES */

.seccion{margin-top:-20px;background-color:#fff;padding-top:80px;}
.seccion img{border-radius:5px}
.seccion .izq .contenido{padding-left:0px;padding-top:30px;padding-bottom:100px}
.seccion h4 i{color:#ed821a;}
.seccion .izq .contenido hr{border:2px solid #ed821a;width:10%;margin-top:-10px}
.seccion .dcha{background:transparent;padding-top:0px}
.seccion .dcha .contenido{padding-top:30px;padding-bottom:100px}
.seccion .dcha .panel{background:transparent;border-color:#f2f2f2;border-radius:5px}

.download-button{font-family: 'Titillium Web', sans-serif;color:#223a5e;background-color:#f3f4f6;padding:0px 20px 20px 20px; display:inline-block;font-weight:700; width:100%;margin-bottom:10px}
.download-button:hover{background-color:#ed821a;color:#FFF}
.download-button:hover>hr{border:2px solid #FFF}
.download-button hr{border:2px solid #223a5e}

@media only screen { } /* Define mobile styles // Small screens*/
@media only screen and (max-width: 40em) {
	.seccion{margin-top:0px;padding-top:30px;}
	.seccion .izq .contenido{padding-left:10px;padding-top:30px;padding-bottom:20px}
	.seccion .dcha .contenido{padding-top:10px;padding-bottom:50px}
} /* 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 */

	/* cursores orbit */
.orbit-container .orbit-prev,.orbit-container .orbit-next {background-color: transparent;color: white;color:#f19c49 !important;height: 60px;line-height: 50px;margin-top: -25px;	margin-top: -10px;position: absolute;text-indent: -9999px !important;top: 45%; top: 0;width: 36px;z-index: 10; }
.orbit-container .orbit-prev:hover,.orbit-container .orbit-next:hover {background-color: rgba(0, 0, 0, 0);opacity:0.7; }
.orbit-container .orbit-prev > span,.orbit-container .orbit-next > span {border: inset 10px;display: block;height: 0; margin-top: -20px;position: absolute;top: 50%;width: 0;}
.orbit-container .orbit-prev {left: 0 !important; }
.orbit-container .orbit-prev > span {border-right-style: solid;border-color: transparent;border-right-color: #FFFFFF;border-right-color: #f19c49; }
.orbit-container .orbit-prev:hover > span { border-right-color: #FFFFFF;border-right-color: #f19c49 }
.orbit-container .orbit-next {left: 0;margin-left:40px;/*right: 0;*/ }
.orbit-container .orbit-next > span {border-color: transparent;border-left-style: solid; border-left-color: #FFFFFF;border-left-color:  #f19c49; left: 50%; margin-left: -4px; }
.orbit-container .orbit-next:hover > span {border-left-color: #FFFFFF;border-left-color:#f19c49; }

	/* Listado de noticias*/

.home-noticias{background-color:#f8fafd;padding-top:80px;padding-bottom:80px;}
.home-noticias h3{font-family: 'Titillium Web', sans-serif;font-weight:700;font-size:2.5em;text-align:center}
.home-noticias h4{font-family: 'Pacifico', cursive;color:#ed821a;font-size:1.8em}

.noticias-seccion{padding-top:180px;background-color:#f2f2f2}

figure.snip1253 {position:relative;overflow:hidden;margin:10px;min-width: 250px;  /*max-width: 310px;*/  width: 100%;  background-color: #fff;color:#000;text-align:left;font-size:16px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}
figure.snip1253 * { -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
figure.snip1253 img {width:100%; vertical-align: top; position: relative;height:400px}
figure.snip1253 figcaption { margin: -40px 15px 0; padding: 15px ; position: relative; background-color: #ffffff;}
figure.snip1253 .date { background-color: #2980b9; top: 15px; color: #fff; left: 15px; min-height: 48px; min-width: 48px; position: absolute; text-align: center; font-size: 20px; font-weight: 700; text-transform: uppercase;}
figure.snip1253 .date span { display: block; line-height: 24px;}
figure.snip1253 .date .month { font-size: 14px; background-color: rgba(0, 0, 0, 0.1);}
figure.snip1253 h3,figure.snip1253 p { margin: 0; padding: 0;}
figure.snip1253 h3 {color:#000; min-height: 50px;  margin-bottom: 10px;  margin-left: 60px;  display: inline-block;  text-align:left;  font-weight:700;  font-size:1.4em;  /*font-weight: 600;  text-transform: uppercase;*/}
figure.snip1253 p {  font-size: 1em;  margin-bottom: 20px;  line-height: 1.6em;  color:#000;text-align:justify}
figure.snip1253 footer {  padding: 0 25px;  background-color: #20638f;  color: #e6e6e6;  font-size: 0.8em;  line-height: 30px;  text-align: right;height:20px}
figure.snip1253 footer > div {  display: inline-block;  margin-left: 10px;}
figure.snip1253 footer i {  color: rgba(255, 255, 255, 0.2);  margin-right: 5px;}
figure.snip1253 a {  left: 0;  right: 0;  top: 0;  bottom: 0;  position: absolute;  z-index: 1;}
figure.snip1253:hover img,figure.snip1253.hover img {  -webkit-transform: scale(1.15);  transform: scale(1.15);}




	/* Ficha de noticia */
.noticia-seccion{background-color:#f8fafd;padding-top:200px;padding-bottom:200px}
.noticia-seccion  h3.fecha{font-family: 'Roboto Slab', serif !important;font-weight:800 !important;background: -webkit-linear-gradient(#eee, #333);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;padding-bottom:0px}
.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 .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 */


/* ENLACES Y RECURSOS DE INTERÉS */
.enlaces-seccion{padding-top:60px;padding-bottom:80px}
.enlaces-seccion .accordion-navigation{margin-bottom:10px !important;text-align:left !important}
.enlaces-seccion .accordion-navigation a{font-family: 'Titillium Web', sans-serif;color:#002f54;font-weight:600;background-color:#f3f4f6 !important;text-align:left !important}
.enlaces-seccion .accordion-navigation a:hover{color:#ed821a;}
.enlaces-seccion .accordion-navigation .content a{font-family: 'Titillium Web', sans-serif;color:#ed821a;font-weight:400;background:transparent !important;margin-bottom:10px;text-align:left !important}
.enlaces-seccion .accordion-navigation .content span{font-family: 'Roboto Slab', serif !important;color:#002f54;font-size:0.9em}

@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { 
.enlaces-seccion{padding-top:0px;}
} /* 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) { } /* 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 */




/* 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:#ed821a;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-naranja:hover{background-color:#FFF;color:#ed821a}

/*
.boton-naranja{font-family: 'Titillium Web', sans-serif;font-weight:600;background-color:#ed821a}
.boton-naranja:hover{font-family: 'Titillium Web', sans-serif;font-weight:600;background-color:#41546b}
*/






/* FORMULARIOS */
.form fieldset{}
.form legend{}
.form label{font-family: 'Titillium Web', sans-serif;color:#091b2a;font-size:1em}
.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:#d2dae7 !important; height: 2.5rem; border-radius: 0px;border-color:#d2dae7 !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:80px;background-color:#fff;width:100% !important}
.legal-seccion h2{margin-bottom:30px;color:#223a5e;background-color:#FFF}
.legal-seccion p{font-size:0.9em;}
.legal-seccion table{border-color:#223a5e}



/* FOOTER *********************************/

/* redes sociales */
ul.social {display: flex ;justify-content: center;margin-top:50px;}
ul.social li {list-style: none ;float:center;align:center;}
ul.social li a {width:70px;height:70px;background-color:#FFF;text-align:center;font-size:40px;line-height:40px;margin: 0 10px;display:block;border-radius:50%;position:relative;overflow:hidden;border:solid 3px #fff;z-index:2;   padding-top:12px;}
ul.social li a .fa {position: relative;color: #262626;color:#223240;transition: .5s;z-index: 3;margin-top:-100px !important;padding-top:0px}
ul.social li a:hover .fa { color: #FFFFFF;  transform: rotateY(360deg);}
ul.social li a:before {content: '';position: absolute;top: 100% ;left: 0% ;width: 100%;height: 100%; background-color: #FF0000;transition: .5s; z-index:1 ;}
ul.social li a:hover:before { top: 0 ;}
ul.social li:nth-child(1) a:before {background-color:#3b5999 ;}
ul.social li:nth-child(2) a:before { background-color:#55acee ;}
ul.social li:nth-child(3) a:before { background-color:#cd201f ; }
ul.social li:nth-child(4) a:before {background-color:#dd4b39 ; }
ul.social li:nth-child(5) a:before {background-color:#0077B5 ; }
ul.social li:nth-child(6) a:before { background-color:#e4405f ; }
ul.social li:nth-child(7) a:before { background-color:#25D366 ;}
ul.social li:nth-child(8) a:before {background-color:#00AFF0 ;}
ul.social li:nth-child(9) a:before {background-color:#34465d ; }
ul.social li:nth-child(10) a:before {background-color:#FFFC00 ;}

/* Info footer */
footer {width:100%;max-width: 120em;background-color:#577190;background-color:#223240;}
footer .footer{padding-top:60px}
footer h3{font-family: 'Titillium Web', sans-serif;color:#FFF !important;font-weight:700;font-size:1.4em}
footer p{line-height: 1.5em;font-size:1.1em;color:#FFF !important;}
footer a{color:#FFF !important;}
footer a:hover{color:#ed821a !important;}
footer p span{color:#ed821a;padding-left:5px;padding-right:5px}
footer p a:hover{color:#ed821a !important;}
footer a:active{color:#ed821a;}

.footer .contenido{border-left:1px solid #577190;border-right:1px solid #577190;margin-bottom:40px}
.footer .contenido .col1{border-right:1px solid #577190;padding-top:40px;padding-bottom:40px}
.footer .contenido .col2{border-right:1px solid #577190;padding-top:40px;padding-bottom:40px}
.footer .contenido .col3{border-right:1px solid #577190;padding-top:40px;padding-bottom:40px}
.footer .contenido .col4{padding-top:40px;padding-bottom:40px}
.footer .contenido .fila2{border-top:1px solid #577190}
.footer .contenido .creditos{border-top:1px solid #577190;padding-top:20px;}
.footer .contenido .creditos p{font-size:0.8em}


@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 h3{font-size:1.2em;}
footer p{font-size:1em;}
} /* 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:50px;height:50px; opacity:0.7; 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-color:#20638f;padding: 9px 11px; color:#999;border:1px solid #20638f;margin-top:2px;margin-bottom:2px;margin-right:2px;color:#FFF;font-weight:bold}
#Paginacion .numero:hover {background-color: #999;color:#fafafa;border:1px solid #999;}
#Paginacion .active {background-color: #dfa12e; color:#FFF;border:1px solid #dfa12e;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:1.3em;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{color:#dfa12e !important;font-size:1.3em;padding-top:10px;padding-left:5px;padding-right:5px;line-height:2em;}