html,body{margin:0;padding:0;margin-top:10px;margin-bottom:10px;}
body{font: 76% Verdana,arial,sans-serif;text-align:center;background-color:#eeeeee;}
p{margin:0 10px 10px}
a{color: #981793;padding:10px}
div#cabeceraWeb1 img#logotipo{
float:left;
margin-top:10px;
margin-left:10px;
}
.limpiar{clear:both;}
div#cabeceraWeb1 {background:url(../imagenes/fondocabecera.gif) left top no-repeat #b54326;text-align:center;border-bottom:1px solid #999;}
div#cabeceraWeb1 h1,div#cabeceraWeb1 h2{display:block;font-weight:normal; margin:0px;padding-top:10px; padding-left:10px;color: #fff;font-size:230%;font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
div#cabeceraWeb1 h2 { font-size:150%;padding-top:0px;padding-bottom:10px;}
div#contenedorWeb{text-align:left;border:1px solid #999999;background-color:#ffffff;}
div#zonaContenidos p{line-height:1.4; padding-left:5px;padding-right:5px;text-align:left;}
div#barraIzquierda{background:#fff;border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; margin-bottom:30px;}
div#pieWeb{background: #fff;color: #666; border-top:2px solid #eee;margin-left:10px;margin-right:10px;}
div#pieWeb p{margin:0;padding:5px 10px}
div#contenedorWeb{width:750px;margin:0 auto}
div#zonaContenidos{float:right;width:550px}
div#barraIzquierda{float:left;width:199px}
div#zonaColaboradores{float:right;width:530px}
div#pieWeb{clear:both;width:97%}
/*Menú izquierda*/
div#barraIzquierda ul#Nav, div#barraIzquierda ul#Nav ul, ul#menuSuperior
{
margin:0px;
padding:0px;
list-Style-Type:none;
line-height:50%;
background-color:#666666;
}
div#barraIzquierda ul#Nav {}
div#barraIzquierda ul#Nav li a
{
color:#ffffff;
border-bottom:1px dotted #999999;
text-decoration:none;
display:block;
}
div#barraIzquierda ul#Nav li a:hover
{
background-color:#fafafa;
color:#666666;
}
div#barraIzquierda ul#Nav ul
{
background-color:#666666;
display:none;
}
div#barraIzquierda ul#Nav ul#visible
{
display:block;
}
div#barraIzquierda ul#Nav ul li a
{
background:url(../imagenes/fondomenuizq.gif) 10px center no-repeat #ffffff;
color:#999999;
text-decoration:none;
padding-left:25px;
border-bottom-width:0px;
display:block;
}
div#barraIzquierda ul#Nav ul li a:hover
{
background:url(../imagenes/fondomenuizq.gif) 15px center no-repeat #ffffff;
}
ul#Nav a {line-height:90%;}
/* Menu superior*/
ul#menuSuperior
{
text-align:left;
line-height:200%;
clear:both;
background:url(../imagenes/fondodegradado.gif) left top repeat-x #5C5C5B;
margin-top:30px;
font-family:"trebuchet MS", verdana, arial, sans-serif;
border-bottom:1px solid #333333;
border-top:1px solid #333333;
}
ul#menuSuperior li
{
display:inline;
width:auto;
}
ul#menuSuperior li a
{
color:white;
text-transform:capitalize;
text-decoration:none;
}
ul#menuSuperior li a:hover{
background:url(../imagenes/fondomenusup.gif) bottom center no-repeat #333333;
padding-bottom:5px;
}
ul#menuSuperior span {display:none;}
/*Zona de contenidos*/
div#zonaContenidos h2, div#zonaContenidos h3
{
color: #b54326;
margin-left:10px;
font-size:200%;
font-weight:normal;
margin-bottom:10px;
}
div#zonaContenidos h3 {font-size:120%;}
div#zonaContenidos a
{
color:#b54326;
padding:0px;margin:0px; font-weight:bold;
}
div#zonaContenidos a:hover
{
text-decoration:none;
}
div#zonaContenidos strong,div#zonaContenidos b
{
color:#666666;
}
/* zona colaboradores*/
div#zonaColaboradores{
margin-right:10px;
border-top:3px solid #999999;
margin-top:10px;
padding-top:5px;
background-color:#eeeeee;
margin-bottom:10px;
}
div#zonaColaboradores h2
{
color: #b54326;
margin-left:10px;
font-size:200%;
font-weight:normal;
margin-bottom:10px;
margin-top:10px;
}
div#zonaColaboradores ul
{
margin:0px;padding:0px;
list-style-type:none;
text-align:center;
}
div#zonaColaboradores ul li
{
width:48%;
float:left;
border:1px solid #eeeeee;
}
div#zonaColaboradores ul h4,div#zonaColaboradores ul img
{
margin:0px;
}
div#zonaColaboradores ul img
{
margin-bottom:10px;
width:130px;
border:1px solid #999999;
}
div#zonaColaboradores ul li a
{
color:#b54326;
}
div#zonaColaboradores ul li a:hover
{
color:#000;
text-decoration:none;
}
div#zonaColaboradores ul li:hover
{
background-color:#f3f0f0;
border:1px solid #999999;
color:#000;
text-decoration:none;
}
/*Banners*/
ul#banners, ul#banners li, ul#banners li a
{
background-color:#fff;
list-style-type:none;
margin:0px;
padding:0px;
text-align:center;
padding-top:10px;
margin-bottom:10px;
}
ul#banners li img {border:1px solid #eeeeee;padding:2px;}
/*pie de página*/
div#pieWeb img {float:left;}
div#pieWeb h5,div#pieWeb h4,div#pieWeb p, div#pieWeb ul {margin:0px;padding:0px;margin-left:200px;margin-top:5px;margin-bottom:5px;}
div#pieWeb p.granate{font-weight:bold;color:#b54326}
div#pieWeb h4{font-size:120%;}
div#pieWeb h6, div#pieWeb h5{font-size:100%;}
div#pieWeb h6{color:#b54326; margin:0px;margin-top:10px;}
div#pieWeb ul {text-align:left;list-style-type:none; border-top: 1px dotted #eeeeee;}
div#pieWeb ul li {width:49%;float:left;margin-bottom:20px;}
p.limpiar{margin-bottom:10px;padding-bottom:10px;}
h1, h2, h3, h4, h5, h6 {font-family:"Trebuchet MS", verdana, arial, sans-serif;}
address
{
font-size:88%;
font-style:normal;
}
/************************************************************************/
/** **/
/** estilos propios de este microsite **/
/** **/
/************************************************************************/
img#logopatata {float:right;}
ul#banners h3 {background-color:#eee;margin:0px;padding-top:5px;padding-bottom:5px;margin-left:5px;margin-right:5px;}
form {margin-left:10px;margin-right:10px;}
legend {color:#666;}
fieldset {border:1px solid #eee;padding-top:10px; margin-bottom:10px;}
label {display:block;}
.clsError{border:1px solid red; color:red;width:90%;display:block;margin-bottom:10px;}
.clsNormal{border:1px solid #333;color:#000;width:90%;display:block;margin-bottom:10px;}
.clsRetorno { border:1px solid #999; background-color:#eee;padding:5px;margin:10px;}
.clsEnvio { border:1px solid #999; background-color:#FFFFD2;padding:5px;margin:10px;}
.clsEnvioOK{background-color:#BA4229;color:#fff;}
.clsEnvioError {background-color:red;}