/* ----- Videos ----- */

div.informacionvideo {
	width: 560px;
	float: left;
	margin-right: 10px;
}
div.informacionvideo h3 {
	font-size: 2.4em;
	font-family: Georgia, serif;
	font-weight: normal;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}
div.informacionvideo div.tools {
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	padding: 6px 0;
	margin-top: 10px;
}
div.informacionvideo a.enviar {
	display: block;
	float: left;
	background: url('/imgs/icno_enviar_peq.png') no-repeat;
	padding-left: 25px;
	padding-top: 2px;
	height: 20px;
	margin-left: 150px;
	font-weight: bold;
	margin-right: 170px;
}
div.informacionvideo p {
	clear: both;
}
div.informacionvideo div.etiquetas {
	position: relative;
	padding-top: 8px;
	padding-bottom: 7px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	height: 18px;
	margin-bottom: 30px;
}
div.informacionvideo div.etiquetas strong {
	display: block;
	float: left;
	padding-top: 3px;
	margin-right: 5px;
}
div.informacionvideo div.etiquetas a {
	background: transparent url('/imgs/fndo_tag_drch.png') no-repeat scroll top right;
    display: block;
    float: left;
    font-size: 11px;
	color: #FFF;
    height: 24px;
    margin-right: 6px;
    padding-right: 5px; 
    text-decoration: none;
}
div.informacionvideo div.etiquetas a:hover {
	color: #4C575F;
}
	
div.informacionvideo div.etiquetas a span {
	background: transparent url('/imgs/fndo_tag_izda.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 2px 13px 2px 18px;
}
div.videos_relacionados {
	width: 370px;
	float: left;
}
div.videos_relacionados h4 {
	color: #39444A;
	font-size: 1.2em !important;
	border-bottom: 1px solid #CCC;
	padding-top: 14px;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
div.videos_relacionados div {
	border: 1px solid #E6E6E6;
	height: 76px;
	margin-bottom: 15px;
	background: #FFF url('/imgs/fndo_videosrelacionados.png') repeat-x;
	position: relative;
}
div.videos_relacionados div h5, div.videos_relacionados div span {
	position: absolute;
}
/*parte derecha*/
div.videos_relacionados div h5 {
	left: 145px;
	top: 10px;
	font-size: 1.2em;
} 
div.videos_relacionados div span.visitar {
	left: 145px;
	top: 61px;
}
div.videos_relacionados div span.valoracion {
	left: 290px;
	top: 61px;
	width: 69px;
	height: 12px;
	background-image: url('/imgs/star-matrix-peq.gif');
}
div.videos_relacionados div span.valoracion strong {
	position: absolute;
	top: -10000px;
}
div.videos_relacionados div span.cinco {
	background-position: 0 0;
}
div.videos_relacionados div span.cuatro {
	background-position: 0 -12px;
}
div.videos_relacionados div span.tres {
	background-position: 0 -24px;
}
div.videos_relacionados div span.dos {
	background-position: 0 -36px;
}
div.videos_relacionados div span.uno {
	background-position: 0 -48px;
}

div.video_apertura {
}
div.video_apertura div.video  {
	width: 560px;
	border: 0;
	margin-right: 1px;
	float: left;
}
div.video_apertura div.texto {
	padding: 15px;
	width: 348px;
	background-color: #4C575F;
	float: left;
	margin-top: 1px;
	height: 285px;
	margin-left: 1px;
	position: relative;
}
div.video_apertura div.texto h3 {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 3em;
}
div.video_apertura div.texto h3 a {
	color: #FFF;
}

div.video_apertura div.texto p {
	color: #c5c9cc !important;
}

div#contenido_ancho div.video_apertura div.texto p {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-top: 15px;
	color: #C5C9CC;
}
div.video_apertura div.datos {
	position: absolute;
	top: 285px;
	padding-top: 8px;
	height: 22px;
	right: 0;
	background-color: #70797F;
	padding-left: 15px;
	padding-right: 15px;
	width: 348px;
}
ul#menu_videos {
	clear: both;
	background: url('/imgs/fndo_tab_videoteca.png') repeat-x;
	height: 25px;
}
ul#menu_videos li {
	display: inline;
}
ul#menu_videos li a {
	display: block;
	float: left;
	width: 140px;
	height: 19px;
	padding-top: 6px;
	text-align: center;
	background: url('/imgs/fndo_tab_noactivo_videoteca.png') no-repeat right;
	color: #2A2A2B;
}
ul#menu_videos li a:hover {
	background-color: #DDD;
	color: #000;
	text-decoration: none;
}
ul#menu_videos li a.activo {
	background: url('/imgs/fndo_tab_activo_videoteca.png') no-repeat;
	color: #FFF;
}
ul#menu_videos li a.activo:hover {
	text-decoration: none;
}

div#videos_destacados, div#videos_masvistos, div#videos_mejorvalorados {
	clear: both;
	margin-top: 10px;
}
div#videos_destacados h3 span, div#videos_masvistos h3 span, div#videos_mejorvalorados h3 span {
	position: absolute;
	top: -10000px;
}
div#videos_destacados div.video, div#videos_masvistos div.video, div#videos_mejorvalorados div.video {
	border: 0;
	width: 180px;
	float: left;
	margin-right: 10px;
}
div#videos_destacados div.ultimo, div#videos_masvistos div.ultimo, div#videos_mejorvalorados div.ultimo {
	margin-right: 0 !important;
}
div#videos_destacados h3 {
	width: 300px;
	height: 30px;
	background: url('/imgs/tit_destacados.png') no-repeat;
}
div#videos_masvistos h3 {
	width: 300px;
	height: 30px;
	background: url('/imgs/tit_lomasvisto.png') no-repeat;
}
div#videos_mejorvalorados h3 {
	width: 300px;
	height: 30px;
	background: url('/imgs/tit_lomejorvalorado.png') no-repeat;
}

div#videos_destacados h3.es {
	background: url('/imgs/tit_destacados.png') no-repeat;
}
div#videos_masvistos h3.es {
	background: url('/imgs/tit_lomasvisto.png') no-repeat;
}
div#videos_mejorvalorados h3.es {
	background: url('/imgs/tit_lomejorvalorado.png') no-repeat;
}
div#videos_destacados h3.en {
	background: url('/imgs/tit_highlights.png') no-repeat;
}
div#videos_masvistos h3.en {
	background: url('/imgs/tit_mostviewed.png') no-repeat;
}
div#videos_mejorvalorados h3.en {
	background: url('/imgs/tit_highlyrated.png') no-repeat;
}

/*parte inferior*/
div#videos_destacados div.video h4, div#videos_masvistos div.video h4, div#videos_mejorvalorados div.video h4 {
	font-size: 1.2em;
	padding: 10px;
	background: none;
}
div#videos_destacados div.video div, div#videos_masvistos div.video div, div#videos_mejorvalorados div.video div {
	border: 1px solid #E6E6E6;
	width: 178px;
	height: 80px;
	background: url('/imgs/fndo_videosrelacionados.png') repeat-x 0 4px;
	position: relative;
	margin-top: 1px;
	margin-left: 1px;
}
div#videos_destacados div.video span.visitas, div#videos_masvistos div.video span.visitas, div#videos_mejorvalorados div.video span.visitas {
	position: absolute; 
	bottom: 2px;
	left: 10px;
}
div#videos_destacados div.video span.valoracion, div#videos_masvistos div.video span.valoracion, div#videos_mejorvalorados div.video span.valoracion {
	position: absolute;
	bottom: 2px;
	right: 7px;
	width: 69px;
	height: 12px;
	background-image: url('/imgs/star-matrix-peq.gif');
}
div#videos_destacados div.video div span.valoracion strong, div#videos_mejorvalorados div.video div span.valoracion strong, div#videos_masvistos div.video div span.valoracion strong {
	position: absolute;
	top: -10000px;
}
div#videos_destacados div.video span.cinco, div#videos_masvistos div.video span.cinco, div#videos_mejorvalorados div.video span.cinco {
	background-position: 0 0;
}
div#videos_destacados div.video span.cuatro, div#videos_masvistos div.video span.cuatro, div#videos_mejorvalorados div.video span.cuatro {
	background-position: 0 -12px;
}
div#videos_destacados div.video span.tres, div#videos_masvistos div.video span.tres, div#videos_mejorvalorados div.video span.tres {
	background-position: 0 -24px;
}
div#videos_destacados div.video span.dos, div#videos_masvistos div.video span.dos, div#videos_mejorvalorados div.video span.dos {
	background-position: 0 -36px;
}
div#videos_destacados div.video span.uno, div#videos_masvistos div.video span.uno, div#videos_mejorvalorados div.video span.uno {
	background-position: 0 -48px;
}

/* star rating code - use lists because its more semantic */
div.valoracion {
	float: left;
}
div.valoracion span {
	display: block;
	width: 100px;
	float: left;
}
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	left: 60px;
	background: url(/imgs/star-matrix.gif) no-repeat 0 0;
	margin-top: -14px;
	float: left;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0;}
.onestar {background-position:0 -16px;}
.twostar {background-position:0 -32px;}
.threestar {background-position:0 -48px;}
.fourstar {background-position:0 -64px;}
.fivestar {background-position:0 -80px;}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/imgs/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px;}
ul.rating li.four a:hover {background-position:0 -144px;}
ul.rating li.five a:hover {background-position:0 -160px;}

.ratingblue{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	left: 270px;
	bottom: 0;
	background: url(/imgs/star-matrix-blue.gif) no-repeat 0 0;
	margin-top: -14px;
	float: left;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0;}
.onestar {background-position:0 -16px;}
.twostar {background-position:0 -32px;}
.threestar {background-position:0 -48px;}
.fourstar {background-position:0 -64px;}
.fivestar {background-position:0 -80px;}
ul.ratingblue li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.ratingblue li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.ratingblue li.one a {left: 0;}
ul.ratingblue li.two a {left: 16px;}
ul.ratingblue li.three a {left: 32px;}
ul.ratingblue li.four a {left: 48px;}
ul.ratingblue li.five a {left: 64px;}
ul.ratingblue li a:hover {
	z-index: 2;
	width: 80px;
	height: 16px;
	overflow: hidden;
	left: 0;	
	background: url(/imgs/star-matrix-blue.gif) no-repeat 0 0;
}
ul.ratingblue li.one a:hover {background-position: 0 -96px;}
ul.ratingblue li.two a:hover {background-position: 0 -112px;}
ul.ratingblue li.three a:hover {background-position: 0 -128px;}
ul.ratingblue li.four a:hover {background-position: 0 -144px;}
ul.ratingblue li.five a:hover {background-position: 0 -160px;}