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

/*****************************
* Estilos de las Cajas 
*****************************/

.Caja {
border : 1px solid #000;
width : 235px;
margin : auto;
margin-top: 12px;
text-align: left;
clear: both;
}

.Caja a {
color : #000;
}

.Caja H1, .Caja H2, .Caja H3, .Caja H4, .Caja H5, .Caja H6, .Caja Div {
background : #ccc url('../iconos/portada/barra-cabecera.jpg') repeat-x;
text-transform : uppercase;
font-size : 80%;
color : #000;
line-height : 20px;
height : 20px;
text-align : center;
}

.Caja p {
line-height : 1.1em;
margin : 0px 0px 1em 0px;
}

.Caja ul, .Caja ol {
width : 227px;
background : #eee;
border : 1px solid #ddd;
border-top : 0px;
font-size : 80%; 
list-style-type : none;
margin : 0px;
padding : 3px;
}

.Caja ul li , .Caja ol li { 
color : #333;
display : inline;
text-decoration : none;
vertical-align : middle; 
}

.Caja ol li a, .Caja ul li a {
background : url('../iconos/portada/menu-punto.gif') no-repeat 1px center transparent; 
font-size : 105%;
color : #333;
line-height : 1.1em; 
display : block; 
height : 14px; 
padding-left : 10px; 
padding-right : 3px;
padding-bottom : 3px;
}

.Caja ol li a:link, .Caja ul li a:link, .Caja ol li a:visited, .Caja ul li a:visited {
color : #333;
}

.Caja ol li a:hover, .Caja ul li a:hover {
background : #999;
color : #fff;
}

.Caja ol li a:visited, .Caja ul li a:visited {
text-decoration : none;
}

.Caja ul > li > a, .Caja ol > li > a {
height : auto;
}

/*****************************
* Menu de Productos
*****************************/

ol.Menu { 
background : #eee; 
border : 1px solid #ddd; 
border-top : 0px;
}

ol.Menu a {
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
}

ol.Menu li a {
vertical-align: top; 
font-size: 110%;
background : url('../iconos/portada/menu-blanco.gif') no-repeat 1px center transparent;
padding : 1px; 
padding-left : 15px; 
}

ol.Menu li a:hover {
background-color : #999999 !important; 
background : url('../iconos/portada/menu-punto-flash.gif') no-repeat 1px center transparent;
border-top : 1px solid #d00f33;
border-bottom : 1px solid #d00f33;
color : #0000ff;
}

ol.Menu .Sub a {
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
}

ol.Menu li.Sub a {
background : url('../iconos/portada/menu-mas-negro.gif') no-repeat 1px center #ddd;
}

ol.Menu li.Sub a:hover {
background : url('../iconos/portada/menu-mas-flash.gif') no-repeat 1px center #ddd;
}

ol.Menu li a:visited {
text-decoration : none;
}

ol.Menu li ol { 
display : none;
background-image : none !important;
background-color : transparent !important; 
border : 0px;
margin : 0px;
padding : 0px;
}

ol.Menu li.Sub ol li a {
background : url('../iconos/portada/menu-flecha-lado.gif') no-repeat 13px 4px #ccc; 
color : #333;
font-size : 125%;
padding-left : 24px; 
padding-bottom : 3px; 
}

ol.Menu li ol li a:hover {
background-color : #999999 !important; 
border-top : 1px solid #000;
border-bottom : 1px solid #000;
color : #0000ff;
}

ol.Menu li.Sub ol li a:hover {
background : url('../iconos/portada/menu-flecha-lado-flash.gif') no-repeat 13px 4px transparent; 
}

ol.Menu li ol li a:active {
background : url('../iconos/portada/menu-flecha-lado-flash.gif') no-repeat 13px 4px #999999; 
border-top : 1px solid #d00f33;
border-bottom : 1px solid #d00f33;
border-left : 1px solid #d00f33;
border-right : 0px solid #d00f33;
color : #fff;
}

a.Mayuscula { 
font-weight : bold;
color : #903 !important;
text-transform : uppercase;
}

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