* { margin:0; padding:0; }

body { background-color: #FFF; color:#000; font: 1em Verdana,Arial,helvetica,sans-serif; }
a {text-decoration: none;color: #003d7a;}
a.v1:link {text-decoration : none;color:#036;}
a.v1:visited {text-decoration : none;color:#036;}
a.v1:hover {text-decoration : underline;}

img {border-width:0;}
img.izq{margin:4px;border-width:0;float:left;}
h1 {display:none;}
h2 {display:none;}

p {margin:1em auto; text-align:justify; color:#666; line-height: 1.4em;}


h4.pr {font-size: 1.4em; font-family: helvetica,sans-serif,Verdana,Arial; color:#036;margin:0.5em 0;line-height: 1.2em; font-weight:normal;} 
h4.no {font-size: 1em; font-family: sans-serif,Verdana,Arial,helvetica; color:#036;margin:0.5em 0;line-height: 1.2em;font-weight:normal;}

ul {margin:0;padding:0;}
li.bmenu {list-style:none; margin:0; auto; text-align:center;font-size: 1em;}
li.bloque {margin: 1px; padding:2px;font-size:0.8em;border: solid 1px #fff; list-style:none;}
li.ultimahora {margin-top: 10px;font-size:0.8em;border-bottom: solid 1px #ccc;list-style:none;}
li {font-size: 0.9em; margin-left:1em; auto; text-align:justify; color:#555; line-height: 1.5em; list-style:circle;}
li.lista {margin: 1px; padding:2px;font-size:0.8em;border-top: solid 1px #ccc;}

.np6 { margin: 10px 0; padding: 6px 10px 6px 30px; font-size:0.8em; font-style: normal; color: #666; background-image:url(/graficos/documentos.png);background-repeat: no-repeat;  background-color: #eee; border: 1px dotted #134D86; text-align: left;font-family: Verdana,Arial,helvetica,sans-serif; }

.antetitulo {font-size: 0.7em; font-weight: bold;font-family: sans-serif,Verdana,Arial,helvetica; color:#000; text-transform : uppercase;line-height: 1.2em;margin-top:0.3em;}
.texto {margin-top:10px;font-size: 0.85em; font-family: sans-serif,Verdana,Arial,helvetica; color:#666; line-height: 1.4em;text-align:justify;}

.o {display:none;}
.ie { text-align:center; }

.tema {width:240px; height: 25px; background-image:url(http://www.comfia.info/graficos/gt1s.jpg);background-repeat: no-repeat;text-align:center;font-weight: bold; padding-top: 5px;}
.temalargo {width:485px; height: 25px; background-image:url(http://www.comfia.info/graficos/gt1s-largo.jpg);background-repeat: no-repeat;text-align:center;font-weight: bold; padding-top: 5px;}

#c1 {float:left;width:742px;}
#c10 {clear: both; width:100%;height:76px;}
#c11 {float:left;width:272px;margin:2px 0;}
#c12 {float:right;width:470px;margin:8px 0;}

.cuerpo {clear: both; width:980px;text-align:left;margin:0 auto;padding-top:10px;}

#c140 {float:left; width:742px;}
#c141 {float:left;width:491px;margin:2px 0;}
#c1410 {clear: both; width:491px;}
#c1411 {float:left;width:240px;margin:2px 0;}
#c1412 {float:right;width:240px;margin:2px 0;}
#c142 {float:right;width:240px;margin:2px 0;}


.c1400 {clear: both;width:980px;}

.c160 {float:left;width:485px;}
.c161 {float:right;width:485px;}

.c162 {clear: both; width:485px;}
.c163 {float:left;width:475px;margin:auto;}
.c163a {float:left;width:238px;margin:auto;}
.c164 {float:right;width:238px;margin:auto;}

.lectura1 {float:left; width:625px;padding-top:5px;font-size: 0.9em}
.lectura2 {float:right; width:330px;padding-top:5px;}


#c151 {float:left;width:600px;margin:2px 0;}
#c152 {float:right;width:140px;margin:2px 0;}

#c2 {float:right;width:218px;padding-top:6px;text-align:right;}

.adm {width:100%; padding: 5px; background: #ccc; text-align:left;margin-bottom: 5px;border-bottom: solid 1px #aaa;border-left: solid 1px #aaa;}

.m0 {width:228px; padding: 5px; background-image:url(http://www.comfia.info/graficos/body-backg.png);text-align:left;margin-bottom: 5px;border-bottom: solid 1px #aaa;border-left: solid 1px #aaa;}
.m1 { width:218px; margin-bottom:6px; padding: 5px; background-color:#FFF;font-size: 0.8em;font-weight: bold;}
.m2 { width:218px; margin-bottom:2px; padding: 1px; background-color:#FFF;font-size: 0.7em;}

.m01 {width:320px; padding: 5px; background-image:url(http://www.comfia.info/graficos/body-backg.png);text-align:left;margin-bottom: 5px;border-bottom: solid 1px #aaa;border-left: solid 1px #aaa;}
.m11 { width:310px; margin-bottom:6px; padding: 5px; background-color:#FFF;font-size: 0.8em;font-weight: bold;}
.m21 { width:316px; margin-bottom:2px; padding: 1px; background-color:#FFF;font-size: 0.7em;}
.blhora {width:228px; padding: 5px;text-align:left;margin-bottom: 5px;border: solid 1px #ccc;}
.blvideo1 {width:326px; background-image:url(http://www.comfia.info/graficos/body-backg.png); padding: 2px 1px 2px 1px;text-align:left;margin-bottom: 5px;border-bottom: solid 1px #aaa;border-left: solid 1px #aaa;border-right: solid 1px #ccc;font-size: 0.7em;}
.blvideo {width:215px; background-image:url(http://www.comfia.info/graficos/body-backg.png); padding: 2px 1px 2px 1px;text-align:left;margin-bottom: 5px;border-bottom: solid 1px #aaa;border-left: solid 1px #aaa;border-right: solid 1px #ccc;font-size: 0.7em;}


#cal00 {clear: both;width:238px;padding:5px 2px 5px 2px;background-color: #FFF; color:#000;text-align:center;}
.caltxt {font-size: 0.9em;margin-top:6px;}
.c {clear: both;width:100%; } 
.cal01 {float:left;width:31px;height: 31px;margin-right:3px;margin-bottom:3px;background-color: #FFF;}
.cal02 {float:left;width:30px;height: 30px;margin-right:3px;margin-bottom:3px;background-color: #dff1ad;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;}
.cal03 {float:left;width:30px;height: 30px;margin-right:3px;margin-bottom:3px;background-color: #ffcfcf;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;}
.cal04 {float:left;width:31px;height: 14px;margin-right:3px;margin-bottom:3px;border-bottom: solid 1px #ccc;font-size: 0.9em;margin-top:6px;font-weight: bold;}
.cal05 {background-color: #DDD; border-bottom: solid 1px #333; color: #000; text-align: center; font-size: 0.8em; font-weight: bold; }
.cal06 {background-color: #F00;}
.cal07 {clear: both;width: 100%;}
.cal08 {float:left;width: 60px;background-color: #c0c6e0;text-align: left; font-size: 0.8em; font-weight: bold; }
.cal09 {float:right;width: 60px;background-color: #c0c6e0;text-align: right; font-size: 0.8em; font-weight: bold; }
.cal10 {clear: both;width: 100%;border-top: solid 1px #333;margin-top:5px;padding-top:3px;}

#calg00 {clear: both;width:320px;padding:5px 2px 5px 2px;background-color: #FFF; color:#000;text-align:center;}
.calgtxt {font-size: 0.9em;margin-top:9px;}
.calg01 {float:left;width:42px;height: 42px;margin-right:3px;margin-bottom:3px;background-color: #FFF;}
.calg02 {float:left;width:41px;height: 41px;margin-right:3px;margin-bottom:3px;background-color: #dff1ad;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;}
.calg03 {float:left;width:41px;height: 41px;margin-right:3px;margin-bottom:3px;background-color: #ffcfcf;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;}
.calg04 {float:left;width:42px;height: 14px;margin-right:3px;margin-bottom:3px;border-bottom: solid 1px #ccc;font-size: 0.9em;margin-top:6px;font-weight: bold;}
.calg05 {background-color: #DDD; border-bottom: solid 1px #333; color: #000; text-align: center; font-size: 0.8em; font-weight: bold; }
.calg06 {background-color: #F00;}




.env0 {clear: both;width:600px;height:110px; padding:10px; border:solid 1px #333; }
.env1 {height: 20px; background-color: #d2847c;color: #fff; text-align: center; font-size: 0.9em; font-weight: bold; margin: 2px auto; }
.env2 {float:left;width:250px;margin-right:3px;margin-bottom:3px;font-size: 0.9em;margin-top:6px;font-weight: bold;text-align:right;}
.env3 {float:right;width:340px;margin-right:3px;margin-bottom:3px;font-size: 0.9em;margin-top:6px;font-weight: bold;}
.env4 {font-size: 0.7em;margin-top:6px;font-weight: normal;}

.med0 {clear: both;width:100%;height:24px; border-top:dashed 1px #333;border-bottom:solid 1px #333; }
.med1 {float:left;width:100px;font-size: 0.7em;margin:4px;font-weight: normal;}
.med2 {font-size: 0.7em;margin:4px;font-weight: normal;}

.tema1 {height: 24px; color: #000; text-align: center; font-size: 1em; font-weight: bold;border-bottom:solid 1px #333; }

.top0 {clear: both;width:620px; padding:2px;font-size: 0.8em;}
.top1 {float:left;width:20px;text-align:right;margin-top:7px;background-color:#ddd;}
.top2 {float:left;width:520px;text-align:left;margin-left: 5px;margin-top:7px;}
.top3 {float:right;width:60px;text-align:right;margin-left: 5px;margin-top:7px;}

.bol0 {width:620px; padding:2px;font-size: 0.8em;background-color: #ccc;text-align:center;}

.nenv0 {clear: both;width:600px; padding:2px;font-size: 0.8em;}
.nenv1 {float:left;width:180px;text-align:right;margin-top:7px;}
.nenv2 {float:right;width:400px;margin-left: 5px;margin-top:7px;}

#barra_pop {background-image: url(/graficos/barra_pop.jpg);width:399px;height:30px;}
a#delicius { float:left; width: 28px;height:30px;}
a#meneame { float:left; width: 20px;height:30px; }
a#fresqui { float:left; width: 19px;height:30px; }
a#digg { float:left; width: 21px;height:30px;}
a#spurl { float:left; width: 18px;height:30px;}
a#yahoo { float:left; width: 24px;height:30px;}
a#furl { float:left; width: 18px;height:30px; }
a#wists { float:left; width: 22px;height:30px;}
a#fark { float:left; width: 18px;height:30px; }
a#newsvine { float:left; width: 20px;height:30px; }
a#blinklist { float:left; width: 22px;height:30px;}
a#simpy { float:left; width: 22px;height:30px; }
a#reddit { float:left; width: 22px;height:30px;}
a#blogmarks { float:left; width: 20px;height:30px;}
a#smarking { float:left; width: 18px;height:30px; }
a#chuza { float:left; width: 20px;height:30px; }
a#enchilame { float:left; width: 18px;height:30px;}
a#blogmemes { float:left; width: 22px;height:30px;}
a#neodiario { float:left; width: 22px;height:30px; }

.defbloque {  margin: 5px; border-width : 1px; border-style: dashed; border-color: #CCCCCC; padding: 10px; background-color: #FFFFFF; }



.headpub {clear: both; width:980px;height:25px;border-bottom: 1px solid #f00;margin:0 auto 5px auto;}
.pub1 {float:left; width:560px;text-align:left;color: #666;font-size: 1.2em;font-weight: bold; }
.pub2 {float:right; width:415px;text-align:right;color: #000;font-size: .9em;font-weight: bold;}

.head {clear: both; width:980px;height:100px;margin-top:7px;background-image:url(http://www.comfia.info/graficos/oficinamod.jpg);background-repeat: no-repeat; background-position: left;margin:0 auto;}
.head1 {float:left; width:430px;height:80px;padding:0,0,12,12px;text-align:left;}
.head2 {float:right; width:510px;height:80px;text-align:right; font-size:13px; font-weight: bold;}
.c2 {clear: both; width:510px;}
.head21 {width:500px;height:72px;padding-top:5px;margin-right:5px;}
.head22 {width:500px;height:24px;font-size: 0.9em;margin-right:5px;}
.linea_a {width:980px;height:9px;margin:1px 0 0 0;background-image:url(/graficos/lin_1.gif);background-repeat: repeat-x;}
.linea_s {width:470px;height:15px;margin:0px 0px 10px 0px;border-bottom: 1px solid #CCC;}
.linea_n {width:485px;height:5px;margin:0px 0px 20px 0;}
.linea_l {width:330px;height:15px;margin:0px 0px 10px 0px;border-bottom: 1px solid #CCC;}


#pie {clear: both; width:980px;font-size: 0.7em;text-align:center;margin:0 auto;}
#pie1 {height: 18px; background-image:url(http://www.comfia.info/graficos/gr3.jpg);}
#pie2 {clear: both; width:980px;height: 35px;margin:0 auto;}
#pie2izq {float:left; width:570px;}
#pie2izq0 {clear: both; width:570px;}
#pie2izq1 {float:left; width:110px;}
#pie2izq2 {float:left; width:190px; margin-left:10px; font-size: 0.7em;text-align:left;font-weight: bold;line-height: 1.3em;}
#pie2izq3 {float:left; width:50px;}
#pie2izq4 {float:left; width:200px; margin-left:10px; font-size: 0.7em;text-align:center;font-weight: bold;line-height: 1.3em;}
#pie2der {float:right; width:390px;text-align: right;}

/* Menus */
.barramenu {clear: both; width:980px;height:30px;background-image:url(/graficos/menu2.gif);background-repeat: repeat-x;border-top:1px solid #c00;margin:0px auto 5px auto;}
/* navigation */
#navigation { padding:0;margin:0;list-style-type:none;}
#navigation li {float:left; position:relative;}
#navigation li a {float:left;display:block;height:30px;line-height:30px;font-size:0.8em;padding:1px 11px;color:#333;text-decoration:none;}
/* sub navigation */
#navigation li:hover,
#navigation li.hover {color:#f00;background:#aaa url(/graficos/sub2a.gif);}
#navigation li a:hover {color:#f00;background:#aaa url(/graficos/sub2a.gif);}
#navigation li:hover ul,
#navigation li.hover ul {display:block;}
#navigation ul {display:none;position:absolute;top:30px;left:-1px;width:160px; background:#ddd; border-bottom: 1px solid #f00;z-index:99;}
#navigation ul li {width:160px;border:0;height:auto;border-bottom:1px solid #fff;}
#navigation li li a {line-height:normal !important;height:auto !important;float:none !important;padding:4px 11px;font-weight:normal; color:#000;}
#navigation li li a:hover {text-decoration:none;background:#ccc;color: #f00;}

/* tabs */
.tabberlive .tabbertabhide {display:none;}
.tabber {display:none;}
.tabberlive {margin-top:0px;}
ul.tabbernav{margin:0;padding: 3px 0;border-bottom: 1px solid #aaa;}
ul.tabbernav li{list-style: none;margin: 0;display: inline;}
ul.tabbernav li a{padding: 3px 0.5em;margin-left: 3px;border: 1px solid #AAA;border-bottom: none;background: rgb(236, 234, 224);text-decoration: none;}
ul.tabbernav li a:link { color: #448; font-size:0.8em;}
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover {color: #f00; background: #ccc ;border-color: #AAA; font-weight: bold;}
ul.tabbernav li.tabberactive a{background-color: #fff;border-bottom: 1px solid #fff; color: #f00; font-weight: bold;}
ul.tabbernav li.tabberactive a:hover{color: #000;background: #FFF;border-bottom: 1px solid #FFF;}
.tabberlive .tabbertab {padding:5px;border:1px solid #AAA;border-top:0;}
.tabtop { margin: 10px 5px; font-size:0.9em;list-style:none;}


/*scroll*/
.tscroll {font-size: 2.7em; font-family: helvetica,sans-serif,Verdana,Arial; color:#852E2E;margin:0.1em 0;line-height: 1em;}
.iscroll {font-size: 1.7em; font-family: helvetica,sans-serif,Verdana,Arial; color:#000;margin:0.1em 0;}
.ascroll {font-size: 1.3em; font-family: helvetica,sans-serif,Verdana,Arial; color:#000;margin:0.1em 0;}