@charset "UTF-8";
/* CSS Document */
*{outline:none;}

body{ width:100%; height:100%; background-color:#000; font-family:Verdana, Geneva, sans-serif; font-size:11px; margin:0px;}
a:link, a:visited, a:active{ text-decoration:none; outline:none;}
a:hover{ text-decoration:underline; outline:none;}
h1,h2,h3,h4,h5,h6{ font-family:Arial, Helvetica, sans-serif; margin:10px 10px 0px;}
p{margin:0px 10px; line-height:1.5em; letter-spacing:.2px; font-family:Verdana, Geneva, sans-serif; }
img{ border:0px solid #000; margin:0px;}
table{border-collapse:collapse;}
input{ background-color:#ccc; color:#000; border:0px solid #FC6120; margin:2px;}

#cabecera{ position:relative; width:900px; height:160px; margin:0px auto;}

#logo{ position:absolute; z-index:10; top:0px; left:0px;}
#logo img{ border:0px;}

#menuPrincipal{ position:absolute; z-index:1000; top:90px; left:0px; width:450px;}
#menuPrincipal .menuItem{ width:10px; overflow:visible;}
#menuPrincipal a:link, #menuPrincipal a:active, #menuPrincipal a:visited{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#FFF;}
#menuPrincipal a:hover{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#FC6102; text-decoration:none;}

#contenido{ position:relative; width:900px; margin:0px auto; }

#pie{ position:relative; width:900px; margin:80px auto 40px; text-align:center; color:#ccc; }
#pie a{ color:#CCC; text-decoration:none;}
#pie a:hover{ color:#FC6120;text-decoration:none;}


.subMenu{ position:absolute; top:0px; left:0px; z-index:900; background-color:#FC6120; width:280px; min-height:785px; height: auto !important;  height: 785px; }

.subMenu h1{ color:#333; font-size:14px;}
.subMenu h2, .subMenu h5{ font-size:12px;}
.subMenu p{ font-size:10px;}
.subMenu a{ color:#333;}
.subMenu .seleccionado{color:#FFF; font-weight:bold;}

.subContenido{ position:relative;  top:0px; left:300px; background-color:#F6F6F6; width:450px;  min-height:785px; height: auto !important;  height: 785px; }
.subInfo{ position:absolute; top:0px; right:-150px; height:100%; background-color:#FFF; width:150px; margin:0px;}
.subContenido h3{ color:#333; font-size:14px; }
.subContenido h4{ font-size:11px; font-weight:bold; margin-top:0px; }
.subContenido h5{ font-size:11px; font-weight:normal; margin-top:0px; margin-bottom:10px; font-style:italic; }
.subContenido p{ font-size:11px; margin-bottom:1em; }
.subContenido a{color:#FC6120;}

.cita{ text-align:right; margin:2em 5% 2em 20%; }
q{font-style:italic;}


.fondoNegro{ background-color:#000; color:#FFF;}
.fondoNegro h1, .fondoNegro a{color:#FC6120}

.fondoBlanco{ background-color:#FFF;}
.fondoBlanco a{color:#FC6120}
#menuProgramacion{ position:absolute; z-index:30; top:0px; right:0px; width:150px; height:100%; background-color:#000;}
#menuProgramacion{ color:#FFF;}
#menuProgramacion a{ color:#FFF;}
#menuProgramacion a:hover{ color:#FC6120; text-decoration:none;}

.programacionTitulo{ color:#000; font-size:16px; margin:0px 0px 10px 225px; padding:10px 0px 0px;}
.programacionIntro{ color:#000; font-size:13px; margin:0px 10px 30px; width:600px; }
.programacionIntro h2{ font-size:16px; padding:10px 0px 0px; margin:0px;}
.programacionIntro p{ margin:0px 0px 10px;}
.programacionIntro strong{ font-weight:normal; color:#FC6120;}
.programacionSuscripcion{ margin:0px 0px 0px 220px; width:400px;}
.programacionCompra{ margin:-30px 0px 0px 220px;}
.programacionCompra h4, .programacionSuscripcion h5{ font-size:11px; font-weight:bold; font-style:normal;}
.anclaje:hover{ text-decoration:none;}



.obra{ width:750px; margin:0px;}
.obra .cartel{ margin:0px 10px 60px; display:inline-block;}
.obra .sinopsis{ width:372px; display:inline-block; margin:0px 0px 60px; vertical-align:top;}
.obra .info{ width:150px; display:inline-block; margin:30px 0px; vertical-align:top; right:0px;}
.obra .sinopsis p{ margin:0px 10px 10px 0px;}
.obra .sinopsis h2{ margin:0px 10px 10px 0px; color:#FC6120; font-size:14px;}
.obra .sinopsis h3{ margin:2em 10px 0.5em 0px; color:#000; font-size:12px;}
.obra .sinopsis a:visited{ color:#666; }

.obra .info h3{ margin:0px 10px 0px 10px; color:#FC6120; font-size:11px;}
.obra .info h4{ margin:0px 10px 0px 10px; color:#000; font-size:11px;}
.obra .info p{ margin:0px 10px 10px 10px;}



.contacto { color:#FFF;}
.contacto a{ color:#FFF; text-decoration:none;}
.contacto a:hover{ color:#FC6120; text-decoration:none;}
.contacto h1{  color:#FC6120; font-size:14px;margin:0px;}
.contacto p{  margin:0px 0px 1.5em;}

.contacto .info{ top:0px; left:0px; display:inline-block; width:280px; vertical-align:top; margin:0px;}
.contacto .mapa{ top:0px; left:300px; display:inline-block; width:600px; vertical-align:top; margin:0px;}

#menuAlumnos .seleccionado{ color:#333;}



#contactoEscuela h3{color:#FC6120; }