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

body {font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:14px; margin:0; padding:0; background-image:url(/gif/backg.gif); color:#ccc; text-align:justify}
a, a:visited {color:#cccccc; text-decoration:none}
a:hover{color:#fff; text-decoration:none}
#header {width:100%; background-image:url(/gif/backheader.gif); background-repeat:repeat-x; height:177px; text-align:center;}
#container {
	margin:0 auto 30px ;
	position:relative;
	width:713px;
}
#main {background-image:url(/gif/backmain.jpg); background-repeat:repeat-x; padding-bottom:20px; background-color:#444444}
#fotoMain {margin-left:485px; width:218px; height:577px}
h1 {margin:0; padding:0; font-size:18px; margin-top:5px; color:#FFF; border-bottom:1px solid #000; line-height:33px;}
h2 {font-size:14px; font-weight:bold; color:#FFF}
#margen { padding:10px; width:460px; float:left; padding-left:20px}
.fotoTexto { margin-right:10px; margin-bottom:4px; border:solid 1px #000}
#footer {width:100%; background-color:#000; height:200px}
#pieFotos {margin-top:10px; padding-left:10px}
#pieFotos img {margin-right:14px; border:solid 1px #000;}

.ficha {padding:8px; background-color:#4c4c4c; font-size:12px}

#listaEstilos {padding:5px; padding-left:10px; padding-right:13px; margin:0; background-color:#3e3e3e}
#listaEstilos li { list-style:none; background:url(/gif/iconolista.gif) left top no-repeat; padding-left:30px; padding-top:4px; padding-bottom:4px}
#horariosClases strong {color:#FFF}
#horariosClases li { margin-bottom:3px; list-style:none; background:url(/gif/iconolista.gif) left top no-repeat; padding-left:30px; color:#999 }
#parrillaProfesores {height:305px; }
#parrillaProfesores div { width:130px; height:60px; float:left; margin-right:4px; margin-bottom:4px; text-align:center; padding-top:40px; cursor:pointer; background-color:#3f3f3f}
.cerrarFicha {position:absolute; top:3px; left:0; text-align:right; width:98%}

.backProfe {border:solid 1px #666;}
.backProfeOn {border:solid 1px #eee; background-color:#4d4d4d; background:url(/gif/backprofesores.jpg) no-repeat center; color:#FFF; font-weight:bold} 

.fichaProfe {border:solid 1px #CCC}
#adelaida, #adria, #adrian, #cristian, #carmeyemili, #juanysilvia, #damaris, #loli, #marc {display:none; background-color:#333; width:430px; padding:15px; position:absolute; top:123px; height:450px; overflow:auto }
.fotoPerfil {margin-right:8px; margin-bottom:5px; border:solid 1px #666}
h2.titProfes {background:url(/gif/estrellatitulo.jpg) no-repeat; padding-left:52px; padding-top:10px; padding-bottom:10px}

#galeria img { margin-left:8px; margin-bottom:8px; border:solid 2px #525252; }

#listadoAgenda li { margin-bottom:5px; list-style:none}
.fechaAgenda {width:50px; height:40px; background:url(/gif/backfecha.jpg) no-repeat; float:left; border:solid 1px #666; font-weight:bold; font-size:20px; padding-top:10px; text-align:center}
.infoAgenda {padding:6px; border:solid 1px #666; margin-left:58px}
#centroHeader {margin:0 auto 0;	width:713px;}
#idiomas {float:right; padding-top:5px}
.inputs {border:solid 1px #CCC; padding:2px; width:130px; height:15px; background-color:#333; color:#CCC}
.inputArea {border:solid 1px #CCC; padding:2px; width:330px; height:110px; background-color:#333; color:#CCC}
#tablaContactar td { padding-bottom:10px}

#tablaVideos td {background-color:#3D3D3D; padding:2px}
#tablaVideos a { margin-left:20px}
#tablaVideos .categoriaVid {background:#4d4d4d}

#tablaVideos .estiloTR {background-color:#3D3D3D}
#tablaVideos .estiloTR2 {background-color:#464646}