/*
$RCSfile: estilos.css,v $
$Author: altavoz $
$Date: 2004/05/24 17:50:07 $
$Locker: valparaiso $
$Revision: 2.0 $
*/

/* HTML TAG */
body {margin:0px; font-family: Arial, Helvetica, sans-serif; font-style: normal;}
.base { margin:0px; font-family: Arial, Helvetica, sans-serif; font-style: normal;}
.bodArt {background-image: url(/imag2004/cont/aback.gif); background-repeat: repeat-y; background-color:#FFFFFF;}
.bodPort { background-image: url(/imag2004/cont/pback.gif); background-repeat: repeat-y; background-color:#FFFFFF;}
.bodPop { background-color:#FFFFFF;}
.bodFoot { background-color:#FFFFFF;}
.bodHead { background-color:#FFFFFF;}
.bodLeft { background-color:#F0EFF0; /* background-image: url(/imag2004/left/back.gif); background-repeat: repeat-y; */} 
p,h1,h2 { margin-top: 1px; margin-bottom: 1px;}
a { text-decoration:none;}

/* ESTILOS LEFT */
.buttomLeft { font-family: Tahoma, Sans-serif; font-size: 9px; font-weight:bold; color: #FEC366; width:100%; border:1px solid #FEC366; background-color:#D7800C; padding:0px;}
.textareaLeft { font-family: Tahoma, Sans-serif; font-size: 9px; font-weight:bold; color: #000000; width:100%; border:1px solid #FEC366; background-color:#FFE6C2; padding:2px;}
.sepLeft { display:block; clear:both; margin-bottom:5px;}
.sepLeft img, .sepLeft table { align:center;}
.junLeft { display:block; clear:both; margin-bottom:2px;}
#tablaContLeft { display:block; clear:both; margin-bottom:5px; background-image: url(/imag2004/left/backleft.gif); background-repeat: repeat-y;}
#tablaContLeft h1 { font-family: Tahoma, Sans-serif; font-size: 10px; color:#FFFFFF; margin:4px; margin-left:15px;}

.ContLeft { display:table-cell; width:120px; padding-bottom:5px; background-image: url(/imag2004/left/backleft.gif); background-repeat: repeat-y;}
.ContLeft tr { border-bottom:1px solid #194062;}
.ContLeft td { font-family: Tahoma, Sans-serif; font-size: 10px; color:#FFFFFF}
.ContLeft A:link { text-decoration:none;}
.ContLeft A:hover { text-decoration:underline;}
.TextoForos { font-family: Tahoma, Sans-serif; font-size: 9px; color:#FFFFFF}

/* TABLA */
.TabLink, .LINK { font-family: Tahoma, Sans-serif; font-size: 11px; color: #666666; padding: 2px;}
.T { display:table; width:100%; clear:both; margin-bottom:10px;}
.Tit { display:table; width:100%; clear:both;}
.Tit h1 { font-family: Tahoma, Sans-serif; font-size: 10px; font-weight:bold; color: #FFFFFF; padding: 4px; background-color:#666666;}
.Tab { display:table; width:100%; clear:both;}
.Tab h1 { font-family: Tahoma, Sans-serif; font-size: 10px; font-weight:bold; color: #FFFFFF; padding: 4px;}
.Tab h1 A:link, .Tab h1 A:visited { color: #196764; font-weight: bold;}
.Tab h1 A:hover, .Tab h1 A:active { color: #CC0000;}
.Tab p { font-family: Tahoma, Sans-serif; font-size: 10px; font-weight:normal; color: #336699;}
.Tab h2 { font-family: Tahoma, Sans-serif; font-size: 10px; font-weight:bold; color: #FFFFFF; padding: 4px;}
.Tab h2 A:link, .Tab h2 A:visited { color: #196764; font-weight: bold;}
.Tab h2 A:hover, .Tab h2 A:active { color: #CC0000;}
.Tab table { width:100%; border-top: 1px solid #666666; border-left: 1px solid #666666; clear:both;}
.Tab tr { border: 0px solid #666666; border-top: 1px solid #666666; border-left: 1px solid #666666;}
.Tab td { font-family: Tahoma, Sans-serif; font-size: 10px; font-weight: normal; color: #999999; padding: 1px; border-bottom: 1px solid #666666; border-right: 1px solid #666666;}

/* tabla encuetas y foros */
.Tabl { display:table; width:100%; clear:both; font-family: Tahoma, Sans-serif;}
.Tabl h1 { font-size: 13px; font-weight:bold; color: #000000; padding: 4px;}
.Tabl h1 A:link, .Tabl h1 A:visited { color: #196764; font-weight: bold;}
.Tabl h1 A:hover, .Tabl h1 A:active { color: #CC0000;}
.Tabl h2 { font-size: 11px; font-weight:bold; color: #000000; padding: 4px;}
.Tabl h2 A:link, .Tabl h2 A:visited, .Tabl A:link, .Tabl A:visited { color: #CC0000; font-weight: bold;}
.Tabl h2 A:hover, .Tabl h2 A:active, .Tabl A:active, .Tabl A:hover { color: #CC0000;}
.Tabl td { font-size: 11px; font-weight: normal; color: #196764;}
.ColCenter { background-color:#F0F0F0;}
.tabTop { background-color:#999999;}
.tabTop h1 { color: #FFFFFF;}

/* ESTILOS RIGHT */
.sepr { display:block; clear:both; margin-bottom:5px;}
.junr { display:block; clear:both; margin-top:0px;}
.ContRight { display:table-cell; width:120px; background-image: url(/imag2004/right/back.gif); background-repeat: repeat-y;}
.ContRight imag, .ContRight object, .ContRight table { text-aling:center; aling:center;}
.ContRight td { font-family: Tahoma, Sans-serif; font-size: 10px; color:#333333;}
.ContRight A:link { color:#666666;}
.ContRight A:hover { color:#CC0000;}
.buttomRight { font-size: 9px; font-weight:bold; color: #666666; width:90%; border:1px solid #999999; background-color:#FFFFFF; padding:1px;}

/* ESTILOS PRONTUS */
.sub /* subtitulos */ { font-size: 11px; font-weight: bold; color: #666666; }
.res /* texto resaltado */ { font-size: 12px; font-weight: bold; color: #666666; }
.roj /* texto rojo */ { font-size: 11px; font-weight: bold; color: #CC0000; }
.azu /* texto azul */ { font-size: 11px; font-weight: bold; color: #003366; }
.ver /* texto verde */ { font-size: 11px; font-weight: bold; color: #006633; }
.neg /* texto negro */ { font-size: 11px; font-weight: bold; color: #000000; }
.san /* texto normal con sangria */ { text-indent: 53 px; }

/* ESTILOS GENERALES */
.PFoto { font-size: 10px; font-weight: normal; color: #999999; text-align:left;}
.sep { display:block; clear:both; margin-bottom:10px;}
.jun { display:block; clear:both; margin-top:0px;}
.aut { font-style:italic; font-size:11px; color:#666666; float:right;}
.sec { font-weight: bold; font-size:11px; color:#000000;}
.fec { font-size:10px; color:#000000; white-space: nowrap; font-style: italic; font-weight: normal;}
.pos { font-size:11px; color: #888888;}
.pos a:link { color: #000000; text-decoration: none; font-weight: bold;}
.Text { font-size: 12px; color: #000000;}
.TEXTcombobox { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; padding: 0px; border: 1px solid #E45F26; background-color: #FFFFFF}
.textAdjunto { font-size: 11px; color: #999999;}
.footPop, a.footPop:link, a.footPop:active { font-size: 10px; color: #FFFFFF; background-color:#196764;}
a.footPop:hover { text-decoration:underline;}
.lin, a.lin:link, a.lin:active, a.lin:visited { font-size:11px; color: #000000; font-weight: bold;}
a.lin:hover { color: #CC0000;}
.menu, a.menu:link, a.menu:viseted, a.menu:active { font-size:11px; margin-left:2px; color: #000000;}
a.menu:hover { color: #CC0000;}

/* ESTILOS PORTADA */
#izq { position:absolute; margin-top:5px; left:15px; width:120px; z-index: 0;}
#cen { position:absolute; margin-top:5px; left:145px; width:480px; z-index: 0;}
#der { position:absolute; margin-top:5px; left:641px; width:120px; z-index: 0;}
#cenArt { position: absolute; margin-top:5px; left:150px; width:460px; z-index: 0;}
#derArt { position: absolute; margin-top:10px; left:626px; width:138px; z-index: 0;}

/* ESTILOS HEAD */
#HeadTab { position:absolute; top:0px; left:10px; width:760px;  height:80px; z-index: 200; background-color:#D5D5D5;}
#HeadAuxi { position:absolute; top:0px; left:0px; width:10px; z-index: 200;}
#HeadTab td { font-family: Tahoma, Sans-serif; font-size: 9px; z-index: 200; color: #003367; margin-top: 1px; margin-bottom: 1px;}
#HeadTab A:link { color: #727E1F; text-decoration: underline; z-index: 200;}
#HeadTab A:hover { color: #CC0000; text-decoration: underline; z-index: 200;}
.edicion { font-family: Tahoma, Sans-serif; font-size: 9px; color: #666666; text-aling:center;}

/* layer con scroll portada */
.noticPort { position:absolute; width:260px; height:300px; z-index:0; overflow:auto; overflowX:hidden; overflowY:scroll; visibility: visible; scrollbar-base-color:E9E9E9; scrollbar-track-color:F6F6F6; scrollbar-arrow-color:999999; scrollbar-face-color:E9E9E9; scrollbar-shadow-color:EEEEEE; scrollbar-3dlight-color:E0E0E0; scrollbar-darkshadow-color:E9E9E9; scrollbar-highlight-color:E9E9E9; background-color: #F5F5F5;}

/* area rotulo */
.arot { display:block; clear:both; margin-bottom:1px; z-index: 0; background-image: url(/imag2004/cont/r_back2.gif); background-repeat: repeat-x;}
.ar { font-size:11px; font-weight:bold; color: #FFFFFF; vertical-align:middle; text-align:left; float:left; z-index: 0; padding:3px;}
.arl { text-align: right; font-size: 9px; color: #FFFFFF; float: right; z-index: 0;}
.arl a:link, .arl a:visited { color: #FFFFFF; z-index: 0;}
.arl a:hover, .arl a:active { color: #FFFFFF; z-index: 0; text-decoration:underline;}

/* area titulo hora portada */
.ath { display:block; width:240px; z-index: 0;}
.ah { float:left; position:relative; display:block; z-index: 0;}
.ah h1 { font-size:12px; font-weight:bold; color: #CC0000; z-index: 0;}
.at { display:table-cell; float:right; padding-left:5px; width:80%; clear:both; z-index: 0;}
.at h1 { font-size:12px; font-weight:bold; color:#666666; z-index: 0;}

/* area titulo hora portada opcion */
.atho { display:block; width:240px; z-index: 0;}
.aho { display:block; z-index: 0;}
.aho h1 { font-size:11px; font-weight:bold; color: #CC0000; z-index: 0; white-space: nowrap;}
.ato { display:block; padding-left:5px; width:100%; text-aling:left;  z-index:0;}
.ato h1 { font-size:11px; font-weight:normal; color:#666666; z-index: 0;}

/* area titulo link opinion */
.aee { display:block; width:100%;}
.ae { float:left; position:relative; display:block;}
.aet { display:table-cell; float:right; padding-left:5px; width:97%; clear:both;}
.aet h1 { font-size:12px; font-weight:bold; color:#000000;}
.aet h1 a:link, .aet h1 a:visited { color: #000000;}
.aet h1 a:hover, .aet h1 a:active { color: #CC0000;}

/* area titulo */
.aTit { display:block; width:100%;}
.aTit h1 { font-size:12px; font-weight:bold; color:#000000;}
.aTit h1 a:link, .aTit h1 a:visited { color: #000000;}
.aTit h1 a:hover, .aTit h1 a:active  { color: #CC0000;}

/* area con flecha */
.marc { display:list-item; list-style-position: inside; vertical-align: top; list-style-image: url(/imag/cont/a.gif);}
.marc h1 { font-size:12px; font-weight:bold; color:#000000;}
.marc h1 a:link, .marc h1 a:visited { color: #000000;}
.marc h1 a:hover, .marc h1 a:active { color: #CC0000;}
.backuniv { background-image: url(/imag2004/univ/collage02.jpg); background-repeat: no-repeat;}

/* area breves */
.ab { display:block; margin-bottom:10px; border-bottom: 1px solid #E0E0E0; clear:both;}
.ab h1 { font-size: 11px; color: #000000; font-weight: bold; text-aling:left;}
.ab p { color: #666666; font-size: 10px;}

/* area perfil y juegos */
.apj { display:block; text-aling:left; margin-bottom:10px; clear:both;}
.apj h1 { font-size: 12px; color: #C96330; font-weight: bold;}
.apj h1 a:link, .apj h1 a:visited{ color: #C96330;}
.apj h1 a:hover, .apj h1 a:active { color: #000000;}
.apj p { color: #666666; font-size: 11px;}
.apj table td { color: #666666; font-size: 10px;}

/* area foto 80 */
.af80 { display:table; text-aling:left; margin-bottom:5px; /* background-image: url(/imag2004/cont/back_af80.gif); background-repeat: repeat-x; */ clear:both;}
.af80u { display:table; text-aling:left; margin-bottom:5px;}
.af80 table, .af80u table { margin:0px;}
.af80 h1, .af80 h1 a:link, .af80 h1 a:visited, .af80u h1, .af80u h1 a:link, .af80u h1 a:visited { font-size: 12px; color: #000000;}
.af80 h1 a:hover, .af80u h1 a:hover { color: #CC0000;}
.af80f { margin-top:4px; margin-right:4px;}
.af80f img { border: 1px solid #000000; border-collapse:collapse;}
.af80fr { margin-top:4px; margin-left:4px;}
.af80fr img { border: 1px solid #000000; border-collapse:collapse;}
.af80 p, .af80u p { color: #000000; font-size: 11px;}

/* area foto 120 reportajes */
.af120 { display:table; vertical-aling:top; margin-bottom:10px;}
.af120 h1, .af120 h1 a:link, .af120 h1 a:visited { font-size: 12px; color: #000000; font-weight: bold; clear:both;}
.af120 h1 a:hover { color: #CC0000;}
.af120f { margin-top:4px; margin-right:4px;}
.af120f img { border: 1px solid #000000; border-collapse:collapse;}
.af120 p { color: #000000; font-size: 11px;}

/* area foto 200 portada con fondo color */
.af200p { display:table; vertical-aling:top; width:210px; height:300px; padding:3px; clear:both;}
.af200p h1, .af200p h1 a:link, .af200p h1 a:visited { font-size: 17px; font-weight: bold; color: #000000;}
.af200p h1 a:hover { color:#CC0000;}
.af200p p { color:#000000; font-size:11px;}
.af200fp { display:table;}
.af200fp img, .af200fp object { border: 1px solid #000000;}

/* area foto 200 otras portadas */
.af200 { display:table-cell; vertical-aling:top; padding:3px; clear:both;}
.af200f { display:block; clear:both; aling:center;}
.af200f img { border: 1px solid #000000; border-collapse:collapse;}
.af200n { display:table-cell; width:100%; clear:both;}
.af200 h1, .af200 h1 a:link, .af200 h1 a:visited { font-size: 17px; font-weight: bold; color: #000000;}
.af200 h1 a:hover { color:#CC0000;}
.af200 p { color:#000000; font-size:11px;}

/* area foto 140 */
.af140 { display:table-cell; vertical-aling:top; padding:3px; margin-bottom:10px; clear:both;}
.af140f { display:block; clear:both; aling:center;}
.af140f img { border: 1px solid #385CA6; border-collapse:collapse;}
.af140n { display:table-cell; float:right; width:90%; clear:both;}
.af140 h1, .af140 h1 a:link, .af140 h1 a:visited { font-size: 12px; font-weight: bold; color: #000000;}
.af140 h1 a:hover { color:#CC0000;}
.af140 p { color:#666666; font-size:11px;}

/* ESTILOS ARTICULO */
.topFoot { display:block; width:100%; background-color:#FFFFFF; border-bottom: 1px solid #F0F0F0;}
.topFoot td { text-aling:right; font-size:11px; font-weight: normal;}
.topFoot a:link, .topFoot a:active, .topFoot a:visited {color: #000000; font-weight: bold;}
.topFoot a:hover { color: #CC0000;}

.topArticulo { display:inherit; width:100%; background-image: url(/imag2004/cont/back_topart.gif); background-repeat: repeat-x;}
.topArticulo h1 { font-size: 19px; font-weight: bold; color: #000000; clear:both;}
.topArticulo p { color: #186763; font-size: 14px; font-weight: bold; margin-bottom:10px;}
.contArticulo { display:inherit; width:100%; margin-top:10px;}
.contArticulo h2 { font-size: 15px; font-weight: bold; color: #CC0000;}
.contArticulo p {font-size: 12px; font-weight: normal; color: #000000; line-height:14pt; text-align: justify; margin-top:1px; margin-bottom:1px;}
.contArticulo table tr td img { border: 1px solid #385CA6;}
.contArticulo table tr td p { font-size: 11px; color: #999999; line-height:11px; text-align: justify; line-height:12pt;}
#artRight { display:inherit; clear:both; width:138px; margin-bottom:5px; background-color:#FFFFFF; border: 1px solid #B0AFB0; /* background-image: url(/imag2004/cont/back_herramientas.gif); background-repeat: repeat-y; */}

#Recuadro { display:table; width:200px; clear:both; float:right; margin-top:10px; margin-left:8px; /* border: 1px solid #A4BEE7; */}
#RecuadroFoto { display:table; width:200px; clear:both; float:right; margin-top:10px; margin-left:8px;}
#TituCuadro { background-color:#5A595A; /* background-image: url(/imag2004/cont/toprecuadro.gif); background-repeat: repeat-x; */}
#TituCuadro p { font-size:12px; color: #FFFFFF; font-weight:bold; line-height:13pt;}
#TextCuadro { background-color:#196764;}
#TextCuadro p { font-size:11px; color: #FFFFFF; line-height:13pt;}
.GralRel, .GralRel a:link, .GralRel a:visited  { font-size: 11px; font-weight:bold; color: #000000; text-align:left; margin-top: 1px; margin-bottom: 1px;}
.GralRel a:hover, .GralRel a:active { color: #CC0000;}

/* ESTILOS FOOT */
.foot { font-size:11px; color:#999999;}
a.foot:link, a.foot:viseted, a.foot:active { color: #68A3C3; text-decoration: none;}
a.foot:hover { color: #CC0000; text-decoration: none;}
.footlink, .footlink A:link, .footlink A:visited { font-size: 10px; color: #27509C;}
.footlink A:hover, .footlink A:active { color: #CC0000;}
.foottext { font-size: 11px; font-weight: normal; color: #006699; }
.busclink { font-size: 11px; color: #999999; font-weight: bold;}
.busclink A:link, .busclink A:visited { color: #385CA6; font-weight: bold;}
.busclink A:hover, .busclink A:active { color: #CC0000;}
.busctext { font-size: 11px; font-weight: normal; color: #006699;}
.footbott { font-family: Tahoma, Sans-serif; font-size: 9px; color:#999999; text-aling:center;}

/* ESTILOS BUSCADOR */
.a1Busc {  vertical-align: top; }
.a1Busc h1 { font-size: 13px; font-weight: bold; color: #000000;}
.a1Busc h1 a:link, .a1Busc h1 a:visited { color: #000000;}
.a1Busc h1 a:hover, .a1Busc h1 a:active { color: #CC0000;}
.a1BuscBaj { color: #333333; font-size: 10px;}
.Busc { font-size: 10px; font-weight: normal; color: #C77E0A;}
.Num { font-size: 12px; font-weight: bold; color: #CC0000;}
.Num h1 { font-size: 12px; font-weight: bold; color: #CC0000; margin-top:4px;}
.Porc { font-size: 12px; font-weight: normal; color: #999999; text-align:left;}
.Porc h1 { font-size: 12px; font-weight: normal; color: #999999; margin-top:4px; text-align:left;}
/* ESTILOS CALENDARIO */
.CalendTop { background-color:#666666; font-family: Tahoma, Sans-serif; font-size: 12px; font-weight: bold; color:#FFFFFF; text-aling:center;}
.CalendCont { background-color:#F0F0F0; font-family: Tahoma, Sans-serif; font-size: 12px; color:#000000; text-aling:center;}
.CalendCont A:hover { color: #CC0000; font-weight: bold;}
.CalendCont A:link, .CalendCont A:visited { color: #CC0000; font-weight: bold; text-decorotion:underline;}