/*
    GENERAL CSS
*/
body { 
    font-size: 11px;
    font-family: Verdana, sans-serif;
    color: #333333; 
    margin:0px; 
    background-color:#F8FAFC; 
    background-image:url('/imagenes/background_body.gif'); 
    background-repeat:repeat-x;
    width: 780px;
    }
    
div {
    text-align: left;
    }
    
table { 
    font-size: 11px;
    font-family: Verdana, sans-serif; 
    border-collapse: collapse;
    }

select { 
    font: 10px Verdana, sans-serif;
    border: 1px solid #000033;
    }
    
form { margin: 0px;}

a { 
    color: #0071E1;
    text-decoration: none;
    }

img {
    border: 0px;
    }

blockquote {
    display: inline;
    }

/*
    PRE CABECERA
*/
#pre_cabecera {
    font-size: 9px;
    text-align: right;
    }
    
    
/*
    CABECERA
*/
#cabecera {
    height:54px; 
    background-image:url('/imagenes/background_cabecera.gif'); 
    border-width: 0px 1px 0px 1px; 
    border-style: solid;
    border-color: #000066; 
    margin-top:5px;
    text-align: left;
    }    
    
    


/*
    PIE
*/
#pie {
    height:15px; 
    background-image:url('/imagenes/background_cabecera.gif');
    border-width: 0px 1px 1px 0px; 
    border-style: solid;
    border-color: #000066; 
    text-align: center;
    color: #FFFFFF;
    padding-top: 2px;
    font-size: 10px;
    font-weight: bold;
    } 

#validator {
    padding-top: 5px;
    text-align: right;
    }
    
    
    
/*
    PUBLICIDAD
*/
#cabecera_publicidad {    
    background-color: #89A8DF;
    height: 90px;
    text-align: right;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: solid;
    border-color: #8CABD5;
    padding-left: 49px;
    padding-top: 5px;
    padding-bottom: 8px;
}



/* 
    COLORES
*/
.Azul		 { color:#0099FF;}
.Blanco		 { color:#FFFFFF;}
.Celeste	 { color:#5EF3FF;}
.Marino		 { color:#004080;}
.Naranja	 { color:#FF6600;}
.Negro		 { color:#000000;}
.Rojo		 { color:#CC0000;}
.Verde		 { color:#009900;}
.Gris		 { color:#677689;}  





/*
    BUSCADOR
*/

.TextField 	 { 
    border: 1px solid #000066; 
    font:10px Verdana, sans-serif; 
    color:#000066; 
    background-color: #FFFFFF;
    line-height: 12px;
    background-image: url('/imagenes/bg_caja_buscador.gif'); 
    background-repeat: repeat-x;
    }
    

.TextFieldError { 
    border: 1px solid #660000; 
    font:10px Verdana, sans-serif; 
    color:#000066; 
    background-color: #F8DFDF;
    line-height: 12px;
    background-image: url('/imagenes/bg_caja_buscador_error.gif'); 
    background-repeat: repeat-x;
    }
    
    
table.buscador {
    border-collapse: collapse;
    height: 25px;
    width: 275px;
    }    
    
   
#Buscador { 
    height:25px; 
    width:778px; 
    margin-left:auto; 
    margin-right:auto; 
    background-image:url('/imagenes/bg_bar_head.gif');
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-right-color: #3481C1;
    border-left-color: #C3742C;     
    }

#MiniBuscador{ 
    position:absolute; 
    visibility:visible; 
    text-align:left; 
    float:left; 
    background-image:url('/imagenes/bg_buscador.gif');
    }
    
.buscar {
    font-weight: bold;
    color: #004080;
    }






/*
    ESTILOS MENU
*/

#menu {
    position: relative;
    float: left;
    left: 5px;
    width: 250px;
    background-color: #89A8DF;
    border: 1px solid #6681B9;
}

#cabecera_menu {
    background-color:#1953BE; 
    color: #FFFFFF;
    text-indent: 11px;
    font-weight: bold;
    height: 18px;
    padding-top: 5px;
}

#cuerpo_menu {
    background-color: #EEF2FE;
}
    
#menu_buscador_superior {
    width: 240px;
    text-align: center;
    vertical-align: top;
    padding-top: 5px;
}

#menu_ayuda_superior {
    text-indent: 7px;
    padding-top: 7px;
    padding-bottom: 5px;
    width: 210px;
    }


#menu_novedades_cabecera {
    position: relative;
    left: 4px;
    background-image: url('/imagenes/estructura/texto_novedades.gif');
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #EDE8DA;
    width: 240px;
    height: 24px;
    border-bottom: 1px solid #A8A7A0;
    border-right: 1px solid #A8A7A0;
    border-top: 1px solid #FDFFFF;
    border-left: 1px solid #FDFFFF;
    }
    
    
#menu_resultados_cabecera {
    position: relative;
    left: 4px;
    background-image: url('/imagenes/estructura/texto_resultado_consulta.gif');
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #EDE8DA;
    width: 240px;
    height: 24px;
    border-bottom: 1px solid #A8A7A0;
    border-right: 1px solid #A8A7A0;
    border-top: 1px solid #FDFFFF;
    border-left: 1px solid #FDFFFF;
    }


#menu_resultados_cuerpo {
    position: relative;
    left: 4px;
    background-color: #FFFFFF;
    width: 224px;    
    border-bottom: 1px solid #A8A7A0;
    border-right: 1px solid #A8A7A0;
    border-left: 1px solid #A8A7A0;
    padding: 8px;
    }


#menu_navegar_indice {
    position: relative;
    left: 4px;
    background-image: url('/imagenes/estructura/texto_navegar_indice.gif');
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #EDE8DA;
    width: 240px;
    height: 24px;
    border-bottom: 1px solid #A8A7A0;
    border-right: 1px solid #A8A7A0;
    border-top: 1px solid #FDFFFF;
    border-left: 1px solid #FDFFFF;
    }


#menu_navegar_autores_top {
    position: relative;
    left: 4px;
    background-image: url('/imagenes/estructura/texto_navegar_autor_top.gif');
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #EDE8DA;
    width: 240px;
    height: 24px;
    border-bottom: 1px solid #A8A7A0;
    border-right: 1px solid #A8A7A0;
    border-top: 1px solid #FDFFFF;
    border-left: 1px solid #FDFFFF;
    }

#menu_navegar_autores_top_resultados {
    position: relative;
    left: 4px;
    background-color: #FFFFFF;
    width: 224px;    
    border-bottom: 1px solid #A8A7A0;
    border-right: 1px solid #A8A7A0;
    border-left: 1px solid #A8A7A0;
    padding: 8px;
    }

#indice_letras {
    position: relative;
    left: 5px;
    width: 240px;
    text-align: center;
    vertical-align: top;
    padding-top: 5px;
    }

a.indice_letras {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    }


a.indice_letras:hover {
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    color: #800000;
    }
    
    
a.menu_resultados_cuerpo {
    font-size: 11px;
    text-decoration: none;
    font-family: Arial;
    height: 150px;
    }

a.menu_resultados_cuerpo:hover {
    font-size: 11px;
    text-decoration: underline;
    font-weight: bold;
    font-family: Arial;
    height: 150px;
    }



/*
    GENERAL
*/
#body { 
    top: 4px;
    background-color:#89A8DF; 
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: solid;
    border-color: #8CABD5;
    height: 580px;
    }
    
    




 
/*
    CUERPO CENTRAL
*/
#cuerpo_principal {
    position: relative;
    left: 10px;
    float: left;
    width: 516px;
    background-color: #FFFFFF;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #8CABD5;       
    }
    

#cuerpo_principal_ancho_total {
    position: relative;
    left: 2px;
    float: left;
    width: 774px;
    background-color: #FFFFFF;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #8CABD5;       
    }


#cuerpo_principal_cabecera {
    position: relative;
    float: left;
    text-indent: 10px;
    background-color: #F0EFDF;
    height: 34px;
    width: 515px;
    border-bottom: 1px solid #B6CAE5;
    border-top: 1px solid #E4F2FF;
    border-left: 1px solid #E4F2FF;
    padding-top: 5px;
    }
 
#cuerpo_principal_cabecera_cancion {
    position: relative;
    float: left;
    }  

#cuerpo_principal_cabecera_titulo {
    position: relative;
    float: left;
    top: 10px;
    }  
      
#cuerpo_principal_cabecera_usuario {
    position: relative;
    float: right;
    text-align: right;
    right: 10px;
    }
    

#cuerpo_principal_cuerpo {
    position: relative;
    float: left;
    background-color: #FFFFFF;
    }
    
#cuerpo_principal_cabecera_cuerpo {
    background-color: #FFFFFF;
    }
    
#cuerpo_principal_cuerpo_cabecera_cancion {
    position: relative;
    float: left;
    height: 20px;
    padding-top: 2px;
    text-indent: 5px;
    }
    
#cuerpo_principal_cuerpo_cabecera_usuario {
    position: relative;
    float: left;
    padding-left: 15px;
    text-align: right;
    right: 10px;
    height: 20px;
    padding-top: 2px;    
    }
    
#cuerpo_principal_cuerpo_cabecera_letras {
    position: relative;
    float: right;
    text-align: right;
    right: 5px;
    height: 20px;  
    padding-top: 2px;      
    }
    
    
    
#cuerpo_principal_cuerpo_contenido {
    position: relative;
    float: left;
    background-color: #FFFFFF;
    font-size: 12px;
    font-family: Arial;
    left: 12px;
    width: 500px;
    }
    

#cuerpo_principal_cuerpo_webs_amigas {
    position: relative;
    top: 20px;
    left: 10px;
    float: left;
    width: 516px;
    background-color: #FFFFFF;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #8CABD5;
    text-align: center;
    }

#cuerpo_principal_cuerpo_publicidad {
    position: relative;
    top: 20px;
    left: 10px;
    float: left;
    width: 516px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #8CABD5;
    text-align: right;
    }

#cuerpo_principal_cuerpo_especiales {
    position: relative;
    top: 10px;
    left: 10px;
    float: left;
    width: 516px;
    background-color: #FFFFFF;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #8CABD5;
    text-align: center;
    }

.contenido_especial {
    float: left;
    width: 243px;
    margin: 5px;
    }

/*
    TEXTOS CUERPO
*/
.titulo_encabezado {
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    display: inline;
    }

.titulo_interprete {
    font-weight: normal;
    font-family: Arial;
    font-size: 12px;
    text-indent: 10px;
    display: inline;
    }

.titulo_disco {
    font-weight: normal;
    font-family: Arial;
    font-size: 12px;
    text-indent: 10px;
    display: inline;
    }
    
.titulo_titulo {
    font-weight: normal;
    font-family: Arial;
    font-size: 12px;
    text-indent: 10px;
    display: inline;
    }






/*
    GENERALES
*/
br.grande {
    font-size: 30px;
    }
    
br.mini {
    font-size: 4px;
    }   
    
.titulo_disco {
    font-size: 16px;
    font-weight: bold;
    }
    
.subtitulo_disco {
    font-size: 12px;
    font-weight: bold;
    display: inline;
    }
    
.titulo_web {
    font-size: 12px;
    font-weight: bold;
    text-indent: 50px;
    }
    

.numeracion {
    border: 1px solid #000000;
    background-color: #cccccc;
    font-weight: bold;
    padding: 1px;
    text-align: center;
    width: 5px;
    }

.numeracion_actual {
    color: #BF1E15;
    font-weight: bold;
    padding: 1px;
    text-align: center;
    width: 5px;
    }
    
.negrita {
    font-weight: bold;
    font-size: 10px;
    }

.fuente_pequena {
    font-size: 9px;
    }
    
.comentario {
    font-size: 10px;
    color: #000000;
    }
    
.box {
    border: 1px solid #000000;
    }
    
    
    
/*
    PUBLI AFRIEND
*/
.my_banner_class TD 
{
	font-family: Tahoma;
	font-size: 9px;
	color: #CDEDFF;
	width: 137px;
	text-align: center;
}
.my_banner_class .title 
{
	font-family: Tahoma;
	font-size: 12px;
	color: #F8C905;
     font-weight: bold;
     text-align: center;
     width: 137px;
}
.my_banner_class TD A IMG 
{
	margin-left: auto;
	margin-right: auto;
	display: none;
	border: 1px solid #FFFFFF;
}
.my_banner_class .handle 
{
	font-family: Tahoma;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
}
.my_banner_class .age_gender 
{
	color: #F8C905;
    font-size: 10px;
}
.my_banner_class .location 
{
	font-size: 10px;
}
.my_banner_class A 
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}