/*
$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;}
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: #022C4C; width:100%; border:1px solid #022C4C; background-color:#B7DBFF; padding:0px;}
.textareaLeft { font-family: Tahoma, Sans-serif; font-size: 9px; font-weight:bold; color: #022C4C; width:100%; border:1px solid #022C4C; background-color:#FFFFFF; padding:2px;}
.sepLeft { display:block; clear:both; margin-bottom:5px;}
.sepLeft img, .sepLeft table { align:center;}
.junLeft { display:block; clear:both; margin-top:1px;}
#tablaContLeft { display:block; clear:both; margin-bottom:5px;}
#tablaContLeft h1 { font-family: Tahoma, Sans-serif; font-size: 10px; color:#FFFFFF; margin:3px;}
.ContLeft { display:table-cell; width:120px; border-bottom:1px solid #7FABD4; border-left:1px solid #7FABD4; border-right:1px solid #7FABD4; border-top:1px solid #7FABD4; background-color:#415A9E; padding-bottom:5px; }
.ContLeft tr { border-bottom:1px solid #194062;}
.ContLeft td { font-family: Tahoma, Sans-serif; font-size: 9px; color:#ffffff}
.ContLeft A:link { text-decoration:none;}
.ContLeft A:hover { text-decoration:underline;}

/* TABLA */
.TabLink, .LINK { font-family: Tahoma, Sans-serif; font-size: 11px; color: #336699; padding: 2px;}
.T { display:table; width:100%; clear:both; margin-bottom:10px;}
.Tit { display:table; width:100%; clear:both; background-image: url(/imag2004/cont/back_recuadro.gif); background-repeat: repeat-x;}
.Tit h1 { font-family: Tahoma, Sans-serif; font-size: 11px; font-weight:bold; color: #336699; padding: 4px;}

.Tab { display:table; width:100%; clear:both;}
.Tab h1 { font-family: Tahoma, Sans-serif; font-size: 9px; font-weight:bold; color: #FFFFFF; padding: 2px;}

.Tab h1 A:link, .Tab h1 A:visited { color: #385CA6; font-weight: bold;}
.Tab h1 A:hover, .Tab h1 A:active { color: #CC0000;}

.Tab p { font-family: Tahoma, Sans-serif; font-size: 9px; font-weight:normal; color: #336699;}
.Tab h2 { font-family: Tahoma, Sans-serif; font-size: 9px; font-weight:bold; color: #FFFFFF; padding: 4px;}
.Tab h2 A:link, .Tab h2 A:visited { color: #385CA6; font-weight: bold;}
.Tab h2 A:hover, .Tab h2 A:active { color: #CC0000;}
.Tab table { width:100%; border-top: 1px solid #336699; border-left: 1px solid #336699; clear:both;}
.Tab tr { border: 0px solid #666666; border-top: 1px solid #336699; border-left: 1px solid #336699;}
.Tab td { font-family: Tahoma, Sans-serif; font-size: 9px; font-weight: normal; color: #385CA6; padding: 1px; border-bottom: 1px solid #336699; border-right: 1px solid #336699;}

.Tabl { display:table; width:100%; clear:both; font-family: Tahoma, Sans-serif;}
.Tabl h1 { font-size: 12px; font-weight:bold; color: #385CA6; padding: 4px;}
.Tabl h1 A:link, .Tabl h1 A:visited { color: #385CA6; font-weight: bold;}
.Tabl h1 A:hover, .Tabl h1 A:active { color: #CC0000;}
.Tabl h2 { font-size: 10px; font-weight:bold; color: #385CA6; padding: 4px;}
.Tabl h2 A:link, .Tabl h2 A:visited, .Tabl A:link, .Tabl A:visited { color: #385CA6; 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: #385CA6;}

/* ESTILOS RIGHT */
.sepr { display:block; clear:both; margin-bottom:5px;}
.junr { display:block; clear:both; margin-top:0px;}
.ContRight { display:table-cell; width:120px; border:1px solid #B4C2D9; background-color:#ffffff;}
.ContRight imag, .ContRight object, .ContRight table { text-aling:center; aling:center;}
.ContRight td { font-family: Tahoma, Sans-serif; font-size: 10px; color:#003366;}
.ContRight A:link { color:#CC0000;}
.ContRight A:hover { color:#0000CC;}
.buttomRight { font-size: 9px; font-weight:bold; color: #024B64; width:90%; border:1px solid #1A405D; 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: #336699; }
.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:#2E6597;}
.fec { font-size:11px; color:#2E6597; white-space: nowrap;}
.pos { font-size:11px; color: #666666;}
.pos a:link { color: #666666; text-decoration: none;}
.Text { font-size: 11px; color: #385CA6;}
.TEXTcombobox { font-size: 11px; color: #385CA6; padding: 0px; border: 1px solid #385CA6; background-color: #FFFFFF}
.footPop, a.footPop:link, a.footPop:active { font-size: 10px; color: #FFFFFF; background-color:#003366;}
a.footPop:hover { text-decoration:underline;}
.lin, a.lin:link, a.lin:active, a.lin:visited { font-size:11px; color: #666666; font-weight: bold;}
a.lin:hover { color: #CC0000;}
.menu { font-family: Arial, Helvetica, sans-serif; font-size:11px; margin-left:2px; color: #2E6597;}
a.menu:link, a.menu:visited, a.menu:active { font-size:11px; margin-left:2px; color: #2E6597;}
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:150px; width:480px; z-index: 0;}
#der { position:absolute; margin-top:5px; left:645px; width:120px; z-index: 0;}
#cenArt { position: absolute; margin-top:5px; left:150px; width:460px; z-index: 0;}
#derArt { position: absolute; margin-top:5px; left:626px; width:138px; z-index: 0;}

/* ESTILOS HEAD */
#HeadTab { position:absolute; top:0px; left:0px; width:770px; background-image: url(/imag2004/head/back.gif); background-repeat: repeat-x;}
#HeadTab td { font-family: Tahoma, Sans-serif; font-size: 9px; color: #000000; margin-top: 1px; margin-bottom: 1px;}
#HeadTab A:link { color: #336699; text-decoration: underline;}
#HeadTab A:hover { color: #CC0000; text-decoration: underline;}
.t { font-family: Tahoma, Sans-serif; font-size: 9px; color: #000000; margin-top: 1px; margin-bottom: 1px;}
/* layer con scroll portada */
.noticPort { position:absolute; border: 1px solid #E0E0E0; background-image: url(/imag2004/cont/back_ultima.gif); background-repeat: repeat-x; 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;}
/* area rotulo */
.arot { display:block; clear:both; margin-bottom:3px; z-index: 0;}
.ar { font-size:11px; font-weight:bold; color: #CC0000; vertical-align:middle; text-align:left; float:left; padding:5px; z-index: 0;}
.arl { text-align: right; font-size: 9px; color: #FFFFFF; float: right; z-index: 0;}
.arl a:link, .arl a:visited { color: #8798A9; z-index: 0;}
.arl a:hover, .arl a:active { color: #CC0000; z-index: 0;}
/* 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: #999999; 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:#385CA6; 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:#3A5CA7; 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:#385CA6;}
.aet h1 a:link, .aet h1 a:visited { color: #385CA6;}
.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:#385CA6;}
.aTit h1 a:link, .aTit h1 a:visited { color: #385CA6;}
.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); /* margin-left: 5px; margin-bottom: 1px; margin-top: 5px; */}
.marc h1 { font-size:12px; font-weight:bold; color:#385CA6;}
.marc h1 a:link, .marc h1 a:visited { color: #385CA6;}
.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: #385CA6; 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: #385CA6; font-weight: bold;}
.apj h1 a:link, .apj h1 a:visited{ color: #385CA6;}
.apj h1 a:hover, .apj h1 a:active { color: #CC0000;}
.apj p { color: #666666; font-size: 10px;}
.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:3px;}
.af80 h1, .af80 h1 a:link, .af80 h1 a:visited, .af80u h1, .af80u h1 a:link, .af80u h1 a:visited,
.af80 h1 a:link *, .af80 h1 a:visited *, .af80u h1 a:link *, .af80u h1 a:visited * /* sian */
 { font-size: 12px; color: #385CA6;}
.af80 h1 a:hover, .af80u h1 a:hover { color: #CC0000;}
.af80f { margin-top:4px; margin-right:4px;}
.af80f img { border: 1px solid #385CA6; border-collapse:collapse;}
.af80fr { margin-top:4px; margin-left:4px;}
.af80fr img { border: 1px solid #385CA6; border-collapse:collapse;}
.af80 p, .af80u p { color: #666666; 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: #385CA6; font-weight: bold; clear:both;}
.af120 h1 a:hover { color: #CC0000;}
.af120f { margin-top:4px; margin-right:4px;}
.af120f img { border: 1px solid #385CA6; border-collapse:collapse;}
.af120 p { color: #666666; font-size: 11px;}
/* area foto 200 portada con fondo color */
.af200p { display:table; vertical-aling:top; width:210px; padding:3px; clear:both;}
.af200p h1, .af200p h1 a:link, .af200p h1 a:visited,
.af200p h1 a:link *, .af200p h1 a:visited * /* sian */
  { font-size: 17px; font-weight: bold; color: #C8000D;}
.af200p h1 a:hover { color:#0000CC;}
.af200p p { color:#385CA6; font-size:11px;}
.af200fp { display:table; border:1px solid #F0F0F0;}
.af200fp img, .af200fp object { margin:3px;}
/* area foto 200 otras portadas */
.af200 { display:table; vertical-aling:top; padding:3px; clear:both;}
.af200f { display:block; clear:both; aling:center;}
.af200f img { border: 1px solid #385CA6; border-collapse:collapse;}
.af200n { display:table-cell; /* float:right; */ width:100%; clear:both;}
.af200 h1, .af200 h1 a:link, .af200 h1 a:visited { font-size: 17px; font-weight: bold; color: #C8000D;}
.af200 h1 a:hover { color:#0000CC;}
.af200 p { color:#385CA6; 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: #385CA6;}
.af140 h1 a:hover { color:#CC0000;}
.af140 p { color:#666666; font-size:11px;}

/* ESTILOS ARTICULO */
.topArticulo { display:inherit; width:100%;}
.topArticulo h1 { font-size: 19px; font-weight: bold; color: #C8000D; clear:both;}
.topArticulo p { color: #3F599F; 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: #0077B1;}
.contArticulo p {font-size: 12px; font-weight: normal; color: #000068; line-height:14pt; text-align: justify;}
.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:table; clear:both; width:138px; border:1px solid #B4C2D9; background-color:#ffffff; margin-bottom:5px;}
#Recuadro { display:table; width:200px; clear:both; float:right; margin-top:10px; margin-left:8px; border:1px solid #B4C2D9;}
#RecuadroFoto { display:table; width:200px; clear:both; float:right; margin-top:10px; margin-left:8px;}
#TituCuadro { background-color:#FFFFFF; background-image: url(/imag2004/cont/back_recuadro.gif); background-repeat: repeat-x;}
#TituCuadro p { font-size:12px; color: #385CA6; font-weight:bold; line-height:13pt;}
#TextCuadro { background-color:#FFFFFF;}
#TextCuadro p { font-size:11px; color: #507ABA; line-height:13pt;}
.GralRel, .GralRel a:link, .GralRel a:visited  { font-size: 10px; font-weight:bold; color: #006697; text-align:left; margin-top: 1px; margin-bottom: 1px;}
.GralRel a:hover, .GralRel a:active { color: #CC0000;}

/* ESTILOS FOOT */
.foot { font-size:11px; color:#666666;}
a.foot:link, a.foot:visited, 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: #385CA6;}
.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:#666666; text-aling:center;}

/* ESTILOS BUSCADOR */
.a1Busc {  vertical-align: top; }
.a1Busc h1 { font-size: 13px; font-weight: bold; color: #385CA6;}
.a1Busc h1 a:link, .a1Busc h1 a:visited { color: #385CA6;}
.a1Busc h1 a:hover, .a1Busc h1 a:active { color: #CC0000;}
.a1BuscBaj { color: #333333; font-size: 10px;}
.Busc { font-size: 10px; font-weight: normal; color: #385CA6;}
.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:#2B3573; font-family: Tahoma, Sans-serif; font-size: 11px; font-weight: bold; color:#FFFFFF; text-aling:center;}
.CalendCont { background-color:#DFE1E6; font-family: Tahoma, Sans-serif; font-size: 11px; color:#385CA6; text-aling:center;}
.CalendCont A:hover { color: #CC0000; font-weight: bold;}
.CalendCont A:link, .CalendCont A:visited { color: #385CA6; font-weight: bold;}