/* CSS Document - Diarios Regionales */

/*Estructurales*/
.cont-top {margin:0 0 20px; clear:both; overflow:hidden;}
.cont-not {margin:0; clear:both; overflow:hidden;}

/*Area Principal Top*/
.cont-top .area-t1 {width:585px; margin:0 0 5px; padding:0 0 20px; border-bottom:1px solid #000; clear:both;}
.cont-top .area-t1 .titular {margin:0 0 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; color:#000; overflow:hidden; line-height:26px;}
.cont-top .area-t1 .titular p {margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; color:#000;}
.cont-top .area-t1 .titular a {display:block; margin:0 0 0 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; color:#000;}
.cont-top .area-t1 .titular a:hover {color:#cc0000;}
.cont-top .area-t1 .bajada {margin:5px 0 0 10px; font-size:14px; font-weight:normal; color:#000;}
.cont-top .area-t1 .epigrafe {margin:0 0 3px 10px; font-size:11px; font-weight:normal; color:#8D8D8D;}
.cont-top .area-t1 .fecha {margin:5px 0 3px 10px; font-size:11px; font-weight:normal; color:#cc0000;}
.cont-top .area-t1 .foto345 {margin:0 10px 0 0;}
.cont-top .area-t1 .foto200 {margin:5px 5px 0 0; float:left;}
.cont-top .area-t1 .vermas {margin:5px 0; font-size:11px; font-weight:normal; text-align:right;}
.cont-top .area-t1 .vermas a {font-size:11px; font-weight:normal; color:#012061;}
.cont-top .area-t1 .vermas a:hover {color:#cc0000;}

/*Area Ultima Hora*/
.cont-top .area-t2 {width:585px; margin:0 0 5px; padding:10px 0 15px; border-bottom:1px solid #000; clear:both;}
.cont-top .area-t2 .titular {margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; color:#000; overflow:hidden;}
.cont-top .area-t2 .titular a {display:block; margin:0 0 0 17px; font-family: Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; color:#000;}
.cont-top .area-t2 .titular p {display:block; margin:0 0 0 17px; font-family: Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; color:#000;}
.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:406px; float:left; overflow:hidden; text-align:left;}
.right {width:175px; float:right; overflow:hidden;}

/*LEFT*/
/*Area Principal Top*/
.cont-not .bloque .area-l1 {width:585px; margin:0 0 8px; padding:0 0 8px; border-bottom:1px solid #000; clear:both; text-align:left;}
.cont-not .bloque .area-l1 .titular {margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:40px; font-weight:normal; color:#000; /*background:url(/matriz/imag/backg/flecha_roja.gif) no-repeat left top;*/ overflow:hidden; line-height:28px;}
.cont-not .bloque .area-l1 .titular a {display:block; margin:0 0 0 18px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; color:#000;}
.cont-not .bloque .area-l1 .titular a:hover {color:#cc0000;}
.cont-not .bloque .area-l1 .bajada {margin:5px 0 0 18px; font-size:13px; font-weight:normal; color:#000;}
.cont-not .bloque .area-l1 .epigrafe {margin:0 0 3px 18px; font-size:11px; font-weight:normal; color:#8D8D8D;}
.cont-not .bloque .area-l1 .fecha {margin:5px 0 3px 18px; font-size:11px; font-weight:normal; color:#cc0000;}
.cont-not .bloque .area-l1 .foto345 {margin:0 10px 0 0; float:left;}
.cont-not .bloque .area-l1 .vermas {margin:5px 0; font-size:11px; font-weight:normal; text-align:right;}
.cont-not .bloque .area-l1 .vermas a {font-size:11px; font-weight:normal; color:#3579C4;}
.cont-not .bloque .area-l1 .vermas a:hover {color:#cc0000;}

.left .bloque {width:390px; margin:6 0 6px; padding:0 0 6px;  clear:both; overflow:hidden;}
/**/
.left .banner-centro {width:390px; overflow:hidden; text-align:center;} /* .bloque*/
/*
.cont-not .bloque .area-l1 {background:url(/matriz/imag/backg/flecha_roja.gif) no-repeat left top; display:table;}
.cont-not .bloque .area-l1 .titular {margin:0 0 0 18px; font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; font-weight:normal; color:#000; text-align:left; line-height:36px;}
.cont-not .bloque .area-l1 .titular a {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal; color:#000;}
.cont-not .bloque .area-l1 .titular a:hover {color:#cc0000;}
.cont-not .bloque .area-l1 .bajada {width:345px; margin:5px 0 0; font-size:11px; font-weight:normal; color:#000; text-align:left;}
.cont-not .bloque .area-l1 .vermas {margin:0 10px; text-align:right;}
.cont-not .bloque .area-l1 .foto345 {margin:8px 0 0; float:left;}

.left .bloque .area-l1 {background:url(/matriz/imag/backg/flecha_roja.gif) no-repeat left top;}
.left .bloque .area-l1 .titular {margin:0 0 0 18px; font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; font-weight:normal; color:#000; text-align:left; line-height:36px;}
.left .bloque .area-l1 .titular a {font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; font-weight:normal; color:#000;}
.left .bloque .area-l1 .titular a:hover {color:#cc0000;}
.left .bloque .area-l1 .bajada {width:345px; margin:5px 0 0; font-size:11px; 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;border-bottom:1px solid #151515;margin-bottom:3px;}
/*sin foto*/
.left .bloque .area-l2 .titular {font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#000; font-weight:bold; overflow:hidden;}
.left .bloque .area-l2 .titular a {display:block; margin:0 0 0 18px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#000;}
.left .bloque .area-l2 .titular a:hover {color:#cc0000;}
.left .bloque .area-l2 .bajada {margin:0 0 0 18px; font-size:11px; font-weight:normal; color:#000; clear:both; padding-bottom:5px}
/*con foto a la izquierda*/
.left .bloque .area-l2 .titular2 {margin:0; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; font-weight:bold; color:#000; overflow:hidden;}
.left .bloque .area-l2 .titular2 a {display:block; margin:0 0 0 18px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; 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:12px; font-weight:normal; color:#000; clear:both; padding-bottom:5px}
.left .bloque .area-l2 img.foto70-r {margin:3px 10px 5px 0; overflow:hidden;}


/*.left .bloque .area-l2 table{   }*/

/*GALERIA FOTOGRAFICA*/
.galeria {width:357px; margin:20px 0 20px 0px; padding:22px 0 0; background:url(/matriz/imag/backg/back_gal.gif) no-repeat left top; background-color:#002261; overflow:hidden;}
.galeria .cont-foto {width:347px; margin:0 0 8px; padding:0 0 13px; background-color:#B7E6F8; overflow:hidden;}
.galeria .cont-foto .foto335 {margin:0 0 10px; border:2px solid #011659;}
.galeria .cont-foto .rec-slide {width:347px; margin:29px 0 0; clear:both;}
.rec-slide .titu-slide {margin:0 12px; background:url(/matriz/imag/backg/back_puntos4.gif) no-repeat left top; text-align:left;}
.rec-slide .titu-slide a {margin:0 12px 0 20px; font-size:12px; font-weight:bold; color:#000;}
.rec-slide .titu-slide a:hover {color:#cc0000;}
.rec-slide .titu-bajada {margin:10px 12px 0 30px; font-size:12px; font-weight:normal; text-align:left; line-height:13px;}
.galeria .area-foto {height:148px; margin:0; padding:0 0 0 15px; float:left;}
.galeria .area-link {margin:0; padding:0 15px 15px 15px; float:right;}
.galeria .area-foto .titular,.galeria .area-link .titular {width:100px; font-size:12px; font-weight:bold; color:#fff; text-align:left; line-height:13px;}
.galeria .area-foto .titular a,.galeria .area-link .titular a {font-size:12px; font-weight:bold; color:#fff;}
.galeria .area-foto .titular a:hover,.galeria .area-link .titular a:hover {text-decoration:underline;}
.galeria .foto100 {margin:0 0 5px; border:1px solid #D1E5F0;}

/*RIGHT*/
.right .bloque {width:370px; margin:0 0 8px; padding:0 0 8px; border-bottom:1px solid #151515; text-align:left; clear:both; overflow:hidden;}
.right .bloque .area-r1 {clear:both;}
.right .bloque .area-r1 .titular {font-family:Arial,Tahoma,Verdana,Helvetica,Sans-Serif; font-size:22px; font-weight:normal; color:#000; overflow:hidden;}
.right .bloque .area-r1 .titular a {display:block; margin:0 0 0 10px; font-family:Arial,Tahoma,Verdana,Helvetica,Sans-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 10px; font-size:10px; 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;}

.right .bloque2 {width:170px; margin:0 0 8px; padding:0 0 8px; border-bottom:1px solid #151515; text-align:left; clear:both; overflow:hidden;}
.right .bloque2 .area-r1 .titular {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; color:#000; overflow:hidden;}
.right .bloque2 .area-r1 .titular a {display:block; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#000;}
.right .bloque2 .area-r1 .titular a:hover {color:#cc0000;}
.right .bloque2 .area-r1 .bajada {margin:0; font-size:11px; font-weight:normal; color:#000;}

/*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_roja2.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; background:url(/matriz/imag/auxi/video_top.gif) no-repeat left top; overflow:hidden;}
.right .bloque .video-top .video {width:310px; margin:5px 0 10px;}
.right .bloque .video-top .titular {margin:0 23px; font-size:12px; font-weight:normal; background:url(/matriz/imag/backg/flecha_roja3.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 23px 0 40px; font-size:11px; font-weight:bold; color:#000;}
.right .bloque .video-top .vermas a {font-size:11px; font-weight:bold; color:#cc0000;}
.right .bloque .video-top .vermas a:hover {text-decoration:underline;}
.right .bloque .video-foot {width:357px; margin:0; padding:0 0 10px; background:url(/matriz/imag/auxi/video_foot.gif) no-repeat left bottom; overflow:hidden;}

/*Recuadro Columnistas*/
.right .rec-border {width:360px; margin:0 0 12px; padding:0 0 10px; border:1px solid #999; overflow:hidden; text-align:right;}
.right .rec-border .rotulo {width:360px; padding:2px 0; background-color:#A7A8DE; text-align:left;}
.right .rec-border .rotulo p {margin:0 12px; font-size:14px; font-weight:normal; color:#FFF;}
.right .rec-border .int-rec {width:348px; float:right;}
.right .rec-border .area-rec {width:160px; height:80px; margin:10px 0 0 0; padding:0; float:left; text-align:left;}
.right .rec-border .area-rec .autor {margin:3px 0 0; font-size:11px; font-weight:normal; color:#000;}
.right .rec-border .area-rec .titular {margin:0 10px 0 0; font-family:Arial,Tahoma,Verdana,Helvetica,Sans-Serif; font-size:17px; font-weight:normal; color:#8A8A8A; line-height:16px;}
.right .rec-border .area-rec .titular a {font-family:Arial,Tahoma,Verdana,Helvetica,Sans-Serif; font-size:17px; font-weight:normal; color:#8A8A8A;}
.right .rec-border .area-rec .titular a:hover {color:#cc0000;}
.right .rec-border .area-rec .foto60 {margin:0 8px 0 0; float:left;}

/*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; overflow:hidden;}
.banner140 {width:140px; margin:0 8px 0 0; background-color:#ffcc00; float:left; overflow:hidden;}
.banner175 {width:357px; margin:0 0 2px; clear:both; overflow:hidden;}
.banner240 {width:240px; float:left; background-color:#ffcc00; overflow:hidden;}
.banner360 {width:360px; margin:0 0 22px; background-color:#ffcc00; clear:both; overflow:hidden;}
.externo360 {width:357px; margin:0 0 22px; background-color:#003366;}
.externo175 {width:175px; margin:0 0 22px; background-color:#003366;}
.externo705 {width:705px; margin:0 0 22px 10px; background-color:#003366;}

/*FIN*/
/** ingenieria */
/*Video right*/
.contright .bloque .video-top .titular {margin:0 23px; font-size:12px; font-weight:normal; background:url(/matriz/imag/backg/flecha_roja3.gif) no-repeat left top; overflow:hidden; text-align:left;}
.contright .bloque .video-top .titular a {margin:0 16px; font-size:12px; font-weight:normal; color:#000;}
.contright .bloque .video-top .titular a:hover {color:#cc0000;}
.contright .bloque .video-top .titular2 {margin:0; font-size:13px; font-weight:bold; background:url(/matriz/imag/backg/flecha_roja3.gif) no-repeat left top; overflow:hidden; text-align:left;}
.contright .bloque .video-top .titular2 a {display:block; margin:0 16px; font-size:13px; font-weight:bold; color:#000;}
.contright .bloque .video-top .titular2 a:hover {color:#cc0000;}

/*Recuadro Blogs*/
.rec-border {width:360px; margin:0 0 12px; padding:0 0 10px; border:1px solid #999; overflow:hidden;}
.rec-border .rotulo {width:360px; padding:2px 0; background-color:#00CCFF; text-align:left;}
.rec-border .rotulo p {margin:0 12px; font-size:14px; font-weight:normal; color:#FFF;}
.rec-border .int-rec {width:348px; float:right;}
.rec-border .area-rec {width:160px; height:80px; margin:10px 0 0 0; padding:0; float:left; text-align:left;}
.rec-border .area-rec .autor {margin:0 10px 3px; font-size:10px; font-weight:normal; color:#000;}
.rec-border .area-rec .titular {margin:0 10px 0 0; font-family:Arial,Tahoma,Verdana,Helvetica,Sans-Serif; font-size:15px; font-weight:normal; color:#8A8A8A; line-height:15px;}
.rec-border .area-rec .titular a {font-family:Arial,Tahoma,Verdana,Helvetica,Sans-Serif; font-size:15px; font-weight:normal; color:#8A8A8A;}
.rec-border .area-rec .titular a:hover {color:#cc0000;}
.rec-border .area-rec .foto60 {margin:0 8px 0 0; float:left;}

/*CSS GRM*/
#encuesta_php {width:360px; margin:0px 0px 0px 0px; background:#CCE6F7; font-size:11px;  margin-left:0px; clear:both; overflow:hidden; height:auto; padding:0px 2px 0px 0px; border:#CCE6F7 solid 0px;}
#txt_encuesta p{font-size:11px; font-weight:normal; color:#000; text-align:left; background-color:#CCE6F7; padding:6px 5px 0px 15px;}
#txt_encuesta ul{font-size:11px; font-weight:normal; color:#000; text-align:left; padding:7px 0 5px 8px; text-decoration:none;}
#rot_enc {font-size:14px; font-weight:bold;  text-align:left; padding:0 0 0 18px; background:#022162; color:#fff; width:360px; margin-left:0px; height:20px; font-family:Arial, Helvetica, sans-serif;}


.pdp {float:left;}
.rtv {float:left; margin-top:6px;}