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

/*****************************
* AJUSTES GENERALES
*****************************/

* {
padding: 0px;
margin: 0px;
}

body {
/*
background: #eee url("../iconos/portada/fondo.jpg") top center repeat;
*/
/*background: #eeeeee url("../iconos/portada/fondo.jpg");*/
background-color:#FFFFFF;
background-repeat:repeat-x;
font-family: arial, helvetica, sans-serif, verdana;
font: 85% arial, helvetica, sans-serif, verdana;
font-weight: bold;
text-align: center;
margin: 0px;
width: 100%;
height: 100%;
}

a {
color: #d00f33;
text-decoration: none;
outline: none;
}

a:link {
color: #900;
text-decoration: none;
}

a:visited {
color: #600;
}

a:active {
color: #000;
text-decoration: none;
}

a:hover {
text-decoration: none;
color: #ff0000;
/*font-style: oblique;*/
}

form {
margin-bottom: 0px;
margin-top: 0px;
}

h1, h2, h3, h4, h5, h6, {
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
}

img {
border: 0px;
}

input, select {
font-size: 13px;
font-weight: normal;
color: #111;
margin-bottom: 0px;
margin-top: 0px;
}

ol, ul {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}

option {
background-color: #FFFFFF;
color: #000;
font-size: 12px;
padding-right: 6px;
border-bottom:thin solid #cad3e2;
}

p {
text-align: center;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 15px;
margin-right: 15px;
}

table {
border-collapse: collapse;
margin: auto;
text-align: center;
}

td {
margin: 0px;
text-align: center;
}

frame {
background-color: #e3e3e3;
vertical-align: middle; 
text-align: center;
margin: auto;
padding: 0px;
width: 100%;
height: 100%;
}

/*****************************
*
* C.W.T.   :-(
*
*****************************/

/*html, textarea {
scrollbar-track-color: #C7E3AB; 
scrollbar-face-color: #FFCC66; 
scrollbar-highlight-color: #C7E3AB; 
scrollbar-3dlight-color: #486030; 
scrollbar-shadow-color: #6D9148; 
scrollbar-darkshadow-color: #000000; 
scrollbar-arrow-color: #FFFFFF;
}*/

/*****************************
* TEXTOS
*****************************/

.bold {
font-weight: bold;
}

.Texto_Mail {
color: #d00f33;
margin-bottom: 0px;
margin-top: 0px;
}
.Texto_Mail:hover {
color: #ff0000;
font-style: oblique;
}

.Texto_Amarillo {
font-size: 12px;
color: #FFBB00;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Azul {
font-size: 12px;
color: #0000ff;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Blanco {
font-size: 12px;
color: #fff;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Gris {
font-size: 12px;
color: #ccc;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Grisoscuro {
font-size: 11px;
color: #444;
margin-bottom: 0px;
margin-top: 0px;
font-weight:normal;
}

.Texto_Grisoscuromas {
font-size: 12px;
color: #333;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Grisoscuromenos {
font-size: 11px;
color: #333;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Negro {
font-size: 12px;
color: #000;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Rojo {
font-size: 12px;
color: #d00f33;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Verde {
font-size: 12px;
color: #006600;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Azulito {
font-size: 9px;
color: #0000ff;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Blanquito {
font-size: 9px;
color: #fff;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Grisesito {
font-size: 9px;
color: #ccc;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Negrito {
font-size: 9px;
color: #000;
margin-bottom: 0px;
margin-top: 0px;
}

.Texto_Rojito {
font-size: 9px;
color: #d00f33;
margin-bottom: 0px;
margin-top: 0px;
}

.SubTitulo_Azul {
font-size: 20px;
color: #0000ff;
margin-bottom: 0px;
margin-top: 0px;
}

.SubTitulo_Blanco {
font-size: 20px;
color: #fff;
margin-bottom: 0px;
margin-top: 0px;
}

.SubTitulo_Gris {
font-size: 14px;
color: #333;
margin-bottom: 0px;
margin-top: 0px;
}

.SubTitulo_Negro {
font-size: 20px;
color: #FFFFFF;
margin-bottom: 0px;
margin-top: 0px;
}

.Titulo_Cab_Negro {
font-size: 16px;
color: #000000;
margin-bottom: 0px;
margin-top: 0px;
}

.SubTitulo_Rojo {
font-size: 20px;
color: #d00f33;
margin-bottom: 0px;
margin-top: 0px;
}

.Titulo_Azul {
font-size: 30px;
color: #0000ff;
margin-bottom: 0px;
margin-top: 0px;
}

.Titulo_Blanco {
font-size: 30px;
color: #fff;
margin-bottom: 0px;
margin-top: 0px;
}

.Titulo_Celeste {
font-size: 27px;
color: #7d7dff;
margin-bottom: 0px;
margin-top: 0px;
}

.Titulo_Gris {
font-size: 30px;
color: #555;
margin-bottom: 0px;
margin-top: 0px;
}

.Titulo_Negro {
font-size: 30px;
color: #000;
margin-bottom: 0px;
margin-top: 0px;
}

.Titulo_Rojo {
font-size: 30px;
color: #d00f33;
margin-bottom: 0px;
margin-top: 0px;
}

.Titulo_Anuncio_Azul {
font-size: 18px;
color: #0018ff;
margin-bottom: 0px;
margin-top: 0px;
}

.Titulo_Anuncio_Rojo {
font-size: 18px;
color: #d00f33;
margin-bottom: 0px;
margin-top: 0px;
}

/*****************************
* CONTENEDORES
*****************************/

#Contenido {
width: 985px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding: 0px;
text-align: left;
/*background-color: #e3e3e3;
border:#bababa 1px solid;*/
background-color: #ffffff;
}

#Continente {
width: 985px;
margin: 0px;
padding: 0px;
background-color: #e3e3e3;
}

#ColumnaIzda {
background-color: #e3e3e3;
width: 245px;
margin: 0px;
padding: 0px;
text-align: center;
padding-bottom: 10px;
float: left;
}

#ColumnaDcha {
background-color: transparent !important; 
width: 730px;
margin: 0px;
padding: 0px;
padding-top: 12px;
float: right;
}

#Documento {
width: 710px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
background-color: #ffffff;
border: 1px solid #cccccc;
}

#DocumentoBuscador {
width: 710px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
background-color: #ffffff;
text-align: left;
}

.DocumentoAviso {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 15px;
margin-right: 15px;
padding: 5px;
background-color: #ffff66;
border-right: 2px solid #a5a7aa;
border-bottom: 2px solid #a5a7aa;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
}

#DocumentoCab {
margin: 10px;
padding-top: 5px;
padding-bottom: 3px;
background-color: #ffffff;
border: 1px solid #ffffff;
border-bottom: 1px solid #d2d2d2;
text-align: center;
}

.DocumentoCabLink {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
font-weight:normal;
text-align:left;
border: 1px solid #ffffff;
background-color: #ffffff;
} 

#DocumentoTitle {
margin: 10px;
padding: 10px;
background-image:url(../iconos/portada/barra-titulo.jpg);
background-repeat:no-repeat;
/*background-color: #e3e3e3;
border-right: 1px solid #a5a7aa;
border-bottom: 1px solid #a5a7aa;*/
text-align: center;
}

#DocumentoSubTitle {
margin: 5px;
padding: 5px;
background-color: #e3e3e3;
border-right: 1px solid #a5a7aa;
border-bottom: 1px solid #a5a7aa;
text-align: center;
}

#DocumentoBody {
margin: 10px;
padding: 5px;
background-color: #f3f3f3;
border: 1px solid #999999;
text-align: center;
}

.DocumentoSubTitulo {
margin: 5px;
padding: 5px;
background-color: #f3f3f3;
border-right: 1px solid #a5a7aa;
border-bottom: 1px solid #a5a7aa;
text-align: center;
}

.DocumentoTexto {
margin: 10px;
padding: 10px;
background-color: #fff;
border-right: 2px solid #777;
border-bottom: 2px solid #777;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; 
border-radius: 10px;
}

.DocumentoTextoPedido {
margin: 10px;
padding: 10px;
background-color: #fff;
border-top: 1px solid #777;
border-left: 1px solid #777;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; 
border-radius: 10px;
}

#DocumentoTabla {
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
background-color: #ffffff;
text-align: center;
}

#DocumentoFecha {
margin: 10px;
padding: 5px;
background-color: #efdff7;
/*border-right: 1px solid #a5a7aa;*/
border-bottom: 1px solid #a5a7aa;
text-align: center;
}

#DocumentoLema {
margin: 10px;
margin-bottom: 5px;
padding: 5px;
/*background-color: #ffffbb;
border-right: 1px solid #a5a7aa;*/
border-bottom: 1px solid #a5a7aa;
background-color: #ffffff;
text-align: center;
}

#DocumentoPie {
margin: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #ffffff;
/*border:1px solid #006600;*/
text-align: center;
border: none;
}

#pieCatalogo {
width: 50px;
height: 20px;
margin: 0px;
margin-left: auto;
margin-right: auto;
border:1px solid #006600;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align:center;
}

/*****************************
* Parrilla de Catalogos
*****************************/

#Parrilla {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
padding: 5px;
text-align: center;
/*background-color: #dbecee;*/
background-color: #e3e3e3;
border: 1px solid #ccc;
}

.CATA {
left: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding: 0px;
width: 680px;
height: auto;
text-align: center;
overflow: hidden;
position: relative; 
/*background-color: #dbecee;*/
background-color: #e3e3e3;
/*border: 0px solid #dbecee;*/
border: 0px solid #e3e3e3;
}

a.LOGO {
float: left;
margin: 3px;
padding: 2px;
padding-top: 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #000;
width: 157px;
height: 167px;
background-color: #fff8e6;
border-right: 2px solid #a5a7aa;
border-bottom: 2px solid #a5a7aa;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px; 
border-radius: 5px;
}

a.LOGO:hover {
color: #d00f33;
background-color: #e5fff3;
border-right: 2px solid #777;
border-bottom: 2px solid #777;
}

.ItemLeft, .ItemRight {
float: left;
width: 100px;
margin: 10px;
padding: 5px;
vertical-align: middle; 
}

.ItemRight {
float: right;
width: 450px;
text-align: left;
}

.PVPLeft, .PVPRight {
float: left;
width: 125px;
height: 32px;
padding-top: 2px;
text-align: left;
vertical-align: middle; 
}

.PVPRight {
float: right;
width: 315px;
height: 26px;
padding-top: 0px;
vertical-align: bottom; 
}

/*****************************
* Menu de Opciones

*****************************/

.Opciones {
left: 0px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0px;
width: 690px;
height: 58px;
text-align: center;
overflow: hidden;
position: relative; 
background-color: #ffffff;
border: none;
/*border: 1px solid #f3f3f3;*/
}

a.Opcion {
float: left;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000;
width: 130px;
height: 50px;
margin-top: 3px;
margin-left: 4px;
margin-right: 1px;
margin-bottom: 3px;
padding: 0px;
background-color: #ffffff;
/*border-right: 1px solid #a5a7aa;*/
/*border-bottom: 1px solid #DEE0E1;*/
}

a.Opcion:hover {
color: #ffffff;
/*background-color: #e3e3e3;*/
background-image: url(../iconos/secciones/bg-opcion.png);
/*background-color: #DEE0E1;*/
/*border-right: 1px solid #777;*/
/*border-bottom: 1px solid #DEE0E1;*/
width: 130px;
height: 50px;
margin-top: 3px;
margin-left: 4px;
margin-right: 1px;
margin-bottom: 3px;
padding: 0px;
}

/*****************************
* Cabecera y Pie de Pagina
*****************************/

#Cabecera {
clear: both;
background: #fff;
height: 132px;
}

.CabeceraLinks a:link, .CabeceraLinks a:visited {
font-weight: bold;
/*color: #000;*/
text-decoration: none;
color:#FFFFFF;
font-size: 12px;
}

.CabeceraLinks a:hover, .CabeceraLinks a:active {
/*color: #d00;*/
color:#FFCC00;
font-size: 12px;
}

#CabeceraLogo {
/*background: #e3e3e3;
height: 100px;*/
background: #ffffff;
height: 86px;
}

#CabeceraMenu {
/*background: #ccc url('../iconos/portada/barra-menu.jpg') repeat-x; */
height: 32px;
background-image:url(../iconos/portada/fondo_menu.jpg);
background-repeat:no-repeat;
}

#CabeceraMenu div {
margin: 2px 0px 0px 0px;
padding: 3px 10px;
float: left;
}

#CabeceraMenu form {
padding: 6px 2px 0px 0px;
float: right;
}

#CabeceraSearch {
vertical-align: top;
margin: 0px 10px 1px 1px;
padding: 0px;
}

#Pie {
clear: both;
height: 57px;
background: #eee url('../iconos/portada/barra-pie.jpg') repeat-x;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
}

#PieL {
float: left;
margin-top: 30px;
display: none;
}

#PieR {
float: right;
margin-top: 30px;
display: none;
}

#PieC {
font-size: 10px;
line-height: 13px;
font-weight: bold;
color: #333;
margin: 0px;
padding: 0px;
padding-top: 2px;
}

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