@charset "utf-8";
/*
cruzroja.tv
LMMS @ VIVOCOM 2010

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
*/

@font-face {
	font-family: 'RockwellRegular';
	src: url('Rock.eot');
	src: local('Rockwell Regular'), local('Rockwell'), url('Rock.woff') format('woff'), url('Rock.ttf') format('truetype'), url('Rock.svg#Rockwell') format('svg');
}

/* 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;
	background:#FFF url(../img/bgPage.jpg) 0 36px repeat-x;
	height:950px;
	overflow:hidden;
}

/* CABECERA (#header)
--------------------------------------------- */
#header {
	text-align:center;
	background:#CC341F url(../img/bgHeader.jpg) bottom left repeat-x;
	height:36px;
}
	#headerInner {
		width:980px;
		margin:0 auto;
		position:relative;
	}
	
/* Teléfono, web y e-mail (#contactNav) */
		#contactNav {
			width:300px;
			height:36px;
			color:#FFF;
			position:absolute;
			top:0;
			left:0;
		}
			#contactNav .phone {
				font:normal 18px/36px 'RockwellRegular', sans-serif;
				padding-left:7px;
			}
			#contactNav .web {
				font:normal 14px/36px 'RockwellRegular', sans-serif;
				padding-right:7px;
			}
				#contactNav .web a {
					color:#FFF;
					font-weight:normal;
				}
				#contactNav .web a:hover {
					color:#FFF;
					border-bottom:1px solid #FFF;	
				}
			#contactNav .email {
				display:block;
				position:absolute;
				right:-550px;
				top:0;
			}
				#contactNav .email a {
					display:block;
					width:28px;
					height:36px;
					text-indent:-9999px;
					background:transparent url(../img/icoMail.jpg) no-repeat;
				}
				
/* Botonera (navegación) superior (#topNav) */
		#topNav {
			position:absolute;
			top:0;
			left:309px;
			height:36px;
		}
			#topNav li {
				float:left;
				display:block;
				padding-top:7px;
			}
				#topNav li a {
					float:left;
					display:block;
					text-transform:uppercase;
					color:#FFF;
					font:normal 12px/21px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
					padding:1px 7px 0 5px;
					background:transparent url(../img/bgTopNavLi.gif) 100% 50% no-repeat;
					text-shadow:#333 1px 1px;
				}
				#topNav li a:hover {
					color:#DDD;
				}
				#topNav li.last a {
					padding:1px 0 0 5px;
					background:none;
				}
			
/* Buscador( #search) */
#search {
	width:122px;
	height:18px;
	background:transparent url(../img/bgSearch.png) left top no-repeat;
	margin-top:9px;
	text-align:left;
	position:relative;
}
	#search .searchBox {
		font:bold 10px/18px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color:#CB0000;
		border:none;
		background:none;
		position:absolute;
		left:4px;
		top:0;
		width:95px;
		height:18px;
	}
	#search .searchButton {
		position:absolute;
		right:2px;
		top:0;
		cursor:pointer;
		width:17px;
		height:18px;
		z-index:9999;
	}
	


/* CONTENIDO (#content)
--------------------------------------------- */
#content {
	text-align:center;
}
	#contentInner {
		width:980px;
		background:transparent;
		margin:0 auto;
		text-align:left;
	}
	
#scrollCategories {
	position:relative;
	height:650px;
	overflow:hidden;
	width:980px;
		background:transparent url(../img/bgRelatedVideoShadow.png) left 448px repeat-x;

}
 
#categories {
	width:9999em;
	position:absolute;
	height:650px;
}
 
.category {
	float:left;
	width:980px;
	height:650px;
}

.mainVideo,
.mainVideoPreview,
.mainVideoPreview span {
	display:block;
	width:980px;
	height:448px;
	*height:447px;
}

#videoHolder{z-index:23; position:absolute;top:0px;left:270px; background-image: url('../images/videoBackground.jpg'); width:711x; height:400px;}
.mainVideo {
	position:relative;
	overflow:hidden;
	_background:transparent url(../img/FOTO3_ie6.jpg) no-repeat;
}
	.mainVideoPreview {
				background:transparent url(../img/FOTO3.jpg) no-repeat;
				  _background:transparent url(../img/FOTO3_ie6.jpg) no-repeat;
				width:980px; height:448px;
	}

      

	
		.mainVideoPreview span {
			position:relative;
			top:-448px;
			*top:-450px;
			left:0;
			background:transparent url(../img/videoOver.png) no-repeat;
		}
	#home .sidebar,
	#video .sidebar {
		position:absolute;
		top:0;
		left:0;
		width:259px;
		height:448px;
		z-index:1000;
	}
	#home .sidebar {
		overflow:visible;
		background:transparent url(../img/bgSidebarHome.png) no-repeat;
		height:400px;
	}
	#video .sidebar {
		overflow:hidden;
	background:transparent url(../img/bgSidebarVideo.png) repeat;

		height:400px;

	}
		h1 {
			width:268px;
			height:42px;
			margin:22px 0 0 22px;
		}
			h1 a {
				display:block;
				text-indent:-9999px;
				width:268px;
				height:42px;
				background:transparent url(../img/logoCruzRoja.png) no-repeat;
			}
		#home h2 {
			font:normal 36px/120% 'RockwellRegular', sans-serif;
			color:#FFF;
			width:425px;
			margin:100px 0 20px;
			
		}
		#video h2 {
			font:normal 18px/120% 'RockwellRegular', sans-serif;
			color:#FFF;
			margin:30px 20px 10px;
			
		}
			#home h2 span {
				background:transparent url(../img/bgH2Span.png) repeat;
				padding:0 10px 0 20px;
			}
			#video h2 span {
				background:transparent url(../img/bgH2Span.png) repeat;
			}
			#video .sidebar p {
				font:normal 11px/120% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
				margin:10px 20px;
			}
		
			#video .sidebar .recomendar {
				margin:10px 20px;
			}
			
			#descubre{	font:normal 11px/120% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
				margin:14px 20px; color:#C4311E;   position:absolute; font-weight:bold;   top:210px;}
			/*************/
			#video .sidebar #tagCloud {
			margin-top:14px;
			margin-right:14px;
			margin-bottom:14px;
			margin-left:14px;
			*margin-top:30px;
			*margin-left:-40px;
		text-align:center;
  width:224px;
  height:160px;
  overflow:hidden;
  position:absolute;
  top:225px;
	}
	
	
		#tagCloud {
		margin:15px auto;
		text-align:center;
  width:224px;
  height:199px;
  /*overflow-y:hidden;*/
	}
	
#tagCloudStyle{
color:#000;
font:normal 18px/130% arial,verdana;
padding-left:4px;
line-height:20px;
font-weight:bold;
}

			/*************/
			
			
			#video .sidebar .recomendar li {
				float:left;
				display:block;
				margin-right:10px;
			}
				#video .sidebar .recomendar li a {
					display:block;
					text-indent:-9999px;
				}
			#video .sidebar .recomendar li.byMail {
				width:20px;
				height:15px;
				padding-top:1px;
			}
				#video .sidebar .recomendar li.byMail a {
					width:20px;
					height:15px;
					background:transparent url(../img/icoMailVideo.png) no-repeat;
				}
			#video .sidebar .recomendar li.byTwitter {
				width:18px;
				height:18px;
			}
				#video .sidebar .recomendar li.byTwitter a {
					width:18px;
					height:18px;
					background:transparent url(../img/icoTwitter.png) no-repeat;
				}


			#video .sidebar .recomendar li.descargas {
				width:16px;
				height:12px;
				margin-top:2px;
			}
				#video .sidebar .recomendar li.descargas a {
					width:16px;
					height:12px;
					background:transparent url(../img/descargas.jpg) no-repeat;
				}
			
		.blackBox {
			width:260px;
			height:120px;
			margin:0 auto;
			background:transparent url(../img/bgBlackBox.png) no-repeat;
			color:#FFF;
		}
			.blackBox h3,
			.blackBox p {
				margin:0 15px 3px;
			}
			.blackBox h3 {
				padding-top:15px;
				font:bold 9px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
			}
			.blackBox p {
				font:normal 11px/120% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
			}
				.blackBox p a {
					font:bold 14px/120% 'RockwellRegular', sans-serif;
					color:#FFF;
				}
				.blackBox p a:hover {
					border-bottom:1px solid #FFF;
				}
		
 
.relatedVideos {
	/*clear:both;
	padding-top:20px;*/
	width:980px;
	height:182px;
	
	position:relative;
	top:-167px;

}


	.jcarousel-skin-cruzrojatv li {
		display:block;
		width:200px;
		height:200px;
		position:relative;
		overflow:hidden;
		zoom:1;
	}
	.jcarousel-skin-cruzrojatv li.new {
		background:transparent url(../img/icoNew.png) right 35px no-repeat;
	}
		.jcarousel-skin-cruzrojatv li h3 a {
			font:bold 14px/120% 'RockwellRegular', sans-serif;
			color:#000 !important;
		}
		.jcarousel-skin-cruzrojatv li h3 a:hover {
			border-bottom:1px solid #000;
		}
	.jcarousel-skin-cruzrojatv li .video {
		position:relative;
		height:130px;
		width:200px;
		display:block;
	}

		.jcarousel-skin-cruzrojatv li .video .text {
			position:absolute;
			left:102px;
			top:24px;
			width:95px;
			height:44px;
			overflow:hidden;
		}
		.jcarousel-skin-cruzrojatv li .video .mail {
			position:absolute;
			left:102px;
			top:0px;
			width:20px;
			height:15px;
		}
			.jcarousel-skin-cruzrojatv li .video .mail a {
				display:block;
				width:20px;
				height:15px;
				text-indent:-9999px;
				background:transparent url(../img/icoMailVideo.png) no-repeat;
			}
		.jcarousel-skin-cruzrojatv li .video a.mini {
			position:absolute;
			display:block;
			top:0;
			left:0;
			width:92px;
			height:74px;
		}
			.jcarousel-skin-cruzrojatv li .video a.mini img {
			}
			.jcarousel-skin-cruzrojatv li .video a.mini span {
				position:relative;
				display:block;
				top:-66px;
				left:0px;
				width:92px;
				height:74px;
				background:transparent url(../img/bgRelatedVideo.png) no-repeat;
			}
			.jcarousel-skin-cruzrojatv li .video a.mini:hover span {
				background:transparent url(../img/bgRelatedVideoOver.png) no-repeat;
				cursor:pointer;
				}
			.jcarousel-skin-cruzrojatv li .video a.mini span.selected {
				cursor:default;
		}
		
#category1 .relatedVideos {
	background:transparent url(../img/bgRelatedBoletines.png) 90% 90% no-repeat;
}	
#category2 .relatedVideos {
	background:transparent url(../img/bgRelatedEspeciales.png) 90% 90% no-repeat;
}
#category3 .relatedVideos {
	background:transparent url(../img/bgRelatedEntrevistas.png) 90% 90% no-repeat;
}	
#category4 .relatedVideos {
	background:transparent url(../img/bgRelatedInternacional.png) 90% 90% no-repeat;
}	
#category5 .relatedVideos {
	background:transparent url(../img/bgRelatedNacional.png) 90% 90% no-repeat;
}
#category6 .relatedVideos {
	background:transparent url(../img/bgRelatedInstitucional.png) 90% 90% no-repeat;
}	
#category7 .relatedVideos {
	background:transparent url(../img/bgRelatedCampanyas.png) 90% 90% no-repeat;
}
 
#thumbs {
	height:37px;
	position:absolute;
	top:411px;
	width:960px;
	left:12px;
}
 
.t a {
	margin-right:3px;
	display:block;
	float:left;
	cursor:pointer;
}
 
.t a.active {
	cursor:default !important;
}
 
.navi {
}

.navi a {
	background:transparent url(../img/bgCategoryTab.png) left top repeat-x;
	color:#AB0000;
	width:117px;
	height:37px;
	font:normal 17px/37px 'RockwellRegular', sans-serif;
	text-align:center;
}
.navi a:hover,
.navi a.active {
	color:#FFF;
	background:transparent url(../img/bgCategoryTabActive.png) left top repeat-x;
}

/*
#video .navi a#t0:active {
	color:#FFF;
	background:transparent url(../img/bgCategoryTabActive.png) left top repeat-x;
}

	#video .navi a#t0 {
		background:transparent url(../img/bgCategoryTab.png) left top repeat-x;
		color:#AB0000;
	}
	#video .navi a#t0:hover {
		cursor:pointer !important;
		color:#FFF;
		background:transparent url(../img/bgCategoryTabActive.png) left top repeat-x;

	}*/

#estamosAhi {
	position:absolute;
	right:0px;
	top:247px;
	width:198px;
	background:transparent url(../img/bgEstamosAhi.png) right bottom no-repeat;
}
	#estamosAhi a {
		display:block;
		height:201px;
		width:186px;
		padding-right:12px;
		background:transparent url(../img/imgEstamosAhi.png) right bottom no-repeat;
		text-indent:-9999px;
		position:relative;
		top:-37px;
		right:6px;
		display:none;
	}
	

/* PIE (#footer)
--------------------------------------------- */
#footer {
	border-top:0px solid #eee;
	text-align:left;
	width:980px;
	height:50px;
	margin:0 auto;
	clear:both;
	padding:5px 0 0;
	position:relative;
	top:-171px;
}
	#footer p {
		font:normal 11px/100% Arial, Helvetica, sans-serif;
		margin:5px 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;
			}
	
	.limitah3{height:32px;overflow:hidden;}
   
   #pie{ position: relative; top:-5px; _top:-5px; left: 0px;  height: 165px; width:980px; background: url(../img/pie.jpg) no-repeat; font-family:arial; font-weight:bold; color:#999999; font-size:12px; overflow-y:hidden; text-align:justify; overflow-x:hidden;}

#compromiso{margin-left:63px; margin-top:80px; *margin-top:75px; height: 88px; width:400px; font-size:11px; }
#redes{margin-left:516px; margin-top:-88px; height: 88px; width:155px;}

#contacto{margin-left:685px; margin-top:-88px; height: 88px; width:155px;}

#cr{margin-left:850px; margin-top:-88px;  height: 88px; width:155px;}
.texti{text-decoration:none; font-family:arial; font-weight:bold; color:#999999; font-size:12px;}
.titulo{font-family:arial; font-weight:bold; color:#666666; font-size:13px;}
.rojo{font-family:arial; font-weight:bold; color:#cc0000; font-size:10px;}
a.rojo{font-family:arial; font-weight:bold; color:#cc0000; font-size:10px;}
#colabora{position: relative; top:257px; left: -336px;  height: 26px; width:83px;}
.eltd1{color:#535353;
font-family:arial;
font-size:14px;
font-weight:bold;
text-decoration:none;}
.eltd2{color:#888888;
font-family:arial;
font-size:10px;
text-decoration:none;
font-weight:bold;}
a.texti{text-decoration:none; font-family:arial; font-weight:bold; color:#999; font-size:12px;}

#footerInner{margin-top:20px;border-top:1px solid #EEEEEE;}
iframe#ticker{position:relative; width:705px; height:21px;background-color:black; color:white; top:-667px; left:270px; padding-left:5px;padding-top:3px; filter: alpha(opacity=50); opacity: .5; z-index:100;}