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

/* FUENTES */
@import url(http://fonts.googleapis.com/css?family=Varela+Round);
@import url(http://fonts.googleapis.com/css?family=Muli);


/*---------------RESET CSS---------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes:  none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse:collapse;border-spacing: 0;}

/* GENERALES */
body {background:#e2e3e5; padding: 0; margin: 0; font-family: 'Muli', sans-serif; font-size: 62.5%; }
.izq {float: left;}
.der {float: right;}
.clear {clear: both;}


/* ESTRUCTURA */
#contenedor1 {width:100%; height:595px; background:url(../images/bg1.gif) repeat-x left 17px; margin:25px 0 0 0;}
#contenedor1 header {width: 980px; height: 721px; background: url(../images/foto-chica.jpg) no-repeat left 17px; margin: 0 auto 0 auto;}
#contenedor1 .contenido {width:550px; margin:47px 0 0 0;}
#contenedor2 {width: 100%; min-height: 521px; background: #e2e3e5 url(../images/bg2.gif) no-repeat center top;}
#contenedor2 .contenido {width:980px; background: #FFF; margin: 0 auto 0 auto; min-height: 592px; /*500*/}
#contenedor2 .textos {padding: 35px 25px 45px 25px;}
#contenedor3 {width:100%; height:270px; background:url(../images/bg1.gif) repeat-x left top; }
#contenedor3 header {width:1000px; margin:0 auto 0 142px;}

/* CABECERA */

#logos {margin:0 0 36px 0; display:block;}

/* NAVEGACION */
nav {display:block; width:450px;}

/* TABS */
#tabs {list-style: none;}
#tabs li {display:inline; margin: 0 0.5em 0 0; background: #ddd;}
#tabs a {background: #999999; padding: .90em 1.2em; text-decoration: none; color: #ffffff; font-family: 'Muli', sans-serif; font-size: 1.5em; text-transform:uppercase; border-radius: 10px 10px 0 0; }
#tabs a:hover {background: #818080; padding: .95em 1.2em; text-decoration: none; color: #ffffff; border-radius: 10px 10px 0 0; font-family: 'Muli', sans-serif; font-size: 1.5em;}
#tabs a.active {background: #0e9ad7; padding: .95em 1.2em; text-decoration: none; color: #ffffff; font-family: 'Muli', sans-serif; font-size: 1.5em; text-transform:uppercase; border-radius: 10px 10px 0 0; }

/* TITULARES */
#contenedor1 h1 {font-family: 'Varela Round'; font-size: 2.5em; line-height: 1.4em; color: #133d5e; font-weight: lighter;}
#contenedor1 h2 {font-family: 'Varela Round'; font-size: 2.5em; line-height: 1.4em; color: #133d5e; font-weight: lighter;}
#contenedor2 .textos h2 {font-family: 'Varela Round'; font-size: 2.0em; color: #0e99d6; line-height: 1.2em; margin: 0 0 10px 0; text-align: justify;}
#contenedor2 .textos h3 {font-family: 'Varela Round'; font-size: 1.2em; color: #35aae1;}

/* TEXTOS */
#contenedor1 .contenido p {font-size: 1.5em; line-height: 1.4em; color: #ffffff; margin: 10px 0 20px 0; font-weight: lighter;}
#contenedor1 .contenido strong {color: #122e43;}
#contenedor1 .poblaciones {font-family: 'Muli', sans-serif; font-size:0.9em; font-weight: lighter; margin: 0 10px; padding:5px; color:#666666;}
#contenedor1 .escuelas {background: #FF8000; border-color: #FF8000; border-radius: 5em; font-family: 'Varela Round', sans-serif; font-size: 1.0em; margin: 0 0px; box-shadow: 2px 2px 2px rgba(0,0,0,.4); padding:2px 6px 2px 6px; cursor:pointer;}
#contenedor1 .escuelas:hover {background: #FAAC58; border-color: #FAAC58;}
#contenedor2 .textos p {font-family: 'Muli', sans-serif; font-size: 1.4em; line-height:1.4em; color:#666666;}
#contenedor2 .boton_der {float: right; background: #FF8000; border-color: #FF8000; border-radius: 5em; font-family: 'Varela Round', sans-serif; font-size: 1.2em;  box-shadow: 2px 2px 2px rgba(0,0,0,.4); margin: 0 20px 0 0; width: 10%;}
#contenedor2 .boton_der:hover {background: #FAAC58; border-color: #FAAC58;}
#contenedor2 .contactform {color: #444444; font-family: 'Varela Round';    font-size: 1.5em;    line-height: 1.2em;    margin: 0 0 10px;    text-align: justify;}
#contenedor3 .contenido h1 {font-size:2.9em; font-family: 'Varela Round', sans-serif; color: #ffffff; border-top:1px solid #57c2ef; border-bottom:1px solid #57c2ef; margin:30px 0 0 0; padding:10px 0 10px 0;}
#contenedor3 .contenido h2 {font-size: 1.5em; line-height: 1.4em; color: #ffffff; margin: 20px 0 5px 0; font-weight: lighter;}
#contenedor3 .EMI {background: #FF8000; border-color: #FF8000; border-radius: 5em; font-family: 'Varela Round', sans-serif; font-size: 1.2em;  box-shadow: 2px 2px 2px rgba(0,0,0,.4); width: 20%;}
#contenedor3 .EMI:hover {background: #FAAC58; border-color: #FAAC58;}
#contacto .botonacceso3 {width:-1px; background: #FF8000;color:#000000; border-color: #FF8000; border-radius: 5em; font-family: 'Varela Round'; font-size: 1.4em; margin-top:-24px; box-shadow: 2px 2px 2px rgba(0,0,0,.4); padding:9px 20px 9px 20px; float:right; cursor:pointer; margin-right:390px;}

/* SECCION ICONOS */
.iconos {background: url(../images/bgiconos.jpg) repeat-x left top; padding: 15px 0 20px 0;}
.iconos ul {width: 98%; margin: 0 auto 0 29px;}
.iconos li {font-size: 1.29em; text-align:center; display: inline-block; width: 220px; margin: 0 15px 0 0; color:#666666;}
.iconos .ult {margin: 0;}
.iconos h2 {font-size: 1.5em; line-height: 1.5em; font-family: 'Varela Round', sans-serif; color: #0e99d6;}
li.tecnologias {background: url(../images/icotecnologias.png) no-repeat center top; padding: 90px 0 0 0;}
li.profesorado {background: url(../images/icoprofesorado.png) no-repeat center top; padding: 90px 0 0 0;}
li.horarios {background: url(../images/icohorarios.png) no-repeat center top; padding: 90px 0 0 0;}
li.precios {background: url(../images/icoprecios.png) no-repeat center top; padding: 90px 0 0 0;}
a {text-decoration: none; color: #706e6e; }
a:hover {color: #cccccc; }

/* FOOTER */
footer {color: #ffffff; width:980px; background: #999999; margin:0 auto 0 auto;}
/* Bloque de contacto */
footer .contacto {float:left; margin:0 140px 0 0;}
footer .contacto h2 {font-family: 'Varela Round', sans-serif; font-size: 1.5em; margin: 0 0 7px 0;}
footer .contacto p {font-family: 'Muli', sans-serif; font-size: 1.29em; line-height: 1.29em;}
/* Bloque social */
footer .social {float:right;}
footer .social p {font-size:1.4em; float:left; margin:0 20px 0 0;}
footer .contenido {width: 930px; padding: 20px 25px 23px 25px; margin: 0 auto 0 auto;}
#contacto a.botonacceso3:hover {color:#000000;}
footer .privacidad {font-family: 'Varela Round', sans-serif; font-size: 1.5em; margin: 0 0 7px 0;}