/* CSS Document - Videos */

/*Bloques principales*/
.int-cont1 {width:800px; clear:both;}
.int-cont1 .left {width:478px; float:left;}
.int-cont1 .right {width:320px; float:left;}
.int-cont2 {width:800px; padding:8px 0 20px; background-color:#FFF; clear:both; overflow:hidden;}

/*Left*/
.left .rotulo {width:455px; margin:0 0 10px; padding:4px 0; clear:both; background:url(/prontus_multimedia/imag/backg/rotvideo.gif) no-repeat left top;}
.left .rotulo p {margin:0; padding:0; font-size:13px; font-weight:normal;}
.areacont1 {width:422px; margin:0 0 8px; padding:8px 0; border:1px solid #b9babc; overflow:hidden;}
.areacont1 .video {margin:0 0 5px; clear:both;}
.areacont1 .rec {width:395px; margin:6px 0 0; padding:6px 0; background-color:#f1f1f2; text-align:left;}
.areacont1 .rec .titular {margin:0 7px; font-size:12px; font-weight:bold; color:#ff7f14;}
.areacont1 .rec .titular a {font-size:12px; font-weight:bold; color:#ff7f14;}
.areacont1 .rec .titular a:hover {color:#666;}
.areacont1 .rec .bajada {margin:0 7px; font-size:11px; font-weight:bold; color:#000;}
.areacont1 .imag {clear:both;}
.areacont2 {width:298px; padding:8px 0; background-color:#F0F0F0; float:left; clear:both;}
.areacont2 .rotulo {width:220px; margin:0 0 5px; background-color:#FFF; text-align:right; clear:both;}
.areacont2 .rotulo p {margin:0 5px; font-size:14px; font-weight:bold; color:#ff7f14;}
.areacont2 .rec {width:220px; padding:2px 0; border:1px solid #D2D2D4; background-color:#FFF; clear:both;}
.areacont2 .rec table, .areacont2 .rec img {margin:0; padding:0;}
.areacont2 .rec .titular {margin:3px 5px; line-height:12px;}
.areacont2 .rec .titular a {font-size:11px; font-weight:normal; color:#000;}
.areacont2 .rec .titular a:hover {color:#ff7f14;}
.areacont2 .rec .bloque {width:214px; margin:0; padding:0; background-color:#E5E5E5; clear:both;}
.areacont2 .rec .bloque .fecha {margin:2px 0 0 5px; font-size:9px; font-weight:normal; color:#ff7f14;}
.areacont2 .rec .bloque .epigrafe {margin:2px 7px 0; font-size:12px; font-weight:bold; color:#ff7f14;}

.areacont3 {width:755px; margin:0; padding:37px 0 24px; background:url(/prontus_multimedia/imag/backg/backtop2.gif) no-repeat left top; background-color:#BAC4C5;}
.areacont3 .cont-bloque {width:730px; margin:0; padding:10px 0; border:1px solid #FFF; background-color:#F0F0F0; overflow:hidden;}
* .cont-bloque .area-left {width:237px; float:left;}
* .cont-bloque .area-center {width:237px; float:left;}
* .cont-bloque .area-right {width:237px; float:right;}
/**/
.area-left .rotulo, .area-center .rotulo, .area-right .rotulo {width:216px; margin:0 0 10px; padding:4px 0; background:url(/prontus_multimedia/imag/backg/backrot4.gif) no-repeat left top;}
.area-left .rotulo p, .area-center .rotulo p, .area-right .rotulo p {font-size:11px; font-weight:normal;}
.area-left .imag {width:200px; height:162px; margin:0 0 10px; padding:0; background:url(/prontus_multimedia/imag/backg/backfoto2.gif) no-repeat left top; overflow:hidden;}
.area-left .titular {width:216px; height:44px; background:url(/prontus_multimedia/imag/backg/backtitu2.gif) no-repeat left top;}
.area-left .titular a {margin:0 10px; font-size:14px; font-weight:normal; color:#B2B2B2;}
.area-left .titular a:hover {color:#ff7f14;}
.area-left .rec {width:224px; margin:8px 0 0; padding:2px 0; background-color:#FFF; overflow:hidden;}
.area-left .rec .imag2 {width:208px; background:url(/prontus_multimedia/imag/port/vertodos2.gif) no-repeat left top; text-align:right;}
.area-left .rec .block {width:224px; margin:0; padding:0; overflow:hidden;}
.area-left .rec .block .foto {width:118px; height:81px; background:url(/prontus_multimedia/imag/backg/backfoto.gif) no-repeat left top; clear:both;}
.area-left .rec .block .foto img {margin:7px 0 0;}
.area-left .rec .block .titu {width:102px; margin:0; padding:6px 0 9px; font-size:12px; font-weight;normal; line-height:12px; background:url(/prontus_multimedia/imag/backg/backtitu3.gif) no-repeat left top;}
.area-left .rec .block .titu a {display:block; width:100px; margin:0; color:#B2B2B2;}
.area-left .rec .block .titu a:hover {color:#ff7f14;}
/**/
.area-center .rec {width:206px; padding:1px 0; border:1px solid #b9babc; background-color:#FFF; overflow:hidden;}
.area-center .imag {width:210px; margin:5px 0 0; background:url(/prontus_multimedia/imag/port/escuchartodos2.gif) no-repeat left top; text-align:right;}
.area-center .cont {width:210px; margin:0; padding:0; background:url(/prontus_multimedia/imag/backg/back_audio2.gif) no-repeat left top; border-bottom:1px solid #D7D7D7; overflow:hidden;}
.area-center .titular, .area-center .titular a, .area-center .titular p {margin:0; padding:0; font-size:10px; font-weight:normal; color:#820028;}
.area-center .titular a:hover {color:#ff7f14;}
.area-center .nombre {color:#000;}
.area-center .bloque {width:100px; height:90px; margin:0 0 1px 1px; float:left; background-color:#E5E5E5;}
.area-center .bloque .titular {padding:8px 0 0; text-align:left;}
.area-center .bloque .titular a {margin:0 7px 0; display:block; font-size:11px; font-weight:bold; color:#820028;}
.area-center .bloque .titular a:hover {color:#ff7f14;}
/**/
.area-right .rec {width:206px; padding:1px 0; border:1px solid #b9babc; background-color:#FFF; overflow:hidden;}
.area-right .bloque {width:100px; height:90px; margin:0 0 1px 1px; float:left; background-color:#E5E5E5;}
.area-right .bloque .titular {padding:8px 0 0; text-align:left;}
.area-right .bloque .titular a {margin:0 7px 0; display:block; font-size:11px; font-weight:bold; color:#ff7f14;}
.area-right .bloque .titular a:hover {color:#666;}
.area-right .imag2 {width:208px; background:url(/prontus_multimedia/imag/port/vertodos2.gif) no-repeat left top; text-align:right;}

/*Encuesta*/
.encuesta {margin:5px 0; clear:both;}
.tableenc {background-color:#FFF; border:1px solid #b9babc;}
.tableenc2 {margin:2px 0;}
.tableenc2 .td1 {font-size:10px; font-weight:normal; color:#666; background-color:#F2F2F2;}
.tableenc2 .td1 table {font-size:10px; font-weight:normal; color:#666; background-color:#F2F2F2;}
.tableenc2 .td2 {padding:7px 0; font-size:10px; font-weight:normal; color:#000; background-color:#E5E5E5;}
.td1 p, .td2 p {margin:0 10px;}
.td1 img {margin:5px 0;}
.tableint {margin:4px 0;}
.tableint td {padding:3px 0 0;}
.tableint input {margin:0; padding:0;}

/*Fotos*/
.foto100 {margin:0;}
.foto175 {margin:15px 0 0; border:1px solid #797979;}
.foto200 {margin:0 0 15px;}
.foto210 {margin:7px 0 0;}

/*Auxiliares*/
.backtable {width:711px; background:url(/prontus_multimedia/imag/backg/backint.gif) repeat-y left top;}

/*FIN*/