@charset "utf-8";
/* CSS Document */

/*- PARA BORRAR FONDOS DEL MASTER TVN -*/
#contenido_interior { background:none;}
.hometvn_contenedorppal { background:none;}
#cont_banner_int {display:none;}
.box_flores1 {float:left;}
.box_flores2_atrevida {background-image:url(imagenes/flores_int_atrevida.png); width:683px; height:363px; float:left; background-repeat:no-repeat; background-color:none;}
.box_flores2_moderna {background-image:url(imagenes/flores_int_moderna.png); width:683px; height:363px; float:left; background-repeat:no-repeat; background-color:none;}
.box_flores2_glamorosa {background-image:url(imagenes/flores_int_glamorosa.png); width:683px; height:363px; float:left; background-repeat:no-repeat; background-color:none;}
.box_flores2_juvenil {background-image:url(imagenes/flores_int_juvenil.png); width:683px; height:363px; float:left; background-repeat:no-repeat; background-color:none;}


/*- ESTRUCTURA -*/
.progr_contgral {
	width:985px;
	height:auto;
	float:left;
	padding:5px 5px 170px 5px;
	background: url(imagenes/fondogral.jpg) #333 no-repeat bottom right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}
.progr_contenedor {width:985px; float:right; height:auto;}
.imperdibles {width:985px; height:auto; float:left; background: url(imagenes/tit_imperdibles.jpg);}


/*- BOX LATERAL -*/
.progr_contenidolat {width:300px; float:right; list-style:none; margin:0px 0px 10px 0px; padding:0px;}

.progr_contenidolat_box1 {width:300px; height:372px; float:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;}

.progr_contenidolat_box2, .progr_contenidolat_box3 , .progr_contenidolat_box4 , .progr_contenidolat_box5 {width:300px; height:auto; float:left; margin:0px 0px 10px 0px; padding:0px}
.progr_contenidolat_box2 div, .progr_contenidolat_box3 div {width:296px; float:left; height:auto; background-color:#000; border-left:2px #d4d700 solid; border-right:2px #d4d700 solid;}
.progr_contenidolat_box4 div {width:296px; float:left; height:auto; background-color:#000; border-left:2px #e2007a solid; border-right:2px #e2007a solid;}
.progr_contenidolat_box4 h1 {background-image: url(imagenes/entrevistas_tit.png); width:212px; height:16px; float:left; margin:0px; padding:49px 0px 0px 88px;}

.progr_contenidolat_box1 h1 {margin:0px; padding:0px 0px 0px 0px; float:left; width:290px; height:90px; line-height:36px; color:#FFF; font-size:22px; font-weight:normal; background: url(imagenes/programa_head1.jpg); font-family: Impact, "Trebuchet MS", Arial, Helvetica, sans-serif}
.progr_contenidolat_box2 h1{ background-image:url(imagenes/destacados_tit.png); width:212px; height:16px; line-height:16px; float:left; margin:0px; padding:49px 0px 0px 88px;}
.progr_contenidolat_box3 h1 {background-image: url(imagenes/especiales_tit.png); width:212px; height:16px; float:left; margin:0px; padding:65px 0px 0px 88px;}

.progr_contenidolat_box5 h1 {background-image: url(imagenes/40en1minuto_tit.png); width:212px; height:16px; float:left; margin:0px; padding:65px 0px 0px 88px;}
.progr_contenidolat_box5 div {width:296px; float:left; height:auto; background-color:#000; border-left:2px #d4d700 solid; border-right:2px #d4d700 solid;}


#flechachL { background-image:url(imagenes/flechachicaL.png); background-position:top; width:6px; height:16px; cursor:pointer; float:left;}
#flechachL:hover, #flechachR:hover { background-position:bottom;}
#flechachR {background-image:url(imagenes/flechachicaR.png); width:6px; height:16px; cursor:pointer; float:left;}

.progr_contenidolat_box2 h1 input, .progr_contenidolat_box3 h1 input, .progr_contenidolat_box4 h1 input, .progr_contenidolat_box5 h1 input  { width:70px; float:left; height:14px; border:0px solid #e6e6e6; background-color:#e6e6e6; font-weight:bold; color:#131313; font-size:14PX; margin:0px 10px 0px 10px; text-align:center;}

#twitter {width:300px; height:auto; float:left; background:url(imagenes/programas_twittertit.png) top no-repeat #8ec1da; padding-top:36px; position:relative;}
.progr_calendario { width:300px; float:left; height:370px; background:url(imagenes/teleseries_calendario.png) no-repeat;}

/*- CONTENIDO INTERIOR -*/
.progr_contint {width:680px; float:left; height:auto;}

.progr_box1 { background:url(imagenes/programas_fondoppal_2.jpg) top no-repeat #dcd7cf; width:640px; height:535px; float:left; padding:162px 20px 3px 20px; position:relative; margin-left:1px;}
.progr_box1_g { background:url(imagenes/header_glamorosa.jpg) top no-repeat #dcd7cf; width:640px; height:535px; float:left; padding:162px 20px 3px 20px; position:relative; margin-left:1px;}
.progr_box1_m { background:url(imagenes/header_moderna.jpg) top no-repeat #dcd7cf; width:640px; height:535px; float:left; padding:162px 20px 3px 20px; position:relative; margin-left:1px;}
.progr_box1_j { background:url(imagenes/header_juvenil.jpg) top no-repeat #dcd7cf; width:640px; height:535px; float:left; padding:162px 20px 3px 20px; position:relative; margin-left:1px;}
.progr_box1_a { background:url(imagenes/header_atrevida.jpg) top no-repeat #dcd7cf; width:640px; height:535px; float:left; padding:162px 20px 3px 20px; position:relative; margin-left:1px;}
.progr_box1 h1 { color:#e2007a; margin:0px; padding:0px; float:left; width:640px; height:auto; font-size:24px; font-weight:bold; line-height:28px; font-family:Arial, Helvetica, sans-serif;}
.progr_box1 span { color:#fff; font-size:20px; line-height:26px;}
.progr_box1 p { color:#fff; margin:0px; padding:0px; float:left; width:640px; font-size:11px;}

.progr_boxB { width:546px; height:42px; padding-left:134px; float:left; background:url(imagenes/teleseries_fondobotonera.png) no-repeat; margin-left:1px;}

.progr_box2 {float:left; width:680px; height:auto; background:url(imagenes/tit_imperdibles.jpg) #e2017b top no-repeat; padding-bottom:5px; padding-top:22px;}
.progr_box2 h1 {width:250px; height:33px; float:right; color:#232865; margin:0px; padding:0px 10px 0px 0px; font-weight:normal; text-align:center;}
.progr_box2 input, .progr_box4 input { width:100px; height:16px; line-height:16px; font-size:15px; font-weight:bold; text-align:center; color:#382f29; border:1px solid #646464; margin:10px 0 0 0px;}

.progr_box3 {float:left; width:660px; height:auto; margin-top:15px; padding:10px; background:url(imagenes/fondoFB.jpg) no-repeat top #e1e2e5;}

.progr_box5{float:left; width:680px; font-family:Arial, Helvetica, sans-serif; height:auto; margin-top:15px; background:url(imagenes/programas_fondobox.png) no-repeat; padding-bottom:10px;}
.progr_box4{float:left; width:680px; font-family:Arial, Helvetica, sans-serif; height:auto; background:url(imagenes/programas_fondobox.png) #e2007a no-repeat top;}
.progr_box_imperdibles{float:left; width:680px; font-family:Arial, Helvetica, sans-serif; height:auto; background:url(imagenes/tit_imperdibles.jpg) #e2007a no-repeat top;}

.progr_flechas:hover{filter: alpha(opacity=60); opacity:.7;}
.progr_box4 h1 {width:300px; height:33px; float:left; color:#232865; margin:0px; padding:0px 20px 0px 340px; font-size:22px; font-weight:normal; line-height:33px; text-align:center; font-family: Impact, "Trebuchet MS", Arial, Helvetica, sans-serif;}
.progr_box4 h2 {width:665px; height:36px; float:left; color:#fff; background-color:#000; margin:0px 0px 0px 5px; padding:0px 0px 0px 5px; font-size:20px; line-height:36px;}

.progr_box4_agradecimiento {width:670px; height:auto; float:left; padding:5px; background:url(imagenes/agradecimientos_fondo.png) bottom no-repeat #fff; border-top:3px solid #e2007a; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:normal;}
.progr_box4_agradecimiento a{ text-decoration:none; color:#e2007a; font-weight:bold; }
.progr_box4_agradecimiento a:hover{ text-decoration:none; color:#999;}

.progr_box5 h1 {width:660px; height:33px; float:left; color:#232865; margin:0px; font-weight:normal; padding:0px 0px 0px 20px; font-size:22px; line-height:33px; font-family: Impact, "Trebuchet MS", Arial, Helvetica, sans-serif;}
.progr_box5 div {width:620px; height:auto; float:left; color:#372f26; margin:20px; padding:10px; font-size:12px; background: url(imagenes/programas_fondoblanco.png);}

.progr_box6{float:left; width:680px; font-family:Arial, Helvetica, sans-serif; height:auto; margin-top:15px; background:url(imagenes/programas_fondobox2.png) no-repeat; border-bottom:5px solid #d4d700;}
.progr_box6 div {width:640px; height:auto; float:left; color:#000; margin-top:73px; padding:0px 20px 10px 20px; font-size:12px; background: url(imagenes/programas_fondoblanco.png);}


/*- UTILIDADES -*/
.playmed{width:27px; height:27px; background:url(/archivos/comunes/imagenes/playMED.png) top left no-repeat; position:absolute; left:4px; top:60px; left:5px;}
.playmed:hover{background-position:right;}

.playch{width:16px; height:16px; background:url(/archivos/comunes/imagenes/playCH.png) top left no-repeat; position:absolute; top:32px; left:2px;}
.playch:hover{background-position:right;}

.progr_video {width:640px; height:380px; float:left; background-color:#000; margin-top:6px;}
.progr_video_share {width:640px; height:30px; float:left; background:url(imagenes/programas_sharefondo.png); margin-top:1px;}
.progr_video_share span {float:left; border-right:1px solid #666; font-size:13px; line-height:17px; color:#333; margin-top:3px; display:block; padding-left:15px; padding-right:15px;}
.progr_video_share a span  {color:#333; text-decoration:none; display:block;}
.progr_video_share a span:hover { background-color:#adadad; display:block; display:block; cursor:pointer; color:#FFF;}

.progr_fotogal { width:670px; float:left; margin:5px 5px 0px 5px; height:auto;}

ul.progr_notas1 { background:url(imagenes/blanco_transparente.png); width:675px; margin:10px 0px 0px 3px; float:left; padding:0px; height:215px; list-style:none;}
ul.progr_notas1 li {width:160px; height:195px; margin:8px 0px 0px 4px; padding:2px; float:left; background-color:#fff; display:block;}
ul.progr_notas1 li:hover {background-color:#ebeef7; display:block;}
ul.progr_notas1 li a { position:relative; color:#211d17; text-decoration:none; float:left;}
ul.progr_notas1 li a:hover {color:#6f6458;}
ul.progr_notas1 li p { width:160px; float:left; height:auto; padding:0px; font-size:11px; line-height:13px;}
ul.progr_notas1 li p strong { width:156px; padding:0px 2px 0px 2px; float:left; height:auto; color:#d50073; font-size:15px; line-height:19px; cursor:pointer;}

/*- SCROLL -*/
ul.progr_notas2 {width:280px; height:auto; float:left; margin:0px; list-style:none; padding:0px;}
ul.progr_notas2 li { width:275px; height:auto; float:left; padding:5px 0px 5px 5px; font-size:11px; line-height:14px; position:relative; display:block; margin:5px 0px 0px 5px; border-left:5px solid #000;}
ul.progr_notas2 li:hover { background: #666; display:block; border-left:5px solid #d4d700;}
ul.progr_notas2 li a { position:relative; color:#fff; text-decoration:none; float:left;}
ul.progr_notas2 li a:hover {color:#fff;}
ul.progr_notas2 li span { width:145px; float:left; height:auto;  margin-left:3px;}

.holder {width:300px; height:auto; padding:0px 0px 10px 0px; float:right; margin-top:10px;}
#pane1, #pane2 {height: 300px;}
.scroll-pane {width: 295px;	height:300px; overflow: auto; float: left; margin-left:10px;}

.winXP .jScrollPaneTrack {background: url(scroll/imagenes/programas_scrollfondo.png) repeat-y;}
.winXP .jScrollPaneDrag {background:  url(scroll/imagenes/programas_scrolltrackfondo.png) repeat-y 0 50%; margin-left:1px;}
.winXP .jScrollPaneDragTop {background: url(scroll/imagenes/programas_scrolltracktop.png) no-repeat; height: 6px;}
.winXP .jScrollPaneDragBottom {background: url(scroll/imagenes/programas_scrolltrackbot.png) no-repeat; height: 6px;}
.winXP a.jScrollArrowUp {height: 12px; background: url(scroll/imagenes/windows_arrow_up.png) no-repeat 0 0;}
.winXP a.jScrollArrowDown {height: 12px; background:url(scroll/imagenes/windows_arrow_down.png) no-repeat 0 0;}
.winXP a.jScrollArrowUp:hover, .winXP a.jScrollArrowDown:hover {background-position: 0 -15px;}
.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}
			
.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack {position: absolute; cursor: pointer;	right: 0; top: 0; height: 100%;	background: #aaa;}
.jScrollPaneDrag {position: absolute; background: #666;	cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;	bottom: 0; left: 0;	overflow: hidden;}
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0;	text-indent: -2000px; overflow: hidden;	height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;	right: 0; text-indent:-2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}