/*
Hoja de Estilos del Sitio Web www.Sonicolor.ES
Version: 20110519
Creditos: © Copyright 1998-2012 - www.Sonicolor.ES - Sevilla (Spain) - All rights reserved.
Web: http://www.sonicolor.es/
E-mail: webmaster@sonicolor.es
*/

/*****************************
* AJUSTES PARA LOS CATALOGOS
*****************************/


/* Barra de scroll y fondo de página */
body {
  margin: 0px;
  background-color: #f8f8f8;
}

/* Estado "hand" de cursor sobre enlaces javascript en imágenes */
.mano {
  cursor: hand;
}

/* Vínculos general */
a:link, a:active, a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000080;
  text-decoration: none;
  font-weight: normal;
}
a:hover {
  color: #FF0000;
  text-decoration: none;
}
/* Vínculos "ANTERIOR/SIGUIENTE" */
a.flujo:link, a.flujo:active, a.flujo:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000080;
  background-color: #cfe6f4;
  font-weight: bold;
  text-decoration: none;
}
a.flujo:hover {
  color: #99FFFF;
  background-color: #000080;
  text-decoration: none;
}
/* Vínculos "Consultar Precio" */
a.consultar:link, a.consultar:active, a.consultar:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #008080;
  font-weight: bold;
  text-decoration: none;
}
a.consultar:hover {
  color: #FF6600;
  text-decoration: none;
}
/* Formato de texto */
.titulocatalogo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  color:#003366;
  font-weight: bold;
}
.nombrecatalogo {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: bold;
  color:#FF3333;
}
.articulo {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #0000FF;
  font-weight: bold;
}
.articulorojo {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FF0000;
  font-weight: bold;
}
.articulomas {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #0000FF;
  font-weight: bold;
}
.articulorojomas {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #FF0000;
  font-weight: bold;
}
.articuloverdemas {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #00CC33;
  font-weight: bold;
}
.descripcion {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #0066FF;
  font-weight: normal;
}
.descripcionrojo {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FF0000;
  font-weight: normal;
}
.descripcionmas {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #0066FF;
  font-weight: normal;
}
.descripcionrojomas {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #FF0000;
  font-weight: normal;
}
.precio {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #008080;
  font-weight: bold;
}
.preciorojo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FF0000;
  font-weight: bold;
}
.preciogris {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666;
  font-weight: bold;
}
.gris {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666;
  font-weight: normal;
}
.referencia {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #006600;
  font-weight: bold;
}
.novedad {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FF0000;
  background-color: #FFFF00;
  font-weight: normal;
  padding-top:5px;
  padding-bottom:5px;
}
.nuevo {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FF0000;
  background-color: #FFFF00;
  text-decoration: blink; 
  font-weight: normal;
}
.fecha {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  font-weight: bold;
}
.direcciones {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  font-weight: normal;
}
.texto_masinfo {
font-family: Arial, Helvetica, sans-serif;
color:#CC0000;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

/* ESPECIALES */
.lemapioneer {
/*
NOTA.- Estilo: 'lemapioneer' usado indistintamente
para 2 nivel de nombre de catálogo.
*/
  font-family: "Times New Roman", Times, serif;
  font-size: 24px;
  color: #FF0000;
  font-weight: bold;
  font-style: italic;
  font-family: "Times New Roman", Times, serif;
}

.Subtitulo_Categoria_Catalogo {
  font-family: "Times New Roman", Times, serif;
  font-size: 24px;
  color: #2B5BAF;
  font-weight: bold;
  font-style: italic;
  font-family: "Times New Roman", Times, serif;
}

.marcas { /* Marcas de coches para altavoces de preinstalación */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  font-weight: normal;
}
 
.descripcionnegro {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  font-weight: normal;
}
.descripcionnegromas {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000;
  font-weight: normal;
}

/*****************************
* Cesta de la compra
*****************************/

input, .item_quantity {
width: 42px;
margin: 0px;
margin-left: 3px;
margin-right: 3px;
padding: 1px;
color: #cc0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-color: transparent;
border: 0px solid #777;
vertical-align: middle;
text-align: right;
}

.item_quantity {
width: 25px;
background-color: #f1ffdd;
border: 1px solid #6699cc;
vertical-align: bottom;
}

.item_add {
background-color: #FFFFFF;
border: none;
cursor: pointer;
}

.itemContainer{
width: 100%;
float: left;
}

.itemContainer div {
float: left;
margin: 5px 19px 5px 20px ;
}

.itemContainer a {
text-decoration: none;
}

#Cesta {
margin: 10px;
padding: 5px;
background-color: #316A99;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 2px solid #b1c3d9;
border-bottom: 2px solid #b1c3d9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
}

#CestaTop {
margin: 10px;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 0px;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #035ca3;
background-color: #FFFFFF;
border-right: 1px solid #a5a7aa;
border-bottom: 1px solid #a5a7aa;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
}

#CestaBottom {
display: none;
margin: 10px;
margin-left: 50px;
margin-right: 50px;
margin-top: 5px;
padding: 5px;
font-size: 12px;
font-weight: bold;
color: #000;
background-color:#FFFFFF;
border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
}

#CestaLeft {
float: left;
margin-left: 10px;
}

#CestaRight {
float: right;
margin-right: 10px;
}

#CestaOn {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
font-weight: normal;
}

#CestaOff {
display: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
font-weight: normal;
}

#CestaOn a:link, #CestaOn a:active, #CestaOn a:visited, #CestaOn a:hover {
color: #fff;
text-decoration: none;
}

#CestaOff a:link, #CestaOff a:active, #CestaOff a:visited, #CestaOff a:hover {
color: #fff;
text-decoration: none;
}

.cartHeaders {
width: 100%;
float: left;
}

.cartHeaders div {
float: left;
margin: 5px 20px 5px 20px ;
}

.simpleCart_quantity {
color: #cc0000;
}
.simpleCart_items {
color: #006600;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.simpleCart_items a:link {
color: #035ca3;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.simpleCart_items a:visited {
color: #035ca3;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.simpleCart_items a:hover {
color: #cc0000;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.simpleCart_items a:active {
color: #cc0000;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

/*****************************
*
* Fin
*
* Muchos son los llamados,
* pero pocos son los elegidos.
*
*****************************/