/* CSS Document - Diarios Regionales */

/*Estructurales*/
.cont-top {margin:0 0 20px; clear:both;}
.cont-not {margin:0; background:url(/matriz/imag/backg/backcont2.gif) repeat-y left top; clear:both; overflow:hidden;}

/*Area Principal Top*/
.cont-top .area-t1 {width:755px; margin:0; padding:0 0 10px; border-bottom:1px solid #bababa; clear:both;}
.cont-top .area-t1 .titular {margin:0; font-size:36px; font-weight:bold color:#000; background:url(/matriz/imag/backg/flecha_azul.gif) no-repeat left top; overflow:hidden; line-height:40px;}
.cont-top .area-t1 .titular a {display:block; margin:0 0 0 18px; font-size:36px; font-weight:bold; color:#000;}
.cont-top .area-t1 .titular a:hover {color:#cc0000;}
.cont-top .area-t1 .bajada {margin:5px 0 0 18px; font-size:14px; font-weight:normal; color:#000;}
.cont-top .area-t1 .epigrafe {margin:0 0 3px 18px; font-size:11px; font-weight:normal; color:#8D8D8D;}
.cont-top .area-t1 .fecha {margin:5px 0 3px 18px; font-size:11px; font-weight:normal; color:#01B0EF;}
.cont-top .area-t1 .foto345 {margin:0 10px 0 0;}
.cont-top .area-t1 .vermas {margin:5px 0; font-size:11px; font-weight:bold; text-align:right;}
.cont-top .area-t1 .vermas a {font-size:11px; font-weight:bold; color:#01B0EF;}
.cont-top .area-t1 .vermas a:hover {color:#cc0000;}

/*Area Ultima Hora*/
.cont-top .area-t2 {width:755px; margin:0; padding:10px 0; border-bottom:1px solid #bababa; clear:both;}
.cont-top .area-t2 .titular {margin:0; font-family:'Times New Roman',Times,serif; font-size:22px; font-weight:normal; color:#255e89; background:url(/matriz/imag/backg/flecha_azul.gif) no-repeat left top; overflow:hidden;}
.cont-top .area-t2 .titular a {display:block; margin:0 0 0 17px; font-family:'Times New Roman',Times,serif; font-size:22px; font-weight:normal; color:#255e89;}
.cont-top .area-t2 .titular p {display:block; margin:0 0 0 17px; font-family:'Times New Roman',Times,serif; font-size:22px; font-weight:normal; color:#255e89;}
.cont-top .area-t2 .titular a:hover {color:#cc0000;}
.cont-top .area-t2 .bajada {margin:0 0 0 18px; font-size:11px; font-weight:normal; color:#000;}
.cont-top .area-t2 .epigrafe {margin:0 0 0 18px; font-size:11px; font-weight:normal; color:#8D8D8D;}
.cont-top .area-t2 .fecha {margin:5px 0 0 18px; font-size:11px; font-weight:normal; color:#cc0000;}
.cont-top .area-t2 .foto70 {margin:0 10px 0 0;}
.cont-top .area-t2 .vermas {margin:5px 0; font-size:11px; font-weight:normal; text-align:right;}
.cont-top .area-t2 .vermas a {font-size:11px; font-weight:normal; color:#3579C4;}
.cont-top .area-t2 .vermas a:hover {color:#cc0000;}

/*Area Principal Left*/
.left {width:385px; float:left; overflow:hidden;}
.right {width:390px; float:right; overflow:hidden;}

/*LEFT*/
.left .bloque {width:370px; margin:0 0 8px; padding:0 0 8px; border-bottom:1px solid #bababa; clear:both; overflow:hidden;}
.left .bloque .area-l1 {background:url(/matriz/imag/backg/flecha_azul.gif) no-repeat left top;}
.left .bloque .area-l1 .titular {margin:0 0 0 15px; font-size:34px; font-weight:bold; color:#000; text-align:left; line-height:36px;}
.left .bloque .area-l1 .titular a {font-size:34px; font-weight:bold; color:#000;}
.left .bloque .area-l1 .titular a:hover {color:#cc0000;}
.left .bloque .area-l1 .bajada {width:345px; margin:5px 0 0; font-size:17px; font-weight:normal; color:#000; text-align:left;}
.left .bloque .area-l1 .vermas {margin:0 10px; text-align:right;}
.left .bloque .area-l1 .foto345 {margin:8px 0 5px;}
.left .bloque .area-l2 {text-align:left; clear:both;}
/*sin foto*/
.left .bloque .area-l2 .titular {font-family:'Times New Roman',Times,serif; font-size:22px; font-weight:normal; color:#000; background:url(/matriz/imag/backg/flecha_azul.gif) no-repeat left top; overflow:hidden;}
.left .bloque .area-l2 .titular a {display:block; margin:0 0 0 13px; font-family:'Times New Roman',Times,serif; font-size:22px; font-weight:normal; color:#000;}
.left .bloque .area-l2 .titular a:hover {color:#cc0000;}
.left .bloque .area-l2 .bajada {margin:0 0 0 13px; font-size:11px; font-weight:normal; color:#000; clear:both;}
/*con foto a la izquierda*/
.left .bloque .area-l2 .titular2 {margin:0; float:left; font-family:'Times New Roman',Times,serif; font-size:22px; font-weight:normal; color:#000; background:url(/matriz/imag/backg/flecha_azul.gif) no-repeat left top; overflow:hidden;}
.left .bloque .area-l2 .titular2 a {display:block; margin:0 0 0 13px; font-family:'Times New Roman',Times,serif; font-size:22px; font-weight:normal; color:#000;}
.left .bloque .area-l2 .titular2 a:hover {color:#cc0000;}
.left .bloque .area-l2 .bajada2 {margin:3px 0 0 18px; font-size:11px; font-weight:normal; color:#000; clear:both;}
.left .bloque .area-l2 img.foto70-r {margin:3px 10px 5px 0; overflow:hidden;}

/*Recuadro Blogs*/
.left .rec-border {width:360px; margin:0 0 12px; padding:0 0 10px; background-color:#E6E6E8; border-bottom:12px solid #336799; overflow:hidden;}
.left .rec-border .rotulo {width:360px; padding:4px 0 3px; background:url(/matriz/imag/backg/back_rot_blog2.gif) no-repeat left top; text-align:left;}
.left .rec-border .rotulo p {margin:0 12px; font-size:11px; font-weight:bold; color:#FFF;}
.left .rec-border .int-rec {width:360px; float:right;}
.left .rec-border .area-rec {width:180px; height:85px; margin:10px 0 0 0; padding:5px 0; background-color:#F4F4F4; float:left; text-align:left;}
.left .rec-border .area-rec .autor {margin:0 10px 3px; font-size:12px; font-weight:bold; color:#83477A;}
.left .rec-border .area-rec .autor p {font-size:10px; font-weight:bold; color:#83477A;}
.left .rec-border .area-rec .titular {margin:0 10px 0 0; font-size:15px; font-weight:bold; color:#333; line-height:15px;}
.left .rec-border .area-rec .titular a {display:block; margin:0 6px; font-size:15px; font-weight:bold; color:#333;}
.left .rec-border .area-rec .titular a:hover {color:#cc0000;}
.left .rec-border .area-rec .foto60 {margin:0 8px 5px 6px; float:left;}

/*Sube tu Video*/
.video {width:360px; background-color:#EBEBEB;}
.video .player {width:360px; margin:8px 0 0; clear:both;}
.video .titular {margin:0; padding:8px 0; font-size:16px; font-weight:normal color:#01649F; background:url(/matriz/imag/backg/back_div.gif) no-repeat left bottom; clear:both; text-align:left; line-height:16px;}
.video .titular a {display:block; background:url(/matriz/imag/backg/flecha_video.gif) no-repeat left top; margin:0 20px 0 12px; padding:0 0 0 14px; font-size:16px; font-weight:bold; color:#01649F;}
.video .titular a:hover {color:#cc0000;}

/*RIGHT*/
.right .bloque {width:370px; margin:0 0 8px; padding:0 0 8px; border-bottom:1px solid #bababa; text-align:left; clear:both; overflow:hidden;}
.right .bloque .area-r1 {clear:both;}
.right .bloque .area-r1 .titular {font-family:'Times New Roman',Times,serif; font-size:22px; font-weight:normal; color:#000; background:url(/matriz/imag/backg/flecha_azul.gif) no-repeat left top; overflow:hidden;}
.right .bloque .area-r1 .titular a {display:block; margin:0 0 0 12px; font-family:'Times New Roman',Times,serif; font-size:22px; font-weight:normal; color:#000;}
.right .bloque .area-r1 .titular a:hover {color:#cc0000;}
.right .bloque .area-r1 .bajada {margin:0 0 0 12px; font-size:11px; font-weight:normal; color:#000;}
.right .bloque .area-r1 .foto70 {margin:5px 0 5px 10px; float:right;}
.right .bloque .area-r1 img.foto70-l {margin:5px 10px 5px 0;}
.right .bloque .area-r2 {width:360px; margin:0 0 10px; clear:both; overflow:hidden;}
/*con foto a la izquierda*/
.right .bloque .area-r2 .titular {margin:0; font-size:13px; font-weight:normal; color:#000; background:url(/matriz/imag/backg/flecha_azul2.gif) no-repeat left top; overflow:hidden;}
.right .bloque .area-r2 .titular a {display:block; margin:0 0 0 18px; font-size:13px; font-weight:normal; color:#000;}
.right .bloque .area-r2 .titular a:hover {color:#cc0000;}
.right .bloque .area-r2 img.foto70-l {margin:2px 0 5px 8px; float:right; overflow:hidden;}

/*Video right*/
.right .bloque .video-top {width:357px; margin:0 0 0 5px; padding:10px 0 0; border-bottom:3px solid #EBEBEB; border-top:3px solid #00AFF0; background:url(/matriz/imag/backg/back_bloque_gal.gif); background-color:#DBF3FD; overflow:hidden;}
.right .bloque .video-top .video {width:310px; background-color:#DBF3FD; margin:5px 0 10px;}
.right .bloque .video-top .titular {margin:0 23px; font-size:12px; font-weight:normal; background:url(/matriz/imag/backg/flecha_azul3.gif) no-repeat left top; overflow:hidden; text-align:left;}
.right .bloque .video-top .titular a {margin:0 16px; font-size:12px; font-weight:normal; color:#000;}
.right .bloque .video-top .titular a:hover {color:#cc0000;}
.right .bloque .video-top .vermas {margin:6px 0px 0 40px; font-size:11px; font-weight:bold; color:#000; float:right; clear:both; text-align:right;}
.right .bloque .video-top .vermas a {margin:0 23px 0 0; font-size:11px; font-weight:bold; color:#2C444E;}
.right .bloque .video-top .vermas a:hover {color:#cc0000;}
.right .bloque .video-foot {width:357px; margin:0; padding:0 0 10px; overflow:hidden;}

/*Recuadro Columnistas*/
.right .rec-border {width:360px; margin:0 0 12px; padding:0 0 10px; background-color:#E6E6E8; border-bottom:13px solid #32679B; overflow:hidden; text-align:right;}
.right .rec-border .rotulo {width:360px; padding:4px 0 3px; background:url(/matriz/imag/backg/back_rec_blog.gif) no-repeat left top; text-align:left;}
.right .rec-border .rotulo p {margin:0 12px; font-size:11px; font-weight:bold; color:#FFF;}
.right .rec-border .int-rec {width:348px; float:right;}
.right .rec-border .area-rec {width:166px; height:80px; margin:5px 0 0 0; padding:5px 0; background-color:#F4F4F4; float:left; text-align:left;}
.right .rec-border .area-rec .autor {margin:3px 0 0 5px; font-size:12px; font-weight:bold; color:#7E7E7E; line-height:14px;}
.right .rec-border .area-rec .autor p {font-size:12px; font-weight:bold; color:#7E7E7E;}
.right .rec-border .area-rec .titular {margin:0 10px 0 5px; font-size:16px; font-weight:bold; color:#336799; line-height:16px;}
.right .rec-border .area-rec .titular a {font-size:16px; font-weight:bold; color:#336799;}
.right .rec-border .area-rec .titular a:hover {color:#cc0000;}
.right .rec-border .area-rec .foto60 {margin:0 5px; float:left;}

/*Recuadro Tu Noticia*/
.right .rec-border2 {width:360px; margin:0 0 12px; padding:0 0 10px; background-color:#F4F4F4; overflow:hidden; text-align:right;}
.right .rec-border2 .rotulo {width:360px; padding:3px 0; border-bottom:1px solid #E8E6E7; text-align:left; background:url(/matriz/imag/backg/back_rot_sube.gif) no-repeat left top;}
.right .rec-border2 .rotulo p {margin:0 12px; font-size:11px; font-weight:bold; color:#FFF;}
.right .rec-border2 .int-rec {width:350px; float:right;}
.right .rec-border2 .area-rec {width:350px; margin:12px 0 5px 0; padding:0; text-align:left; clear:both;}
.right .rec-border2 .area-rec .autor {margin:3px 0; font-size:12px; font-weight:normal; color:#000;}
.right .rec-border2 .area-rec .titular {margin:0 0 3px; font-size:17px; font-weight:bold; color:#7F447E; line-height:19px;}
.right .rec-border2 .area-rec .titular a {font-size:17px; font-weight:bold; color:#7F447E;}
.right .rec-border2 .area-rec .titular a:hover {color:#cc0000;}
.right .rec-border2 .area-rec .envia {font-size:11px; font-weight:normal; color:#336799;}
.right .rec-border2 .area-rec .envia a {font-size:11px; font-weight:normal; color:#336799;}
.right .rec-border2 .area-rec .envia a:hover {color:#cc0000;}
.right .rec-border2 .area-rec .foto188 {margin:0 8px 0 5px; float:left;}

/*Sube Fotos*/
.right .bloque .video-top .titular2 {margin:0; font-size:19px; font-weight:normal; overflow:hidden; line-height:19px; text-align:center;}
.right .bloque .video-top .titular2 a {display:block; margin:0; font-size:19px; font-weight:normal; color:#000;}
.right .bloque .video-top .titular2 a:hover {color:#cc0000;}
.video-top div.scroller {display:block; margin:0; padding:0; width:310px; height:340px;}
.video-top div.scroller div.section {margin:0 0 15px; padding:5px 0 0; width:310px; height:340px; overflow:hidden; text-align:left;}
.video-top .controls {margin:10px 0 5px; width:310px; clear:both;}
.video-top .controls img {margin:0; padding:0;}
.video-top .scroller {margin:0; padding:3px 0 0; width:310px; height:340px; text-align:left; overflow:hidden;}
.video-top .scroller .titular2 {text-align:left;}
.video-top .scroller .bajada {margin:0; font-size:15px; font-weight:normal; color:#000; text-align:center;}
.video-top .scroller .text {margin:12px 0 0; font-size:10px; font-weight:normal; color:#FFF; text-align:center;}
.video-top .scroller .fecha {margin:0 0 1px; font-size:9px; font-weight:normal; color:#B5C4D0;}
.video-top .foto310 {margin:0 0 10px;}

/*Comunes*/
div.spacer {clear:both;}
.sep-banner {width:360px; margin:0 0 12px; clear:both; overflow:hidden;}
.sep-banner2 {width:370px; margin:0 0 3px; clear:both; overflow:hidden;}
.banner120 {width:120px; float:right; background-color:#ffcc00;}
.banner140 {width:140px; margin:0 8px 0 0; background-color:#ffcc00; float:left;}
.banner175 {width:175px; margin:0 0 12px; clear:both;}
.banner240 {width:240px; float:left; background-color:#ffcc00;}
.banner360 {width:360px; margin:0 0 12px; background-color:#ffcc00; clear:both;}
.externo360 {width:360px; margin:0 0 12px; background-color:#003366;}
.externo175 {width:175px; margin:0 0 12px; background-color:#003366;}
.externo705 {width:705px; margin:0 0 12px 10px; background-color:#003366;}

/*FIN*/

/*CSS GRM*/
#encuesta_php {width:360px; margin:0 0 0px 0px; background:#DAE2E7; font-size:11px;  margin-left:0px; clear:both; overflow:hidden; height:auto; padding:0px 2px 0px 0px;}
#txt_encuesta p{font-size:11px; font-weight:normal; color:#000; text-align:left; background-color:#DAE2E7; padding:5px 5px 0px 15px;}
#txt_encuesta ul{font-size:11px; font-weight:normal; color:#000; text-align:left; padding:7px 0 5px 30px;}
#rot_enc {font-size:12px; font-weight:bold; color:#000; text-align:left; padding:0 0 0 3px; background:#336699; color:#FFFFFF; width:360px; margin-left:0px; background:url(images/rotulo.jpg)}

/*VIDEO RANKING*/
.bloqueranking {width:365px; margin:0 0px 0px 15px; padding:10px 0px 0px 10px; background:url(/matriz/css/imag/fondobloque.jpg) no-repeat left top; background-color:#fff; border-bottom:0px solid #C5CED5; overflow:hidden; clear:both; position:static; height:287px;}
*html .bloqueranking {width:365px; margin:0px 0 0px 0px; padding:40px 0 0px 10px; background:url(/matriz/css/imag/fondobloque.jpg) no-repeat left top;  border-bottom:0px solid #C5CED5; overflow:hidden; clear:both; position:static; height:287px;}
*:first-child+html .bloqueranking {width:357px; margin:0px 0 0px 5px; padding:40px 0 0px 10px; background:url(/matriz/css/imag/fondobloque.jpg) no-repeat left top;  border-bottom:5px solid #C5CED5; overflow:hidden; clear:both; position:static; height:287px;}
.bloqueranking .video-cont {width:357px; margin:0 0 10px; padding:2px 0 20px;  }
.bloqueranking .video {width:357px; margin:22px 0px 0px -25px; padding:0 0px 0 0px; }
.bloqueranking .border-titu {margin:0 4px; padding:0; height:32px; font-size:12px; font-weight:normal; overflow:hidden; text-align:left; }
.bloqueranking .border-titu .titular {margin:0 0 4px; padding:9px 0 0; font-size:11px; font-weight:normal;}
.bloqueranking .border-titu .titular a {margin:0 20px 0 55px; font-size:12px; font-weight:normal; color:#fff;}
.bloqueranking .border-titu .titular a:hover {color:#3B5C9F;}
.rankingantofa {}
.gif_ranking {height:auto; position:static;}
*html .gif_ranking{height:13px; position:absolute; margin-top:445px; margin-left:-186px;}
*:first-child+html .gif_ranking{height:13px; position:absolute; margin-top:266px}
