@charset "utf-8";
/* CSS Document */
body {
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img { 
	behavior: url("css/iepngfix.htc");
}
#encabezado {
	height:90px;
	background:url(../images/fondo_top.jpg) top repeat-x;
}
#encabezado_menu {
	height:90px;
	/*background:url(../images/head.jpg) center bottom no-repeat;*/
}
#buscador {
	height:35px;
}
#campo_buscador {
	border:none;
	height:16px;
	background:url(../images/fondo_campo_buscador.jpg) repeat-x;
	width:130px;
}
#boton_buscador {
	border:none;
}
.artistas{
	float:left;
	width:123px;
	padding-right:10px;
	overflow:hidden;
}
.artistas#ultimo{
	padding-right:0px;
}
.videos{
	float:left;
	width:256px;
	padding-right:10px;
	overflow:hidden;
}
.videos img{
	padding:4px;
	border:#999 1px solid;
}
.videos#ultimo{
	padding-right:0px;
}
.titulo_sec{
	background:url(../images/fondo_titulos.jpg) repeat-x;
	padding-left:10px;
	font-weight:bold;
	color:#FFF;
	height:20px;
}
.titulo{
	background:url(../images/vineta.jpg) no-repeat left;
	padding-left:20px;
}
#noticias .contenido{
	line-height:13px;
	font-size:11px;
}
.img{
	margin-right: 10px;
	margin-bottom:10px;
}
.borde{
	border:#666 solid 1px;
	padding:5px;
	margin:0px 5px 5px 0px;
}
#pie {
	height:90px;
	background:url(../images/fondo_pie.jpg) top repeat-x;
	clear: both;
}
/*textos*/
.texto_gris {
	color:#8E8E8E;
}
.texto_celeste {
	color:#7BDDFD;
}
.texto_11 {
	font-size:11px;
}
.texto_12 {
	font-size:12px;
}
/*alturas*/
.altura_200 {
	height:200px;
}
.altura_20 {
	height:20px;
}
.altura_10 {
	height:10px;
}
/*paddings*/
.padding_sup_inf_5{
	padding-top:5px;
	padding-bottom:5px;
}
.padding_sup_inf_10{
	padding-top:10px;
	padding-bottom:10px;
}
/*alineacion*/
.texto_centro {
	text-align:center;
}
.texto_derecha {
	text-align:right;
}
.texto_vertical{
	vertical-align:middle;
}
/*menu horizontal*/
#menuh {
	margin-top: 29px;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*width: 240px;  Width of Menu Items 
	border-bottom: 1px solid #ccc;*/
}
ul li {
	top:-1px;
	float:left;
	position: relative;
}
li ul {
	float:none;
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	display: none;
	z-index:999;
}
/* Styles for Menu Items */
ul li a {
	font-size:11px;
	display: block;
	text-decoration: none;
	padding: 4px 5px;
	border-right: 1px solid #FFF;
	color:#FFF;
}
ul li a:hover {
	color:#FFF;
}
li ul a {
	font-size:11px;
	display: block;
	text-decoration: none;
	background: #fff; /* IE6 Bug */
	padding: 5px 3px;
	border-top: 1px solid #7BDDFD; /* IE6 Bug */
	border-right: 0px;
	width:100px;
	color:#3BC2EF;
}
li ul a:hover {
	background: #3BC2EF; /* IE6 Bug */
	color:#FFF;
}
#ultimo {
	border:none;
}
/* Holly Hack. IE Requirement \*/
* html ul li {
	width:60px;
	float: left;
	height: 1%;
	z-index:999;
}
* html ul li a {
	height: 1%;
}
/* End */

li:hover ul, li.over ul {
	display: block;
} /* The magic */
/*menu anterior*/
/*#menuh {
	margin-top: 29px;
}
#menuh ul, li {
	list-style-type: none;
}
#menuh ul {
	margin: 0;
	padding: 0;
}
#menuh li {
	float: left;
}
#menuh a {
	text-decoration: none;
	color: #FFF;
	display: block;
	padding: 3px 5px;
	text-align: center;
	border-right: 1px solid #FFF;
	font-size:11px;
}
#menuh a#ultimo {
	border:none;
}
#menuh a:hover {
	background: #77DBFD;
}*/
/*stepcarousel*/
.stepcarousel {
	position: relative; /*leave this value alone*/
	/*border: 1px solid black;*/
	overflow: scroll; /*leave this value alone*/
	width: 310px; /*Width of Carousel Viewer itself*/
	height: 200px; /*Height should enough to fit largest content's height*/
	margin: 0px auto;
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	/*margin: 10px; margin around each panel*/
	width: 310px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*pop artistas*/
#pop_artistas{
	background:url(../images/fondo_artista.jpg) no-repeat;
	margin:0px;
}
#pop_contenido{
	width:657px;
	height:351px
}
#pop_titulo{
	padding:10px;
	color:#FFF;
	font-size:18px;
}
#pop_titulo_interno{
	background:url(../images/fondo_titulos.jpg) repeat-x;
	font-size:14px;
	padding:4px;
	color:#FFF;
	font-weight:bold;
}
#pop_canciones{
	color:#FFF;
	overflow:hidden;
	height:150px;
	padding:10px;
}
#pop_discos{
	padding:20px;
	overflow:hidden;
}
#pop_discos .artistas{
	float:left;
	width:85px;
	padding-right:10px;
	overflow:hidden;
}
#pop_izq{
	float:left;
	width:170px;
	padding:10px 22px;
	text-align:justify;
	color:#FFF;
	font-size:11px;
}
#pop_der{
	float:right;
	width:442px;
}
/*pop video*/
#pop_video{
	margin:0px;
}
/*pop noticia*/
#pop_noticia{
	margin:0px;
}
/*botonnes*/
.boton_formulario{
	background:url(../images/fondo_boton.jpg) repeat-x;
	width:382px;
	height:30px;
	text-align:center;
	border:none;
	color:#FFF;
	font-weight:bold;
}
#fondo_genero{
	background:url(../images/fondo_genero.jpg) repeat-x top;
	height:625px;
}
/*artista*/
.videos_artista{
	width:100px;
	float:left;
	margin-right:5px;
	margin-top:5px;
}
/*margenes*/
.margen_inf_10{
	margin-bottom:10px;
}
/*Link*/
.link_artista:link{
	text-decoration:none;
	color:#FFF;
	font-size:13px;
}
.link_artista:visited{
	text-decoration:none;
	color:#FFF;
	font-size:13px;
}
.link_artista:hover{
	text-decoration:underline;
	color:#FFF;
	font-size:13px;
}
.link_artista:active{
	text-decoration:none;
	color:#FFF;
	font-size:13px;
}
.link_lista1:link{
	text-decoration:none;
	color:#656565;
	font-size:12px;
}
.link_lista1:visited{
	text-decoration:none;
	color:#656565;
	font-size:12px;
}
.link_lista1:hover{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
}
.link_lista1:active{
	text-decoration:none;
	color:#656565;
	font-size:12px;
}
.link_lista2:link{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
}
.link_lista2:visited{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
}
.link_lista2:hover{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
}
.link_lista2:active{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
}
/*validar formulario*/
.validacion_correcto{
	background:url(../images/bien.png) no-repeat center right;
}
.validacion_incorrecto{
	background:url(../images/mal.png) no-repeat center right;
}
/*lista*/
.lista{
	width:220px;
	padding:2px 5px;
	background-color:#F3F3F3;
}
.lista:hover{
	background-color:#06ABE1;
	color:#FFF;
}
.lista_activo{
	width:220px;
	padding:2px 5px;
	background-color:#06ABE1;
}