/*
Hoja de Estilos del Sitio Web www.Sonicolor.ES
Version: 20100506
Creditos: © Copyright 1998-2010 - 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-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_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: #000;
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;
background-color: #e3e3e3;
/*border: 1px solid #333;*/
border:#bababa 1px solid;
text-align: left;
}

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

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

#ColumnaDcha {
background-color: transparent !important; 
width: 730px;
height: 0px;
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: #f3f3f3;
border: 1px solid #666666;
}

.DocumentoAviso {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 15px;
margin-right: 15px;
padding: 5px;
background-color: #fedcba;
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: #f7f7f7;
border: 1px solid #f3f3f3;
border-bottom: 1px solid #d2d2d2;
text-align: center;
}

#DocumentoTitle {
margin: 10px;
padding: 10px;
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;
}

#DocumentoTabla {
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
background-color: #f3f3f3;
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;
text-align: center;
}

#DocumentoPie {
margin: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #f3f3f3;
border:1px solid #006600;
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 #999999;
}

.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;
}

/*****************************
* 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: #f3f3f3;
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: #e3e3e3;
border-right: 1px solid #a5a7aa;
border-bottom: 1px solid #a5a7aa;
}

a.Opcion:hover {
color: #ffffff;
background-color: #e3e3e3;
background-color: #ccc;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
}

/*****************************
* 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;
}

.CabeceraLinks a:hover, .CabeceraLinks a:active {
color: #d00;
}

#CabeceraLogo {
background: #e3e3e3;
height: 100px;
}

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

#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.
*
*****************************/