/* CSS Document */

*+html #links, *+html #content, *+html a.promo, *+html #footer, *+html #related { height:1%; }
* html #links, * html #content, * html a.promo, * html #footer, * html #related { height:1%; }
#links:after, #content:after, a.promo:after, #footer:after, #related:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }/* parametro para mozilla y opera */


/*resets*/
:focus {outline: 0;}
body, form, select {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

.right { float:right; }
.left { float:left; }
.last { margin:0!important; }

body { background: #000 url(/objects/img/bg-bottom.jpg) no-repeat bottom center; font:normal 11px/14px "Lucida Grande",Geneva,Helvetica,Arial,sans-serif; color:#333; text-align:left; }
#container { background: url(/objects/img/bg-top.jpg) no-repeat top center; }

a { color:#FFF; text-decoration:none; }
ul li { text-align:left; list-style:none; }
#content { width:980px; text-align:left; background: url(/objects/img/bg-top.jpg) -211px 0 no-repeat;}
.promo strong, h2 { display:block; color: #fff; font-size: 14px; font-weight:700; margin:5px 0; }

#main1 { float:left; }
#banner_Top1 { width:738px; height:90px; padding:5px; float:right; background:#000 url(/objects/img/ad-vertical.gif) no-repeat 736px 52px ; }
#banner_Middle1 { width:300px; height:265px;  float:right; padding:3px; margin-top:5px; background:#000 url(/objects/img/ad-horizontal.gif) no-repeat 260px 255px ; }
#banner_Right2 { width:170px; height:600px; padding:2px 10px 0 0; background: url(/objects/img/ad-vertical.gif) no-repeat 168px 556px ; }
#logo { position:absolute; top:20px; left:20px; width:180px; height:124px}
#ad-vertical { float:right; margin:47px 0 0 3px; }

/*COLUMNA 1*/
#column1 { width:190px; float:left; }
#column1 .promo { background:#000 url(/objects/img/bg-promo-colum1.gif); padding:10px 10px 20px 10px; text-align:left; margin-bottom:10px; }
#column1 .promo a { color:#731300; }
#column1 .promo a:hover { color:#D3222A; }
#column1 .promo span { padding:2px; font-size:11px; line-height:13px; }
#column1 .promo a.foto { display:block; text-align:center; }
#column1 .promo img { border:none; }

/**/
#colum2 {width:302px; float:right;}

/*TAGS*/
#tags { text-align:justify}
.tag1 { font-size:11px!important; line-height:16px; }
.tag2 { font-size:14px!important; line-height:18px; }
.tag3 { font-size:18px!important; line-height:20px; }
.tag4 { font-size:22px!important; line-height:22px; }

/*VIDEO*/
#videoPlayer { width:468px; float:left; padding:0 10px; overflow:hidden;}

/*HEADER*/
#header { position:relative; height:150px; margin-bottom:10px;}
#header ul#nav{ background:#000; height:25px; width: 708px; float:right; margin:5px 0;}
#header ul#nav li { color:#fff; list-style:none; margin:0; padding:0; float:left; margin-right:14px; font-size:12px; font-weight:700; }

/*MENU*/
#nav li strong {display:none;}
#nav a {display:block; height:22px; background:#000 url(/objects/img/es/menu.gif) 0 -2px;}

#nav a.nav-home {width:52px; }
#nav a.nav-home:hover { background-position: 0 24px;}

#nav a.nav-programacion {background-position: -52px -2px; width:131px; }
#nav a.nav-programacion:hover { background-position: -52px 24px;}

#nav a.nav-series {background-position: -183px -2px; width:53px; }
#nav a.nav-series:hover { background-position: -183px 24px;}

#nav a.nav-peliculas {background-position: -235px -2px; width:82px; }
#nav a.nav-peliculas:hover { background-position: -235px 24px;}

#nav a.nav-fotos {background-position: -315px -2px; width:55px; }
#nav a.nav-fotos:hover { background-position: -315px 24px;}

#nav a.nav-videos {background-position: -370px -2px; width:60px; }
#nav a.nav-videos:hover { background-position: -370px 24px;}

#nav a.nav-comunidad {background-position: -430px -2px; width:101px; }
#nav a.nav-comunidad:hover { background-position: -430px 24px;}

#nav a.nav-movil {background-position: -531px -2px; width:56px; }
#nav a.nav-movil:hover { background-position: -531px 24px;}

/*footer*/
#footer ul li a:hover { color:#ED272D!important; }
#footer { height:207px; background:#000 url(/objects/img/footer-bg.gif) repeat-x 0px 50px; margin:30px 0; position:relative;}
#links { border:1px solid #272727; padding:6px 10px 15px;}
#footer ul li a { color:#fff; text-decoration:none; }

.left-top{ position:absolute; top:0; left:0;}
.left-bottom{ position:absolute; bottom:3px; left:0;}
.right-top{ position:absolute; top:0; right:0;}
.right-bottom{ position:absolute; bottom:3px; right:0;}

#footer select {border:1px solid #333; background:#000; color:#333; width:120px; font-size: 10px; padding:2px; margin-top:-2px}

#footer ul { margin:0; padding:15px 0 0 40px; height:31px; }
#footer ul li { list-style:none; margin:0; padding:0; float:left; margin-right:30px; font-size:12px; font-weight:700; }
#footer ul li a { color:#333; }
#legales { text-align:left; padding:5px; }
#footer dl { text-align:left; float:left; margin:0 20px; display:inline; }
#footer dt { font-size:11px; font-weight:700; }
#footer dd { margin:0; overflow:hidden;}
#footer dd.izq { float:left!important;  width:150px; }
#footer dd a { color:#333; }
#footer dd a:hover { color:#fff; }


/***** accordion *****/
.sidebox { padding:0 12px; margin:0 0 1em; font-size:11px; color:#6C6C6C; line-height:1.2em; }
#essentials.sidebox { height: 525px; padding: 0; }
#essentials .drawers { margin: 0; padding: 0; position: relative; overflow: hidden; height: 100%; }
#essentials .drawers li { margin: 0; padding: 0; width: 307px; display: block; position: absolute; top: 0; z-index: 1; }
#essentials .drawers a.thumbnail { display: block; padding: 0; text-decoration:none; text-align:center; background: url(/objects/img/back.gif) no-repeat -307px bottom; }
#essentials .drawers a.thumbnail img { margin-bottom: 0; }
#essentials .drawers .handle { display: block; padding: 10px; height: 90px; overflow: hidden; background: url(/objects/img/back.gif) no-repeat -307px bottom; }
#essentials .drawers .handle:hover { text-decoration: none; }
#essentials .drawers .handle strong { display: block; font-size: 14px; color: #fff; height: 15px; white-space: nowrap; overflow: hidden; }
#essentials .drawers .handle .description { color: #F9AD0E; height: 26px; overflow: hidden; line-height: 14px; font-weight: bold; }
#essentials .drawers .handle .more { float: left; color: #fff; padding-right: 20px; /*background:url(/objects/img/icon-mas.gif) no-repeat right bottom; */font-size:10px; }
#essentials .drawers li.obscured .handle { background-position: 0 100%; }
#essentials .drawers li.obscured a.thumbnail { background-position: 0 100%; }
#essentials .drawers li.obscured .handle strong { color: #fff; }
#essentials .drawers li.obscured .handle .description { color: #F9AD0E; }
#essentials .drawers li.obscured .handle .more { color: #6c6c6c; /*background:url(/objects/img/icon-mas.gif) no-repeat right bottom;*/ }
#essentials .drawers .more {border-top:1px solid #222; display:block; width:92%; padding-top:7px; margin-top:7px;}


/*.first { background:#fff000; }*/


/*ON NOW*/
#onNow { float:right; width:306px; margin-bottom:0px; }
#onNow a.ahora { position:relative; display:block; background: url(/objects/img/onNow-top.gif) no-repeat top; padding-top:20px; margin-right:1px; }
#onNow .sinAhora, #onNow a.ahora { min-height:86px;}
#onNow a.ahora #now { display:block; position:absolute; top:-14px; right:0; border:none; padding:0; }
#onNow a.ahora strong { display:block; margin:0; padding:15px 10px 0 10px; font-size:22px; line-height:22px; color:#FFF; width:150px; }
#onNow a.noche { display:block; background: #370405 url(/objects/img/onNow-titNoche.gif) no-repeat top; padding:25px 0 11px 10px; }
#onNow a.noche ul { margin:0; padding: 0 0 6px 0; }
#onNow a.noche ul li { list-style:none; color:#D3222A; font-weight: 700; font-size: 13px }
#onNow a.noche span { color:#D3222A; font-weight: 700; font-size: 13px }

#login {float:right; margin:2px 0 -2px 0;}

/*RELATED*/
#related { background:#141414; margin:0; color:#666; padding-top: 10px }
#related ul { margin:0; padding:10px 0 0 25px;}
#related ul li { width:184px; float:left; margin-right:25px;}
#related #banner_Middle1 { margin-right:7px;}
#related h2{ margin:0 25px; }
#related p {margin-top:5px }
#related a { font: normal 12px/16px Arial;  color:#D3222A;}
#related a img { border:2px solid #141414; clear:both;}
#related a img:hover {border:2px solid #D3222A;}
#related a:hover { color:#000; background-color:#D3222A; }