@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:70px;
	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:default !important;
			}
			
/* 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:3px;
			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 11px/21px Arial, Helvetica, sans-serif;
					color:#FFF;
					text-shadow:0 1px 0 #B42D2A;
					display:block;
					height:25px;
					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;
	height:68px;
	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;
	}
		#sidebar #relatedVideos h3 {
			font:normal 18px/130% Cambria, "Times New Roman", Times, serif;
			color:#333;
			margin:10px 0;
		}
	#sidebar #slider li.slide {
		width:235px;
		height:130px;
		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 22px/130% arial;
		/*color:#063d64; */
		color:#084568;
		margin:25px 0;
	}
	#sidebar h2 {
		margin:10px 0;
	}
	#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:62px;
		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:10px;
		padding-left:25px;
	}
		.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:25px;
	}
		.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% Cambria, "Times New Roman", Times, serif;
			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% Cambria, "Times New Roman", Times, serif;
				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 12px 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 12px 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;
			}
	/*
#ticker{position:relative; width:991px; height:51px;margin:0 auto; display:none; visibility:hidden;}
#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;}

iframe#motor {margin-top:-9px; margin-left:-40px;  width:279px; height:150px; z-index:-1000;}
*/
iframe#ticker{position:relative; width:695px; height:21px;background-color:black; color:white; top:-476px; left:-145px; padding-left:5px;padding-top:3px; filter: alpha(opacity=50); opacity: .5;}
#iralatv a {position:relative; top:-18px; margin-left:870px; font-size:11px;color:white; text-decoration:underlined;}


