@charset "utf-8";

/* 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,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 {width:100%; height: 100%;  background: #e2e3e5 url(../images/bg2.gif) no-repeat center 120px; font-size: 62.5%;}
.izq {float:left;}
.der {float:right;}
.clear {clear:both;}


/* ESTRUCTURA */
#contenedor {width:980px; margin:20px auto 0 auto;}

/* TEXTOS Y TITULARES */
.contenido h1 {font-family: 'Varela Round'; font-size: 2.6em; margin:0 0 15px 0;}
.contenido h2 {font-family: 'Varela Round'; font-size: 2.0em; margin:0 0 10px 0;}
.contenido p {font-family: 'Muli', sans-serif; font-size:1.4em; color:#666666; line-height:1.4em; margin:0 0 25px 0; padding:0 15px 0 0;}
.contenido p.borde{border: 1px solid #0E98D5; padding:15px;}
.contenido .termin {font-size: 1.2em;font-family:"Muli",sans-serif;}
.contenido .termin a{color: #0e95d0;}
.contenido .termin a:hover{color: #999999;}

/* LISTADOS */
.contenido ul li {margin:5px 0 5px 0;}

/* BUSCADOR */
.buscador {font-family: 'Varela Round'; font-size:1.29em; width:350px; float:right; color:#666666; margin:-15px 0 0 0; text-align:right;}
.buscador2 {font-family: 'Varela Round'; font-size:1.29em; width:238px; float:right; color:#666666; margin:-15px 0 0 0; text-align:right;}
.buscador2 .vacio {font-family: 'Varela Round'; font-weight: lighter; margin: 0 0px; color:#666666; padding:20px;width:248px;float:right;}
.buscador .poblaciones {font-family: 'Varela Round'; font-weight: lighter; margin: 0 10px; color:#666666; padding:4px;}
.buscador .poblaciones {font-family: 'Varela Round'; font-weight: lighter; margin: 0 10px; color:#666666; padding:4px;}
.buscador .poblaciones2 {font-family: 'Varela Round'; font-weight: lighter; margin-top:9px; color:#666666; padding:4px;}
.buscador .escuelas {background: #FF8000; border-color: #FF8000; border-radius: 5em; font-family: 'Varela Round'; font-size: 1.0em; margin:0; box-shadow: 2px 2px 2px rgba(0,0,0,.4); padding:1px 4px 1px 4px; cursor:pointer;}
.buscador .escuelas:hover {background: #FAAC58; border-color: #FAAC58;}


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

/* NAVEGACION */
nav {width:450px; height:30px; float:left;}
nav2 {width:332px; height:30px; float:left;}

/* PESTAÑAS */
#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; }

/* SIDEBAR */
.sidebar {width:245px; float:left; }
#listado li {font-size: 1.5em; font-family: 'Muli', sans-serif; line-height: 1.2em;  padding:12px 30px 12px 20px; border: 1px solid #E9E9E9; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07)/; background: url(../images/sidebar.jpg) no-repeat 212px ;}
#listado li.seleccion {border-right: none; box-shadow: 0 10px 4px 0e9ad7/*rgba(0, 0, 0, 0.07)*/; background: url(../images/sidebar_selection.jpg) no-repeat 212px ;}
a {text-decoration: none; color: #706e6e; }
a:hover {color: #cccccc; }
#idiomas li.seleccion a {color: #0e95d0;}
#cine li.seleccion a {color: #aee800;}
#informatica li.seleccion a {color: #6851e2;}
#sae li.seleccion a {color: #FF4000;}
#teatro li.seleccion a {color: #ece90d;}
#fotografia li.seleccion a {color: #0853c3;}
#pintura li.seleccion a {color: #FF8000;}
#cocina li.seleccion a {color: #B4045F;}
#danza li.seleccion a {color: #f82b21;}

/* IDIOMAS */
#idiomas {width: 980px; background: #ffffff; border-top: solid 2em #0e95d0;}
#idiomas .contenido {float:right; width: 71%; padding:25px 0  35px 0;}
#idiomas h1 {color: #0e99d6;}
#idiomas .contenido h2 {color: #0e99d6;}
#idiomas .contenido li {font-size: 1.4em;  font-family: 'Varela Round', sans-serif; text-align: justify; color: #444444; margin:5px 0 5px 0;}
#idiomas .column1 {width:90px; height:160px; float:left; margin:0 15px 25px 0; border-right:1px solid #dddddd;}
#idiomas .column2 {width:210px; height:160px; float:left; margin:0 15px 25px 0; border-right:1px solid #dddddd;}
#idiomas .foto {float:right; width: 32%; margin-left:10px;}
#idiomas .sello {margin-left: 40px; padding: 10px 10px 20px 10px;}

/* CINE */
#cine {width: 980px; background: #ffffff; border-top: solid 2em #aee800;}
#cine .contenido {float:right; width: 71%; padding:25px 0  35px 0;}
#cine h1 {color: #aee800;}
#cine .foto {float:right; width: 40%; margin-left:10px;}

/* INFORMATICA */
#informatica {width: 980px; background: #ffffff; border-top: solid 2em #622dfa;}
#informatica .contenido {float:right; width: 71%; padding:25px 0  35px 0;}
#informatica h1 {color: #622dfa;}
#informatica h2 {color: #622dfa;}
#informatica .contenido ul {list-style-type: disc; font-size: 1.4em; font-family: 'Muli', sans-serif;  color: #444444; }
#informatica .col1 {width: 45%; float: left; margin-left: 30px; margin-bottom: 10px;}
#informatica .col2 {width: 50%; float: right; margin-bottom: 10px;}
#informatica .foto {float:right; width: 40%;margin-left:10px;}

/* SAE */
#sae {width: 980px; background: #ffffff; border-top: solid 2em #FF4000;}
#sae .contenido {float:right; width: 71%; padding:25px 0  35px 0;}
#sae h1 {color: #FF4000;}
#sae .foto {float:right; width: 200px; margin-left:10px;}

/* TEATRO */
#teatro {width: 980px; background: #ffffff; border-top: solid 2em #ece90d;}
#teatro .contenido {float:right; width: 71%; padding:25px 0  35px 0;}
#teatro h1 {color: #ece90d;}
#teatro h2 {color: #eacb1e;}
#teatro .contenido ul {font-family: 'Muli', sans-serif; font-size: 1.4em; text-align: justify; line-height: 1.2em; color: #444444; list-style-type: disc; margin-left: 50px; margin-top:-10px;}
#teatro .foto {float:right; width:25%;margin-left:10px;}

/* FOTOGRAFIA */
#fotografia {width: 980px; background: #ffffff; border-top: solid 2em #0853c3;}
#fotografia .contenido {float:right; width: 71%; padding:25px 0  35px 0;}
#fotografia h1 {color: #0853c3;}
#fotografia .contenido ul {font-size: 1.4em; text-align: justify; font-family: 'Muli', sans-serif;  color: #444444; list-style-type: disc; margin-right:30px;}
#fotografia .col1 {width: 50%; float: left; margin-left: 30px; margin-bottom: 20px;}
#fotografia .col2 {width: 30%; float: right; margin-bottom: 20px;}
#fotografia .foto {float:right; width:240px;margin-left:10px;}

/* PINTURA */
#pintura {width: 980px; background: #ffffff; border-top: solid 2em #FF8000; }
#pintura .contenido {float:right; width: 71%; padding:25px 0  35px 0;}
#pintura h1 {color: #FF8000;}
#pintura .foto {float:right; width: 40%; margin-left:10px;}

/* COCINA */
#cocina {width: 980px; background: #ffffff; border-top: solid 2em #B4045F; }
#cocina .contenido {float:right; width: 71%; padding:25px 0  35px 0;}
#cocina h1 {color: #B4045F;}
#cocina .foto {float:right; width: 42%; margin-left:10px;}

/* DANZA */
#danza {width: 980px; background: #ffffff; border-top: solid 2em #f82b21; }
#danza .contenido {float:right; width: 71%; padding:25px 0 35px 0;}
#danza h1 {color: #f82b21;}
#danza h2 {color: #f82b21;}
#danza .contenido ul {font-size: 1.4em;  font-family: 'Varela Round', sans-serif; text-align: justify; line-height: 1.2em; color: #444444; list-style-type: disc; margin: -10px 20px 0 50px;}
#danza .column {width:320px; float:left; margin:0 15px 0 0; border-right:1px solid #dddddd; height:156px;}
#danza .foto {float:right; width: 40%; margin-left:10px;}

/* CONTACTO */
#contacto {width: 980px; min-height:430px; background: #ffffff; border-top: solid 2em #0e95d0;}
#contacto .contenido {background:#FFF; width: 90%; padding:25px;}
#contacto h1 {font-size:1.8em; color: #0e99d6;}
#contacto form p {float:left; margin:0 20px 20px 0;}
#contacto label {display:block; width:86px;}
#contacto p input {font-family: 'Muli', sans-serif;font-size:1.0em;  width:340px; background:#f2f2f2; border:none; padding:5px;}
#contacto textarea {font-family: 'Muli', sans-serif; font-size:1.0em; background:#f2f2f2; border:none; padding:5px;}
#contacto .boton {width:100px; background: #FF8000; border-color: #FF8000; border-radius: 5em; font-family: 'Varela Round'; font-size: 1.4em; margin:0; box-shadow: 2px 2px 2px rgba(0,0,0,.4); padding:2px 20px 2px 20px; float:right; cursor:pointer;}
#contacto2 .botonacceso {width:-1px; background: #FF8000;color:#000000; border-color: #FF8000; border-radius: 5em; font-family: 'Varela Round'; font-size: 1.4em; margin-top:-44px; box-shadow: 2px 2px 2px rgba(0,0,0,.4); padding:9px 20px 9px 20px; cursor:pointer; margin-right:-590px;float:right;}
#contacto2 .botonacceso2 {width:-1px; background: #FF8000;color:#000000; border-color: #FF8000; border-radius: 5em; font-family: 'Varela Round'; font-size: 1.4em; margin-top:-44px; box-shadow: 2px 2px 2px rgba(0,0,0,.4); padding:9px 20px 9px 20px; float:right; cursor:pointer; margin-right:-581px;}
#contacto2  {width: 0px;min-height:430px; background: #ffffff; border-top: solid 2em #0e95d0;}
div.pol-privacidad h3 {font-family: 'Varela Round'; font-size: 1.5em; color: #35aae1; margin: 1em 0 0.5em 0;}
div.pol-privacidad p {font-size: 1.05em; text-align: justify;}
#error {font-family: 'Muli', sans-serif; font-size:1.4em; color:#FF0000;}
#ok {font-family: 'Muli', sans-serif; font-size:1.4em; color:#6C0;}

/* FOOTER */
footer {color: #ffffff; 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; color:#ffffff; margin:0; padding:0;}
/* Bloque social */
footer .social {float:right;}
footer .social p {font-size:1.4em; float:left; margin:0 20px 0 0; color:#ffffff;}
footer .contenido {width: 930px; padding: 20px 25px 23px 25px; margin: 0 auto 0 auto;}
#contacto a.botonacceso:hover {color:#000000;}
#contacto a.botonacceso2:hover {color:#000000;}