/*CSS*/
body{
	font-family:Arial, Verdana, Helvetica;
	background-color:#e8e8e8;
	font-size: 12px;	
}
a {
	color:#990000;
	text-decoration: none;
}
img{
	border:0px;
}
/* BASE */
.caja_base{
	background: url(imagenes/fondo.jpg) repeat-y;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	width: 940px;
   	border: 0px #E0FFFF;
}
.caja_base td{
	padding: 0px;
}
/** CABECERA **/
.caja_cabecera{
	background: url(imagenes/cabecera.jpg) no-repeat;
	background-color: #e8e8e8;
	width:940px;
	height:138px;
}
.cabecera_menu a{
	color:#FFFFFF;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
}
.cabecera_menu a:hover{
	color:#FFFFFF;
	text-align: center;
	text-decoration: underline;
	font-size: 13px;
}


./** GRUPOS **/
.caja_menu_izq{
	padding-right: 1px;
	right-margin: 4px;
}
.caja_menu{
	width:940px;
}
.grupos_imagen_perfil{
	position:relative;
	top:0px;
	width:150px;
	border-style:inset;
	border 2px;
	padding: 4px;
	right-margin: 7px;
	}
.cancion{
    cursor: pointer;
    border-bottom: 1px solid #F5F5F4;
    border-right: 1px solid #F5F5F4;
    left: 30px;
    padding-bottom: 15px;
    position: relative;
    width: 519px;
    font-weight: bold;
}
.cancion:hover{
    background-color: #c8a4a6;
}
.cancion a:hover{
	text-decoration:underline;
}
.cancion:hover a{
    color:#FFFFFF;
}
.cancion2 a{
    color:#FFFFFF;
    font-size:0.8em;
}
}
.escuchar a {
	color:#00008B;
	text-decoration: none;
}
.img_escuchar{
	top:8px;
	position:relative;
	padding-top:8px;
	padding-left:9px;
}
.rel_groups{
	width: 190px;
	padding-top:4px;	
	padding-left: 10px;
}
.rel_groups a{
	color: #000080;
}
.rel_groups a:hover{
	color: #8A2BE2;
}
/** SEGUNDA FILA **/
/***  NAVEGACION ***/
.caja_navegador{
	background: url(imagenes/fondo_ev.jpg);
	background-repeat:repeat-y;
	font-size: 11.5px;
	width: 110px;
	margin-left: auto;
	margin-right: 15px;
	border-collapse: collapse;
   	border: 0px #E0FFFF;
}
.caja_navegador td{
	padding: 0px;
}

/***  EVENTOS ***/
.eventos_texto{
	margin-right:10px;
	right-padding: 15px;
	color:#FFFFFF;
}
.eventos_texto a{
	color:#FFFFFF;
}
.eventos_texto a:hover{
	color:#FFFFFF;
}

.banner{
	position:relative;
	left:10px;
	font-size: 12px;
}
/***  CAJA CONTENIDO ***/
.caja_central{
	background-color: white;
	width: 700px;
	margin-bottom:40px;
}

/** PIE **/
.caja_pie{
	background: url(imagenes/pie.jpg) no-repeat;
	background-position:center; 
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:152px;
	border:0px;
	text-align:center;
	color: black;
	position:relative;
	left: -3px;	
}
.pie_menu a{
	color:#FFFFFF;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
}
.pie_menu a:hover{
	color:#FFFFFF;
	text-align: center;
	text-decoration: underline;
	font-size: 10px;
}
.pie_menu2{
	color:#000000;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
}
/*MODULOS*/
.caja_cargando{
	background-color:black;
	position:fixed;
	text-align: center;
	color:red;
	left:0px;
	top:0px;
	font-size: 20px;
	width: 100%;
	height: 150%;
	opacity: .7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	z-index:4;
}
.sub_caja_cargando{
	top:0px;
	position:fixed;
	text-align: center;
    	background-color: #CACACA;
    	border: 3px solid #888888;
    	width: 600px;
	margin-left: auto;
	margin-right: auto;
	z-index:5;
	color: #98141b;
}
/** IMAGENES **/
.listado_cat_imagenes li{
	position:relative;
	list-style-type:none;
	padding:3px 0px 3px 3px;
}
.caja_img_listado{
	width:190px;

}

.caja_img_listado2{
	position:relative;
	width:170px;
	left:100px;

}
.imagenes_descripcion{
	color:#696969;
}
.img_en_listado_imagenes{
	width:135px;
	border-width:0px;
	text-align:center;
	position:relative;
	}
.ver_imagen_unica{
	width:400px;
	margin-right: 20px;
	margin-left: 20px;
	}
.ver_imagen_unica2{
	max-width:500px;
	margin-right: 20px;
	margin-left: 20px;
	}
.ver_imagen_unica_evento{
	width:300px;
	float: right;
   	border: 4px solid #98141b;
    	margin: 0px 0px 10px 30px;
    	padding: 4px;
}

/** MENU USUARIOS **/
.caja_opciones_user{
    background: url("imagenes/fondo_users.jpg") repeat-y scroll 0 0 transparent;
    border: 0 none #E0FFFF;
    border-collapse: collapse;
}
.caja_opciones_user div{
	padding: 10px 0px 10px 25px;
}
.listado_enlaces_autores_link{
	position:relative;
	padding:2px 2px 2px 2px;
	width:100%;
}
.listado_enlaces_autores_link:hover{
	background-color:#e1e1e1;
}
.listado_autores{
	border:3px solid #e1e1e1;
	background-color:#efeeee;
	padding:5px 20px;
	left:150px;
	display: block;
	float: none;
	position: absolute;
	left: auto;
	top: auto;
	z-index: 1;
	width:200px;					
	
}
.listado_ultimas_imagenes_tit{
	height:15px;
	border:3px solid #e1e1e1;
	background-color:#efeeee;
	padding:5px 20px;
	display: block;
	float: none;
	left: auto;
	top: auto;
	z-index: 1;
	width:525px;					
	
}
.listado_ultimas_imagenes{
	vertical-align:text-top;
	border:3px solid #e1e1e1;
	background-color:#efeeee;
	padding:5px 20px;
	left:150px;
	display: block;
	float: none;
	position: absolute;
	left: auto;
	top: auto;
	z-index: 2;
	width:525px;
       overflow: hidden;
       height: 0;	
			
}
.user_recibir_info_grupo_activar{
	padding: 10px 0px 10px 25px;					
}
.user_recibir_info_grupo_activar a{	
	color: #006400;
				
}
.user_recibir_info_grupo_activar a:hover{	
	color: #556B2F;					
}
.user_recibir_info_grupo_activar img{
	padding: 0px 15px 0px 0px;				
}

.user_recibir_info_grupo_desactivar{
	padding: 10px 0px 10px 25px;		
}
.user_recibir_info_grupo_desactivar a{	
	color: #DC143C;				
}
.user_recibir_info_grupo_desactivar a:hover{	
	color: #8B0000;					
}
.user_recibir_info_grupo_desactivar img{
	padding: 0px 15px 0px 0px;						
}

.formulario_campos{
	width:400px;
	padding:5px 10px 5px 5px;	
	margin-bottom:3px;

}
/**NOTICIAS**/
.buscador{
	background: url(imagenes/buscador.jpg) no-repeat;
	background-position:center top;
	width:200px;
	height:100px;
}
.caja_opciones_buscador{
    background: url("imagenes/fondo_users.jpg") repeat-y scroll 0 0 transparent;
    border: 0 none #E0FFFF;
    border-collapse: collapse;
    margin-left: 120px;
}
.caja_opciones_buscador div{
	padding: 10px 0px 10px 25px;
}
.text_buscador{
	position:relative;
	left:13px;
	top:16px;
	text-align:center;
}
.novedades{
	vertical-align:top;	
}

.novedades div#subtitulo{
    font-weight: bold;
    padding: 20px 0 0 11px;
}

.novedades li{
	position:relative;
	left:-15px;
	padding:3px 0px 3px 3px;
}

.noticia_fecha{
	color:#A9AAA9;
	text-align:right;
	}
/************
CAJAS DE REGISTRO/SUBIDA
************/
.caja_registro{
	padding:5px 5px 5px 5px;
}
.caja_registro td{
	padding:5px 5px 5px 5px;
}
/***********************************
BOTONES
**********************************/
.button_busqueda {
	font-size: 10px;	
	text-align: right;
   	border: 1px solid #DC143C;
   	background: #8B0000;
	color:#FFFFFF;
	text-align: center;
}
.button_busqueda:hover {
   border: 1px solid #FF0000;
   background: #B22222;
}
.button {
    	border: 1px solid #006;
    	background: #ccf;
    	/*position:relative;
	left: 402px;*/
	text-align: right;    	
}
.button:hover {
    border: 1px solid #f00;
    background: #eef;
}
.boton_min_ex{
    	position:relative;
	top:-13px;
	text-align: right;  

}
.reproductor{
	background: url(imagenes/reproductor.jpg) repeat;
}
.caja_reproductor{
	color:#FFFFFF;
	position:relative;
	
	width: 250px;
	top: 109px;
	left: 75px;
   	border: 0px #E0FFFF;
}
.boton_listado{
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    color: #FFFFFF;
    background-color: #990000;
}
.boton_listado:hover{
    background-color: #000000;

}
.boton_listado_seleccionado{
   padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    color: #FFFFFF;
    background-color: #000000;
}
/***************************************/
/* CSS GENERAL*/
/* Definición de los bordes de las cajas dentro de menu_cabecera */
.caja1 { 
	width: 100%;
	background-color: #f5f5f4;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
.caja1_sup_der{ 
	background: url(imagenes/borde_sup_der.jpg) no-repeat top right; 
}
.caja1_sup_izq{ 
	background: url(imagenes/borde_sup_izq.jpg) no-repeat top left; 
}
.caja1_sup_lat{
	background: url(imagenes/borde_lat_sup.jpg) repeat-x top; 
}
.caja1_lat_izq{ 
	background: url(imagenes/borde_lat_izq.jpg) repeat-y left; 
}
.caja1_lat_der{ 
	background: url(imagenes/borde_lat_der.jpg) repeat-y right; 
}
.caja1_inf_der{ 
	background: url(imagenes/borde_inf_der.jpg) no-repeat bottom right; 
}
.caja1_inf_izq{ 
	background: url(imagenes/borde_inf_izq.jpg) no-repeat bottom left; 
}
.caja1_inf_lat{
	background: url(imagenes/borde_lat_inf.jpg) repeat-x bottom; 
}
.caja1_bottom div { background: url(imagenes/borde_inf_izq.jpg) no-repeat bottom left; }
.caja1_bottom { background: url(imagenes/borde_inf_der.jpg) no-repeat bottom right; }

.caja1_sup_der, .caja1_sup_izq, .caja1_inf_izq, .caja1_inf_der {
width: 10px;
height: 10px;

}
.caja1_sup_lat, .caja1_inf_lat{
height: 10px;
}
.caja1_lat_der, .caja1_lat_izq{
width: 10px;
}
.contenido_caja1 { margin: 0 7px; }
.caja1 {  margin: 1em auto; }


.caja_indice{
	position:absolute;
	text-align: center;
	color: #FFFAFA !important; 
	top:160px;
	left:180px;
}
.tit_cat_musica{
	top:-10px;
	padding: 15px;
	font-size: 15px;
    cursor: pointer;
    border-bottom: 1px solid #F5F5F4;
    left: 30px;
    padding-bottom: 15px;
    position: relative;
    width: 519px;
    font-weight: bold;
}

.tit_cat_musica:hover{
    background-color: #c8a4a6;
}
.tit_cat_musica:hover a{
    color:#FFFFFF;
}
.tit_cat_musica a:hover{
    text-decoration: underline;
}
.tit_cat_imagenes{
	top:-10px;
	padding: 15px;
	font-size: 15px;
    cursor: pointer;
    border-bottom: 1px solid #F5F5F4;
    left: 30px;
    padding-bottom: 15px;
    position: relative;
    width: 250px;
    font-weight: bold;
}

.tit_cat_imagenes:hover{
    background-color: #c8a4a6;
}
.tit_cat_imagenes:hover a{
    color:#FFFFFF;
}
.tit_cat_imagenes a:hover{
    text-decoration: underline;
}
.tit_cat{
	height: 30px;
	background: url(imagenes/titulos.jpg) no-repeat center left;
}
.tit_disco{
	top:-10px;
	padding: 15px;
	font-size: 15px;
    border-bottom: 1px solid #F5F5F4;
    left: 30px;
    padding-bottom: 15px;
    position: relative;
    width: 519px;
    font-weight: bold;
    background-color: #8f797c;
}
.tit_disco:hover a{
    color:#FFFFFF;
}
.text_cat{
	position:relative;
	top:-10px;
	padding: 15px;
	font-size: 15px;
}
.text_cat_musica a{
	color:#000000;
	text-align: center;
	text-decoration: none;
}
.titulo1{
	position:relative;
	padding: 15px;
	left:0px;
	font-size: 23px;
	color:#990000;
}
.titulo2{
	position:relative;
	padding: 5px;
	left:10px;
	font-size: 15px;
	color:#990000;
}
.titulo3{
    	padding-bottom: 3px;
    	padding-top: 6px;
	color:#990000;
}
.titulo4{
	position:relative;
	font-size: 20px;
	color:#990000;
}
.titulo5{
	position:relative;
	padding-left: 15px;	
	font-size: 20px;	
	color:#FFFFFF;
}
.titulo5 a{
	color: #990000;
}
.titulo5 a:hover{
	text-decoration:underline;
}
.ayuda{
	background-color:#F0E68C;
	position:relative;
	padding: 5px;
	left:10px;
	font-size: 12px;
	color:#990000;
}
.general_list_secundario{
	color:#9ACD32;
}
/***********************
AVISOS
*************************/
.send_ok{
	width:500px;
	height:auto;
	padding:10px 20px 20px 20px;
	background-color:#d8f4ce;
	color:#487b02;
	font-weight:bold;
	float:left;
	clear:left;
	margin-bottom:2px;
}
.aviso_ok{
	color: #006400;
}
/********************************
ANIMACION INICIO
***********************************/
div#content_imgArtistas{
	height: 373px;
	overflow: hidden;
}
.caja2 {
    background-color: #F5F5F4;
    border: 0 none;
    border-collapse: collapse;
	height: 327px;    
    width: 100%;
}
td#novedad_imagen_caja{
    background-color: #98141b;
    width: 439px;
	height: 327px;    
	overflow: hidden;
}
div#imgArtista_0{
    width: 600px;
    position:absolute;    
}

div#imgArtista_1, div#imgArtista_2, div#imgArtista_3, div#imgArtista_4, div#imgArtista_5{
    width: 600px;
    display: none;
    position:absolute;
}
.novedad_imagen_caja{
    background-color: #98141b;
    width: 480px;    
}
.grupos_imagen_novedad {
	border: 2px solid #F5F5F4;
	margin-left:5px;
	margin-right:5px;	
    /*border-right: 1px solid;*/
    border-style: inset solid inset inset;
    padding: 4px 4px 4px 4px;    
    position: relative;
    top: 0;
    width: 400px;
    height: 325px;
}
.artista_novedad {
    border-bottom: 1px solid;
    border-left: 1px solid;
    cursor: pointer;
    font-weight: bold;
    height: 23px;
    overflow: hidden;
    padding: 26px 5px 16px;
    position: relative;
    right: -5px;
    text-align: center;
    top: 0px;
    width: 145px; 
    text-shadow: 16px 9px 2px #6374AB;
}
.artista_novedad:hover{
    border-bottom: 1px solid;
    border-left: 1px solid;
	color:#FFFFFF;
    background-color: #98141b;
}
.artista_novedad_activo{
    background-color: #98141B;
    border-bottom: 1px solid;
    color: #FFFFFF;
    font-weight: bold;
    height: 23px;
    overflow: hidden;
    padding: 26px 5px 16px;
    position: relative;
    right: 0;
    text-align: center;
    top: 0px;
    width: 147px;
    text-shadow: 16px 9px 2px #6374AB;
}