@import "layout.css";
@import "estilos.css";


/* PORTADA */
#idiomas { font-size: 125%;}
#idiomas .t_idiomas { background:url(../img/titulo_idiomas.jpg) 0% 0% no-repeat;}

/*#nav_idiomas { font-size:120%; background: url(../img/fondo_nav_idiomas.gif) top left repeat-x; height: 24px; padding-top: 10px}
#nav_idiomas ul { padding:0; margin: 0 0 0 55px;}
#nav_idiomas ul li { display:inline; padding: 0 10px 0 0;}
#nav_idiomas ul li a { padding: 9px 15px 4px 15px; color: #001F48;}
#nav_idiomas ul li a:hover {}
#nav_idiomas ul li a#current {}*/

#idiomas .general { margin-top: 20px; padding-bottom:20px}

#idiomas #left_content #cursos_ingles { background:url(../img/fondo_general_en.jpg) 0% 0% no-repeat; margin-top:0; padding-top:0;}
#idiomas #left_content #cursos_frances { background:url(../img/fondo_general_fr.jpg) 0% 0% no-repeat; height:400px; margin-top:0; padding-top:0}
#idiomas #left_content #cursos_chino { background:url(../img/fondo_general_ch.jpg) 0% 0% no-repeat; height:333px; margin-top:0; padding-top:0}


#idiomas ul.pestanas { padding:0 10px 4px 10px; border-bottom: 1px solid #CCC; margin-top:20px; margin-left:0;}
#idiomas ul.pestanas li { background:url(../img/fondo_pestana01.gif) top left repeat-x; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; display:inline; padding:9px 0 4px 0}
#idiomas ul.pestanas li a { padding: 9px 15px 4px 15px; text-decoration:none; color: #001F48;}
#idiomas ul.pestanas li a:hover { text-decoration:underline;}
#idiomas ul.pestanas li.current { text-decoration:none; background:url(../img/fondo_pestana02.gif) top left repeat-x; border-bottom: 1px solid #FFF;}

#idiomas ul.pestanas-right { list-style:none; float:right; margin-top:5px; padding-top:0; font-size:95%}
#idiomas ul.pestanas-right li { display:inline; padding-right:3px}

#idiomas #curso-edad, #idiomas #curso-horario, #idiomas #curso-precio { display:none}

#idiomas .matricula { background:url(../img/fondo_boton01.gif) top left no-repeat; height: 37px; width: 90px; padding:10px 0 0 45px; font-size:110%; margin:20px auto;}
#idiomas .matricula a { color:#001F48}

#idiomas #left_content table { margin:0 0 0 0;}
#idiomas #left_content table .horas-en { font-size: 95%; font-weight:700; background:#CC0000; color:#FFF}
#idiomas #left_content table .horas-eco { font-size: 95%; font-weight:700; background: #9BC029; color:#FFF}
#idiomas #left_content table .horas-en2 { font-size: 95%; font-weight:700; background: #CC0000 url(../img/fondo_tabla_sombra_en.gif) bottom left repeat-x; color:#FFF}
#idiomas #horario-jovenes, #idiomas #horario-ninos {display:none} 
#idiomas #left_content ul.uno { padding-left:0; margin-left:0; font-size:90%}
#idiomas #left_content ul.uno li { display:inline}

.descuento { float:left; width: 180px;  padding:8px; margin-top:10px; border: 1px solid #68b23c}
.familia {background: url(../../img/descuento01.jpg) bottom left no-repeat;}
.irun {background: url(../../img/descuento01.jpg) bottom left no-repeat;}
.trimestre {background: url(../../img/descuento01.jpg) bottom left no-repeat;}
.descuento h2 {color: #006600; margin-bottom:0}
/* --- */

/* INGLÉS */
.t_ingles { background:url(../img/titulo_ingles.jpg) 0% 0% no-repeat;}
.demo { background:#f9f9f9; border: 1px solid #CCC; padding:10px; width:435px; height:120px;}
.demo img { margin-right:20px; margin-bottom:40px}
.titulo_en { background: url(../img/fondo-tabla-ingles.jpg) left no-repeat; font-size:130%; font-weight:bold; color:#FFF; padding:6px 0 6px 10px; margin-bottom:0}
/* --- */

/* FRANCÉS */
.t_frances { background:url(../img/titulo_frances.jpg) 0% 0% no-repeat;}
.titulo_fr { background: url(../img/fondo-tabla-frances.jpg) left no-repeat; font-size:130%; font-weight:bold; color:#FFF; padding:6px 0 6px 10px; margin-bottom:0}

/* --- */

/* CHINO */
.t_chino { background:url(../img/titulo_chino.jpg) 0% 0% no-repeat;}
.titulo_ch { background: url(../img/fondo-tabla-chino.jpg) left no-repeat; font-size:130%; font-weight:bold; color:#FFF; padding:6px 0 6px 10px; margin-bottom:0}

/* --- */
/* INGLÉS */
.t_buscador { background:url(../img/titulo_conocenos.jpg) 0% 0% no-repeat;}
/* --- */

/* NIVELES */
#idiomas #left_content table.niveles, #left_content table.niveles th { text-align:center}
#idiomas #left_content table.niveles th { padding-left:0; width:80px; padding-bottom:10px; background: #E5E5E5;}
#idiomas #left_content table.niveles tr { height:25px;}
#idiomas #left_content table.niveles td.granate { background:#660033; color:#FFF}
#idiomas #left_content table.niveles td.granate2 { background:#993366; color:#FFF}
#idiomas #left_content table.niveles td.granate3 { background: url(../img/fondo_granate3.gif) top left repeat-x; color:#FFF}
#idiomas #left_content table.niveles td.azul { background:#006699; color:#FFF}
#idiomas #left_content table.niveles td.azul2 { background: #1E85B9; color:#FFF}
#idiomas #left_content table.niveles td.azul3 { background: url(../img/fondo_azul3.gif); color:#FFF}
#idiomas #left_content table.niveles td.amarillo { background:#CC9900; color:#FFF}
#idiomas #left_content table.niveles td.amarillo2 { background:#EBB102; color:#FFF}
#idiomas #left_content table.niveles td.amarillo3 { background: url(../img/fondo_amarillo3.gif) top left repeat-x; color:#FFF}
#idiomas #left_content table.niveles td.rojo2 { background: #FF6600; color:#FFF}
#idiomas #left_content table.niveles td.rojo3 { background: url(../img/fondo_rojo3.gif) top left repeat-x; color:#FFF}
#idiomas #left_content table.niveles td.rojo4 { background: #FF9933; color:#FFF}
#idiomas #left_content table.niveles td.rojo5 { background: url(../img/fondo_rojo4.gif) top left repeat-x; color:#FFF}
#idiomas #left_content table.niveles td.vacio { background: #E5E5E5;}
/* --- */