/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
img{display:block}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section{display:block}
nav ul,ul,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}

/* Generales */
html,body{min-height:100%;height:auto!important;height:100%;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:1.4;color:#666}
a,a:hover{text-decoration:none}
a{color:#5489bf}
a:hover{color:#999}
.suave:hover{cursor:pointer}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear:before,.clear:after{display:table;content:"";line-height:0}
.clear:after{clear:both}
blockquote.derecha{margin:10px 0 10px 10px!important;float:right}
blockquote.izquierda{margin:10px 10px 10px 0!important;float:left}
@media (min-width:320px) and (max-width:640px){
	blockquote.derecha,blockquote.izquierda{margin:10px 0;float:none}
}

/* Estructura */
nav,#bloque-cabecera,main,footer{width:100%;display:block;position:relative;text-align:left}
.contenedor{width:100%;display:block;position:relative}
.contenido{width:960px;margin:0 auto;display:block;position:relative}
.uno{width:10%}.dos{width:20%}.tres{width:30%}.cuatro{width:40%}.mitad{width:50%}.seis{width:60%}.siete{width:70%}.ocho{width:80%}.nueve{width:90%}.completo{width:100%}.un-tercio{width:33%}
.uno,.dos,.tres,.cuatro,.mitad,.seis,.siete,.ocho,.nueve,.un-tercio{float:left;padding:0 15px;box-sizing:border-box}
#contenido{padding:30px 0}
/* móviles y tabletas pequeñas */
@media (min-width:320px) and (max-width:960px){
	.contenido{width:auto;margin:0 15px}
	#contenido{padding:15px 0}
	.uno,.dos,.tres,.cuatro,.mitad,.seis,.siete,.ocho,.nueve,.un-tercio{width:100%;padding:0;float:none}
}
/* tablets y monitores pequeños */
@media (min-width:641px) and (max-width:960px){
	/* Columnas de 32px */
	.contenido{width:624px;margin:0 auto}
}
/* monitores panorámicos */
@media (min-width:1025px){
	/* Columnas de 64px */
	.contenido{width:1008px;margin:0 auto}
}

/* Iconos */
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}
.fa-angle-up:before{content:"\f106"}
.fa-angle-down:before{content:"\f107"}
.fa-facebook:before{content:"\f09a"}
.fa-twitter:before{content:"\f099";}
.fa-google-plus:before{content:"\f0d5"}
.fa-close:before{content:"\f00d"}
.fa-whatsapp:before{content:"\f232"}
.fa-file-pdf-o:before{content:"\f1c1"}
.fa-ellipsis-v:before{content:"\f142"}

/* COMUNES */
.titulo{font-size:35px;line-height:1.1;font-family:Georgia, "Times New Roman", Times, serif;margin-bottom:20px;color:#000;border-bottom:1px dotted #ccc}
#contenido p{margin-bottom:10px;padding-bottom:10px}
#contenido li{background:url("../img/bg-li.gif") no-repeat 0 7px;padding-left:12px;margin-bottom:20px}
.boton{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;text-align:center}
.boton:hover{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}
.boton-redondo{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;text-align:center}
.foto.movil{display:none}
@media (max-width:640px){
	.titulo{font-size:28px}
	.foto.movil{display:block}
	.foto.pc{display:none}
}
/* CABECERA */
#bloque-cabecera{background-image:url("../img/fondo.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;height:500px;position:relative}
#cabecera{position:relative;padding-top:130px}
#cabecera h1{width:auto;text-align:center;font-size:70px;line-height:1.1;font-family:Georgia, "Times New Roman", Times, serif;color:#fff}
#cabecera h1 a{color:#fff}
#cabecera h1 a:hover{color:#999}
#cabecera h1 span{font-size:90px;display:block}
#cabecera ul{width:auto;background:#333;position:absolute;top:0;right:0;z-index:10;padding:10px 15px 10px 0}
#cabecera li{float:left;margin-left:15px}
#cabecera li a{display:block}
#cabecera .abc{position:relative;top:12px}
#cabecera a{display:block}
#cabecera .abc a{width:100px}
#cabecera .ucm{float:right}
#cabecera .ucm a{width:50px}
@media (max-width:640px){
	#bloque-cabecera{height:auto}
	#cabecera{padding:30px 0;display:none}
	#cabecera h1, #cabecera h1 span{font-size:50px}
	#cabecera ul{display:none}
}
@media (min-width:641px) and (max-width:960px){
	#cabecera ul{background:none;top:20px;padding:0;right:-40px}
}

/* navegación máster */
#navegacion{background:#000;position:absolute;bottom:0;z-index:10;height:40px}
#navegacion .cont-nav{display:block;padding:0 20px;position:relative}
#navegacion h1.titulo-master{float:left;display:none}
#navegacion h1.titulo-master a{font-size:18px;color:#fff;line-height:40px}
#navegacion h1.titulo-master a:hover{color:#999}
#navegacion .cont-nav .abc{width:80px;display:block}
#navegacion .controles{float:right;height:40px;display:none}
#navegacion .controles .boton-cuadrado{width:40px;height:40px!important;text-align:center;font-size:14px;line-height:40px}
#navegacion .menu-navegacion{float:right;border-left:1px solid #444}
#navegacion .menu-navegacion li{float:left}
#navegacion .menu-navegacion li a{font-size:11px;font-weight:bold;text-transform:uppercase;padding:0 10px;line-height:40px;color:#fff;display:block;border-right:1px solid #444}
#navegacion .menu-navegacion li a.activo,#navegacion .menu-navegacion li a:hover{background:#5489bf}
@media (min-width:320px) and (max-width:360px) {
	#navegacion h1.titulo-master a{font-size:16px}
}
@media (min-width:361px){
	#navegacion h1.titulo-master a{margin-left:0;padding-left:0;border-left:none;font-size:20px}
}
@media (max-width:640px) {
	#navegacion ul.menu-navegacion{position:fixed}
}
@media (min-width:641px) and (max-width:960px) {
	#navegacion ul.menu-navegacion{position:absolute}
}
@media (max-width:960px) {
	#navegacion h1.titulo-master{display:block}
	#navegacion{height:41px}
	#navegacion .cont-nav{padding:0 10px}
	#navegacion .controles{display:block}
	#navegacion #menu-principal{display:block;cursor:pointer;color:#fff;width:40px;height:40px;text-align:center;font-size: 14px;line-height:40px}
	#navegacion ul.menu-navegacion{width:300px;top:0;right:-310px;z-index:5;font-size:11px;text-transform:uppercase;background-color:#333}
	#navegacion ul.menu-navegacion li{border-bottom:1px solid #ddd;float:none;border-bottom:1px dotted #999}
}

/* FOOTER */
footer{background:#eee;font-family: Arial, Helvetica, sans-serif;font-size:12px}
footer .titulo2{display:block;font-size:21px;line-height:1;font-family:Georgia, "Times New Roman", Times, serif}
footer .info{color:#666;padding:30px 0}
footer .info .titulo2{margin-bottom:10px;padding-bottom:5px;color:#666;border-bottom:1px dotted #ccc}
footer .info li{background:url("../img/bg-li.gif") no-repeat 0 5px;padding-left:10px;margin-bottom:5px}
footer .impreso a{font-weight:bold}
footer .impreso .fa{font-size:24px;margin-right:10px;position: relative;top:4px}
footer .patrocinio{display:block;margin-top:30px}
footer .redes-sociales{background:#95B6D7;padding:20px 0}
footer .redes-sociales .contenido{width:400px}
footer .redes-sociales .titulo2{font-size:30px;line-height:50px;color:#fff;float:left}
footer .redes-sociales li{float:left}
footer .redes-sociales .fa{width:50px;height:50px;line-height:50px;color:#5489bf;background:#fff;font-size:30px;margin-left:10px}
footer .pie{background:#2B4E71;color:#fff;padding:20px 0;overflow:hidden}
footer .pie .abc{display:block;width:80px;float:left;margin-right:10px}
footer .pie .copy{display:block;float:left;padding-left:10px;border-left:1px solid #fff;position:relative;top:5px}
@media (max-width:960px) {
	footer .info .seis{padding:0;margin-bottom:30px}
}

/* INDEX */
.video{margin-bottom:20px}
#inicio #contenido .titulo{border-bottom:none}
.foto{margin-bottom:15px;position:relative}

/* CONDICIONES */
#condiciones #contenido ul,#titulo #contenido .texto{margin-left:-10px}
#condiciones .foto,#actividades .foto,#titulo .foto{float:right;margin-right:-10px}
#condiciones .foto img,#actividades .foto img{margin-bottom:20px}
@media (max-width:960px){
	#condiciones #contenido ul,#titulo #contenido .texto{margin-left:0}
	#condiciones .foto,#actividades .foto,#titulo .foto{float:none;margin-right:0}
	#condiciones .last{display:none}
}

/* ASIGNATURAS */
#asignaturas #contenido .mitad{margin-left:-10px;margin-bottom:30px}
#asignaturas #contenido h2{font-size:23px;line-height:1.2;font-family:Georgia, "Times New Roman", Times, serif;background:#eee;padding:5px 10px;margin-bottom:10px}
#asignaturas #contenido li{margin-bottom:15px}
#asignaturas #contenido .completo{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #ccc}
#asignaturas #contenido .completo li{width:46%;margin:0 10px 10px;float:left}
#asignaturas #contenido .pie-foto{font-size:28px;line-height:1.2;font-family:Georgia, "Times New Roman", Times, serif;color:#fff;background:rgba(0,0,0,0.5);padding:5px 10px;position:absolute;bottom:0;display:block;z-index:5;width:100%;box-sizing:border-box}
#asignaturas #contenido .bloques{position:relative;top:-10px;left:0;overflow:hidden;margin-bottom:10px}
#asignaturas #contenido .bloques li{padding:0 10px 0 0;margin:0 10px 0 0;background:0;border-right:1px dotted #ccc;float:left;color:#5489bf;cursor:pointer}
#asignaturas #contenido .bloques li:hover{color:#999}
#asignaturas #contenido .subir{display:block;width:30px;height:30px;line-height:30px;background:#5489bf;color:#fff;float:right;clear:both}
#asignaturas #contenido .subir:hover{background:#2B4E71}
@media (max-width:640px){
	#asignaturas #contenido .foto{display:none}
	#asignaturas #contenido .bloques li{font-size:13px}
}
@media (max-width:960px){
	#asignaturas #contenido .completo li{margin:0 0 10px;float:none;width:100%;box-sizing:border-box}	
}

/* 25 AÑOS */
#historia #contenido .foto .pie-foto{font-size:12px;background:#eee;padding:5px 10px;display:block;width:100%;box-sizing:border-box}

/* CONTACTO */
#contacto #contenido .mapa{margin-left:-10px}
#contacto #contenido .redes-sociales{background-position:0 12px}
#contacto #contenido .redes-sociales .boton{background:#5489bf;color:#fff;width:30px;height:30px;line-height:30px;margin:0 5px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px}
@media (max-width:640px){
	#contacto #contenido .mapa{margin-left:0;margin-bottom:20px}
}

/* AULAS */
#aulas #contenido li,#actividades #contenido li{padding-left:0;background:none;position:relative}
#aulas #contenido li span,#actividades #contenido li span{display:block;position:absolute;background:rgba(0,0,0,0.7);color:#fff;width:100%;padding:10px;box-sizing:border-box;bottom:0;left:0;z-index:10;line-height:1.1}
#aulas #contenido #carrusel,#actividades #contenido #carrusel{padding-top:40px}