﻿
/* colores 
violeta: #CB75FF
violeta2: #F9EFFF
violeta texto: #620798
verde:#CFFF9C
verde2:#F4FFE9
verde chillon:#B8FF71
verde botella:#7DAB29
*/


body  { background-color:#ccc;
        font-family:Tahoma, Arial;
        background-image:url(../images/sombratop.jpg);
        background-repeat: repeat-x;
        background-position: top;
		font-size:11px;
		margin:0px;
    	text-align:center;
		color:#000;	
		
}

.body_inicio
{
        background-color:#CB75FF;
        background-image:none;
        font-family:Tahoma, Arial;
		font-size:11px;
		margin:0px;
    	text-align:center;
		color:#000;	
        text-align: -moz-center; /* para que funcione en Firefox */
        _text-align:center;
        #text-align:center;
        /*\*/
        html*text-align: center; /* sólo en safari */
}

.body_inicio img{border:0px;}

 input{ padding:2px;}
 
 a{ color:#CB75FF; text-decoration:underline; }
 a:hover {  text-decoration:none;}

.font12{ font-size:12px;}
.font11{ font-size:11px;}

#izda{ float:left; width:44%;  text-align:left;margin-right:10px;}
#dcha{ float:left; width:44%; text-align:left;}
#izdaBuscador{ float:left; width:54%;  text-align:left;margin-right:10px;
               height:300px;}
#dchaBuscador{ float:left; width:34%; text-align:left;
               height:300px;}


/* Logo de la pagina de inicio */
#LogoInicio
{background-image:url(../images/logoinicio.jpg);
  background-repeat: no-repeat;
  background-position:left top;
  width:542px;
  height:406px;
}

#LogoInicio #Links { margin-left:255px;
                    #margin-left:190px;
                    margin-top:45px;
                    #margin-top:10px;}
                    
#LogoInicio #Links a{ font-size:14px; color:#CEFF9C;
                      font-weight:bold; 
                       text-decoration:none;}
#LogoInicio #Links a:hover{ text-decoration:underline;}

/* La cabecera va fuera del contenedor */
#cabecera{
  width:100%;
  min-width:900px;
  height:82px;
  background-color:#CB75FF;
  background-image:url(../images/fondo-cabecera.jpg);
  background-repeat: repeat-x;
  background-position:left top;
  text-align:left;
  }

.logo{background-image:url('../images/logo.jpg');
  background-repeat: no-repeat;
  background-position:left top;
  height:82px;
  width:334px;}
  
#logo{background-image:url('../images/logo.jpg');
  background-repeat: no-repeat;
  background-position:left top;
  height:82px;
  width:334px;
  float:left;
}

div#menu_top{ /*margin-left:360px;*/ 
              width:550px;
              padding-left:50px; 
              /*padding-top:40px; */
 }
div#menu_top ul{ margin:0px;
              list-style-image:none;
              list-style-type:none;
}
div#menu_top ul li{ display:inline; padding-right:15px;}
div#menu_top ul li a{ color: #FFF; font-weight:bold; text-decoration:none; }


div#menu_entrar{color:#fff;
                text-align:right; 
                margin-right:50px;
                text-align:right; }
div#menu_entrar a{color:#fff; }

div#menu_dcha{ /*float:right; 
               width:150px;*/
               margin-right:50px;
               text-align:right;
               /*position:relative;
               top:-45px;*/
               color:#fff; }
               
div#menu_dcha a{  color:#fff; } 

div#submenu_dcha{ /*margin-top:45px;
                  _margin-top:20px;*/ /* ie 6 */
                  font-size:11px;
                  color:#E6BBFF;
                  }   
div#submenu_dcha a{ color:#E6BBFF;}                                                


#contenedor{width:950px;
			background-color:#FFF;
			   /** muy importante, para que funcione bien el centrado */
   			margin: 0px auto;
   			text-align:left;
   			background-image:url('../images/fondo-contenedor.jpg');
            background-repeat: repeat-x;
            background-position:left top;
            padding-top:20px;
}



#cuerpo{

  clear:both;
}

#colizda{
  padding-top:10px;
  width:200px;
  background-color:#F3F3ED;
  float:left;
}


#centro{
  /*width:490px;*/
  /*width:720px;*/
  width:880px;
  /*margin-left:195px;*/
  padding:0px 35px 50px 35px;
  text-align:justify;
  min-height:350px;
}

#centro h1{margin-top:0px;}

#centro select,input{ font-size:1em; border:1px solid #73735B; }

#centro label.busquedas{ height:30px;}

.caja_violeta{ background-color:#F9EFFF; 
               padding:8px;
               margin-bottom:7px;}
.caja_verde{background-color:#F4FFE9; 
            padding:8px;
            margin-bottom:7px;}
            
.caja_buscador{border-bottom:3px solid #F9EFFF;
               margin-bottom :0px;
               padding-bottom:7px;}            


/* PIE */
#pie{
  clear: both; 
  height:35px;
  background-color:#CB75FF;
  padding:10px;
  color:#fff;
  text-align:center; 

}


div#menu_pie
{
 width:100%;
 text-align:center;
 font-size:0.97em;
 font-family:Arial;

 
}

div#menu_pie ul{ margin:0em; padding:0em; }
div#menu_pie li{ display:inline; 
				float: left; 
				padding-right:1.2em;
				margin:0px;
}
div#menu_pie li a { color:#fff; text-decoration:none; }


/* EQUANIMITY */
#equanimity{ text-align:right;}
/*---------------------------------------------------------------*/

blockquote{ font-style:italic;}
blockquote strong{ color:inherit;}

h1{
    color:#CB75FF;
	font-size:1.3em;
	margin-bottom:15px;
	border-bottom:1px dashed #9A9A7F;
	text-align:left;
}

h2{
	font-size:1.1em;
	border-bottom:1px dashed #9A9A7F;
	text-align:left;
}


h3{
	font-size:1em;
	text-align:left;
}

h4{
	font-size:1em;
	color:#9A9A7F;
	text-align:left;}

/*
input, input.submit,  input.button { border: 1px solid #999;
    height: 23px;
}*/


p:after{ line-height: 12em;}




strong { font-weight:bold;}
.resaltado{font-weight:bold;color:#620798;}



div#centro ul{ list-style-type:circle;
			   text-align:left;}

div#centro ul{  text-align:left;}			  	  
			  
/*div#centro ul li{ margin-bottom:15px;  }			  
div#centro ol li{ margin-bottom:15px; }
*/



/*
div#centro ul li a, div#centro ol li a {	background-image: url(../images/bullets/flecha-roja.gif);
	background-repeat:no-repeat;
	background-position: 0% 52%;
	padding-left:2.5%;}
*/

/** Menu Izda **/
ul.MenuIzda { margin:0em; padding:0em; list-style-type:none;
			  _margin-top:20px; /*IE 6 */}
			  
ul.MenuIzda li { line-height:20px; 
				_height:10px;/*IE 6 */
	            _line-height:22px;/*IE 6 */
}
				 
ul.MenuIzda li a{ color:#810110;
                  font-weight:normal;
				  font-size:1em;
				  display:block;
				  text-decoration:none;
				  padding-left:2em;
				  border-bottom:1px solid #ddddcc;
}

ul.MenuIzda li a:hover{ background-color:#810110; color:#FFF;}

ul.MenuIzda li ul
{ list-style-type: none; 
	 margin:0em;padding:0em;
}

ulMenuIzda li ul li{_height:10px;/*IE 6 */}

ul.MenuIzda li ul li a{ color:#434142;
	              background-color:#E7E7DA;
                  font-weight:normal;
				  font-size:0.88em;
				  display:block;
				  padding-left:4em;
				  border-bottom:1px solid #F3F3ED;
}

/* lista de links a ficheros pdf */
ul.listapdf { list-style-image:url(../images/bullets/pdficono.gif);
	          background-image:none; }
ul.listapdf li{ color:#434142;}
ul.listapdf li a { margin-left:10px; }

.rojo{color:#810110;}


/* Fotografias */
.foto-izda{ border: 1px solid #810110;float:left; margin-right:15px;margin-bottom:15px; padding:10px; }
.foto-dcha{ border: 1px solid #810110;float:right; margin-left:15px;margin-bottom:15px; padding:10px;}
.foto-dcha-sinborde{ float:right; margin-left:15px;margin-bottom:15px; padding:10px;}
.foto-izda-sinborde{ border: 0em;float:left; margin-right:15px;margin-bottom:15px; padding:10px; }

.foto{ border: 1px solid #810110;margin:15px; padding:10px;}

.noborder{border:0px;}

.navegacion{font-size:0.88em;}

.aviso{ background-color:red;
		padding:12px;
		margin-bottom:12px;
		color:#fff;
	    font-size:12px;
	    font-weight:bold;
	    text-align:left;
	    }
	    
.mensaje{ background-color:#86B300;
		padding:12px;
		margin-bottom:12px;
		color:#fff;
	    font-size:12px;
	    text-align:left;}	    

.copyright{ margin-left:40px; }
	   

a.accion
{
	background-image: url(../images/bullets/flecha-roja.gif);
	background-repeat:no-repeat;
	background-position: 0% 52%;
	padding-left:1em;
}


	
.masinfo{ clear:both;
		margin-left:2em;
		font-family:Arial;
		font-size:0.9em;
		background-image: url(../images/bullets/masinfo.png);
	background-repeat:no-repeat;
	background-position: 0% 52%;
	padding-left:2.5%;}
	


div#separador_dcha{ height:1em;  }

.subir{text-align:right; 
	   width:100%;
	  background-image:url(../images/arriba.gif);
	  background-repeat  :no-repeat;
	  background-position : 92% 30%;
	  font-size:0.88em;
}


/* datos tabulados */
ul.datostabulados{
  list-style-image:none;
  list-style:none;
}

ul.datostabulados span
{
 float:left;
 width:35%;
}

ul.datostabulados li 
{
  margin:0em;
  padding:0em;
  line-height:12px;

}

.alerta{ background-color:#F3F3ED; color:#810110; border :1px dashed #810110; padding:0.1em;}



/* LOGIN */
#login{left: 15.48em; width: 13.81em; top: 0.19em; height: 16px; position:relative;
	 color:#FFF;
	 font-family:Arial;
	 font-size:0.8em;
	 float:left;}
	 
.inputlogin{ width:8em;}

a.linklogininvisible{ display:block; width:13em;height:16px;}
a.linklogininvisible span  { display: none;/* oculto el texto*/}


/* menu privado */
.titulomenuprivado { width:100%; background-color:#810110; color:#fff; font-weight:bold;}

.separador{ height:1em; width:100%; clear:both;}

/* buscasdor inicio */
.buscador_inicio
{
  background-image:url('../images/buscadorinicio.jpg');
  background-repeat:  no-repeat;
  background-position:right top;
  padding:3px;
  height:48px;
  width:141px;
  color:#9727D6;
  text-align:center;
}

.login_inicio
{
  background-image:url('../images/cajalogin.jpg');
  background-repeat:  no-repeat;
  background-position:right top;
  padding:3px;
  padding-top:15px;
  height:132px;
  width:139px;
  color:#9727D6;
  line-height:10PX;
  font-size:10px;
}

.bienvenido-inicio{text-align: center; 
                   margin-top: 10px; 
                   font-size:12px; font-weight:bold;
                   line-height:13px;
}

/* buscador */
#BuscadorBasico
{
    background-color:#D2FC90;
     padding:10px;
}

#buscadorArtista
{
  background-image:url('../images/buscadorvioleta.jpg');
  background-repeat:  no-repeat;
  background-position:left top;
  padding:10px;
  height:30px;
  width:285px;
  float:left;
  margin-right:10px;
  font-weight:bold;
  color:#fff;
}

#buscadorTitulo
{
  background-image:url('../images/buscadorverde.jpg');
  background-repeat:  no-repeat;
  background-position:left top;
  padding:10px;
  height:30px;
  width:285px;
  float:left;
  margin-right:10px;
  font-weight:bold;
  color:Black;
  color:#CB75FF;
}

#contador
{
  background-image:url('../images/contador.jpg');
  background-repeat:  no-repeat;
  background-position:left top;
  padding:5px;
  height:30px;
  width:212px;
  float:left;
  margin-right:10px;
  font-weight:bold;
  color:#fff;
  text-align:center;
}


.inputBlanco{ border:1px solid #fff ;
              color:#620798}
.inputVioleta{ border:1px solid #F9EFFF;
               color:#620798}

#resultados{ min-height:250px;}

/* resultados */
.resultados tr td{ font-family:Arial; 
                   font-size:10px;
                   text-align:left;
                   color:#620798;
                    padding:5px;
}

.resultados tr td.alineado_dcha{ text-align:right; padding-right:5px;}

.resultados tr td.precio{ text-align:right; 
                          font-weight:bold;
                          width:50px;
                          }
.resultados tr td.centro{ text-align: center; }                          
.resultados tr td.derecha{ text-align:right;  }   


td.tituloCancion{ font-weight:bold;}

tr td.artista{color:#333;}
a.artista{ color:#620798;  }

td.fechaPedido{ padding:0px 7px 0px 7px;}

.aviso_stock{ color:Red; font-weight:bold; text-decoration:blink;}
.aviso_row_stock{background-color:Red;
                 }
.extrainfo{ color:#333; font-size:10px; font-style:italic; text-transform:lowercase;}
.informacion_adicional{padding:4px 4px 4px 14px; 
                       background-color: #fff; 
                       border: 1px solid #CB75FF;
                       text-transform:lowercase;
                       color:#333;
                       background-image:url(../images/informacion.gif);
                       background-repeat:no-repeat;
                       background-position: top left;}

/* ENLACES */
div#tiendas_colaboradoras{ clear:both;}
                             
div#tiendas_colaboradoras img{ border:0px;}
div#tiendas_colaboradoras a {display:block;
                             float:left;
                             margin:0px 10px 10px 0px}


div#discograficas_colaboradoras{clear:both; 
                                margin-top:20px; 
                                }
div#discograficas_colaboradoras img{ border:0px;}
div#discograficas_colaboradoras a {display:block;
                             float:left;
                             margin:0px 10px 10px 0px}
       
                             
div#eventos{clear:both; margin-top:20px; }
div#eventos img{ border:0px;}
div#eventos a {display:block;
               float:left;
               margin:0px 10px 10px 0px}                             
                             
                             
/* CESTA */
a.invisible, a.invisible:hover{ color:#fff; text-decoration:none; font-size:1px;}      
span#micesta{  padding-right:50px; }
span#micesta a{ color:#D2FC90; text-decoration:none;}     
     
/* PROMOCIONES */
td.promociones {  background-image:url('../images/promociones.jpg');
  background-repeat:  no-repeat;
  background-position:left top;
  width:193px;
  height:406px;
  text-align:center;
}  


#contenido_promociones
{
    height:300px;
    width:140px;
    overflow: hidden;
    margin-left:24px;
    #margin-left:0px; /* IE 7*/
    _margin-left:0px; /* IE 7*/
    margin-top:65px;
} 

.thumb_disco{ border:4px solid;}  


.disco-thumb{ width:75px; 
              border:1px solid #CB75FF;
              padding:1px;}

.disco{ border:1px solid #CB75FF;
        padding:0px 0px 4px 0px;
        margin:5px 25px 25px 0px;
        /*float:left;*/}   
        
.noimagen-thumb {width:75px; height:75px;
                 background-image:url(../images/discos/noimagen-thumb.gif);
                 background-repeat:no-repeat;
                 background-position: left top;}
.noimagen{width:200px; height:200px;
          background-image:url(../images/discos/noimagen.gif);
           background-repeat:no-repeat;
          background-position: left top;}     




/* lista de links a ficheros pdf */
ul.promociones { list-style-image:none;
	             background-image:none; }
ul.promociones li{ display:inline; float:left;
                   margin-bottom:15px;}


/* OFERTAS */
td.ofertas {  background-image:url('../images/ofertas.jpg');
  background-repeat:  no-repeat;
  background-position:left top;
  width: 735px; height: 128px;
  padding-left:10px;
  padding-top:0px;
}  

/* Ficheros SPEC */
.SPEC{ background-image:url('../images/oferta.jpg');
  background-repeat:  no-repeat;
  background-position:left top;
  float:left;
  margin-right:3px;
  width:55px;
  height:45px;
  padding-top:45px;
  text-align:center;
}

.SPEC a{color:#fff; 
        font-weight:bold;
        font-family:Arial;
        font-size:9px;}

.SPEC a span{display:none;
             height:40px;
             width:50PX;
}        
   
/* Ficheros TOPCDSTOCK */
#menudchaabajo
{text-align:left;
 position:relative;
 height:45px;
 float:left;
 margin-left:25px;
 font-weight:bold;
 font-size:11px;
 line-height:10px;

}

#menudchaabajo a{ text-decoration:none;
                  background-image:url('../images/discovioleta.gif');
  background-repeat:  no-repeat;
  background-position:left center;
  padding-left:20px;
  display:block;
  height:18px;
}

.TOPCDSTOCK
{background-image:url('../images/TOPCD.jpg');
  background-repeat:  no-repeat;
  background-position:left top;
  float:left;
  margin-left:50px;
  width:59px;
  height:45px;
  padding-top:45px;
  text-align:center;
}   
   

/* GENERAL */
.dcha{ text-align:right;}  
.clear{ clear:both;} 
.margintop1{margin-top:15px;}    
.margintop2{margin-top:25px;} 
.margintop3{margin-top:40px;}  

/* ADMINISTRACION */
#menu_administracion{background-color:#F4FFE9; 
            padding:7px;
            margin-bottom:12px;
            font-size:12px;}  
#menu_administracion a{ text-decoration:none;}                 
            
            
            
/* PEDIDOS */
#resumen_pedidos{ background-color:#F9EFFF; 
               padding:7px;
               margin-bottom:7px;}   
               
/* DETALLE */ 
#detalle{ line-height:15px; 
          width:390px;}  
#detalle h1{ font-size:18px; border:0px;}
#detalle h2{ font-size:16px; border:0px;}
#canciones{ font-size:10px;}   
.canciones{ font-size:10px;} 

.linkdetalle{ color: #006633;
              font-size:11px;}  
              
              
/* GENERO PREPARADO */
table.GeneroPreparado { font-size:11px; font-family:Arial;}         

/* FACTURAS */
#factura{}   
div#factura table.LineasDetalle{padding:2px; font-size:10px;} 
div#factura table.LineasDetalle td{ border-bottom:1px solid #ccc;} 
div#factura table.LineasDetalle td.precio {font-size:11px;}  
.totales{font-size:12px;} 
#registro-mercantil{ font-size:10px;}   
.logofactura{ display:none;}  
       
div#factura a.imprimir{ background-image:url('../images/print.gif');
  background-repeat:  no-repeat;
  background-position:left top;
  padding-left:10px;
  display:block; 
  height:20px;
  width:50px;}        
  
  
                   