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

@font-face {
	font-family: "CooperStdBlackRegular";
	src: url("../type/cooperbs.eot");
	src: local("CooperStdBlackRegular"), local("CooperStdBlackRegular"),
			url("../type/cooperbs.otf") format("opentype"), 
			url("../type/cooperbs.svg#CooperStdBlackRegular") format("svg");
}


.lpdm-adv { margin:0 5px; text-align:center; background:url(../images/publi-bco.gif) no-repeat right top; }

.lpdm-bg { background:#fff url(../images/lpdm-bg.gif) repeat-x 0 0; }
.lpdm-hd-section { background:url(../images/lpdm-title.png) no-repeat 31px 19px transparent; height:147px; /*text-indent:-9999px;*/ }
.lpdm-hd-conteiner { position:absolute; top:378px;width:642px; background:none repeat scroll 0 0 #CCCCCC;}
.lpdm-player-container { width:608px; height:373px; margin:0 24px; position:relative; }
.lpdm-player-top { height:67px; width:608px; background:url(../images/lpdm-bg-top-player.png) no-repeat 0 0; margin-left:24px; position:relative; }
.lpdm-player-top .lpdm-countdown { height:67px; width:310px; float:left; }
.lpdm-player-top .lpdm-countdown h3 { font-size:123.1%; color:#fff; font-weight:bold; margin:8px 15px 0; line-height:100%; }
.lpdm-player-top .lpdm-countdown h2 { font-size:123.1%; color:#666; margin:0 15px 0; line-height:100%; }
.lpdm-player-top .lpdm-img-episodio { width:300px; height:145px; position:absolute; right:-2px; top:-78px; float:right; }
.lpdm-thumbs, .lpdm-thumbs-ms { overflow:hidden; position:relative; }
.lpdm-thumbs h3, .lpdm-thumbs-ms h3 { font-size:138.5%; color:#009bd4; font-weight:bold; margin:12px 0 10px 24px; }
.lpdm-thumbs-ms h3 { margin-bottom:0; height:50px; }
.lpdm-thumbs h3 span, .lpdm-thumbs-ms h3 span { color:#d1d618; }
.lpdm-thumbs-ms h3 img { position:relative; top:11px; margin:0 0 0 5px; }
.no-background{ background: none; }

.bb-cd-lapareja { position:relative; float: left; }


/* styling for the image wrapper  */
#image_wrap { margin:0; padding:0; background-color:#000; width:100%; height:373px; overflow:hidden; }

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.lpdm-episodios { position:relative; overflow:hidden; width: 561px; height:183px; border-top:7px solid #64b3d4; border-bottom:7px solid #64b3d4; background:url(../images/lpdm-bg-scroller.gif) repeat-y center top; }

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.lpdm-episodios .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	z-index:100;
}

/* single scrollable item */
.lpdm-episodios .thumb { width:127px; height:184px; background-color:#93cae1; float:left; margin:0 0 0 11px; }
.lpdm-episodios .thumb .mt { padding:4px 10px; width:107px; }
.lpdm-episodios .thumb a:hover  { text-decoration:none; }
.lpdm-episodios .thumb .mt h4 { font-weight:bold; color:#FFF; line-height:100%; margin-bottom:4px; }
.lpdm-episodios .thumb .mt p { font-size:85%; color:#473c48; margin-bottom:4px; line-height:108%; }
.lpdm-episodios img { margin:0; background-color:#fff; cursor:pointer; width:127px;	height:95px; }

/* active item */
.lpdm-episodios .active { z-index:100; position:relative; background-color:#d1d618; }

/* this makes it possible to add next button beside scrollable */
.lpdm-episodios { float:left; }

.lpdm-thumbs .lpdm-cont-right { height:111px; width:20px; background:url(../images/lpdm-bg-right.gif) no-repeat 0 0; float:left; padding:86px 0 0 6px; }
.lpdm-thumbs .lpdm-cont-left { height:111px; width:22px;background:url(../images/lpdm-bg-left.gif) no-repeat 0 0; margin-left:24px; float:left; padding:86px 0 0 4px; }

/* prev, next, prevPage and nextPage buttons */
.lpdm-thumbs a.browse { background:url(../images/lpdm-prev-next.png) no-repeat; display:block; width:15px; height:30px; float:left; margin:0; cursor:pointer; font-size:1px; }

/* right */
.lpdm-thumbs a.right { background-position: -30px -30px; clear:right; margin-right: 0px;}
.lpdm-thumbs a.right:hover { background-position:-15px -30px; }
.lpdm-thumbs a.right:active { background-position:0 -30px; } 

/* left */
.lpdm-thumbs a.left { margin-left: 0px; } 
.lpdm-thumbs a.left:hover { background-position:-15px 0; }
.lpdm-thumbs a.left:active { background-position:-30px 0; }

/* disabled navigational button */
.lpdm-thumbs a.disabled { visibility:hidden !important; }


.lpdm-episodios-ms { position:relative; overflow:hidden; width: 561px; height:95px; border-top:7px solid #64b3d4; border-bottom:7px solid #64b3d4; background:url(../images/lpdm-bg-scroller.gif) repeat-y center top; }

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.lpdm-episodios-ms .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.lpdm-episodios-ms .thumb { width:265px; height:95px; background-color:#93cae1; float:left; margin:0 0 0 11px; }
.lpdm-episodios-ms .thumb a:hover { text-decoration:none; }
.lpdm-episodios-ms .thumb .mt { padding:6px 10px; height::95px; float:left; width:115px; }
.lpdm-episodios-ms .thumb .mt h4 { font-weight:bold; color:#FFF; line-height:100%; margin-bottom:4px; }
.lpdm-episodios-ms .thumb .mt p { font-size:85%; color:#473c48; margin-bottom:4px; line-height:108%; }
.lpdm-episodios-ms img { margin:0; background-color:#fff; cursor:pointer; width:127px;	height:95px; float:left; }

/* active item */
.lpdm-episodios-ms .active { z-index:9999; position:relative; background-color:#d1d618; }

/* this makes it possible to add next button beside scrollable */
.lpdm-episodios-ms { float:left; }


/* prev next episodios movistar */
.lpdm-thumbs-ms .lpdm-cont-right { height:67px; width:20px; background:url(../images/lpdm-bg-right-ch.gif) no-repeat 0 0; float:left; padding:42px 0 0 6px; }
.lpdm-thumbs-ms .lpdm-cont-left { height:67px; width:22px;background:url(../images/lpdm-bg-left-ch.gif) no-repeat 0 0; margin-left:24px; float:left; padding:42px 0 0 4px; }

/* prev, next, prevPage and nextPage buttons */
.lpdm-thumbs-ms a.browse { background:url(../images/lpdm-prev-next.png) no-repeat; display:block; width:15px; height:30px; float:left; margin:0; cursor:pointer; font-size:1px; }

/* right */
.lpdm-thumbs-ms a.right { background-position: -30px -30px; clear:right; margin-right: 0px;}
.lpdm-thumbs-ms a.right:hover { background-position:-15px -30px; }
.lpdm-thumbs-ms a.right:active { background-position:0 -30px; } 

/* left */
.lpdm-thumbs-ms a.left { margin-left: 0px; } 
.lpdm-thumbs-ms a.left:hover { background-position:-15px 0; }
.lpdm-thumbs-ms a.left:active { background-position:-30px 0; }

/* disabled navigational button */
.lpdm-thumbs-ms a.disabled { visibility:hidden !important; } 


/* MODULOS COLUMNA DERECHA */
.lpdm-border { border-bottom:#64b3d4 solid 1px; border-top:#64b3d4 solid 1px; position:relative; overflow:hidden; margin:16px 16px; }

/* GALERIA */
.lpdm-md-galeria { position:relative; overflow:hidden; background:#8ec2d5 url(../images/lpdm-bg-box-col-right.gif) repeat-x center top; margin:1px 0; }
.lpdm-md-galeria h3 { background:url(../images/lpdm-misc-galeria.png) no-repeat 5px 8px; padding:7px 35px; font-size:131%; color:#FFF; font-weight:bold; height:20px; }
.lpdm-md-galeria .bd { width: 290px; height:217px; margin:0 5px; overflow:hidden; position:relative; }
.lpdm-md-galeria .bd .lpdm-galeria { width: 290px; height:217px; overflow:hidden; }
.lpdm-md-galeria .bd .lpdm-galeria .items-galeria {	width:20000em; position:absolute; clear:both; }
.lpdm-md-galeria .bd .lpdm-galeria .thumb-galeria { width:290px; height:217px; float:left; margin:0; } 
.lpdm-md-galeria .bd .lpdm-galeria { float:left; }
.lpdm-md-galeria .bd .lpdm-galeria-left { position:absolute; left:0; top:84px; z-index:500; }
.lpdm-md-galeria .bd .lpdm-galeria-right { position:absolute; right:0; top:84px; z-index:500; }
.lpdm-md-galeria .bd a.browse { background:url(../images/lpdm-prev-next-galeria.png) no-repeat; display:block; width:24px; height:48px; float:left; margin:0; cursor:pointer; font-size:1px; }
.lpdm-md-galeria .bd .lpdm-galeria-left a.left { margin-left: 0px; } 
.lpdm-md-galeria .bd .lpdm-galeria-left a.left:hover { background-position:-24px 0; }
.lpdm-md-galeria .bd .lpdm-galeria-left a.left:active { background-position:-48px 0; }
.lpdm-md-galeria .bd .lpdm-galeria-right a.right { background-position: -48px -48px; clear:right; margin-right: 0px; }
.lpdm-md-galeria .bd .lpdm-galeria-right a.right:hover { background-position:-24px -48px; }
.lpdm-md-galeria .bd .lpdm-galeria-right a.right:active { background-position:0 -48px; }
.lpdm-md-galeria .bd a.disabled { visibility:hidden !important; }
.lpdm-md-galeria .ft { padding: 10px; }
.lpdm-md-galeria .ft p { color:#fff; }

/* TWITTER */
.lpdm-md-twitter { position:relative; overflow:hidden; background:#8ec2d5 url(../images/lpdm-bg-box-col-right.gif) repeat-x center top; margin:1px 0; }
.lpdm-md-twitter h3 { background:url(../images/lpdm-misc-twitter.png) no-repeat 0 0; padding:14px 35px; font-size:131%; color:#FFF; font-weight:bold; height:18px; }
.lpdm-md-twitter .bd { padding:0 10px; }
.lpdm-md-twitter .bd .twitt { background-color:#e7ecf1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:9px 8px; margin-bottom:10px; display:block; position:relative; overflow:hidden; }
.lpdm-md-twitter .bd .twitt p { color:#5d5d5d; font-size:85%; }
.lpdm-md-twitter .bd .twitt p a{ color:#006faf; text-decoration:none; }
.lpdm-md-twitter .bd .twitt p a:hover{ color:#64b3d4; text-decoration:underline; }
.lpdm-md-twitter .bd .twitt p span { font-weight:bold; }
.lpdm-md-twitter .ft { text-align:right; color:#FFF; font-size:93%; font-weight:bold; padding:0 10px 10px; }


/* DESCARGAS */
.no-margin { margin:0 !important; }
.left-colum-pareja .si-margin { margin:0 11px 0 0 !important; }
.right-colum-pareja .si-margin { margin:0 16px 16px; width:300px; }
.lpdm-contenedor-mds-descargas { width:611px; position:relative; overflow:hidden; margin:16px 24px; }
.lpdm-contenedor-mds-descargas .lpdm-container { width:300px; float:left; }
.lpdm-md-descargas { position:relative; height:253px; margin:1px 0; }
.lpdm-md-descargas h3 { background:#64b3d4 url(../images/lpdm-misc-descargas.gif) no-repeat 8px 11px; padding:7px 0 7px 32px; font-size:131%; color:#FFF; font-weight:bold; height:21px; position:absolute; top:0; left:16px; width:236px; z-index:500; cursor:pointer; }
.lpdm-md-descargas a:hover { text-decoration:none; }
.lpdm-md-descargas .bd { position:relative; height:253px; }
.lpdm-md-descargas .bd .mg {}
.lpdm-md-descargas .bd .mt { position:absolute; width:248px; padding:8px 10px 10px; bottom:0; left:16px; background-color:#64b3d4; }
.lpdm-md-descargas .bd .mt h5 { line-height:85%; }
.lpdm-md-descargas .bd .mt h5 a { font-size:77%; color:#d1d618; }
.lpdm-md-descargas .bd .mt h4 a { font-family:Georgia; font-size:123.1%; color:#FFF; }
.lpdm-md-descargas .bd .mt p { line-height:100%; }
.lpdm-md-descargas .bd .mt p a { font-size:85%; color:#FFF; }
.lpdm-md-descargas .bd .mt a { text-decoration:none; }
.lpdm-md-mas-descargas { background-color:#ced3d8; width:268px; height:228px; padding:12px 16px 16px; }
.right-colum-pareja .lpdm-md-mas-descargas { margin:0 16px; }
.lpdm-md-mas-descargas h3 { font-size:116%; color:#009bd4; font-weight:bold; border-bottom:#99c3d6 solid 1px; height:28px; }
.lpdm-md-mas-descargas .bd .list { border-bottom:#99c3d6 solid 1px; position:relative; overflow:hidden; margin-top:9px; display:block; }
.lpdm-md-mas-descargas .bd .list img { border:#64b3d4 3px solid; float:left; width:64px; margin:0 9px 9px 0; }
.lpdm-md-mas-descargas .bd .list .mt { float:left; width:180px; }
.lpdm-md-mas-descargas .bd .list .mt a { text-decoration:none; }
.lpdm-md-mas-descargas .bd .list .mt h4 a { color:#473c48; font-size:123.1%; font-family:Georgia; }
.lpdm-md-mas-descargas .bd .list .mt p { line-height:100%; }
.lpdm-md-mas-descargas .bd .list .mt p a { color:#009bd4; font-size:85%; }
.lpdm-md-mas-descargas .bd .list .mt p a span { color:#fff; font-weight:bold; }



/* TRIVIA */ 

.bb-md-la_pareja_trivia{
	background-color: #A8B0B4;		
	width: 300px;
	height: 230px;
	padding: 10px 0px 16px;
	margin:0 auto 15px;
}	
.bb-md-la_pareja_trivia .trivia_title{
	width: 272px;
	height: 66px;
	margin: 0 auto;
}		
.bb-md-la_pareja_trivia .trivia_title h2{
	color: #FFF;
	font-family: 'CooperStdBlackRegular';
	font-size: 29px;
	line-height: 29px;
}	
.bb-md-la_pareja_trivia .trivia_img{
	width: 272px;
	height: 167px;
	position: relative;
	margin: 0 auto;			
}		
.bb-md-la_pareja_trivia .trivia_img img{
	width: 272px;
	height: 167px;
}	
.bb-md-la_pareja_trivia .trivia_img .txt_cont{
	width: 248px;
	background: url(../images/la_pareja_bg_trivia.png) repeat 0 0;								
	padding: 8px 6px;
	position: absolute;
	bottom: 6px;
	left: 6px;
}
.bb-md-la_pareja_trivia .trivia_img .txt_cont h3{
	font-family: georgia;
	font-size: 16px;
	color: #FFF;
	margin-bottom: 3px;
}		
.bb-md-la_pareja_trivia .trivia_img .txt_cont p{
	font-size: 11px;
	color: #009bd4;
}	


/* SHARE BUTTONS */
.lpdm-share-buttons { position:absolute; right:10px; }
.lpdm-share-buttons ul { float:right; }
.lpdm-share-buttons ul li { background:#e8edf2 url(../images/lpdm-bg-share.gif) no-repeat center bottom; width:80px; padding:7px 10px; font-size:93%; display:inline-block; }
.lpdm-share-buttons ul li a { background:url(../images/lpdm-share-icons.gif) no-repeat left top; height:17px; padding:2px 0 0 24px; color:#362d37; text-decoration:none; display:block; }
.lpdm-share-buttons ul li a.enviar { background-position:left 2px; }
.lpdm-share-buttons ul li a.compartir { background-position:left -32px; }

/* RIZZUTI FACEBOOK */
.lpdm-md-facebook { background: url(../images/lpdm-md-facebook-top.png) no-repeat 0 0; height:250px; width:300px; margin:16px; }
.lpdm-md-facebook .main-img { background: url(../images/lpdm-md-facebook-middle.jpg) no-repeat 0 0; height:232px; width:300px; position:relative; top:9px; }
.lpdm-md-facebook .main-img a { display: block;	width: 59px; height: 59px; background: url(../images/lpdm-md-facebook-over.jpg) no-repeat 0 0; border: none; outline: 0; text-decoration: none;	position: absolute;	top: 167px; left:40px; }
.lpdm-md-facebook .main-img a:hover { background-position:0 -59px; }
.lpdm-md-facebook .bottom-img { background: url(../images/lpdm-md-facebook-bottom.png) no-repeat 0 0; height:9px; width:300px; position:relative; top:9px; }