body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #787878;
	background: #ffffff;
	margin: 0;
}

img { border: 0; }
h2 { font-size: 11px; }
a { text-decoration: none; }

.todo { width: 990px; margin: 0 auto; }
.clear { clear: both; font-size: 1px; line-height: 1px; height: 1px; margin: 0 0 -1px 0; }

/* ________________________________________________________________________________________ CABECERA */

.cabecera1 { float: left; width: 710px; }
.cabecera2 { float: right; width: 280px; }

a.menu-item {
  float: left;
  width: 110px;
  height: 21px;
  text-align: right;
  padding: 39px 8px 0 0;
  font-size: 13px;
  color: #b82200;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  background: url(../px/menu1.gif) top left no-repeat #ffffff;
}

a.menu-item:hover { background: url(../px/menu2.gif) top left no-repeat #ffffff; }
#flash {  float: left; margin: 0 0 0 2px; width: 706px; height: 259px; }
.logo { margin: 0 0 0 -2px; padding: 0 0 0 23px; width: 154px; height: 46px; float: left; background: url(../px/logobg.gif) top left no-repeat #ffffff;; }

.login {
	float: left;
	clear: both;
	margin: 0 0 0 -2px;
	padding: 30px 0 0 27px;
	width: 253px;
	background: url(../px/login-fondo.gif) top left no-repeat;
}

h2.acceso, h2.contacto, h2.promo {
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  color: #005c8b;
  font-size: 18px;
  margin: 0;
  font-weight: normal;
}

.login-dni, .login-clave {
  margin: 10px 0 0 0;
  padding: 5px 10px 0 53px;
  width: 157px; 
	border: 0;
	color: #0f4f70;
	font-size: 12px;
	height: 23px;
}

.login-dni { background: url(../px/login-dni.gif) top left no-repeat #ffffff; }
.login-clave { background: url(../px/login-clave.gif) top left no-repeat #ffffff; }

.login-enviar {
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	border: 0;
	background: url(../px/login-boton.gif) top left no-repeat;
	cursor: pointer;
}

h2.contacto { margin: 35px 0 4px 0; }
h2.promo { margin: 10px 0 0 20px; }
p.direccion { margin: 0; padding: 0; color: #a0a0a0; }

.direccion a { color: #0f4f70; }
.direccion a:hover { text-decoration: underline; }

/* ________________________________________________________________________________________ LÍNEA TÍTULOS */

.titulos {
  clear: both;
  height: 20px;
  margin: 0;
  padding: 5px 0 0 0;
  width: 990px;
  background: url(../px/titulos.gif) bottom left no-repeat #ffffff;
}

a.titulo-azul, a.titulo-gris:hover, a.titulo-gris, div.titulo-gris, div.titulo-azul {
  float: left;
  margin: 0;
  padding: 1px 0 0 0;
  width: 100px;
  height: 19px;
  font-size: 14px;
  text-align: center;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  
}

a.titulo-azul, a.titulo-gris:hover, div.titulo-azul { color: #ffffff; background: url(../px/titulo2.gif) top left no-repeat #ffffff; }
a.titulo-gris, div.titulo-gris { color: #787878; background: url(../px/titulo1.gif) top left no-repeat #ffffff; }
#destacados { margin: 0 0 0 535px !important; margin: 0 0 0 368px; }
#destacados2 { margin: 0 0 0 635px !important; margin: 0 0 0 368px; }

/* ________________________________________________________________________________________ CONTENIDOS */

.imagenes { height: 79px; width: 690px; overflow: auto; margin: 10px 0 20px 0; }

.imagen {
  float: left;
  width: 70px;
  height: 79px;
  overflow: hidden;
  background: #dedede;
  margin: 0 10px 10px 0;
  text-align: center;
}

.imagen img { height: 63px; }

.una-columna {
  float: left;
  width: 566px;
  text-align: justify;
  min-height: 222px;
  padding: 0 150px 0 0;
  background: url(../px/contenido.gif) top right no-repeat #ffffff;
}

.dos-columnas {
  float: left;
  min-height: 222px;
  width: 358px;
  background: url(../px/contenido.gif) top right no-repeat #ffffff;
}

.una-columna h1, .dos-columnas h1 { font-size: 12px; margin: 15px 0 0 20px; }
.una-columna p, .dos-columnas p { margin: 15px 20px 0 20px; }
.una-columna strong { font-size: 12px; color: #005c8b; }
.una-columna li { list-style-image:url(../px/li.gif); }

.banner { float: left; margin: 0; padding: 15px 0 0 20px; width: 250px; }
.banner img { margin: 0 0 10px 0; }

.noticias {
  margin: 10px 15px 0 0;
  padding: 0;
  overflow: auto;
  width: 335px;
  height: 202px;
}

.noticias h3 {
  font-size: 14px;
  padding: 6px 0 0 18px;
  margin: 0 10px 0 0;
  border-top: 1px solid #cccccc;
  color: #999999;
  background: url(../px/lista-noticias.gif) 0px 7px no-repeat #ffffff;
}

.noticias a {
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  padding: 0 0 0 22px;
  color: #b82200;
  background: url(../px/li.gif) 10px 2px no-repeat #ffffff;
}

.noticias p { margin: 4px 10px 6px 18px; padding: 0; }

p.noticiatit { font-size: 12px; color: #005c8b; padding: 10px 0 0 0; border-top: 1px solid #cccccc; font-weight: bold; }
.fecha, .una-columna a { color: #b82200; font-weight: normal; }
.promo-foto { width: 300px; }

ul.principal { padding:  0; margin: 0; }

li.listprincipal {
	list-style: none;
	background: url(../px/li-principal.gif) top left no-repeat;
	width: 235px;
	font-size: 10px;
	color: #0f4f70;
	text-transform: uppercase;
	padding: 1px 0 0 15px;
	overflow: hidden;
}

ul.seccion { padding: 0; margin: 10px 0 10px 15px; }

.seccion li { 
	font-size: 10px;
	color: #a53422;
	text-transform: none;
	padding: 0 0 3px 0;
	margin: 5px 0 2px 0;
	list-style-image: url(../px/li-seccion.gif); 
	background: url(../px/li-seccion1.gif) bottom left no-repeat;
}

.seccion li a { color: #787878; text-decoration: none; font-size: 8pt; }
.seccion li a:hover { text-decoration: underline; }
.form { margin: 15px 0 0 0; float: left; padding: 0 0 0 20px; }

.campo {
  width: 250px;
  padding: 5px 0 0 0;
  border: 0;
  margin: 0;
	color: #0f4f70;
	font-size: 12px;
	height: 23px;
	background: url(../px/campo.gif) top left no-repeat #ffffff;
}

textarea {
  width: 520px;
  padding: 5px 0 0 0;
  border: 0;
	color: #0f4f70;
	font-size: 12px;
	height: 95px;
	background: url(../px/textarea.gif) top left no-repeat #ffffff;
}

.enviar {
  width: 100px;
  height: 23px;
  font-size: 14px;
  color: #ffffff;
  background: url(../px/enviar.gif) top left no-repeat #ffffff;
  border: 0;
}

#derecha { width: 345px; padding: 5px 0 0 10px; }

p.promo { margin: 6px 0 6px 20px; }

/* ________________________________________________________________________________________ PIE DE PÁGINA */

.pie {
  width: 990px;
  margin: 15px 0 15px 0;
  padding: 7px 0 0 0;
  text-align: center;
  border-top: 1px solid #cccccc;
}

.pie a { color: #787878; text-decoration: underline; }
.pie a:hover { text-decoration: none; }