/* CSS Document - Sube*/

/*Bloques principales*/
.left {width:478px; float:left;}
.right {width:300px; float:left;}

/*Left*/
.backtop {width:800px; margin:0; padding:0; overflow:hidden; background:url(/prontus_multimedia/imag/backg/backtop.gif) no-repeat left top; clear:both;}
.rotulo {width:280px; margin:0 0 10px; padding:4px 0; clear:both; background:url(/prontus_multimedia/imag/backg/backrot.gif) no-repeat left top;}
.rotulo p {margin:0; padding:0; font-size:13px; font-weight:normal;}
.areacont1 {width:432px; margin:0 0 8px; padding:0; overflow:hidden;}
/**/
.left1 {width:208px; margin:0; float:left; overflow:hidden;}
.left1 .video {margin:0; padding:2px 0; border:1px solid #b9babc;}
.left1 .rec {width:208px; margin:6px 0 0; padding:6px 0; background-color:#f1f1f2; text-align:left;}
.left1 .rec .titular {margin:0 7px; font-size:12px; font-weight:bold; color:#ff7f14;}
.left1 .rec .titular a {font-size:12px; font-weight:bold; color:#ff7f14;}
.left1 .rec .titular a:hover {color:#666;}
.left1 .rec .bajada {margin:0 7px; font-size:11px; font-weight:bold; color:#000;}
.left1 .rec .imag {clear:both;}
/**/
.left2 {width:208px; margin:0; padding:3px 0; border:1px solid #b9babc; float:right; overflow:hidden;}
.left2 .int {margin:0; padding:3px 0 0;}
.left2 .int .bloque {width:196px; margin:0; padding:3px 0 7px; background:url(/prontus_multimedia/imag/port/backbloque1.gif) repeat-x left bottom; background-color:#f1f1f2; text-align:left;}
.left2 .int .bloque .epigrafe {display:block; margin:0 0 2px; padding:0 0 2px; font-size:10px; font-weight:bold; color:#b9babc; border-bottom:1px solid #E2E2E0;}
.left2 .int .bloque .epigrafe p {font-size:10px; font-weight:bold; color:#b9babc;}
.left2 .int .bloque .titular, .left2 .int .bloque .titular a {font-size:11px; font-weight:bold; color:#5c5d5f; line-height:12px;}
.left2 .int .bloque .titular a:hover {color:#ff7f14;}
.left2 .int .bloque .bajada {font-size:11px; font-weight:normal; color:#b9babc; line-height:12px;}
.left2 .int .imag {margin:0; padding:0; width:204px; background:url(/prontus_multimedia/imag/port/vertodos2.gif) no-repeat left top; overflow:hidden; text-align:right;}
/**/
.areacont3 {width:432px; margin:0 0 8px; padding:0; overflow:hidden;}
.rotulofoto {width:432px; margin:0 0 10px; padding:57px 0 15px; clear:both; background:url(/prontus_multimedia/imag/backg/backrotfoto.jpg) no-repeat left top;}
.rotulofoto p {margin:0 0 0 15px; padding:0; font-size:13px; font-weight:normal;}
.left3 {width:212px; margin:0; padding:3px 0; background-color:#f1f1f2; float:left; overflow:hidden;}
.left3 .int {width:198px; margin:0; padding:3px 0; border:1px solid #b9babc; background-color:#FFF;}
.left3 .int .bloque {width:188px; background-color:#DFDFDF; text-align:left;}
.left3 .int .bloque .titular {padding:5px 0 0; height:60px;}
.left3 .int .bloque .titular a {margin:0 10px; font-size:12px; font-weight:bold; color:#000; clear:both;}
.left3 .int .bloque .titular a:hover {color:#ff7f14;}
/**/
.left4 {width:212px; margin:0; padding:3px 0; border:1px solid #b9babc; background-color:#f1f1f2; float:right; overflow:hidden;}
.left4 .int {width:206px; margin:0; padding:3px 0; background-color:#FFF;}
.left4 .int .bloque {width:200px; margin:0; padding:0 0 2px; background:url(/prontus_multimedia/imag/port/backbloque1.gif) repeat-x left bottom; background-color:#f1f1f2; text-align:left;}
.left4 .int .bloque .titular {margin:0 5px;}
.left4 .int .bloque .titular a {font-size:13px; font-weight:bold; color:#FD7E39;}
.left4 .int .bloque .titular a:hover {color:#999;}

/*Right*/
.areacont2 {width:302px;}
.right1 {width:300px; margin:0; padding:6px 0; background-color:#f1f1f2; border:1px solid #b9babc;}
.right1 .int {width:260px;}
.right1 .int .bloque {width:130px; height:120px; float:left;}
.right1 .imag {margin:8px 0 0; width:280px; background:url(/prontus_multimedia/imag/port/vertodos.gif) no-repeat left top; clear:both; text-align:right;}
* .bloque .cont-bloque {width:118px;}
* .bloque .cont-bloque .foto {width:118px; height:81px; background:url(/prontus_multimedia/imag/backg/backfoto.gif) no-repeat left top; clear:both;}
* .bloque .cont-bloque .foto img {margin:7px 0 0;}
* .bloque .cont-bloque .titular {width:118px; margin:0; padding:7px 0 9px; font-size:12px; font-weight;normal; line-height:12px; background:url(/prontus_multimedia/imag/backg/backtitu.gif) no-repeat left top;}
* .bloque .cont-bloque .titular a {display:block; width:100px; margin:0 5px; color:#B2B2B2;}
* .bloque .cont-bloque .titular a:hover {color:#ff7f14;}
.areacont4 {width:302px; margin:10px 0 8px; padding:0; overflow:hidden; clear:both;}
.right2 {width:300px; margin:0; padding:0 0 3px; border:1px solid #b9babc;}
.right2 .int {width:290px; margin:3px 0 0; padding:2px 0; background-color:#f1f1f2;}
.right2 .cont-r {width:270px; margin:0; padding:0; background:url(/prontus_multimedia/imag/backg/back_audio.gif) no-repeat left top; border-bottom:1px solid #D7D7D7; overflow:hidden;}
.right2 .titular, .right2 .titular a, .right2 .titular p {margin:0; padding:0; font-size:10px; font-weight:normal; color:#d0d1d3;}
.right2 .titular a:hover {color:#ff7f14;}
.right2 .nombre {color:#FEC069;}
.right2 .tipo, .right2 .tipo a {font-size:9px; font-weight:normal; color:#000;}
.right2 .tipo a {margin:0 12px 0 0;}
.right2 .imag {margin:18px 0 0; width:280px; background:url(/prontus_multimedia/imag/port/escuchartodos.gif) no-repeat left top; clear:both; text-align:right;}
.rotulofoto2 {margin:0 0 8px; padding:13px 0; background:url(/prontus_multimedia/imag/backg/backrot2.gif) no-repeat left top;}
.rotulofoto2 p {margin:0; padding:0; font-size:13px; font-weight:normal;}

/*Foot*/
.footer {width:800px; background-color:#FFF; clear:both; overflow:hidden;}
.contfoot {width:772px; margin:0 0 30px 0; padding:8px 0; border:1px solid #b9babc; overflow:hidden;}
.contfoot .cont-bloque {width:742px; overflow:hidden;}
.contfoot .cont-bloque .rotulo {width:348px; margin:0; padding:5px 0 9px; background:url(/prontus_multimedia/imag/backg/backrot3.gif) no-repeat left top; clear:both; float:left;}
.contfoot .cont-bloque .rotulo p {margin:0; padding:0; font-size:13px; font-weight:normal;}
* .foot1 {width:100%; margin:0; padding:0 0 6px; background-color:#f1f1f2; clear:both; overflow:hidden;}
* .foot1 .foot-int {margin:0 15px;}
* .foot1 .foot-int .foot-l {width:420px; float:left; overflow:hidden;}
* .foot1 .foot-int .foot-r {width:290px; float:right; overflow:hidden;}
.foot-int .text {margin:2px 0; font-size:12px; font-weight:bold; text-align:left;}
.foot-int .text p {margin:0 27px; color:#666;}
.foot-l .separa {width:408px; margin:0; padding:0; float:left; clear:both;}
.foot-l .left {width:202px; height:120px; margin:0 4px 0 0; padding:0; background:url(/prontus_multimedia/imag/port/backbloque1.gif) repeat-x left bottom; background-color:#dcddde; float:left; overflow:hidden;}
.foot-l .left table {margin:8px 0 0;}
.foot-l .left .fecha {font-size:10px; font-weight:normal; color:#000;}
.foot-l .left .titular {margin:0; line-height:11px;}
.foot-l .left .titular a {font-size:11px; font-weight:bold; color:#000;}
.foot-l .left .titular a:hover {color:#ff7f14;}
.foot-l .left .text1 {font-size:10px; font-weight:bold; color:#000;}
.foot-l .left .text2 {font-size:11px; font-weight:bold; color:#ff7f14; line-height:12px;}
.foot-l .left .link {margin:0; clear:both;}

/*Fotos*/
.foto65 {margin:0 4px 0 0; float:left;}
.foto72 {margin:0 5px 0 0; border:1px solid #ff7f14;}
.foto188 {margin:0; padding:0;}
.foto290 {margin:0 0 10px;}

/*Auxi*/
.table1 {margin:0 2px;}

/*FIN*/



