body{
	background:url(../img/fndPagina.jpg) center top repeat-x;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#pagina {
	margin:0 auto;
	width: 820px;
}
#cabecera {
	height: 27px;
	background:url(../img/cabecera.jpg) center top no-repeat;
	padding-top:113px;
}
#cuerpo {
	background:url(../img/cuerpo.jpg) center top no-repeat;
	margin:0; padding:0;
}
#pie {
	background:url(../img/pie.jpg) center top no-repeat;
	padding-top:40px;
}

/* ........................................................................ Cabecera ... */
h1 { display:none; }

#cabecera #menu { margin:0;  text-align:center; }
#cabecera #menu ul, #cabecera #menu ul li{
	display:inline; list-style-type:none; margin:0px; padding:0px;
}
#cabecera #menu ul li a {
	padding:0 15px; text-decoration:none; color:#8D7339;
}
#cabecera #menu ul li a:hover {
	color:#fff; background-color:#8D7339;
}

/* ........................................................................ Cuerpo ... */

/* ................................................................ lateral .......... */
#cuerpo #lateral {
	float: left;
	width: 160px;
	margin:210px 0;
	padding:0 55px 0px;
	background:url(../img/lateral.jpg) center bottom no-repeat;
}
html > body #cuerpo #lateral {padding:0 55px 20px;}
#cuerpo #lateral p {color:#94A525; margin:8px 0;}

#cuerpo #lateral ul {list-style-image:url(../img/bulletMenu.gif); margin-left:10px; padding-left:0px; color:#94A525;}
#cuerpo #lateral ul li { margin:5px 10px; }
#cuerpo #lateral ul li a { color:#52231B; text-decoration:none; font-weight:bold; display:block; padding:2px 5px; }
#cuerpo #lateral ul li a:hover { background-color:#52231B; color:#FFF; }

/* ................................................................ textos .......... */
#cuerpo #textos {
	width: 480px;
	min-height:400px;
	height:auto !important;
	height:400px;
	background:url(../img/agua.jpg) center bottom no-repeat;
}
html > body #cuerpo #textos {margin:0 50px 0 290px;}

#cuerpo #textos h2	{ color:#8D7339; font-size:30px; font-weight:normal; margin:0; padding:40px 0px 20px 0; font-family:Verdana, Arial, Helvetica, sans-serif;  }
#cuerpo #textos h3	{ color:#52231B; font-size:18px; font-weight:normal; margin:0; padding:20px 0px 0px 0; }

#cuerpo #textos p.resumen	{ color:#555; color:#8D7339; font-weight:bold}
#cuerpo #textos p	{ color:#555; text-align:justify; margin:10px 0px 10px 0;}
#cuerpo #textos ul	{ color:#52231B;}
#cuerpo #textos li	{ color:#52231B;}
#cuerpo #textos .resaltado {color:#52231B; }

#cuerpo #textos .portada	{ margin-top:20px; padding:0px 0px 0px 50px; background:url(../img/bulletPortada.gif) left top no-repeat; }
#cuerpo #textos .portada h3	{ border-top:1px solid #8D7339; padding-top:10px; }

#cuerpo #textos img { border:1px solid #CCC; background-color:#FFF; padding:6px; margin:5px 0 20px 20px; float:right;}

#cuerpo #textos a { color:#8D7339;}
#cuerpo #textos a:hover { color:#52231B; text-decoration:none; }


#cuerpo #textos address { color:#52231B; font-style:normal; text-decoration:none; }
#cuerpo #textos address span { color:#8D7339; font-weight:bold; }


/* ................................................................ Listados ............. */
#cuerpo #textos #listado {  }
#cuerpo #textos #listado ul { list-style:none; margin-left:0px; padding-left:0px; }
#cuerpo #textos #listado ul li { margin-left:0px;}
#cuerpo #textos #listado ul li a { color:#52231B; font-size:14px; text-decoration:none; font-weight:bold; }
#cuerpo #textos #listado ul li a:hover { text-decoration:underline; }


#cuerpo #textos #listaDocumentos ul, #cuerpo #textos #listaEnlaces ul { list-style:none); margin:20px 0 0 0; }
#cuerpo #textos #listaDocumentos ul li {list-style-type:none; background:url(../img/bulletMenu.gif) no-repeat left 4px; padding:0 0 0 20px; }
#cuerpo #textos #listaDocumentos ul li a { color:#52231B; font-size:14px; text-decoration:none; font-weight:bold; }
#cuerpo #textos #listaDocumentos ul li a:hover { text-decoration:underline; }

#cuerpo #textos #listaEnlaces ul li {list-style-type:none; background:url(../img/bulletMenu.gif) no-repeat left 4px; padding:0 0 0 20px; }
#cuerpo #textos #listaEnlaces ul li a { color:#52231B; font-size:14px; text-decoration:none; font-weight:bold; }
#cuerpo #textos #listaEnlaces ul li a:hover { text-decoration:underline; }

#cuerpo #textos #listaAvisos ul { list-style-image:url(../img/bulletAviso.gif);  margin:20px 20px 20px 0; }
#cuerpo #textos #listaAvisos ul li a { color:#52231B; font-size:14px; text-decoration:none; font-weight:bold; }
#cuerpo #textos #listaAvisos ul li.noleido { list-style-image:url(../img/bulletAviso.gif); }
#cuerpo #textos #listaAvisos ul li.leido { list-style-image:url(../img/bulletAvisoLeido.gif); }
#cuerpo #textos #listaAvisos ul li.leido a { color:#E2D98F; }


#cuerpo #textos #listaNoticiasCliente, #cuerpo #textos #listaAvisosCliente { margin:15px 0px 0px; }

#cuerpo #textos #listaAvisosCliente ul{ list-style-type:none; margin:0 0 0 10px; padding:0; }
#cuerpo #textos #listaAvisosCliente ul li {margin:10px 0 0; padding:0 0 0 30px;}
#cuerpo #textos #listaAvisosCliente ul li.noleido {list-style-type:none; background:url(../img/bulletAviso.gif) no-repeat left top; }
#cuerpo #textos #listaAvisosCliente ul li.leido {list-style-type:none; background:url(../img/bulletAvisoLeido.gif) no-repeat left top;  }

#cuerpo #textos #listaAvisosCliente ul li.leido a { color:#E2D98F; }

#cuerpo #textos #listaNoticiasCliente ul a, #cuerpo #textos #listaAvisosCliente ul a { font-weight:bold; font-size:14px; }
#cuerpo #textos #listaNoticiasCliente ul { list-style-image:url(../img/bulletMenu.gif); }
/*#cuerpo #textos #listaAvisosCliente ul { list-style-image:url(../img/bulletMenu.gif); }*/


/* ................................................................ Formularios .......... */
#cuerpo #textos #datos { margin:0px 0; }
#cuerpo #textos #datos label { display:block; width:150px; float:left; border-bottom:1px solid #eee; margin-right:10px; }
#cuerpo #textos #datos p.botonera {margin-left:160px; margin-top:20px; }

.sizeXS  { width:70px; }
.sizeS  { width:150px; }
.sizeM  { width:220px; }
.sizeL  { width:300px; }
.sizeXL { width:460px; }
input, textarea, select  { border:1px solid #94A525; }
input[type="checkbox"]  { border:0px solid #94A525; }
input.sinBorde  {border:0px solid #94A525; }
input.btn { background-color:#94A525; border:1px solid #94A525; color:#FFF; }

/* ................................................................ Botones .......... */
.borrarImg  { padding:3px 0 3px 40px; margin-right:20px; background:url(../img/icoBorrarImg.gif) no-repeat center left; }
.verImg     { padding:3px 0 3px 40px; margin-right:20px; background:url(../img/icoVerImg.gif) no-repeat center left; }
.calendario { padding:3px 0 3px 40px; margin-right:5px; background:url(../img/icoCalendario.gif) no-repeat center left; }

/* ........................................................................ Pie ... */
#pie address {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#8D7339;
	padding-left:290px;
	margin:0px auto 0;
}

/******************Leyenda******************/

#cuerpo #textos #listaAvisosCliente fieldset { border:0px; border-top:1px solid #8D7339; padding:0; }
#cuerpo #textos #listaAvisosCliente fieldset ul { margin:5px 0px; padding:0px;}
#cuerpo #textos #listaAvisosCliente fieldset li { margin:0 0 0 30px; padding:0 0 0 20px; width:150px; float:left;   }

