body           { font-size: 10pt; font-family: Arial,sans-serif; line-height: normal; margin: 0px; padding: 0px; background-color: #ccccff; background-image: url("iconos/fondo_azul.jpg"); background-attachment: fixed; }
p                { text-align:justify; color: #333333;}

a                 { color: #005FA9; text-decoration: none; }
a:link       { color: #005FA9; text-decoration: none; }
a:visited { color: #005FA9; text-decoration: none; }
a:hover     { color: #005FA9; text-decoration: underline; }

#cabecera { left:2%; position:absolute; right:2%; top:0; width:95.6%; }
#banner     { text-align: center; margin:0; padding:4px 0 4px; }

#navegador { background-image:url("iconos/nav_fon.png"); height:32px; margin:0; min-width:640px; padding:0; position:absolute; width:100%; }

#nav_izq {position: absolute; width: 5px; height: 32px; left: 0; top: 0;}
#nav_der {position: absolute; width: 5px; height: 32px; right: 0; top: 0;}
#nav_cen {position: absolute; width: 97%; height: 22px; left:10px; margin:0; min-width:640px; padding:0; top:6px; z-index:100; text-align: center; }

#nav_enl:link       { color: #000000; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px; border-right: 1px solid #8FB8BC; }
#nav_enl:visited { color: #000000; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px; border-right: 1px solid #8FB8BC; }
#nav_enl:hover     { color: #000000; background-image: url("iconos/nav_on.png"); text-decoration: none; }

#nav_fin:link       { color: #000000; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px;}
#nav_fin:visited { color: #000000; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px;}
#nav_fin:hover     { color: #000000; background-image: url("iconos/nav_on.png"); text-decoration: none;}

#principal  { background-color:#FFFFFF; left:2%; position:absolute; right:2%; top:98px; width:95.6%;}
#pag_izq      { position: absolute; width: 6px; height: 6px; left: 0; top: 0; z-index:100; }
#pag_der      { position: absolute; width: 6px; height: 6px; right: 0; top: 0; z-index:100; }
#titulo        { font-weight:bold; color:#000000; font-family:Arial,sans-serif; font-size:21pt; border-bottom:1px solid #CCD2D2; margin:0; padding:10px; }


#col_izq { background-color:#FFFFFF; left:0; padding:0; position:absolute; width:178px; }
#col_der { background-color:#EFF2F3; border-left:1px solid #CCD2D2; margin:0 0 0 178px; padding:10px; min-height:380px; }

#menu:link        { background-color:#EEEEFF; border-bottom:1px solid #CCCCCC; border-top:1px solid #FFFFFF; display:block; font-weight:bold; padding:3px 0 3px 10px; text-decoration:none;}
#menu:visited  { background-color:#EEEEFF; border-bottom:1px solid #CCCCCC; border-top:1px solid #FFFFFF; display:block; font-weight:bold; padding:3px 0 3px 10px; text-decoration:none;}
#menu:hover      { background-color:#DDEEFF; border-bottom:1px solid #FFFFFF; border-top:1px solid #CCCCCC; display:block; font-weight:bold; padding:3px 0 3px 10px; text-decoration:none;}
#menu_sep          { height: 4px;}
#menu_act          { background-color:#DDDDFF; border-bottom:1px solid #CCCCCC; border-top:1px solid #FFFFFF; display:block; font-weight:bold; font-style:italic; padding:3px 0 3px 10px; text-decoration:none;}

#col_izq p { text-align: center;}

#pie { font-size: 8pt; color: #666666; text-align: center; border-top: 1px solid #CCD2D2; height: 20px; padding:2px;}

.rojo    {color: #FF0000;}
.verde  {color: #00FF00;}
.azul    {color: #0000FF;}
.tam      {font-style:italic; font-size: 8pt;}

.derneg {text-align:right; font-weight:bold;}

h1 {font-size: 200%; font-weight:bold; color:#000088;}
h2 {font-size: 150%; font-weight:bold; color:#0000BB;}
h3 {font-weight:bold;}

#msg_info  {color: #0000BB; background: #DDDDFF url("iconos/info.png")     no-repeat 5px 3px; border: 1px solid #BBBBFF; padding: 3px 52px; margin: 5px; position: relative; font-style:italic; -moz-border-radius: 5px;}
#msg_aviso {color: #BB0000; background: #FFDDDD url("iconos/aviso.png")    no-repeat 5px 3px; border: 1px solid #FFBBBB; padding: 3px 52px; margin: 5px; position: relative; font-style:italic; -moz-border-radius: 5px;}

#msg_fich   {color: #0000BB; background: #DDDDFF url("iconos/descarga.png") no-repeat 3px 3px; border: 1px solid #BBBBFF; padding: 7px 32px; margin: 5px; position: relative; font-weight:bold;}
#msg_educ   {color: #0000BB; background: #DDDDFF url("iconos/educativo.png") no-repeat 3px 3px; border: 1px solid #BBBBFF; padding: 7px 32px; margin: 5px; position: relative; font-weight:bold;}
#msg_cont   {color: #0000BB; background: #DDDDFF url("iconos/contactar.png") no-repeat 3px 3px; border: 1px solid #BBBBFF; padding: 7px 32px; margin: 5px; position: relative; font-weight:bold;}
#msg_lupa   {color: #0000BB; background: #DDDDFF url("iconos/lupa.png") no-repeat 3px 3px; border: 1px solid #BBBBFF; padding: 7px 32px; margin: 5px; position: relative; font-weight:bold;}
#msg_lupa2  {color: #0000BB; background: #DDDDFF url("iconos/lupa2.png") no-repeat 1px 1px; border: 1px solid #BBBBFF; padding: 2px 24px; margin: 2px; position: relative; font-weight:bold;}
#msg_subir  {color: #0000BB; background: #DDDDFF url("iconos/subir.png") no-repeat 1px 1px; border: 1px solid #BBBBFF; padding: 2px 24px; margin: 2px; position: relative; font-weight:bold;}
#msg_fotos {color: #0000BB; background: #DDDDFF url("iconos/fotos.png") no-repeat 3px 3px; border: 1px solid #BBBBFF; padding: 7px 32px; margin: 5px; position: relative; font-weight:bold;}
#msg_fich:hover   {background-color:#EEEEFF;}
#msg_educ:hover   {background-color:#EEEEFF;}
#msg_cont:hover   {background-color:#EEEEFF;}
#msg_lupa:hover   {background-color:#EEEEFF;}
#msg_lupa2:hover   {background-color:#EEEEFF;}
#msg_subir:hover   {background-color:#EEEEFF;}
#msg_fotos:hover   {background-color:#EEEEFF;}

#carpeta    {color: #0000BB; background: #EEEEEE url("iconos/carpeta.png")  no-repeat  2px 2px; display:block; padding: 2px 24px; margin: 2px;}
#msg_centro  {color: #000000; background-color: #DDDDDD; border: 1px solid #BBBBBB; padding: 5px; margin: 5px; position: relative; text-align:center;}

#t_tabla {width:100%; border-collapse:separate; border-spacing:2px;}
#t_tabla2 {border-collapse:separate; border-spacing:2px;}

#cab_fila   {background-color: #0000CC; font-weight:bold; color: #FFFFFF; text-align: center; padding: 4px; vertical-align:inherit; }

#cab_curso {width: 15%; vertical-align: middle; }
#cab_asign {width: 20%; vertical-align: middle; }
#cab_fich   {width: 25%; vertical-align: middle; }
#cab_desc   {width: 40%; vertical-align: middle; }

#cab_medio {width: 110px;}
#cab_fecha {width: 110px;}
#cab_titular{}

#fl1_fila   { background-color: #DDDDFF; vertical-align:inherit;}
#fl2_fila   { background-color: #EEEEFF; vertical-align:inherit;}

#fla_curso {width: 15%; vertical-align: middle; text-align: center; font-weight:bold;}
#fla_asign {width: 20%; vertical-align: middle; text-align: center; }
#fla_fich   {width: 25%; vertical-align: middle;}
#fla_desc   {width: 40%; vertical-align: middle; font-style:italic;}

#fla_medio {width: 110px;}
#fla_fecha {width: 150px; text-align: center; font-size: 8pt; text-decoration: italic;}
#fla_titular{}

#pri_tabla   {border-collapse:separate; border-spacing:4px;}
#pri_tit       {text-align:center; font-weight:bold; color:#000088;}
#pri_cen       {text-align:center; vertical-align:middle; background-color: #EEEEFF;}
#pri_bas       {text-align:center; vertical-align:middle; background-color: #EEEEFF; border: 1px solid #BBBBFF; padding: 2px; margin:4px;}

#foto              { background-color: #EEEEFF; border: 1px solid #BBBBFF; padding: 2px; margin:2px;}
#foto:hover { background-color: #AAAAFF; border: 1px solid #7777FF; padding: 2px; margin:2px;}

#foto_izq              { background-color: #EEEEFF; border: 1px solid #BBBBFF; padding: 2px; float:left; margin-right: 5px; }
#foto_izq:hover { background-color: #AAAAFF; border: 1px solid #7777FF; padding: 2px;}

#foto_der              { background-color: #EEEEFF; border: 1px solid #BBBBFF; padding: 2px; float:right; margin-left: 5px;}
#foto_der:hover { background-color: #AAAAFF; border: 1px solid #7777FF; padding: 2px;}

#firma               {text-align:right; font-weight: bold;}
#boton               {font-weight: bold; color: #000044; text-decoration: none; background-color: #EEEEFF; border: 1px solid #BBBBFF; padding: 2px;}
#boton:hover {font-weight: bold; color: #000088; text-decoration: none; background-color: #AAAAFF; border: 1px solid #7777FF; padding: 2px;}

#not_tit {color: #000044; background-color: #DDDDFF; border: 1px solid #BBBBFF; padding: 2px; margin: 2px; position: relative; text-align:left; font-size:15pt; font-weight:bold;}
#not_fec {color: #8888FF; font-size:8pt; text-align:right;}
#not_des {color: #888888; padding: 4px;}
#not_cor {vertical-align:top; background-color:#EEEEFF;}
#not_lar {}

#login   {color: #0000BB; background: #DDDDFF url("iconos/llave.png") no-repeat 3px 3px; border: 1px solid #BBBBFF; padding: 7px 51px; margin: 8px; position: relative; font-weight:bold;}

#nota0 {color: #000000; background: #FFFF40 url("iconos/avisos/gif") no-repeat 3px 3px; border: 1px solid #CCCC00; padding: 4px 4px 4px 56px; margin: 5px; font-size: 10pt; -moz-border-radius: 5px;}
#nota1 {color: #000000; background: #A0A0FF url("iconos/avisos/1.gif") no-repeat 3px 3px; border: 1px solid #6060FF; padding: 4px 4px 4px 56px; margin: 5px; font-size: 10pt; -moz-border-radius: 5px;}
#nota2 {color: #000000; background: #BBBBBB url("iconos/avisos/2.gif") no-repeat 3px 3px; border: 1px solid #888888; padding: 4px 4px 4px 56px; margin: 5px; font-size: 10pt; -moz-border-radius: 5px;}
#nota3 {color: #000000; background: #FF8080 url("iconos/avisos/3.gif") no-repeat 3px 3px; border: 1px solid #FF0000; padding: 4px 4px 4px 56px; margin: 5px; font-size: 10pt; -moz-border-radius: 5px;}
#nota4 {color: #000000; background: #60FF60 url("iconos/avisos/4.gif") no-repeat 3px 3px; border: 1px solid #00FF00; padding: 4px 4px 4px 56px; margin: 5px; font-size: 10pt; -moz-border-radius: 5px;}

#nott0 {font-weight: bold;}
#nott1 {font-weight: bold;}
#nott2 {font-weight: bold;}
#nott3 {font-weight: bold;}
#nott4 {font-weight: bold;}
#notc0 {font-style:italic;}
#notc1 {font-style:italic;}
#notc2 {font-style:italic;}
#notc3 {font-style:italic;}
#notc4 {font-style:italic;}

.canal_con {border: 2px inset #0000CC; padding: 4px 4px 4px 4px; margin: 5px; text-align:center; -moz-border-radius: 5px;}
.canal_blo {float: left; padding: 4px; margin: 5px; width: 84px;}
.canal_lnk{text-decoration:none;}
.canal_ico {border: 0px;}
.canal_tit {text-align:center;}
.canal_clr{clear:both;}

#caja                 { width:100%; margin:0px auto; background:#fff url("iconos/caja_izq.gif") repeat-y left top; }
.caja_arr         { width:100%; height:20px; background:url("iconos/caja_arr.gif") no-repeat left top; }
.caja_arr span { display:block; position:relative; height:20px; background:url("iconos/caja_arrder.gif") no-repeat right top; }
.caja_con         { position:relative; background:url("iconos/caja_der.gif") repeat-y right top; padding:1px 20px 1px 25px; margin:-1px 0 -50px 0; }
.caja_aba         { width:100%; height:60px; background:url("iconos/caja_inf.gif") no-repeat left bottom; }
.caja_aba span { display:block; position:relative; height:60px; background:url("iconos/caja_infder.gif") no-repeat right top; }

#sec_fec {color: #8888FF; font-size:8pt; text-align:right;}

.mes_blo {float: left; padding: 4px; margin: 5px; width: 240px; height:180px;}
.mes_mes {text-align: center; background-color: #0000AA; border: 1px solid #000000;}
.mes_mes a {color: #FFFFFF; font-weight: bold; font-size: 14px;}
.mes_tit {text-align: center; background-color: #CCCCFF; font-weight: bold;}
.mes_sem {text-align: center; background-color: #CCCCFF; font-weight: bold;}
.mes_sin {}
.mes_dia {text-align: right; background-color: #EEEEFF; border: 1px solid #CCCCFF;}
.mes_fin {text-align: right; background-color: #CCCCCC; border: 1px solid #AAAAAA;}
.mes_gra {font-size:24px; height:30px;}
.mes_mar {height:30px;}
.mes_dds {min-height:200px; text-align:left;}