@charset "utf-8";
/*
iPSOE.tv
LMMS @ VIVOCOM 2009

Versión: 1.0

 - CSS realizada y testeada para IE 6/7/8, Firefox 2/3/3.5, Safari 4, Chrome 2 y Opera 9.64
 - Hacks y código especfico para IE en la CSS: screenIE.css (sólo la cargaran los navegadores de la familia Internet Explorer e incluye el Hack para soportar PNGs con transparencia en IE 5.5/6).
 - La elección de CSS se realiza con comentarios condicionales para Internet Explorer en la plantilla de cada página.
 - Referencias:
 	 http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie (en castellano)
	 http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
*/

/* ESTILOS GENERALES - Normalización y varios 
--------------------------------------------- */
body {
	background:#FFF;	
}

a {
	font-weight:bold;
	text-decoration:none;
}

a:link,
a:visited {
	color:#AC2C2B;
}
a:hover {
	color:#AC2C2B;
}
a:active {
}

/* PÁGINA (#page)
--------------------------------------------- */
#page {
	width:100%;
	min-width:980px;
	text-align:left;
	margin:0 auto;
}

/* CABECERA (#header)
--------------------------------------------- */
#header {
	text-align:center;
}

/* Logotipo y link a la home*/
#logo {
	position:relative;
	width:980px;
	height:80px;
	margin:0 auto;
	text-align:left;
}
#header h1 {
	position:absolute;
	left:0;
	top:5px;
	width:160px;
	height:59px;
}
#header h1 a {
	display:block;
/*	width:160px;
	height:59px;*/
		width:189px;
	height:60px;

	background:transparent url(../img/logo.png) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
.home #header h1 a {
	cursor:pointer !important;
}

#bannermitin {
	position: relative;
	top: 15px;
	left: 370px;
}

#bannerdebate {
	position: relative;
	top: 15px;
	left: 390px;
}

#tickerTop {
	height: 21px;
}
			
/* BUSCADOR (#header #search)
--------------------------------------------- */
#search {
	width:194px;
	height:25px;
	background:transparent url(../img/bgSearch.png) left top no-repeat;
	margin-top:8px;
	text-align:left;
	position:relative;
}
#search .searchBox {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#666;
	border:none;
	background:none;
	position:absolute;
	left:25px;
	top:2px;
	width:140px;
	height:17px;
}
#search .searchButton {
	position:absolute;
	right:6px;
	top:4px;
	cursor:pointer;
	width:16px;
	height:16px;
}
	
/* NAVEGACIÓN PRINCIPAL (#header #mainNav)
--------------------------------------------- */
#mainNav {
	clear:both;
	border-top:1px solid #BA2E3B;
	border-bottom:1px solid #FCDADB;
	background:#BA2E2C url(../img/bgNav.png) left top repeat-x;
	text-align:center;
}
#mainNavInner {
	width:980px;
	height:39px;
	margin:0 auto;
}
#mainNav ul {
	padding-top:9px;
}
#mainNav ul li {
	float:left;
	padding-left:8px;
	margin-right:5px;
	background:transparent url(../img/bgMainNavItem.png) left top no-repeat;
	text-transform:uppercase;
	display:block;
	width:auto !important;
	width:10px;
	white-space:nowrap;		
}
#mainNav ul li.selected  {
	background:transparent url(../img/bgMainNavItem.png) left bottom no-repeat;
}
#mainNav ul li strong {
	padding-right:10px;
	display:block;
	background:transparent url(../img/bgMainNavItem.png) right top no-repeat;
}
#mainNav ul li.selected strong {
	background:transparent url(../img/bgMainNavItem.png) right bottom no-repeat;
}
#mainNav ul li strong a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-shadow:0 1px 0 #B42D2A;
	display:block;
	height:25px;
	width: 210px;
	line-height: 1.5;
	background:transparent url(../img/bgMainNavItem.png) center top no-repeat;
}
#mainNav ul li strong a:hover {
	background:transparent url(../img/bgMainNavItem.png) center center no-repeat;
	color:#333;
	text-shadow:0 1px 0 #CCC;

}
#mainNav ul li.selected strong a,
#mainNav ul li.selected strong a:hover {
	background:transparent url(../img/bgMainNavItem.png) center bottom no-repeat;
	color:#B42D2A;
	text-shadow:none;
	cursor:default;
}
/* LISTA DE REPRODUCCIÓN (#playlist)
--------------------------------------------- */

#playlist {
	clear:both;
	width:100%;
	text-align:center;
	background:#D1817E url(../img/bgPlaylist.png) left top repeat-x;
height:83px;
}

#playlist2 {
	clear:both;
	width:100%;
	text-align:center;
	padding-top:8px;
/*	border-top:1px solid #FFF;
	border-bottom:1px solid #EDEDED;*/
}
#playlistInner {
	width:980px;/*980*/
	height:75px;
	overflow:hidden;
}
#playlistInner a {
	border:4px solid #AC2C2B;
	background:#AC2C2B;
	display:block;
	width:114px;
	height:60px;
	float:left;
	overflow:hidden;
}
#playlistInner a img {
}
#playlistInner a span {
	position:relative;
	display:block;
	top:-60px;
	left:0px;
	width:114px;
	height:60px;
	background:transparent url(../img/opacity50.png) repeat;
}
#playlistInner a:hover span {
	background:transparent url(../img/opacity25.png) repeat;
}
#playlistInner a.selected {
	cursor:default;
}
#playlistInner a.selected span {
	background:none;
}

/* CONTENIDO PRINCIPAL (#primaryContent)
--------------------------------------------- */
#primaryContent {
	clear:both;
	text-align:center;
	background:#FFF url(../img/bgPrimContent.png) left top repeat-x;
}
#primaryContentInner {  /* Contiene la Home, vídeo, sidebar, etc. */
	width:991px;
	height:393px;
	margin:0 auto;
	overflow:hidden;
}
.video #primaryContentInner {
	background:transparent url(../img/bgContentInnerVideo.png) 0 0 repeat-x;
}
	
/* CONTENEDOR PPAL. (#primaryContent #main)
--------------------------------------------- */
#main {
	float:left;
	width:725px;
	text-align:left;
}
#videoHolder{width:700px; height:393px; background-image: url('../img/video_background.png');	float:left;	text-align:left;}

/* LATERAL (#primaryContent #sidebar)
--------------------------------------------- */
#sidebar {
	float:right;
	width:235px;
	text-align:left;
	left:-16px;
	position:relative;
}

#sidebar #tagCloud {
	margin:15px auto;
}

#sidebar #banners {
}

#sidebar #banners a {
	display:block;
	margin-bottom:10px;
}

#sidebar #relatedVideos {
	border-top:1px dotted #333;
	margin:15px 0 0;
	position:relative;
	height:143px;
	
}

#sidebar #relatedVideos h3 {
	font:normal 1.5em/130% arial, verdana;
	color:#063D64;
	margin:10px 0;
	font-weight:bold;
}

#sidebar #slider1{
	width:235px;
	overflow:hidden;
	height:230px;
}

#sidebar #slider1 li.slide1 {
	margin-top:2px;
	width:235px;
	overflow:hidden; 
	font-family:verdana;
	font:bold 20px/130% arial;
	color:#063d64;
}

#sidebar #slider1 li.slide2 {
	margin-top:12px;
	width:235px;
	overflow:hidden; 
	font-family:verdana;
	font-size:11px;
	color:#666;
}

#sidebar #slider2{
	width:235px;
	overflow:hidden;
	height:160px;
}

#sidebar #slider2 li.slide3 {
	margin-top:2px;
	width:235px;
	height:155px;
	overflow:hidden; 
	font-family:verdana;
	font-size:11px;
	color:#666;
}

#sidebar span#tools,
#sidebar span#description {
	font:normal 12px/150% Arial, Helvetica, sans-serif;
	color:#666;
	padding:5px 0;
	text-align:center;
}
#sidebar span#tools a,
#sidebar span#description a { 
	color:#666;
	font-weight:bold;
}
	
	
/* + INFO, RESULTADOS,... (#secondaryContent)
--------------------------------------------- */	
#secondaryContent {
	clear:both;
	text-align:center;
	background:transparent url(../img/bgSecContent.png) left top repeat-x;
}
#secondaryContentInner {
	width:991px;
	min-height:55px;
	height:auto !important;
	height:55px;
	margin:0 auto;
	background:#E5E5E5 url(../img/bgSecContentInner.png) left top repeat-x;
	text-align:left;

}
/* Botones inferiores */
#secondaryNav {
	padding:20px 0 0 20px;
}

#secondaryNav li {
	float:left;
	padding-left:8px;
	margin-right:5px;
	background:transparent url(../img/bgLinksButton.png) left top no-repeat;
	text-transform:uppercase;
	display:block;
	width:auto !important;
	width:10px;
	white-space:nowrap;

	
}
#secondaryNav li.selected {
	background:transparent url(../img/bgLinksButton.png) left center no-repeat;
}
#secondaryNav li a {
	padding-right:11px;
	display:block;
	background:transparent url(../img/bgLinksButton.png) right top no-repeat;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-shadow:0 1px 0 #333;
	display:block;
	height:22px;
}
#secondaryNav li a:hover {
	color:#DDD;
}
#secondaryNav li.selected a {
	background:transparent url(../img/bgLinksButton.png) right center no-repeat;
}
#secondaryNav li.selected a:hover {
	cursor:default;
	color:#FFF;
	text-shadow:none;
}
#secondaryNav li#expand.selected a:hover {
	cursor:pointer;
}
#secondaryNav .rss {
	background:transparent url(../img/icoRSS.png) right center no-repeat;
	padding-right:20px;
}
			
/* Más Info */
#secondaryContent h2,
#sidebar h2 {
	font:bold 20px/130% arial;
	color:#063d64; 
}
#sidebar h2 {
height:85px; /*aa*/
height:auto;
}
#secondaryContent p,
#sidebar p{
	margin:10px 0;
	font-family:verdana;
	font-size:11px;
	color:#666;
}
/* Más Info: Izquierda */
#secondaryContent .clearFix .floatLeft {
	width:655px;
	padding-right:50px;
	padding-left:20px;
	background:transparent url(../img/bgSecContentShadow.png) right center no-repeat;
	min-height:330px;
	height:auto !important;
	height:330px;

}
/* Más Info: Derecha */
#secondaryContent .clearFix .floatRight{
	width:235px;
}

/* Botón de cerrar */
#close {
	height:22px;
	width:62px;
	padding:25px 25px 0 0;
	float:right;
	overflow:hidden;
}
#searchResults #close {
	height:23px;
	width:66px;
	padding:12px 25px 0 0;
}
#close strong {
	padding-left:8px;
	background:transparent url(../img/bgLinksButton.png) left top no-repeat;
	text-transform:uppercase;
	width:auto !important;
	width:10px;
	white-space:nowrap;
	float:right;
	}
#searchResults #close strong {
	background:transparent url(../img/bgSearchResultsPager.png) left bottom no-repeat;
}
		
#close strong a {
	padding-right:11px;
	background:transparent url(../img/bgLinksButton.png) right top no-repeat;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-shadow:0 1px 0 #333;
	height:22px;
	float:right;
}
#searchResults #close strong a {
	background:transparent url(../img/bgSearchResultsPager.png) right bottom no-repeat;
	height:23px;
}
#close strong a:hover {
	color:#DDD;
}
	
/* Datos del vídeo: tiempo, subido, etc. */
#data {
	font:normal 13px/140% Arial, Helvetica, sans-serif;
	color:#999;
	padding-top:85px;
}
	#data .time {
		font:normal 32px/100% Arial, Helvetica, sans-serif;
		color:#333;
	}
	#data strong {
		color:#333;
	}
/* Iconos de compartir */
.share {
	height:16px;
	margin-top:20px;
}
#sidebar .share {
	margin-top:8px;
	padding-left:0px;
}
.share li {
	float:left;
	margin-right:5px;
}
.share li a {
	display:block;
	width:16px;
	height:16px;
	background-image:url(../img/spriteShare.gif);
	background-color:transparent;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.share li a.shareFacebook {
	background-position:0 0;
}
.share li a.shareDelicious {
	background-position:-20px 0;
}
/*	.share li a.shareTechnorati {
	background-position:-40px 0;
}
.share li a.shareYahoo {
	background-position:-60px 0;


.share li a.shareMySpace {
	background-position:-100px 0;
}
*/
			
.share li a.shareMeneame {
	background-position:-40px 0;
}
.share li a.shareTwitter
{
	background-position:-60px 0;
}

/* Botones de herramientas */
.navTools {
	margin-top:10px;
	overflow:hidden;
}
#sidebar .navTools {
	padding-left:0px;
}
.navTools li {
	padding-left:8px;
	margin-bottom:5px;
	background:#E5E5E5 url(../img/bgLinksButton.png) left bottom no-repeat;
	text-transform:uppercase;
	display:block;
	width:auto !important;
	width:10px;
	white-space:nowrap;
	float:left;
	clear:both;
}
#sidebar .navTools li {
	background:#FFF url(../img/bgLinksButtonWhite.png) left bottom no-repeat;
}
.navTools li a {
	padding-right:11px;
	display:block;
	background:transparent url(../img/bgLinksButton.png) right bottom no-repeat;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-shadow:0 1px 0 #666;
	display:block;
	height:22px;
}
#sidebar .navTools li a {
	background:#FFF url(../img/bgLinksButtonWhite.png) right bottom no-repeat;
}
.navTools li a:hover {
	color:#EEE;
	text-shadow:0 1px 0 #000;
}

/* Resultados búsqueda */
#searchResults {
	text-align:left;
	width:991px;
	margin:0 auto;
	background:#F2F2F2;

}
#searchResults h3 {
		font:normal 20px/130% arial, verdana;
		color:#AC2C2B;
		margin:0 0 10px 20px;
		padding-top:20px;
}
	
#searchResultsList {
	padding-left:55px;
}
#searchResultsList .searchResultsItem {
		float:left;
		width:150px;
		min-height:270px;
		height:auto !important;
		height:270px;
		background:transparent url(../img/bgSearchResultsItem.png) right center no-repeat;
	}
#searchResultsList .searchResultsItem.last {
		background:none;
}
#searchResultsList .searchResultsItem a {
		color:#AC2C2B;
		font-weight:normal;
}
#searchResultsList .searchResultsItem a img {
	margin-top:20px;
	padding:4px;
	background:#AC2C2B;
}
#searchResultsList .searchResultsItem a:hover img {
		background:#CCC;
	}
#searchResultsList .searchResultsItem h4 {
	font:normal 17px/110% arial, verdana;
	width:122px;
	margin-top:5px;
}
	#searchResultsList .searchResultsItem h4 a:hover {
		text-decoration:underline;
	}
#searchResultsList .searchResultsItem p {
	font:normal 11px/120% Arial, Helvetica, sans-serif;
	width:122px;
	color:#666;
}

/* Paginación resultados */
#searchResultsPager {
		padding-left:40px;
		height:35px;
		margin-top:10px;
	}
	/*#searchResultsPager li {
		background:transparent url(../img/bgSearchResultsPager.png) -25px 0 no-repeat;

		float:left;
		display:block;
		width:23px;
		height:23px;
		margin-right:3px;
	}
	#searchResultsPager li.selected {
	/*	background:transparent url(../img/bgSearchResultsPager.png) 0 0 no-repeat;*/
/*	}
		#searchResultsPager li a {
			display:block;
			width:20px;
			height:20px;
			text-align:center;
			color:#FFF;
			font:bold 11px/20px Arial, Helvetica, sans-serif;
			text-shadow:0 1px 0 #333;
		}
		#searchResultsPager li.selected a {
			color:#EEE;
			cursor:default;
			text-shadow:none;
		}
	#searchResultsPager li.next {
		background:transparent url(../img/bgSearchResultsPager.png) left bottom no-repeat;
		padding-left:10px;
		width:auto !important;
		width:10px;
		height:23px;
	}
		#searchResultsPager li.next a {
			background:transparent url(../img/bgSearchResultsPager.png) right bottom no-repeat;
			padding-right:13px;
			color:#FFF;
			font:bold 11px/20px Arial, Helvetica, sans-serif;
			white-space:nowrap;
			text-align:left;
			height:23px;
			width:60px;
		}*/		
				
#searchResultsPager li a:hover,
#searchResultsPager li.next a:hover {
	color:#EEE;
}

a.prev  {
		background:transparent url(../img/pildora.png) left bottom no-repeat;
	padding:7px 14px 3px 14px;
	color:#FFF;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	white-space:nowrap;
	text-align:left;
	height:20px;
	width:80px;
	margin-left:4px;
}

a.next  {
	background:transparent url(../img/pildora.png) left bottom no-repeat;
	padding:7px 12px 3px 14px;
	color:#FFF;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	white-space:nowrap;
	text-align:left;
	height:23px;
	width:60px;
}
.qp_counter {
		margin:  10px;
	}

		
a.qp_disabled {
		background:transparent url(../img/pildora_gris.png) left bottom no-repeat;
		padding-left:10px;
		width:80px;
		height:20px;
  padding:7px 14px 3px 14px;
}

/* PIE (#footer)
--------------------------------------------- */
#footer {
	border-top:4px solid #CCC;
	text-align:left;
	width:980px;
	height:50px;
	margin:0 auto;
	clear:both;
	padding:5px 0 0;
}
#footer p {
	font:normal 12px/100% Arial, Helvetica, sans-serif;
	margin:10px 0;
}
#footer p a {
	font-weight:normal;
	color:#ADADAD;
}
#footer p a:hover {
	font-weight:normal;
	color:#999;
	border-bottom:1px solid #999;
}
#footer ul {
	height:20px;
	overflow:hidden;
}
#footer ul li {
	float:left;
	margin-right:10px;
	font:bold 11px/150% Arial, Helvetica, sans-serif;
}
#footer ul li a {
	color:#858585;
	overflow:visible;
}
#footer ul li a:hover {
	border-bottom:1px dotted #858585;
}

/*
#tickerTop{position:relative; width:695px; height:21px;background-color:black; color:white; top:-457px; left:-6px; padding-left:5px;padding-top:3px; filter: alpha(opacity=50); opacity: .5;}
*/

iframe#ticker {position: relative; width: 695px; height: 21px; background-color: black; color: white; top: 145px; right: 146px; padding-left: 5px; padding-top:3px; z-index: 20; filter: alpha(opacity=60); opacity: .6;}

/*
iframe#ticker{position:relative; width:695px; height:21px;background-color:black; color:white;  top:-509px; left:-6px; padding-left:5px;padding-top:3px; filter: alpha(opacity=50); opacity: .5;}*/
/*
#ticker img {margin-top:1px;}
.textoTickerTitular{position:relative; top:-26px; left:10px; color:red; font-weight:bold; font-size:12px; }
.textoTicker{position:relative; top:-8px;left:-57px; font-size:11px;}
.iralatv a {position:relative; top:-8px; margin-left:335px; font-size:11px;color:red; text-decoration:underlined;}*/

.subepelicula{margin-top:-8px;}

.elect{margin-top:5px;overflow:hidden;}