html{
	background:#000;
}

body{ 
	margin: 0;
	padding: 0;
	background:#000;
	color: white;
	/*	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader();*/
}

.bordesup{
	border-top:1px solid #fff;
}

.rotulo{ 
	position:relative;
	margin: 20px 0px 20px 0px;
	float: left;
	z-index: 5;
	width: 365px;
}

.rotulo2{ 
	position:relative;
	margin: 20px 0px 20px 0px;
	float: left;
	z-index: 5;
}

/* Video Destacado Index */

#video {
	position: relative;
	top:0;
	left: 0;
	width:425px; 
	height:470px; 
	float:left;
}

/* Listado Canales Index */

#canales {
	position: relative;
	top: 0;
	left: 0;
	width:155px; 
	height:470px;
	margin: 0;
	padding:0;
	float:right;
}

.listadocanales {
	padding: 0px 0px 25px 10px;
}

/* Buscador Index */

#buscadorhome {
	position: relative;
	top: 0;
	left: 0;
	margin:0;
	padding: 0;
}

.tipobusqueda {
	position: absolute;
	top: 4px;
	left: 10px;
	margin: 0;
	padding: 0;
	z-index: 5;
}

/* Listados de Canales de la seccion Canales */

#canaleslist {
	position:relative;
	width:890px;  /*380*/
	height:380px;
	margin: 0px 0px 0px 0px;	
	padding: 50px 0px 0px 0px;	
	float:left;
}

.listadocanalesscroll {
	width:400px; 
	height:110px;  /* 60 */
	padding: 5px 0px 5px 0px;
	float: left; /* NUEVO */
}

.canallogo {
	margin: 0px 10px 0px 0px;
	float:left;	
}

.infocanal {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:11px;	
	float:left;
	display: inline-block;
	width: 235px;	
}	


/* 
   Listados Videos
   1 - Index
   2 - Listado Canales
   3 - Detalle Canal	
   4 - Categorias Videos
   5 - Buscador Detalle Canal	

 */

#videoslist {
	width:470px; 
	height:450px;
	margin: 40px 10px 0px 0px; 
	float:right;
}

#videoslistdoble{
	width:580px; 
	height:430px; 
	margin: 40px 60px 0px 0px;
	float:right; 
}

#ultimos1 {
	width:280px; 
	height:550px; 
	float:left;
	padding: 0 0 0 10px;
}

#ultimos2 {
	width:490px; 
	height:120px; /* 450 */
	float:left;  /* Nuevo */
}

#ultimos3 {
	width:95%; 
	height:auto; 
	padding:5px;
}

#ultimos4 {
	width:580px; 
	height:430px; 
}

#ultimos5 {
	width:915px; 
	height:auto;
	z-index: 4;
	margin:0 0 20px -67px;
}

.listadoultimo4scroll {
	width:580px;  
	height:80px;	
	padding: 10px 0px 10px 20px;
}

.listadovideo{
	width: 260px;
	height: 90px;
	margin: 0px 0px 4px 0px;
	float: left;
}

.listadovideo2{
	width: 260px;
	height: 90px;	
	margin: 0px 0px 4px 0px;
	float: left;
}

/* Gestion de miniaturas de videos e info de estos */
.fotograma {
	position:relative;
	float:left;
	padding: 0 5px 5px 5px;
}

.fotograma2 {
	float:left;
	width: 90px;
	height: 120px;
	margin: 0px 3px 10px 3px;
	z-index: 3;	
}

.fotograma3 {
	float:left;
	width: 90px;
	height: auto;
	margin: 0px 5px 5px 7px;
	z-index: 3;	
	line-height:5px;
}

.infofotograma{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:11px;	
	text-decoration: none;	
	width: 150px;	
	display: -moz-inline-block;
	display: inline-block;		
	float:left;	
}

.infofotograma2{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:12px;	
	text-decoration: none;	
	width: 430px;	
	float:left;
}

.infovideo1{
	float:left;
	width: 230px;
	text-align:left;
	text-align:justify;
}

.infovideo2{
	float:left;
	width: 170px;
	padding: 0 0 0 20px;
	text-align:left;
	text-align:justify;
}

#detallevideo{
	margin-bottom:35px;
}

/* Categorias de Videos */

#categorias {
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 25px 0 0 0;
	width:200px; 
	height:450px; 
	float:left;
}

.listadocategorias{
	margin: 0 0 2px 5px;
}

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

a:hover.categorias_item {
	text-decoration:underline;
}

/* Estilos para posicionar las flechas de los paginadores */

#paginador1 {
	position:relative;
	float :left;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;	
	width:30px; 
	height:440px;
}

#anterior1 {
	position:absolute;
	float :left;
	top: 10px;
	left: 0;
	padding: 0;
	margin: 0;	
	width:30px; 
	height:31px;
}

#siguiente1 {
	position:absolute;
	float :left;
	top: 510px;
	left: 3px;
	padding: 0;
	margin: 0;	
	width:30px; 
	height:31px;
}


#paginador2 {
	position:relative;
	float :left;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;	
	width:30px; 
	height:140px;
}

#anterior2 {
	position:absolute;
	float :left;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;	
	width:30px; 
	height:31px;
}

#siguiente2 {
	position:absolute;
	float :left;
	top: 490px;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: 0;	
	width:30px; 
	height:31px;
}

#anterior3 {
	position:relative;
	float :left;
	top: 0;
	left: 10px;
	padding: 0;
	margin: 0;	
	width:30px; 
	height:31px;
}

#siguiente3 {
	position:relative;
	float :left;
	top: 0;
	left: 850px;
	padding: 0;
	margin: 0;	
	width:30px; 
	height:31px;
}

/* Popup con el video */

#reproductor {
	position:relative;
	float :left;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;	
	width:425px;
	height:250px;
}

#flash_video {
	position:absolute;
	top: 0px;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 2;	
	float:left; 
	width:425px; 
	height:250px;
}

#botonera_play {
	position:absolute;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	margin: 0;
	padding: 0;
	z-index: 3;
	width:141px; 
	height:89px;
}

#botonera_video {
	position:absolute;
	/*	filter:alpha(opacity=10);
	-moz-opacity: 0.10;
	opacity: 0.10;	*/
	top: 5px;
	left: 5px;
	margin: 0;
	padding: 0;
	z-index: 10000;
	width:75px; 
	height:31px;
}

.videogrande {
	position:relative;
	float:left;
	left:0px;
	margin-left: 15px;
	display: inline-block;
	width: 225px;
	height: 365px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px;	
	text-decoration: none;
}

.negrita{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold;
	line-height:11px;	
}

.flotar{
	float:left;
}

.margen1 {
	margin:32px;
}

.texto{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:12px; 
	text-decoration:none;
}

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

a:hover.texto2 {
	font-weight: bold;
	text-decoration: underline;
}

.textoempresa{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:22px; 
	color: #FFFFFF;
	text-decoration: none;
}

.texto a {
	color: #333333;
	text-decoration: none;
}

img { 
	border:0; 
}

.scroll{
	width:150px; 
	height:50px; 
	overflow:hidden; 
	border:1px solid #000000;
}

.flecha{
	cursor:pointer;
}

/* Tooltip */
.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }

/* Buscador */
#busquedavideos{
	margin: 0 0 0 -3px;
	padding: 0 0 10px 0;
	width:950px; 
	height: auto;
}

.opcionesbuscador {
	position:relative; 
	top:5px; 
	margin:0; 
	padding-left:15px; 
	width:950px;	
	height: 25px;
	z-index:9000;
}

.interiorbuscador{
	position:relative;
	top:0px;
	left: 0px;
	margin: 0px 0px 0px 25px;
	padding:0;
	float:left;
}

#resultadobusqueda{
	position: relative;
	padding: 0 0 20px 0;
	top: 10px;
	left: 70px;
	width:925px;		
	z-index: 4;
	height: auto;
}

.formulario{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	height: 18px;	
	text-decoration:none;
}

input{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10px; 
	text-decoration:none;
	height: 12px;
	margin: 0 0 3px 0;	
}

textarea{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10px; 
	text-decoration:none;
}

#label {
	position: relative;
	top: 20px;
	left: 20px;
	width: 20%;
	height: 460px;
	float:left;
	line-height: 19px;
}

#inputs {
	position: relative;
	top: 20px;
	left: 30px;
	width: 30%;
	height: 460px; 	
	float:left;
	line-height: 20px;
}

#direccion {
	position: relative;
	top: 20px;
	left: 150px;
	/*	width: 50%;*/
	height: 460px; 	
	float:left;
}

.boton_index{
	position: relative;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	text-decoration:none;
	width: 55px;
	height: 12px;
	border: 1px solid #fff;
	background: none;
	padding:0 9px;
	text-decoration: none;
}

a.boton_index {
color:#FFFFFF;
cursor: pointer;
}

#menudirectorios {
	position: absolute;
	top: 15px;
	left: 0;
	margin: 0;
	padding: 2px 5px 2px 5px;
	z-index: 9000;
	width: 160px;	
	visibility: hidden;
}

.itemdirectorio {
	position: relative;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	text-decoration:none;
/*	text-transform: uppercase;	*/
	padding: 2px;
	width: 150px;
	z-index: 1;
	height: 12px;
	border-bottom: 1px solid #333333;
}

a.next, a.prev { 
	display: block;
	text-decoration: none;
	width:30px;
	height:31px;
	background:url('../images/down-vert-2.png') no-repeat;
	margin-left:44px;
}

a.prev { background:url('../images/up-vert-2.png') no-repeat; }

/* Estilo de los tooltips */
#tooltip {
	position: absolute;
	z-index: 9999;
	background:url('../images/tooltip.png');
	padding: 5px;
	width:260px;
	height:131px;
	padding:10px 15px;
	font-family:Tahoma;
	font-size: 11px;
	color:#333;
}

#tooltip h3, #tooltip div { margin: 0; }