body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000;}
body {background-color: #FFFFFF; margin: 0px; padding:0}
a:link {text-decoration: none; color:#0033AA}
a:visited {text-decoration: none; color:#0033AA}
a:hover {text-decoration: underline; color:#0000EE}
a:active {text-decoration: none;}
h1 { font-size:1.4em; font-weight:bold; color:#336699}
h2 { font-size:1.2em; font-weight:bold; color:#336699; border-bottom: 1px solid #336699; margin-bottom:0.5em}
h3 { font-size:1em; font-weight:bold; color:#336699}
h4 { font-size:0.7em; font-weight:bold; color:#336699}
address { font-style:normal}
abbr, acronym {border-bottom: 1px dotted; cursor: help;}
#menu acronym { border-color:#6699FF}
#footer abbr, #footer acronym {border-bottom: none;}
a[title] { cursor:help}
/**/
.separator { clear:both}
.separator { display:none}
/*CAB*/
#cab { height:122px; background-color:#98CB00}
#logo { height:95px; background-color:#FFF; margin:8px 0 0 0; border-top: 2px solid #336699; background-image:url(../imgweb/bgcab.gif); background-position:right; background-repeat:no-repeat}
#logo img { border:0 }
#skip {width:185px; height:20px; background-color: #FFF; margin: 5px 0 0 0; background-image:url(../imgweb/bgskip.gif); background-repeat:no-repeat; background-position:top right; position:relative}
#skip a { font-size:0.7em; color:#FFF; padding-left:.7em; padding:0; line-height:1em; position:absolute; bottom:0; left:.5em}
#skip a:hover { color:#DDD;}
/*NAV*/
#nav { font-size:1.1em; font-weight:bold; border-bottom: 2px solid #336699; }
#nav a {color:#0033AA}
#nav a:visited {color:#0033AA}
#nav a:hover {color:#0000EE; text-decoration:none; background-color:#EEE}
#nav a:active {color:#CC0000}
/*CONTAINER*/
#container { margin: 20px 130px 10px 215px}
#body_horarios #container { margin: 20px 10px 10px 215px}
#body_intro #container { margin: 20px 10px 10px 20px}
#content { text-align:justify}
.content2 { height:16em}
/*intro*/
#body_intro #container .title { color:#000}
#body_intro #container p { color:#336699; font-size:1.2em; font-weight:bold }
#body_intro #container #content { width:30em; text-align:center;}
#body_intro #container ul { display:block; width:700px; height:200px; text-align:center; margin: 2em auto }
#body_intro #container ul li { list-style-type:none;  float:left}
#body_intro #container ul #liintro1 {}
#body_intro #container ul #liintro2 {margin:0 5px}
#body_intro #container ul #liintro3 {}
#body_intro #container ul #liintro8 {margin:2px 2px 2px 2px}
#body_intro #container ul li a { display:block; width:225px; height:160px; background-repeat:no-repeat; background-position:top }
#body_intro #container ul #liintro8 a { display:block; width:110px; height:50px; background-repeat:no-repeat; background-position:top }

#liintro1 a { background-image:url(/imgweb/introcolegio.jpg)}
#liintro2 a { background-image:url(/imgweb/introcursos.jpg)}
#liintro3 a { background-image:url(/imgweb/introcooperativa.jpg)}
#liintro8 a { background-image:url(/img/ultimascirculares.jpg)}

#body_intro #container ul li a span { display:none}
/*MENU*/
#menu { position:absolute; top:150px; left:0; width:192px; background-color:#98CB00; padding-bottom:100px; background-image:url(../imgweb/bgmenu.gif); background-position:top; background-repeat:repeat-x; overflow:hidden}
#menu ul {  margin: 0 5px 0 0; width:185px; padding:0;}
#menu ul li { list-style-type:none; }
#menu ul li a { padding: 2px 0 2px 25px; display:block; width:160px; color:#336699; font-size:1em; font-weight:bold; letter-spacing:0.1em; width:160px; background-color:#FFF; background-image:url(../imgweb/bgmenuli1b.gif); background-repeat:no-repeat; background-position:7px; border: 1px solid #CCC; }
#menu ul li a:hover { background-color:#224466; text-decoration:none; border: 1px solid #FFF; background-image:url(../imgweb/bgmenuli1.gif); color:#FFF;}
/**/
#menu ul ul { margin-bottom:5px; }
#menu ul ul li { border-top: 1px solid #98CB00; margin-bottom:0; display:block; background-color:#336699}
#menu ul ul li a { padding: 1px 0 1px 25px; display:block; width:160px; color:#FFF; font-size:0.85em; font-weight: normal; letter-spacing:0.1em; background-color:#336699; background-image:url(../imgweb/bgmenuli2.gif); background-repeat:no-repeat; background-position:13px; border: 1px solid #336699;}
#menu ul ul li a:hover { background-color:#224466; background-image:url(../imgweb/bgmenuli2.gif); background-repeat:no-repeat; border: 1px solid #224466;}
/*IMG*/
.img_r {float:right; margin:4px 0 0 10px; border: 3px solid #30639D; background-color:#99CC00; padding: 2px;}
.img_l {float:left; margin:4px 10px 0 0; border: 3px solid #99CC00; background-color:#30639D;padding: 2px;}
/*PRIM 1*/
.body_prim1 #menu ul #optsec2 li { display:none;}
.body_prim1 #menu ul #optsec3 li { display:none;}
.body_prim1 #menu ul #optsec4 li { display:none;}
.body_prim1 #menu ul #optsec5 li { display:none;}
.body_prim1 #menu ul #optsec6 li { display:none;}


/*PRIM 2*/
.body_prim2 #menu ul #optsec1 li { display:none;}
.body_prim2 #menu ul #optsec3 li { display:none;}
.body_prim2 #menu ul #optsec4 li { display:none;}
.body_prim2 #menu ul #optsec5 li { display:none;}
.body_prim2 #menu ul #optsec6 li { display:none;}
/*PRIM 3*/
.body_prim3 #menu ul #optsec1 li { display:none;}
.body_prim3 #menu ul #optsec2 li { display:none;}
.body_prim3 #menu ul #optsec4 li { display:none;}
.body_prim3 #menu ul #optsec5 li { display:none;}
.body_prim3 #menu ul #optsec6 li { display:none;}

/*PRIM 4*/
.body_prim4 #menu ul #optsec1 li { display:none;}
.body_prim4 #menu ul #optsec2 li { display:none;}
.body_prim4 #menu ul #optsec3 li { display:none;}
.body_prim4 #menu ul #optsec5 li { display:none;}
.body_prim4 #menu ul #optsec6 li { display:none;}

/*PRIM 5*/
.body_prim5 #menu ul #optsec1 li { display:none;}
.body_prim5 #menu ul #optsec2 li { display:none;}
.body_prim5 #menu ul #optsec3 li { display:none;}
.body_prim5 #menu ul #optsec4 li { display:none;}
.body_prim5 #menu ul #optsec6 li { display:none;}

/*PRIM 6*/
.body_prim6 #menu ul #optsec1 li { display:none;}
.body_prim6 #menu ul #optsec2 li { display:none;}
.body_prim6 #menu ul #optsec3 li { display:none;}
.body_prim6 #menu ul #optsec4 li { display:none;}
.body_prim6 #menu ul #optsec5 li { display:none;}


/*PRIM 0*/
.body_prim0 #menu ul #optsec1 li { display:none;}
.body_prim0 #menu ul #optsec2 li { display:none;}
.body_prim0 #menu ul #optsec3 li { display:none;}
.body_prim0 #menu ul #optsec4 li { display:none;}
.body_prim0 #menu ul #optsec5 li { display:none;}
.body_prim0 #menu ul #optsec6 li { display:none;}

/*OPTIONS*/
#options {position:absolute; top:150px; right:10px; width:100px; border-top: 2px solid #336699; border-bottom: 2px solid #336699; background-color:#FFF}
#body_horarios #options { display:none}
.publi { text-align:center}
.publi img {margin: 10px; border:1px solid #EEE}
/*FOOTER*/
#footer {margin: 5px;  border-top: 2px solid #336699; border-bottom: 2px solid #336699; text-align:center; font-size:0.8em; padding: 3px}
#footer a { white-space:nowrap; font-weight:bold}
#footer span { white-space:nowrap;}
/*LISTAS*/
dl {line-height:1.8em; margin-top:0;}
dt { font-weight:bold; line-height:2.5em}
dd { display:list-item}
/*HORARIOS*/
.tablahora {border:none; border-collapse:separate; width:90%; margin:0 auto 2em auto; background-color:#EEE}
.tablahora caption { text-align:left; font-weight:bold; color:#336699; line-height:2em}
.tablahora td { border:1px solid #336699; padding: 0.1em 0.5em; font-size:1em; text-align:left; background-color:#FFF}
.tablahora th { border:2px groove #FFF; padding: 0.1em 0.5em; text-align:center; font-weight:bold; font-size:1em; background-color:#336699; color:#FFF}
.horaprof { font-size:.8em}
.tablahora .tdrecreo { text-align:center; font-weight:bold; font-size:1.4em; letter-spacing:0.5em; color:#336699;}
/*CALIFICACIONES*/
.tablacalificacion {  margin:0 auto 2em auto; }
.tablacalificacion, .tablacalificacion th, .tablacalificacion td { border:none; padding: .1em .5em; }
.tablacalificacion caption { text-align:left; font-weight:bold; color:#336699; font-size:.85em; line-height:1.5em}
.tablacalificacion caption br {}

/*.tablacalificacion .trh th { background-color:#30639D; color:#FFF}*/
.tablacalificacion td { width: 8em}
.tablacalificacion .par th  { background-color:#336699; color:#FFF}
.tablacalificacion .par td  { background-color:#DCECF5; color:#000}
.tablacalificacion .impar th  { background-color:#EEE; color:#000}
.tablacalificacion .impar td  { background-color:#FFF; color:#000}
/*Probando cambios: El cambio es #ccff99*/ 
.tablacalificacion .segunda {font-size:.75em; border-right: red 1px solid; border-top: red 1px solid; border-left: red 1px solid; border-bottom: red 1px solid; background-color: #ccff99; color: #000}
.tablacalificacion .tercera {font-size:.75em; border-right: #000 1px solid; border-top: #000 1px solid; border-left: #EEE 1px solid; border-bottom: #EEE 1px solid; background-color: #ccff99; color: #000}
.tablacalificacion .cuarta {font-size:.75em; border-right: red 1px solid; border-top: red 1px solid; border-left: red 1px solid; border-bottom: red 1px solid; background-color: #ccff99; color: #000; text-align: center; }
.tablacalificacion .quinta {font-size:.75em; width: 200px; height: 19px;}
.tablacalificacion .sexta {font-size:.75em; width: 250px; height: 19px;  color: #000000; background-color: #ffcc33; border-right: #cc00cc 1px solid; border-top: #cc00cc 1px solid; border-left: #cc00cc 1px solid; border-bottom: #cc00cc 1px solid}
.tablacalificacion .septima {font-size:.75em; border-right: #000 1px solid; border-top: #000 1px solid; border-left: #EEE 1px solid; border-bottom: #EEE 1px solid; background-color: #ffcc33; color: #000; text-align: center;}

/*LICURSOS*/
.licursos { width:10em; margin: 0 auto}
.licursos li { list-style-type:none; display:inline; white-space:nowrap; line-height:3em; font-weight:bold;}
.licursos .impar { width:4.5em; float:left}
.licursos .par { width:4.5em; float:right; text-align:right}