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

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

html{width:100%;height:100%;margin:0 auto;padding:0 auto;overflow-x:hidden;background-color:#333}
body{background-color:#FFF;width:100%;height:100%;margin:0 auto;padding:0 auto;}
header{background-color:#FFF;padding-bottom:0px;padding-top:0px;z-index:99999999!important;background-color: rgba(255, 255, 255, 0.6);-webkit-box-shadow: 0px 3px 23px -6px rgba(255, 255, 255,0.6);-moz-box-shadow: 0px 3px 23px -6px rgba(255, 255, 255,0.6);box-shadow: 0px 3px 23px -6px rgba(255, 255, 255,0.6);}
.row {width:100%;max-width:120em;}
#main{}


/* Efecto tamaño header  cuando scroll */
header {-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.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}


/* MENU PRINCIPAL + MENU AUXILIAR */
#accordion {list-style: none;padding: 0 0 0 0;width:100%;margin: 0;}
#accordion li{background-color:#222222 !important;color:#f2f2f2 !important;}
#accordion li a:hover{color:#f2f2f2 !important;}
#accordion div {display: block;  font-family: 'Titillium Web', sans-serif;font-size:1em;color:#f2f2f2 !important;background-color: #222 !important;cursor: pointer;border-bottom: 1px solid #000;margin:0 auto;padding:0 auto;width:100%;padding-top:10px;padding-bottom:10px;padding-left:10px;font-weight:600 !important}
#accordion div.active{background-color: #333 !important;color:#f2f2f2 !important}
#accordion li ul {list-style-type: none;display: none;background-color:#FFF!important;color:#f2f2f2 !important}

#accordion div:hover {background-color: #333333 !important;color:#f2f2f2 !important}
#accordion ul li {cursor: auto;width: 100%;font-family: 'Montserrat', sans-serif !important;font-size: 0.9em;color:#bbbbba;display:block;font-weight:lighter}
#accordion ul li:hover {background-color: #FFF;font-weight: normal;cursor: auto;color: #174b90;display:block;}
#accordion a {text-decoration: none;color:#bbbbba;}
#accordion a:hover {color:#174b90;}

@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) {
#accordion div {font-size:0.8em;padding-left:5px;}
#accordion li ul {list-style-type: none;display: none;background-color:#FFF!important;padding-left:0px;margin-left:5px}
#accordion ul li {font-size: 0.8em;}
} /* 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) { 
#accordion div {padding-left:0px;font-size: 0.8em !important;}
#accordion li ul {list-style-type: none;display: none;background-color:#FFF!important}
#accordion ul li {font-size: 1em !important;font-weight:lighter}
} /* 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 */


/* MENU HORIZONTAL AUXILIAR*/
.menu-hrz{padding-bottom:0px;height:70px;margin-top:0px;background-color:#222;}
.menu-hrz .boton-menu-hrz{background-color:#333;background-color:#d4d3d2;color:#F2f2f2;color:#666;border-right: 1px solid #BBB;width:100%; font-family: 'Titillium Web', sans-serif;font-size:1em;font-weight:600}
.menu-hrz .boton-menu-hrz img{width:25px}
.menu-hrz .boton-menu-hrz:hover{background-color:#444;color:#FFF}
.menu-hrz .boton-menu-hrz:hover img{filter: brightness(0) invert(1);}

@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) {
.menu-hrz{padding-bottom:0px;height:50px;margin-top:0px;background-color:#222;}
.menu-hrz .boton-menu-hrz{background-color:#d4d3d2;color:#F2f2f2;color:#666;border-right:0px solid #BBB;width:100%;font-size:0.9em}
.menu-hrz .boton-menu-hrz img{width:25px}
.menu-hrz .boton-menu-hrz:hover{}
} /* 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) {
.menu-hrz{padding-bottom:0px;height:75px;margin-top:0px;background-color:#222;}
.menu-hrz .boton-menu-hrz{font-size:0.8em!important}
.menu-hrz .boton-menu-hrz img{width:14px}
} /* 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) { 
.menu-hrz{padding-bottom:0px;height:70px;margin-top:0px;background-color:#222;}
.menu-hrz .boton-menu-hrz{font-size:0.9em!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 */




/* Menu Superior*/
.top-bar-menu {background-color:#d4d3d2;padding-bottom:0px !important;} 
.top-bar-menu.smaller{background-color:transparent;padding-bottom:10px;padding-top:10px;padding-bottom:0px !important;} 
.top-bar-menu.expanded .title-area {background-color:#d4d3d2;}  

.top-bar-menu .title-area h1{line-height:1.5em;padding-left:10px;}
.top-bar-section-menu ul li {background-color:#d4d3d2 !important;padding-bottom:0px !important;}
.top-bar-section-menu ul li > a{color:#666;background-color:#d4d3d2 !important;font-family: 'Roboto Condensed', sans-serif;font-size:1em;padding-left:1.2em !important;padding-right:1.2em !important;padding-top:10px !important;padding-bottom:10px !important;border-left:1px solid #c1c0c0;text-align:center !important} 
.top-bar-section-menu ul li > a span{font-size:0.7em;line-height:1.2em} 
.top-bar-section-menu ul li > a i{color:#666;background-color:#d4d3d2 !important;font-family: 'Roboto Condensed', sans-serif;font-size:1.8em;} 
.top-bar-section-menu ul li > a:hover {background-color:#666 !important;color:#f2f2f2 !important;}   
.top-bar-section-menu ul li > a:hover >i{background-color:#666 !important;color:#f2f2f2 !important;}   
.top-bar-section-menu ul li.active > a span{background-color:#666666 !important;color:#f2f2f2 !important;font-size:0.5em;}
.top-bar-section-menu ul li.active > a:hover {background-color:#666666 !important;color:#f2f2f2 !important;}


@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { 
.top-bar-menu .title-area h1{line-height:1em;padding-left:10px;font-size:0.8em;} 	 	
} /* 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) { 
.menu-superior .top-bar-menu .title-area h1{padding-top:20px} 	 	
} /* 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 */


.linea-anim{width: 0px;height: 5px;background: #BBB;color: white;-webkit-transition: width 1s, background 1s;-moz-transition: width 1s, background 1s;-o-transition: width 1s, background 1s;transition: width 1s, background 1s;-webkit-transition-delay: 1s;transition-delay: 1s; -webkit-animation: animacion 2s 1;animation-fill-mode: forwards;}
#linea {-webkit-transition-timing-function: ease-in;-moz-transition-timing-function: ease-in;-o-transition-timing-function: ease-in;transition-timing-function: ease-in;}

.red-compartir:hover{opacity:0.8;}


@-webkit-keyframes animacion{
    0%   {width:0; /* Google Chrome & Webkit Nightlies */}
    100% { width:100%; /* Google Chrome & Webkit Nightlies */ }
}


.redes{margin-top:-20px;padding-top:0px;padding-bottom:0px;}


/* layerslider home */
.layerslider-home{width: 100%; height:800px;max-height:800px;}
.layerslider-home h1{}

.layerslider-seccion{width: 100%; height:600px;max-height:600px;}
.layerslider-seccion h1{top: 25%; left: 100px;font-family: 'Montserrat', sans-serif;color:#FFF;font-weight:900;text-align:left;font-size:3.2em;}
.layerslider-seccion h1 span{font-weight:500;font-family: 'Montserrat', sans-serif;font-size:0.8em;}

.home-slider{height:800px;-webkit-box-shadow: 9px 10px 41px -15px rgba(87,83,87,0.81);-moz-box-shadow: 9px 10px 41px -15px rgba(87,83,87,0.81);box-shadow: 9px 10px 41px -15px rgba(87,83,87,0.81);}
.seccion-slider{height:600px;-webkit-box-shadow: 9px 10px 41px -15px rgba(87,83,87,0.81);-moz-box-shadow: 9px 10px 41px -15px rgba(87,83,87,0.81);box-shadow: 9px 10px 41px -15px rgba(87,83,87,0.81);}
.imagen-movil{ z-index:9; position:absolute}


/* TOOLTIP */
[data-tooltip] {position: relative;text-align:left !important;}
[data-tooltip]:before,[data-tooltip]:after {display: none;position: absolute;top: 0;text-align:left !important;}
[data-tooltip]:before{border-bottom:.6em solid #444;border-bottom:.6em solid rgba(68,68,68,0.8);border-left:7px solid transparent;border-right:7px solid transparent;content: ""; left: 0;margin-left:-50px;margin-top: 4.5em;text-align:left !important;}
[data-tooltip]:after {background-color: #444;background-color: rgba(68,68,68,0.9);border: 4px solid #444;border: 4px solid rgba(68,68,68,0.9);border-radius:7px;color:#fff;content: attr(data-tooltip-label) ":\A" attr(data-tooltip-message);left: 0;margin-top: 1em;padding: 5px 15px;white-space: pre-wrap;width: 500px;margin-left:-500px;text-align:left !important;}
[data-tooltip]:hover:after,[data-tooltip]:hover:before {display: block;text-align:left !important;}

/* FORMATOS */

h1{font-family: 'Titillium Web', sans-serif;font-size:2em;color:#666;padding-top:15px;padding-bottom:10px;font-weight:700}
h2{font-family: 'Titillium Web', sans-serif;font-size:1.3em;color:#990000;padding-bottom:15px;font-weight:600}
h3{font-family: 'Roboto Condensed', sans-serif;font-size:1.1rem;color:#666;}
h4{font-family: 'Hind', sans-serif;font-size:0.9rem;color:#ca5310;font-weight:300;}
h5{ont-family: 'Montserrat', sans-serif;font-size:0.8rem;color:#ca5310;}
p{font-family: 'Quicksand', sans-serif;color:#232323;font-weight:400;font-size:1rem;}
p span{font-size:1em !important;}
a{color:#990000;}
a:hover{color:#232323;}
blockquote { border-left: 0px solid #DDDDDD; }
#main ul li {font-family: 'Quicksand', sans-serif;color:#232323;font-weight:400;font-size:1em;}
#main ol li {font-family: 'Quicksand', sans-serif;color:#232323;font-weight:400;font-size:1em;}

#main table{border:1px solid #f2f2f2;width:100%;border-radius:5px;-webkit-box-shadow: 10px 10px 37px -28px rgba(0,0,0,0.69);-moz-box-shadow: 10px 10px 37px -28px rgba(0,0,0,0.69);box-shadow: 10px 10px 37px -28px rgba(0,0,0,0.69);}
#main table th{background-color:#666; color:#FFF;font-family: 'Titillium Web', sans-serif;border:0px solid #FFF;font-size:1em}
#main table tr td{font-family: 'Quicksand', sans-serif;color:#232323;font-weight:400;font-size:1rem;border:0px solid #FFF;}

/* Tabla de documentos de descarga */
.tabla-documentos-descarga{}
.tabla-documentos-descarga th{font-size:1em}
.tabla-documentos-descarga .fecha{width:90px;font-size:0.8em !important}
.tabla-documentos-descarga .size{width:100px;text-align:center;font-size:0.8em !important}
.tabla-documentos-descarga .type{width:60px;text-align:center;font-size:0.8em !important}

/* Galeria de fotos fotorama */
.fotorama{background-color:#222;padding:10px 10px 10px 10px}



/* ESTRUCTURA */
.bloque-web-izq{background-color:#333 !important;}
.bloque-web-izq .logotipo{background-color:#F2f2f2;padding-top:20px;padding-bottom:0px;padding-left:20px;padding-right:20px}
.bloque-web-izq .logotipo a{text-align:center}
.bloque-web-dcha{background-color:#FFF;height:100%}
.bloque-web-dcha .menu-superior{background-color:#d4d3d2;border-bottom:1px solid #c1c0c0}
.bloque-web-dcha .slider{}
.bloque-web-dcha .contenido{background-color:#FFF}
.bloque-web-dcha .main{}
.bloque-web-dcha .barra-lateral-dcha{background-color:#333 !important;height:100%;paddin-bottom:30px}


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


.vl{border-left: 1px solid #CCC; height: 15px;margin-left:50%;}
.titulo-lateral{background-color:#990000;}
.titulo-lateral .icono{width:27px;padding-right:10px;margin-top:-7px}
.titulo-lateral h1{color:#f2f2f2;padding-left:10px;padding-top:10px;padding-bottom:5px;font-size:1em;}


@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) {
.titulo-lateral h1{font-size:0.8em;padding-left:3px;} 

} /* 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) { 
.titulo-lateral h1{font-size:0.9em;padding-left:5px;}} /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
.titulo-lateral h1 span{font-size:0.8em;} 
@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 */


/* Alerta: mensaje de aviso */
.home-alerta{padding-top:20px;padding-bottom:20px;margin-top:-20px;background-color:#fff;}
.home-alerta .izq{padding-right:0px}
.home-alerta .izq img{width:200px;margin-top:20px}
.home-alerta .dcha{background-color:#f15f60;paddin-left:0px;padding-top:15px;padding-bottom:15px;height:100%;padding-top:30px;border-radius:5px;-webkit-box-shadow: 10px 10px 37px -28px rgba(0,0,0,0.69);-moz-box-shadow: 10px 10px 37px -28px rgba(0,0,0,0.69);box-shadow: 10px 10px 37px -28px rgba(0,0,0,0.69);}
.home-alerta .dcha img.clip{position:absolute;top:0;right:0;width:20px;margin-top:-8px;margin-right:30px;}
.home-alerta .dcha p{font-family: 'Titillium Web', sans-serif;font-size:2em;color:#f2f2f2;color:#d1d119;}
.home-alerta .dcha span{font-size:0.6em !important;color:#f2f2f2 !important;}
.home-alerta .dcha span p{color:#f2f2f2 !important;}

@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { 
.home-alerta .dcha p{font-size:1.5em !important;line-height:1em;}
.home-alerta .dcha span{font-size:0.75em !important;text-align:justify;line-height:1em;}
} /* 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) {	
.home-alerta .dcha p{font-size:1em !important;}
.home-alerta .dcha span{font-size:0.5em !important;}
} /* 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) { }
@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 */




/* Antiguo Alumno */
.home-antiguo-alumno{background-color:#222}
.home-antiguo-alumno h3 a{color:#FFF}
.home-antiguo-alumno h3 a:hover{color:#CCC}
.home-antiguo-alumno p{color:#FFF;padding-top:5px};
@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) {	
.home-antiguo-alumno h3{font-size:0.8em;}
.home-antiguo-alumno p{font-size:0.7em;}
} /* 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) { }
@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 */


/* BUSCADOR DE CONTENIDOS EN LA WEB */
	/* Formulario */
.seccion-buscador{background-color:#f2f2f2;padding-top:20px;padding-bottom:20px;margin-top:-15px;}
.seccion-buscador .button{font-family: 'Titillium Web', sans-serif;background-color:#990000;height:37px;}
.seccion-buscador .button:hover{background-color:#333;}
.seccion-buscador .button i{font-size:1.4em;}
.seccion-buscador input[type="text"]{font-family: 'Quicksand', sans-serif;}
	/* Resultados */
span.coloreado{background-color:#f6e912 !important}
.seccion-buscador-listado{padding-top:5px;padding-bottom:20px;}
.seccion-buscador-listado h1 span{color:#999}
.seccion-buscador-listado h4{font-family: 'Quicksand', sans-serif;color: #333;font-size:0.7em}
.seccion-buscador-listado table.listado .fecha{width:100px !important;font-size:0.8em !important;text-align:center !important;}
.seccion-buscador-listado table.listado .icono{text-align:center !important}
.seccion-buscador-listado table.listado .icono img{width:20px !important;border:none !important;}


/* BANNERS */
.banner-colizq-ico{border-bottom:1px solid #222;padding-bottom:0px;padding-top:3px;}
.banner-colizq-img{background-color:#333;}
.banner-colizq-img .contenido{background-color:#fff;padding:0px 0px 0px 0px;margin-top:5px;margin-bottom:5px;border-radius:3px;}
.banner-colizq-img .contenido img{border-radius:3px;}

.bannerizq{background-color:#fdfdfd;padding-top:5px;padding-bottom:5px;margin-bottom:5px}	
.bannerizq{background-color:#333;padding-top:5px;padding-bottom:5px;margin-bottom:5px}
.bannerizq .contenido{background-color:#FdFdFd;background-color:#333;padding-top:5px;padding-bottom:5px;}

.bannerizq .contenido h3{font-family:'Titillium Web', sans-serif;display:table-cell;vertical-align: middle;line-height:1em;color:#FFF;font-weight:600}	
.bannerizq .contenido i{color:#FFF;font-size:1.5em;}

 a.tipo0195d9:hover >.bannerizq{ background-color:#0195d9 !important}
 a.tipo0195d9:hover >.bannerizq>div{ background-color:#0195d9 !important}	
 a:hover>.bannerizq>div>div h3{ color:#FFF !important}.	
 a.tipo0195d9:hover>.bannerizq>div>div .rombo0195d9 i{ color:#0195d9 !important}
 a:hover>.bannerizq .rombo0195d9{ background:#FFF !important;background-color:#FFF !important}
 a:hover>.bannerizq .rombo0195d9 i{ color:#0195d9 !important} 
 
 a.tipo00b0a7:hover >.bannerizq{ background-color:#00b0a7 !important}
 a.tipo00b0a7:hover >.bannerizq>div{ background-color:#00b0a7 !important}	
 a:hover>.bannerizq>div>div h3{ color:#FFF !important}.	
 a.tipo00b0a7:hover>.bannerizq>div>div .rombo00b0a7 i{ color:#00b0a7 !important}
 a:hover>.bannerizq .rombo00b0a7{ background:#FFF !important;background-color:#FFF !important}
 a:hover>.bannerizq .rombo00b0a7 i{ color:#00b0a7 !important}

 a.tipoc44422:hover >.bannerizq{ background-color:#c44422 !important}
 a.tipoc44422:hover >.bannerizq>div{ background-color:#c44422 !important}	
 a:hover>.bannerizq>div>div hc44422{ color:#FFF !important}.	
 a.tipoc44422:hover>.bannerizq>div>div .romboc44422 i{ color:#c44422 !important}
 a:hover>.bannerizq .romboc44422{ background:#FFF !important;background-color:#FFF !important}
 a:hover>.bannerizq .romboc44422 i{ color:#c44422 !important}	
	
.rombo{text-align:center;float:left;align:center;width:40px;height:40px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}	
.rombo0195d9{background:#0195d9;}
.rombo00b0a7{background: #00b0a7;}
.romboc44422{background: #c44422;}
.rombo div{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:2px;margin-top:6px;}
.bannerizqimg img{width:100%;}
.bannerizqimg:hover{-webkit-filter: grayscale(100%); filter: grayscale(100%);}

@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) {	
.bannerizq .contenido h3{display:table-cell;vertical-align: middle;line-height:1em;font-size:0.65em !important;}	
.bannerizq .contenido i{color:#FFF;font-size:0.9em;}
.bannerizq .contenido .texto{margin-top:0px !important}
.rombo{text-align:center;float:right;align:center;width:20px;height:20px;}	
.rombo div{margin-left:1px;margin-top:2px;}

} /* 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) { }
@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 */


/*CALENDARIO*/
p#vtip { display:none; position:absolute; padding: 5px; left: 5px; font-size: 0.75em; background-color: #c3bb74; border: 1px solid #c3bb74; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999;color:white }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
.ok{border:1px solid green;color:green;padding:10px}
#agenda{margin:0 auto;}
#agenda-grande{}
#agenda-grande table.calendario {width:100%;border:1px thin #ccc;font-size:1em;}
#agenda table.calendario {margin:10px auto;width:100%;border:1px thin #ccc;font-size:1em;}
#agenda p.tit{text-align:center;color:#FFF !important;padding-top:15px;font-family: 'Titillium Web', sans-serif;}
#agenda p.tit a{color:#FFF !important}
#agenda p.tit a i{color:#FFF !important}
.calendario th { font-family: 'Titillium Web', sans-serif;border:1px medium #fff;font-weight:bold;background:#900;color:#FFF;padding:5px 5px;text-align:center}
.calendario td{font-family: 'Quicksand', sans-serif;padding:5px 5px;text-align:center;border:1px solid #fff;white-space:pre-line;}
.calendario td p{font-family: 'Quicksand', sans-serif;margin:5px;font-size:12px;border:0px solid #8a2e33;text-align:left;padding:5px}
.calendario td.desactivada {background:#f3f4f6;}
.calendario td.activa {background:#fff;}
.calendario td.evento {background:#ccc;color:#232323}
.calendario td.eventohoy{background:#ccc;font-weight:bold; } /* Estilo de la fecha actual*/	
.calendario td.eventohoy a, .calendario td.eventohoy p{color:#990000;}               
.calendario td.activahoy a, .calendario td.activahoy p{color:#fff;}               
.calendario td a {color:#fff;color:#232323}
.calendario td a:hover {color:#001e33; text-decoration:none}

@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) { 
.calendario th {font-size:0.8em;}
#agenda table.calendario {font-size:0.9em;}
.calendario td {font-size:0.8em;}
} /* 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 */




/* SECCIONES */
#main {background-color:#f9f9f9;background-color:#FFF}
#main .seccion{background-color:#f9f9f9;background-color:#FFF}
#main .seccion .contenido{background-color:#f9f9f9;background-color:#FFF}
#main .seccion .contenido div>img{margin-right:15px;margin-bottom:15px;}
#main .seccion .contenido img{border:5px solid #CCC;}
#main .seccion .contenido a:hover>img{opacity:0.8;}
#main .seccion .contenido h5{font-style: italic;font-family: 'Roboto Condensed', sans-serif;color:#666}
#main .seccion .contenido .submenu .button{font-family: 'Titillium Web', sans-serif;background-color:#d4d3d2; color:#666666;font-size:1em;font-weight:600}
#main .seccion .contenido .submenu .button:hover{color:#d4d3d2; background-color:#666666}
#main .seccion .contenido .submenu .active{color:#d4d3d2; background-color:#666666}


/* NOTICIAS */
.noticia-detalle{background-color:#f2f2f2;margin-top:10px;height:100%;border-radius:5px;-webkit-box-shadow: 10px 10px 37px -28px rgba(0,0,0,0.69);-moz-box-shadow: 10px 10px 37px -28px rgba(0,0,0,0.69);box-shadow: 10px 10px 37px -28px rgba(0,0,0,0.69);}
.noticia-detalle h5{color:#990000 !important;text-align:right;font-weight:lighter;}
.noticia-detalle h2{color:#333 !important;font-weight:600}
.noticia-detalle p{text-align:justify;}
.noticia-detalle:hover{opacity:0.8}
.noticia-detalle img {width:100%;border:none !important;}

/* GALERIAS MULTIMEDIA */
.galerias-listado{}
.galerias-listado img{width:30px; margin-right:10px;border:0px solid #000 !important}
.galerias-listado a{font-family: 'Titillium Web', sans-serif;font-size:1.1em;color:#666;}
.galerias-listado a span{color:#999;}
.galerias-listado a:hover{color:#CCC;}

.galeria-detalle{background-color:#f2f2f2;margin-top:10px;height:100%}
.galeria-detalle a h5{font-family: 'Montserrat', sans-serif !important;color:#990000 !important;text-align:right}
.galeria-detalle a h2{font-family: 'Titillium Web', sans-serif !important; color:#333 !important;}
.galeria-detalle p{font-family: 'Quicksand', sans-serif;text-align:justify}
.galeria-detalle:hover{opacity:0.8}

/* DOCUMENTOS */
.documentos-listado{list-style-type: none;}
.documentos-listado li{list-style-type: none;}
.documentos-listado li ul{list-style-type: none;}
.documentos-listado li ul li{list-style-type: none;}
.documentos-listado img{width:20px; margin-right:5px;border:0px solid #000 !important}
.documentos-listado a{font-family: 'Titillium Web', sans-serif;font-size:1em;color:#666;line-height:2em;}
.documentos-listado a span{color:#999;}
.documentos-listado a:hover{color:#CCC;}
.documentos-listado li.active>img{opacity:0.7}
.documentos-listado li.active>a{font-weight:bolder;/*pointer-events: none;*/}
.documentos-listado li ul li.active>img{opacity:0.7}
.documentos-listado li ul li.active>a{opacity:1;/*pointer-events: none;*/}

/* ENLACES */
.enlaces-seccion .accordion {}
.enlaces-seccion .accordion:before, .enlaces-seccion .accordion:after {}
.enlaces-seccion .accordion:after {}
.enlaces-seccion .accordion .accordion-navigation, .accordion dd {/*margin-bottom: 0 !important;*/ }
.enlaces-seccion .accordion .accordion-navigation.active > a, .enlaces-seccion .accordion dd.active > a {background: #e8e8e8; }
.enlaces-seccion .accordion .accordion-navigation > a, .enlaces-seccion .accordion dd > a {background: #EFEFEF;font-family: 'Titillium Web', sans-serif;font-size:1em;color:#666;padding: 1rem; }
.enlaces-seccion .accordion .accordion-navigation > a:hover, .enlaces-seccion .accordion dd > a:hover {background: #e3e3e3; }
.enlaces-seccion .accordion .accordion-navigation > .content, .enlaces-seccion .accordion dd > .content {}
.enlaces-seccion .accordion .accordion-navigation > .content.active, .enlaces-seccion .accordion dd > .content.active {background: #FFFFFF;display: block; }
.enlaces-seccion .accordion .accordion-navigation .enlace{padding-top:5px;padding-bottom:5px;height:auto;}
.enlaces-seccion .accordion .accordion-navigation .enlace a{font-family: 'Quicksand', sans-serif;color:#333}
.enlaces-seccion .accordion .accordion-navigation .enlace a span{font-family: 'Quicksand', sans-serif;color:#666; font-size:0.9em;}
.enlaces-seccion .accordion .accordion-navigation .enlace a:hover{opacity:0.8}
.enlaces-seccion .accordion .accordion-navigation .enlace a:hover{color:#999}
.enlaces-seccion .accordion .accordion-navigation .enlace img{border:5px solid #CCC;}

/* FORMULARIOS */
form .button{font-family: 'Titillium Web', sans-serif;background-color:#990000;}
form .button:hover{background-color:#333;}
form .button i{font-size:1.4em;}

a.button{font-family: 'Titillium Web', sans-serif;background-color:#990000;}
a.button:hover{background-color:#333;}
a.button i{font-size:1.4em;}

/* FORMULARIOS */

.boton{background-color:#FFF;color:#262626;border:1px solid #262626; width:auto;font-family: 'Montserrat', sans-serif;font-weight:600}
.boton:hover{background-color:#262626;color:#FFF}


fieldset{background-color:#f8f8f8;border:none}
legend{}
label{font-family: 'Quicksand', sans-serif;color:#232323;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select {background-color:#F2F2F2 !important; height: 2.5rem; color:#232323;border-radius: 0px;
border-color:#f2f2f2 !important;border-style:solid;border:none;-webkit-appearance: none;box-shadow: inset 0px 0px 0px 0px red;font-family: 'Quicksand', sans-serif;font-size:1em}
select {font-size:1em;font-family: 'Quicksand', sans-serif !important;}
select option{font-size:1em;font-family: 'Quicksand', sans-serif !important;}
::-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 */
.seccion-legal{margin-top:100px;background-color:#fff}
.seccion-legal .contenido{padding-top:40px;padding-bottom:50px;}
.seccion-legal table{border:1px solid #CCC !important}


.tooltip_ {display:inline-block;position:relative;text-align:left;background:transparent;color:#FFF;}
.tooltip_ a{color:#FFF;}
.tooltip_ .right {min-width:130px; top:20px;left:100%;margin-left:20px;transform:translate(0, -50%);padding:5px 10px; color:#444;background-color:#FFF;font-weight:normal;font-size:13px;border-radius:0px;position:absolute;    z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,0.5);display:none;}
.tooltip_:hover .right {display:block;}
.tooltip_.right i { position:absolute;top:50%;right:100%;margin-top:-12px;width:12px;height:24px;overflow:hidden;}
.tooltip_ .right i::after {content:'';position:absolute;width:12px; height:12px;left:0;top:50%;margin-left:-12px;transform:translate(50%,-50%) rotate(-45deg);background-color:#FFF;}




/* FOOTER */
footer {width:100%;max-width: 120em;background-color:#222;position:relative;z-index:900;}
footer .seccion{padding-top:30px;margin-top:0px};
footer .seccion .contenido{}
footer h3{padding-bottom:0px;padding-top:10px;color:#CCC !important;font-weight:700}
footer p{padding-top:0px;padding-bottom:0px; line-height: 1.8;font-size:1em;color:#CCC !important;font-weight:500}
footer a{color:#CCC !important;}
footer a:hover{color:#ccc !important;}
footer p a:hover{color:#FFF !important;}
footer a:active{color:#ccc;}
footer i{font-size:1.8em;padding-left:5px;padding-right:5px;}
footer .creditos{border-top:1px dotted #999;padding-top:20px;}
footer .creditos p{font-size:0.9em}



/* FORMULARIOS */
fieldset{}
legend{}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-family: 'Quicksand', sans-serif;color: #333;font-style: italic;}
::-moz-placeholder { /* Firefox 19+ */font-family: 'Quicksand', sans-serif;color: #333;font-style: italic;}
:-ms-input-placeholder { /* IE 10+ */font-family: 'Quicksand', sans-serif;color: #333;font-style: italic;}
:-moz-placeholder { /* Firefox 18- */font-family: 'Quicksand', sans-serif;color: #333;font-style: italic;}


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

@media only screen { } /* Define mobile styles */

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

} /* 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) {
	
.bloque-web-izq .logotipo{padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px}


/* Menu Superior*/
.top-bar-section-menu ul li {padding-bottom:0px !important;}
.top-bar-section-menu ul li > a{font-size:0.9em;padding-left:1.2em !important;padding-right:1.2em !important;padding-top:10px !important;padding-bottom:10px !important;text-align:center;} 
.top-bar-section-menu ul li > a span{font-size:0.7em;line-height:1.2em} 
.top-bar-section-menu ul li > a i{font-size:1.5em;text-align:center;} 
.top-bar-menu .title-area h1{line-height:1.5em;padding-left:10px;font-size:0.8em;} 	 	

#main{margin-top:-10px;background-color:#f9f9f9}
#main .seccion{padding-top:0px;margin-top:-16px;background-color:#f9f9f9}
#main .seccion .contenido{background-color:#f9f9f9}

.seccion-buscador{margin-top:-16px;}
	
.bannerizq h3{font-size:0.7em;}	 


.top-bar-menu .title-area h1{line-height:1.3em}

/* Alerta: mensaje de aviso */
.home-alerta .dcha{padding-left:0px;padding-top:15px;padding-bottom:15px}
.home-alerta .dcha p{font-size:1.2em;}
.home-alerta .dcha span{font-size:0.8em !important;}
.home-alerta .dcha span p{}


h1{font-size:1.5em;}
h2{font-size:1.1em;}
h3{font-size:0.9rem;}
h4{font-size:0.9rem;}
h5{font-size:0.8rem;}
p{font-size:0.8em;}






/* Menu */



#main table{}
#main table tr td{font-size:0.8rem;}


/* Banners */


.bannerizq .contenido h3{font-size:0.8em}	
.bannerizq .contenido i{font-size:1.1em;}
	
.rombo{width:25px;height:25px;}	
.bannerizqimg img{width:100%;}





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

.bloque-web-izq .logotipo{padding-top:10px;padding-bottom:5px;padding-left:5px;padding-right:5px;}

.bannerizq h3{font-size:0.9em;}	 


.top-bar-menu .title-area h1{line-height:1.3em}

/* Alerta: mensaje de aviso */
.home-alerta .dcha{padding-left:0px;padding-top:15px;padding-bottom:15px}
.home-alerta .dcha p{font-size:1.5em;}
.home-alerta .dcha span{font-size:0.6em !important;}
.home-alerta .dcha span p{}


h1{font-size:1.8em;}
h2{font-size:1.2em;}
h3{font-size:1rem;}
h4{font-size:0.9rem;}
h5{font-size:0.8rem;}
p{font-size:0.8em;}





/* Menu */



/* Banners */


.bannerizq .contenido h3{font-size:0.8em}	
.bannerizq .contenido i{font-size:1.2em;}
	
.rombo{width:35px;height:35px;}	
.bannerizqimg img{width:100%;}



} /* 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) {
	.bannerizq h3{font-size:1em;}	 
	} /* 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 */