@import url('slider.css');

/* GRID */

BODY {
	SCROLLBAR-FACE-COLOR: #1D1C1C; SCROLLBAR-HIGHLIGHT-COLOR: #f5f5f5; SCROLLBAR-SHADOW-COLOR: #f5f5f5; SCROLLBAR-ARROW-COLOR: #CCCCCC; SCROLLBAR-TRACK-COLOR: #CCCCCC; SCROLLBAR-DARKSHADOW-COLOR: #1D1C1C
}

.formularioTitulos {
	FONT-WEIGHT: bold; LIST-STYLE-POSITION: inside; FONT-SIZE: 12px; MARGIN: 0px; COLOR: #ffffff; FONT-FAMILY: Geneva, Arial, Verdana, sans-serif; LIST-STYLE-TYPE: circle}


.grid3cola .column { width: 582px; margin-left: 15px; }
.grid3cola .column.first,
.grid3cola .column.last { width: 184px; }
.grid3cola .grid3col .column { width: 32%; margin-left: 14px; }


.titulorecaudro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.titulosgrande {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 50px;
	font-weight: bold;
	color: #cccccc;
}

.titulosNoticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	color: #cccccc;
	text-align:right;
   }

.titulosNoticiaCentrado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 50px;
	font-weight: bold;
	color: #cccccc;
	text-align:centre;
}

.textorecuadroficha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #FFFFFF;
	text-decoration: none;
}

#botones {
	position:absolute;
	width:560px;
	height:50px;
	z-index:9999;
	left: 214px;
	top: 526px;
	visibility: visible;
}

#apDiv2 {
	position:absolute;
	width:560px;
	height:445px;
	z-index:10004;
	left: 208px;
	top: 36px;
	visibility: visible;
}

#apDiv5 {
	position:absolute;
	width:560px;
	height:445px;
	z-index:10000;
	left: 214px;
	top: 36px;
	visibility: visible;
}

#apDiv8 {
	position:absolute;
	left:208px;
	top:36px;
	width:559px;
	height:558px;
	z-index:10001;
	visibility: visible;
	overflow: auto;
}

#apDivNoticiasSup {
	position:absolute;
	left:208px;
	top:36px;
	width:559px;
	height:300px;
	z-index:10001;
	visibility: visible;
	overflow: auto;
}
#apDivNoticiasInf {
	position:absolute;
	left:208px;
	top:346px;
	width:559px;
	height:248px;
	z-index:10001;
	visibility: visible;
	overflow: auto;
}
#apDivNoticiasInt {
	position:absolute;
	left:208px;
	top:340px;
	width:559px;
	height:2px;
	z-index:10001;
	visibility: visible;
	overflow: auto;
}
#transparente {
	position:absolute;
	left:0px;
	top:0px;
	width:982px;
	height:86px;
	z-index:9999;
}

#tablecontenido {
	position:absolute;
	width:538px;
	height:420px;
	z-index:10001;
	left: 244px;
	top: 32px;
	visibility: visible;
}

.EstiloFicha {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}

/* PRINCIPAL */
#main h3 {
	font-size: 13px;
	color: #333;
	font-weight: bolder;
	word-spacing: -0.1em;
}
#main a:link,
#main a:visited { color: #cccccc; text-decoration: none; }
#main a:hover { text-decoration: none; }
#main .mas { padding-right: 9px; background: url(morearro.png) 100% 0.4em no-repeat; white-space: nowrap; _white-space: normal; _display: inline-block; behavior:url(/imagenes/iepngfix.htc); }

#main .sidebar {
	font-size: 11px;
	color: #666;
}
#main .sidebar p,
#main .sidebar ul,
#main .sidebar h4 {
	font-size: 11px;
	line-height: 14px;
	font-weight: bolder;
}
#main .sidebar p,
#main .sidebar ul { margin-bottom: 1em; *margin-bottom: 1.4em; }

/* CONTENIDO */
#content {
	padding: 0;
}



#main .apDiv1 {
	position:absolute;
	left:202px;
	top:90px;
	width:580px;
	height:615px;
	z-index:9999;
	background-image: url(fondocont_14.gif);
	visibility: visible;
}

#main .apDiv5 {
	position:absolute;
	width:560px;
	height:445px;
	z-index:10000;
	left: 214px;
	top: 126px;
	visibility: visible;
}


#main .apDiv2 {
	position:absolute;
	width:560px;
	height:445px;
	z-index:10000;
	left: 214px;
	top: 126px;
	visibility: visible;
}


#main. tablecontenido {
	position:absolute;
	width:450px;
	height:420px;
	z-index:10001;
	left: 273px;
	top: 134px;
	visibility: visible;
}

/* BOXES */
#main .box {
	background: url(box_582b2.png) repeat-y;
	position: relative;
	background-image: url(index_bo2.png);
}
#main .sidebar .box.dark { background: url(index_bo.png) no-repeat 0 100%; }
#main .sidebar .box a.last { margin-bottom: -10px; display: block; position: relative; height: 25px; width: 100%; padding-top: 10px; background: url(box_rule.png) no-repeat 50% 15%; }
#main .sidebar .box a.morelast { padding-right: 9px; background: url(morearro.png) 100% 0.4em no-repeat; position: absolute; right: 15px; behavior:url(/imagenes/iepngfix.htc); }
#main .sidebar .box h3#last { margin-bottom: -10px; padding-top: 24px; background: url(box_rule.png) no-repeat 50% 15%; margin-top: 10px;}
#main .sidebar .box h3#azulfinal { margin-bottom: -10px; padding-top: 24px; background: url(box_rule.png) no-repeat 50% 15%; margin-top: 25px;}

#main .sidebar .box p.last {margin-bottom: 5px;}
#main .box h2 {
	background: url(boxtopbl.png) no-repeat top left;
	color: #CCCCCC;
	font-size: 13px;
	font-weight: bolder;
	height: 25px;
	line-height: 25px;
	margin-bottom: 0;
	padding: 0 0 0 12px;
}
#main .box h2 a {
	color: #CCCCCC;
	display: block;
	position: relative;
	height: 25px;
	width: 100%;
	background: url(box_link.png) 97.5% 50% no-repeat;
	_background-image: url(box_link.gif);
}
#main .box h2 a.none { display: block; position: relative; height: 25px; width: 100%; background: none }
#main .box h2 a:hover { text-decoration: none; }

#main .padder { padding: 0 15px; }
#main .boxcap {
	height:5px;
	width:100%;
	position:absolute;
	z-index:100;
	bottom:-3px;
	_bottom: -10px;
	left: 0;
	background: url(box_582c.png) no-repeat;
	behavior:url(/imagenes/iepngfix.htc);
	background-image: url(box_582c.png);
}
#main .sidebar .boxcap { background: url(box_184c.png) no-repeat; }
#main .sidebar .captop { bottom: auto; top: 0; background-image: url(box_184d.png); }

/* DRAWERS */
#main ul.drawers { margin: 0; }
#main .slider .slider_peque {
	color: #CCCCCC;
	font-size: 13px;
	padding: 5px 0;
	text-indent: 15px;
	width: 100%;
	background: #939393 url(slider_h.png) 0 0 no-repeat;
	cursor: default;
}
#main .slider .slider_peque_contenido { display: block;  height:auto; }
#main .slider h3.open {
	background-color: #ff6600;
	background-position: -184px 0;
	color: #CCCCCC;
}
#main .drawercap { height: 5px; width: 184px; position: absolute; z-index: 100; bottom: 0; _bottom: -10px; left: 0; background: url(slider_c.png) no-repeat; behavior:url(/imagenes/iepngfix.htc); }

/* INICIO */
#main #gallery { min-height: 550px; *height: 500px; background:url(box_184b.png); }
#gallery .shingles { margin: 0 1px; position: relative; overflow: hidden; }
#gallery .shingles li { display: block; z-index: 1; width: 100%; }
#gallery .shingles img.fotos { display: block; margin: 2px 1px -10px 1px; }
#gallery .shingles .handle { display: block; padding: 15px 15px 8px; height: 73px; margin-bottom: -6px; background: url(shingles.png) -184px 100% no-repeat; overflow: hidden; _margin-bottom: -3px; }
#gallery .shingles .handle:hover { text-decoration: none; }
#gallery .shingles .handle strong {
	display: block;
	font-size: 13px;
	color: #CCCCCC;
	font-weight: bolder;
	height: 18px;
	white-space: nowrap;
	overflow: hidden;
}
#gallery .shingles .handle .descripcion {
	margin-bottom: 5px;
	color: #FF6600;
	height: 38px;
	overflow: hidden;
	line-height: 14px;
}
#gallery .shingles .handle .mas { color: #999; _zoom: 1; }
#gallery .shingles li.obscured .handle { background-position: 0 100%; }
#gallery .shingles li.obscured .handle .descripcion {
	color: #FFFFFF;
}
#gallery .shingles li.first .handle strong { padding: 0; }
#gallery .shingles li.last .handle { padding-bottom: 9px; }

/* LATEST */
#latest {
	height: auto;
	min-height: 615px;
*height: 615px; 	_height: 615px;
	margin-bottom:0px;
	position: relative;
	overflow: hidden;
	_width: 184px;
}
#latest .drawers .slider_peque_contenido {
	width: 184px;
	min-height: 585px;
*height: 515px; *min-height: 530px;
} /*TODO: fix IE height*/
#main #latest ul.padder { margin-bottom:0;}
#latest .padder li { min-height:84px; padding:20px 0 18px; background: url(box_rule.png) no-repeat 50% 100%; }
#latest .padder li.last { background-image: url(box_rulf.png); }
#latest .padder img { margin:0;}
#latest .padder span { display:block; margin:10px 0 0 48px; font-size:12px; font-weight:bold; }
#latest .padder span strong { display:block; margin-bottom:6px; color:#333; }
#latest .padder a { font-size:11px; font-weight:normal; }
#latest .padder a.viewall { float:right; margin-top:5px; }

/* TOP LISTS */
#latest .toplist { margin: 0; }
#latest .toplist li { margin: 0; padding: 0 13px; list-style-type: none; background: url(box_rule.png) 50% 0 no-repeat; }
#latest .toplist a { display: block; padding: 8px 15px 8px 0; overflow: hidden; background: url(box_linl.png) no-repeat; behavior:url(/imagenes/iepngfix.htc); }
#latest .toplist a:link,
#latest .toplist a:visited { color: #666; }
#latest .toplist a:hover { text-decoration: none; background-position: -184px 0; }
#latest .toplist a strong { color: #333; }
#latest .toplist a span { display: block; width: 135px; *width: 100px; }
#latest .toplist .first { background: none; padding-top: 8px; }
#latest .toplist .first a { padding-bottom: 10px; }
#latest .toplist .first a:hover { background-position: -184px 0; }
#latest .toplist .first img.left { float: left; margin: 0 8px 8px 0; }
#latest .toplist .first strong { height: 1.8em; overflow: hidden; }

/* ARTISTAS TRUI */
#main #artistasTrui ol { padding:0 5px 0 0; margin-left:10px; padding-top: 10px; margin-bottom:0; }
#artistasTrui p.viewall { margin:0; padding:5px 15px 0; text-align:right; background: url(box_rulf.png) 50% 0 no-repeat; }
#artistasTrui img.supporticon { margin: 5px 23px 0; }
#artistasTrui li { line-height: 15px; padding: 5px 0; border-bottom: 1px solid #333333; margin-left: 20px; }
#main #artistasTrui li a {
	color: #666;
	display: block;
	background: url(sidebar_.png) no-repeat;
	padding-right: 18px;
	font-weight: bolder;
	behavior:url(/imagenes/iepngfix.htc);
}
#main #artistasTrui li a:hover {
	background-position: -188px 0;
	color: #ff6600;
	text-decoration: none;

}

/* SERVICIOS */
#main #servicios ol { padding: 0 5px 0px 0; margin-left: 10px; margin-top: 0; margin-bottom: 0; }
#servicios p.viewall { margin:0; padding: 5px 15px 0; text-align:right; background: url(box_rulf.png) 50% 0 no-repeat; }
#servicios img.fotominiatura { margin: 10px 0 0 1px; }
#servicios li { line-height: 18px; padding: 3px 0 4px; border-bottom: 1px solid #333333; margin-left: 20px; }
#main #servicios li a {
	color: #666;
	display: block;
	background: url(sidebar_.png) no-repeat;
	padding-right: 13px;
	font-weight: bolder;
	behavior:url(/imagenes/iepngfix.htc);
}
#main #servicios li a:hover { background-position: -188px 0; color: #ff6600; text-decoration: none; }

/*  VIDEOS PROMO */
#videos .slideritem { float: left; width: 168px; margin-right: 4px; }
#videos #slider { height: 170px; width: 100%; _margin-top: 20px; }
#videos #slider .ACSliderPageNav { margin-top: 5px; width: 100px; margin-left: -30px; }
#videos #slider .ACSliderPageNav li a { background: url(paging_d.jpg) no-repeat -18px 0; }
#videos #slider .ACSliderPageNav li a:hover { background-position: -9px 0; }
#videos #slider .ACSliderPageNav li a.active { background-position: 0 0; }
#videos #slider .ACSliderPreviousArrow { top: 45%; left: -7px; width: 28px; height: 29px; background: url(video_le.jpg) no-repeat 0 0; }
#videos #slider .ACSliderNextArrow { top: 45%; right: -5px; width: 28px; height: 29px; background: url(video_ri.jpg) no-repeat 0 0; }
#videos #slider .ACSliderPreviousArrow:hover,
#videos #slider .ACSliderNextArrow:hover { background-position: -28px 0; }
#videos #slider .ACSliderMaskDiv { margin: 0 auto; width: 516px; height: 175px; }
#videos #slider .ACSliderMaskDiv ul { margin-top: 4px; height: 175px; }
#videos #slider .ACSliderMaskDiv ul li { display: inline; width: 168px; height: 175px; margin-right: 4px; }

/* CONTROLADOR VIDEO */
#videos .ACQuicktimeController { visibility: hidden; padding-bottom:5px; }
#videos .ACQuicktimeController.active { visibility: visible; }
#videos .ACQuicktimeController div.control { width: 18px; height: 18px; background: url(playpaus.gif) 6px 0 no-repeat; }
#videos .ACQuicktimeController div.control.pause { background: url(playpaus.gif) 6px -18px no-repeat; }
#videos .ACQuicktimeController div.sliderPanel { width: 532px; left: 24px; }
#videos .ACQuicktimeController div.sliderPanel div.track { border: 1px solid #aaa; background-color: #ccc; width: 532px; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.loadedProgress { background-color: #aaa; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.trackProgress { background-color: #fff; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.playHead { background-image: url(pointer_.gif); height: 13px; }

/* VIDEOS */
#videos {
	height: 653px;
*height: 615px; }
#videos.box {
	overflow: hidden;
	position: relative;
	background-color: #222222;

}
#videos .boxcap { background: url(box_582c.png) no-repeat; }
#main #videos h2 { background-image: url(boxtopbm.png); }
#videos .padder { margin: 0 1px; padding: 12px 11px 0; }
#videos #movie.padder { background-color: #f2f2f2; }
#videos #movienav.padder {
	padding-top: 12px;

}
#videos .nowplaying { font-size: 11px; color: #666; padding: 4px 0; margin-bottom: 0; display: none; }
#videos .nowplaying strong { color: #222; }
#videos #quicktime {
	position: relative;
	width: 560px;
	height: 416px;
	background: #222222;
	margin: 0 auto;
	text-align: center;
	background-color: #222222;
}
#videos #flash {
	position: absolute;
	width: 560px;
	height: 566px;
	background: #222222;
	margin: 0 auto;
	text-align: center;
	background-color: #222222;
}
#videos #quicktime .reproductor { cursor: pointer; _cursor: hand; }
#videos .endstate {position: absolute; left: 0; top: 0;}
#videos #quicktime.cargando object { width:1px !important; height:1px !important; }

/* NAV */
#videos .slideritem { float: left; width: 168px; margin-right: 4px; }
#videos #slider {
	height: 170px;
	width: 101%;
	_margin-top: 10px;
}
#videos #slider .ACSliderPageNav { margin-top: 5px; width: 100px; margin-left: -30px; }
#videos #slider .ACSliderPageNav li a { background: url(paging_d.jpg) no-repeat -18px 0; }
#videos #slider .ACSliderPageNav li a:hover { background-position: -9px 0; }
#videos #slider .ACSliderPageNav li a.active { background-position: 0 0; }
#videos #slider .ACSliderPreviousArrow { top: 45%; left: -7px; width: 28px; height: 29px; background: url(video_le.jpg) no-repeat 0 0; }
#videos #slider .ACSliderNextArrow { top: 45%; right: -5px; width: 28px; height: 29px; background: url(video_ri.jpg) no-repeat 0 0; }
#videos #slider .ACSliderPreviousArrow:hover,
#videos #slider .ACSliderNextArrow:hover { background-position: -28px 0; }
#videos #slider .ACSliderMaskDiv { margin: 0 auto; width: 516px; height: 175px; }
#videos #slider .ACSliderMaskDiv ul { margin-top: 4px; height: 175px; }
#videos #slider .ACSliderMaskDiv ul li { display: inline; width: 168px; height: 175px; margin-right: 4px; }

/* ENLACES VIDEO */
#videos #slider .slideritem a { width: 168px; display: block; height: 142px; text-indent: -9999px; overflow: hidden; }
#videos #slider a#vertodos { background: url(videos_a.jpg) no-repeat 0 0; }
#videos #slider a#video1 { background: url(videos_a.jpg) no-repeat 0 0; }
#videos #slider a#video2 { background: url(videos_a.jpg) no-repeat 0 0; }
#videos #slider a#video3 { background: url(videos_a.jpg) no-repeat 0 0; }
#videos #slider a#video4 { background: url(videos_a.jpg) no-repeat 0 0; }
#videos #slider a#video5 { background: url(videos_a.jpg) no-repeat 0 0; }
#videos #slider a#video6 { background: url(videos_a.jpg) no-repeat 0 0; }
#videos #slider a#video7 { background: url(videos_a.jpg) no-repeat 0 0; }
#videos #slider a#video8 { background: url(videos_a.jpg) no-repeat 0 0; }
#videos #slider a#video9 { background: url(videos_a.jpg) no-repeat 0 0; }
#videos #slider a#video10 { background: url(videos_a.jpg) no-repeat 0 0; }
#videos #slider a#vertodos:hover,
#videos #slider a#video1:hover,
#videos #slider a#video2:hover,
#videos #slider a#video3:hover,
#videos #slider a#video4:hover,
#videos #slider a#video5:hover,
#videos #slider a#video6:hover,
#videos #slider a#video7:hover,
#videos #slider a#video8:hover,
#videos #slider a#video9:hover,
#videos #slider a#video10:hover { background-position: -168px 0; }
#videos #slider .active a#vertodos,
#videos #slider .active a#video1,
#videos #slider .active a#video2,
#videos #slider .active a#video3,
#videos #slider .active a#video4,
#videos #slider .active a#video5,
#videos #slider .active a#video6,
#videos #slider .active a#video7,
#videos #slider .active a#video8,
#videos #slider .active a#video9,
#videos #slider .active a#video10 { background-position: -336px 0; }

/* FINAL */
#videos .endstate { display: block; margin: 0; padding: 0; width: 100%; height: 100%; }
#videos .endstate ul { min-height: 316px; *height: 316px; }
#videos #quicktime .video1 { background: url(trui_dark.jpg) no-repeat top left; }
#videos #quicktime .video2 { background: url(trui_dark.jpg) no-repeat top left; }
#videos #quicktime .video3 { background: url(trui_dark.jpg) no-repeat top left; }
#videos #quicktime .video4 { background: url(trui_dark.jpg) no-repeat top left; }
#videos #quicktime .video5 { background: url(trui_dark.jpg) no-repeat top left; }
#videos #quicktime .video6 { background: url(trui_dark.jpg) no-repeat top left; }
#videos #quicktime .video7 { background: url(trui_dark.jpg) no-repeat top left; }
#videos #quicktime .video8 { background: url(trui_dark.jpg) no-repeat top left; }
#videos #quicktime .video9 { background: url(trui_dark.jpg) no-repeat top left; }
#videos #quicktime .video10,
#videos #quicktime .vertodos { background: url(trui_dark.jpg) no-repeat top left; }

/* BOTONES */
.pillbutton   { width: 224px; }
.pillbutton a {
	position: relative;
	margin-right: 43px;
	text-align: left;
	font-size: 16px;
	color: #fff !important;
	text-decoration: none !important;
	cursor: hand;
	height: 43px;
	line-height: 43px;
	display: block;
	padding-left: 20px;
	outline: none;
	background: url(pill_lef.png) no-repeat;
	_background-image: url(pill_lef.png);
	font-weight: bolder;
}
.pillbutton a span { display: block; position: absolute; top: 0; right: -43px; width: 43px; height: 43px; background: url(pill_rig.png) no-repeat; text-indent: -9999px; outline: none; _background-image: url(pill_rig.png); }

#quicktime p.pillbutton { position: absolute; top: 135px; left: 50%; margin-left: -102px; }
#videos .endstate .pillbutton { margin: 10px auto; }
#videos .endstate .pillbutton a span {  }
#videos .endstate .pillbutton.top { margin-top: 115px; }

/* CONTROLADOR VIDEO */
#videos .ACQuicktimeController { visibility: hidden; padding-top: 5px; padding-bottom: 5px; }
#videos .ACQuicktimeController.active { visibility: visible; }
#videos .ACQuicktimeController div.control { width: 18px; height: 18px; background: url(playpaus.gif) 6px 0 no-repeat; }
#videos .ACQuicktimeController div.control.pause { background: url(playpaus.gif) 6px -18px no-repeat; }
#videos .ACQuicktimeController div.sliderPanel { width: 532px; left: 24px; }
#videos .ACQuicktimeController div.sliderPanel div.track { border: 1px solid #aaa; background-color: #ccc; width: 532px; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.loadedProgress { background-color: #aaa; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.trackProgress { background-color: #fff; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.playHead { background-image: url(pointer_.gif); height: 13px; }

/* AVAILABILITY */
#comprartickets .availability.padder { padding-top: 0; background: none; }

/* FOOTER */
#pie p.soringheata { float: right; color: #999; margin-top: -18px; }