/*
$RCSfile: estilos.css,v $
$Author: altavoz $
$Date: 2003/12/18 17:50:07 $
$Locker: valparaiso $
$Revision: 1.0 $
*/

/* HTML TAG */
body {margin:0px; background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-style: normal; background-image: url(/imag2004/cont/pback.gif); background-repeat: repeat-y;}
.base {margin:0px; background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-style: normal; background-image: url(/imag2004/cont/pback.gif); background-repeat: repeat-y;}
p,h1,h2 { margin-top: 1px; margin-bottom: 1px;}
a { text-decoration:none;}
a:visited { color:#004B69;}
.bodArt { background-color:#FFFFFF;}
.bodPort { background-color:#FFFFFF;}

/* ESTILOS FOOT */
/* .foot { background-image: url(/imag2004/cont/back_foot.gif);} */
.footlink { font-size: 11px; color: #666666; font-weight: normal;}
.footlink A:link { color: #003566; font-weight: normal;}
.footlink A:hover { color: #CC0000;}
.footlink A:visited { color: #003566;}
.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 { color: #003566; font-weight: bold;}
.busclink A:hover { color: #CC0000;}
.busclink A:visited { color: #003566;}
.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 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:#003566; text-aling:center;}
.CalendCont A:link { color: #003566; font-weight: bold;}
.CalendCont A:hover { color: #CC0000; font-weight: bold;}
.CalendCont A:visited { /* color: #003566; */ font-weight: bold;}
.CalendCont A:active { color: #CC0000; font-weight: bold;}

/* ESTILOS BUSCADOR */
.a1Busc {  vertical-align: top; }
.a1Busc h1 { font-size: 13px; font-weight: bold; color: #003566;}
.a1Busc h1 a:link { color: #003566;}
.a1Busc h1 a:hover { color: #CC0000;}
.a1BuscBaj { color: #333333; font-size: 12px;}
.Busc { font-size: 10px; font-weight: normal; color: #003566;}
.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 PRONTUS */
.sub /* subtitulos */ { font-size: 12px; font-weight: bold; color: #666666; }
.res /* texto resaltado */ { font-size: 12px; font-weight: bold; color: #666666; }
.roj /* texto rojo */ { font-size: 12px; font-weight: bold; color: #CC0000; }
.azu /* texto azul */ { font-size: 12px; font-weight: bold; color: #336699; }
.ver /* texto verde */ { font-size: 12px; font-weight: bold; color: #006633; }
.neg /* texto negro */ { font-size: 12px; font-weight: bold; color: #000000; }
.cen /* texto centrado */ { text-align : center; }
.san /* texto normal con sangria */ { text-indent: 53 px; }

/* ESTILOS GENERALES */
.PFoto { font-size: 10px; font-weight: normal; color: #003566; 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:#CC0000;}
.fec { font-size:10px; font-style:italic; color:#999999; white-space: nowrap;}
.pos { font-size:11px; color: #68A3C3; float: left;}
.pos a:link { color: #68A3C3; text-decoration: none;}
.lin { font-size:11px; color: #68A3C3; font-weight: bold; text-decoration: none;}
a.lin:link { color: #68A3C3; text-decoration: none;}
a.lin:hover { color: #CC0000; text-decoration: none;}
a.lin:viseted { color: #68A3C3; text-decoration: none;}
a.lin:active { color: #68A3C3; text-decoration: none;}

/* TABLA */
.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: 9px; font-weight:bold; color: #FFFFFF; padding: 4px; background-color:#336699;}
.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 p { font-family: Tahoma, Sans-serif; font-size: 10px; font-weight:normal; color: #336699;}
.Tab h1 A:link { color: #003566; font-weight: bold;}
.Tab h1 A:hover { color: #CC0000;}
.Tab h1 A:visited { color: #003566;}
.Tab h1 A:active { color: #CC0000;}
.Tab h2 { font-family: Tahoma, Sans-serif; font-size: 10px; font-weight:bold; color: #FFFFFF; padding: 4px;}
.Tab h2 A:link { color: #003566; font-weight: bold;}
.Tab h2 A:hover { color: #CC0000;}
.Tab h2 A:visited { color: #003566;}
.Tab h2 A:active { color: #CC0000;}
.Tab table { width:100%; border-top: 1px solid #006697; border-left: 1px solid #006697; clear:both;}
.Tab tr { border: 0px solid #006697;}
.Tab td { font-family: Tahoma, Sans-serif; font-size: 9px; font-weight: normal; color: #336699; padding: 1px; border-bottom: 1px solid #006697; border-right: 1px solid #006697;}

.Tabl { display:table; width:100%; clear:both;}
.Tabl h1 { font-family: Tahoma, Sans-serif; font-size: 12px; font-weight:bold; color: #003566; padding: 4px;}
.Tabl h1 A:link { color: #003566; font-weight: bold;}
.Tabl h1 A:hover { color: #CC0000;}
.Tabl h1 A:visited { color: #003566;}
.Tabl h1 A:active { color: #CC0000;}
.Tabl h2 { font-family: Tahoma, Sans-serif; font-size: 11px; font-weight:bold; color: #003566; padding: 4px;}
.Tabl h2 A:link { color: #003566; font-weight: bold;}
.Tabl h2 A:hover { color: #CC0000;}
.Tabl h2 A:visited { color: #003566;}
.Tabl h2 A:active { color: #CC0000;}
.Tabl td { font-family: Tahoma, Sans-serif; font-size: 11px; font-weight: normal; color: #336699;}

/* ESTILOS PORTADA */
#izq { position:absolute; margin-top:5px; left:10px; width:130px; z-index: 0;}
#cen { position:absolute; margin-top:5px; left:150px; width:480px; z-index: 0;}
#der { position:absolute; margin-top:5px; left:640px; width:130px; z-index: 0;}

/* 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;}

/* area rotulo */
.arot { display:block; clear:both; margin-bottom:5px; z-index: 0;}
.ar { font-size:11px; font-weight:bold; color: #CC0000; vertical-align:middle; text-align:left; float:left; z-index: 0;}
.arl { text-align: right; font-size: 9px; color: #8798A9; float: right; z-index: 0;}
.arl a:link { color: #8798A9; z-index: 0;}
.arl a:hover { 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:#004B69; 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:#004B69;}
.aet h1 a:link { color: #004B69;}
.aet h1 a:hover { color: #CC0000;}

/* area titulo */
.aTit { display:block; width:100%;}
.aTit h1 { font-size:12px; font-weight:bold; color:#004B69;}
.aTit h1 a:link { color: #004B69;}
.aTit h1 a:hover { 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:#004B69;}
.marc h1 a:link { color: #004B69;}
.marc h1 a:hover { 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: #004B69; 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; border-bottom: 1px solid #E0E0E0; clear:both;}
.apj h1 { font-size: 12px; color: #004B69; font-weight: bold;}
.apj h1 a:link { color: #004B69;}
.apj h1 a:hover { color: #CC0000;}
.apj p { color: #666666; font-size: 11px;}

/* area foto 80 */
.af80 { display:table; text-aling:left; margin-bottom:10px;}
.af80 h1 { font-size: 12px; color: #004B69; font-weight: bold;}
.af80 h1 a:link { color: #004B69;}
.af80 h1 a:hover { color: #CC0000;}
.af80f { margin-top:4px; margin-right:4px;}
.af80f img { border: 1px solid #003566; border-collapse:collapse;}
.af80fr { margin-top:4px; margin-left:4px;}
.af80fr img { border: 1px solid #003566; border-collapse:collapse;}
.af80 p { color: #666666; font-size: 11px;}

/* area foto 120 reportajes */
.af120 { display:table; vertical-aling:top; margin-bottom:10px;}
.af120 h1 { font-size: 12px; color: #004B69; font-weight: bold;}
.af120 h1 a:link { color: #004B69;}
.af120 h1 a:hover { color: #CC0000;}
.af120f { margin-top:4px; margin-right:4px;}
.af120f img { border: 1px solid #003566; border-collapse:collapse;}
.af120 p { color: #666666; font-size: 11px;}

/* area foto 200 portada con fondo color */
.af200p { display:table; vertical-aling:top; border:1px solid #D7D6C3; background-color:#FFFFEB; width:210px; /* height:100%; */ padding:3px}
.af200p h1 { font-size: 17px; font-weight: bold; color: #004B69;}
.af200p h1 a:link { color:#004B69;}
.af200p h1 a:hover { color:#CC0000;}
.af200p p { color:#666666; font-size:11px;}
.af200fp { display:block; clear:both; aling:center;}
.af200fp img { border: 1px solid #003566; border-collapse:collapse;}

/* .af200np { display:block; width:100%; float:right; clear:both;} */

/* area foto 200 otras portadas */
.af200 { display:table-cell; vertical-aling:top; padding:3px}
.af200f { display:block; clear:both; aling:center;}
.af200f img { border: 1px solid #003566; border-collapse:collapse;}
.af200n { display:table-cell; /* float:right; */ width:100%; clear:both;}
.af200 h1 { font-size: 17px; font-weight: bold; color: #004B69;}
.af200 h1 a:link { color:#004B69;}
.af200 h1 a:hover { color:#CC0000;}
.af200 p { color:#666666; font-size:11px;}

/* area foto 140 */
.af140 { display:table-cell; vertical-aling:top; padding:3px; margin-bottom:10px;}
.af140f { display:block; clear:both; aling:center;}
.af140f img { border: 1px solid #003566; border-collapse:collapse;}
.af140n { display:table-cell; float:right; width:90%; clear:both;}
.af140 h1 { font-size: 12px; font-weight: bold; color: #004B69;}
.af140 h1 a:link { color:#004B69;}
.af140 h1 a:hover { color:#CC0000;}
.af140 p { color:#666666; font-size:11px;}

/* ESTILOS ARTICULO */
.t01 { display:table; width:100%; clear:both; margin-top:5px;}
.t02 { display:inherit; width:100%;}
.tabT { display:table-cell; margin-left:5px;}
.tabT h1 { font-size: 17px; font-weight: bold; color: #004B69;}
.t03 { display:table; width:100%; clear:both;}
.t03 p { color: #0077B1; font-size: 14px; font-weight: bold; margin-bottom:10px;}
.t04 {display:table; width:100%; text-align: justify; margin-top:10px;}
.t04 h2 { font-size: 15px; font-weight: bold; color: #004B69;}
.t04 p {font-size: 12px; font-weight: normal; color: #004B69; line-height:14pt;}
.t04 table { align:right;}
.t04 table tr td img { margin:0px 0px 0px 8px; border: 1px solid #003566;}
.t04 table tr td p { margin:0px 0px 0px 8px; font-size: 10px; color: #666666; line-height:11px; text-align: justify;}
