@charset "utf-8";
/* CSS Document */
body {
  margin:0;
  padding:0;
  background:url(img/bg.gif) repeat-x #BABCBD;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px
}  
#contenedor {
  width:816px;
  margin: 0 auto;
}  

object {outline:none}
a { outline:0;}	

/***************Menu Horizontal*/ 

#menu-horizontal {
  position:absolute;
  width:520px;
  height:30px;
  margin: 36px 0 0 305px;
  background: url(img/menu-horizontal.gif);
  z-index:10;
} 
ul.h {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
	color:#FFFFFF;
}
li.h {
	margin:0; /*le quito el margen al elemento de la lista*/ 
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/
	margin: 8px 50px 0 0;
}
li.h a {
	text-decoration:none;
	color:#FFFFFF;
}

/***************Menu y  banner*/ 

#banner{
  position:absolute;
  width:816px;
  height:251px;
  margin: 79px 0 0 0;
  background: url(img/bg02.gif) no-repeat;
}
#menu-vertical{
  width:258px;
  height:234px;
  float:left;
  margin:9px 0 0 21px;
}
ul.v {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
	font-size:12px;
}
li.v {
    width:258px;
	height:46px;
	margin:0;
	padding:0;
	background: url(img/bg-menu-v.gif) no-repeat;
	display:block;
}
li.v a {
	text-decoration:none;
	color:#8A8A8A;
	background: url(img/bg-menu-v.gif) no-repeat;
	display:block;
	margin: 2px 0 0 0;
	padding:16px 0 16px 40px;
	line-height: 16px;
}
li.v a:hover {
	text-decoration:none;
	color: #666666;
	background: url(img/bg-menu-v-hover.gif) no-repeat;
}
li.v a:active {
	text-decoration:none;
	color: #008ED2;
	background: url(img/bg-menu-v-active.gif) no-repeat;
}
li.activo {
    width:218px;
	height:30px;
	margin:2px 0 0 0;
	padding:16px 0 0 40px;
	background: url(img/bg-menu-v-active.gif) no-repeat;
	display:block;
	color:#008ED2;
	line-height: 16px;
}
#imagenes{
  width:516px;
  height:239px;
  margin:10px 0 0 279px;
}

/***************info*/ 

#info{
  position:absolute;
  width:774px;
  margin: 327px 0 0 21px;
  background:url(img/bg-noticias.gif) repeat-y;
}

#noticias{
  width:220px;
  margin: 35px 0 0 20px;
  float:left;
}
#ampliar-noticia{
  width:100px;
  height:20px;
  margin: -5px 0 40px 0;
  padding-left:130px;
  float:left;
}

#contenidos{
  width:516px;
  margin-left:258px;
  background:url(img/bg-contenidos.gif) top repeat-x;
  padding-top:10px;
  padding-bottom:10px;
}
#info-ppal {
  width:450px;
  margin: 0 0 0 25px;
  min-height:380px;
}

#foot{
  width:774px;
  height:35px;
  clear:left;
  background-color: #404040;
}


/***************************textos */ 

h1.noticia {
	font-size:14px;
	color:#FFF;
	display:block;
	background-color:#45B3FF;
	padding: 15px 131px 15px 20px;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}
h1.ppal {
	font-size:18px;
	color:#666;
	margin:12px 0 0 0;
}
p {
	color: #555;
	font-size:11px;
	line-height: 16px;
	text-align:justify;
}
p a {
	color: #006EB8;
}
.destacado {
	color: #006EB8;
}
p.titunoticia {
	color:#006EB8;
	font-size:12px;
	margin:35px 0 5px 0;
}
	p.titunoticia a { text-decoration: none; }

.texto-noticias {
	font-size:10px;
	margin-top:0;
	color: #555555;
}
.texto-noticias a{ color:#9E9E9E; }
.texto-noticias a:hover{ color:#006EB8; }
.texto-noticias p{ line-height: 16px; font-size:9px; color: #9E9E9E;}
.textofoot {
	text-align:center;
	font-size:10px;
	color: #999;
	padding: 10px 0 0 0;
}
.textofoot a {
	color: #999;
}

li.listado {
    margin: 0 0 10px -20px;
	padding:0;
	font-size:11px;
	line-height:16px;
	color: #555;
	text-align:justify;
	list-style-image:url(img/li.gif);
}
li.listado a{
	color: #006EB8;
}
li.sin {
    margin: 0 0 10px -20px;
	padding:0;
	font-size:11px;
	line-height:16px;
	color: #555;
	text-align:justify;
	list-style:none;
}
p.fuente{
	margin:10px 0 -15px 0;
	color: #999;
	font-size:9px;
}


/************************* imagenes*/ 

.logo {
  position:absolute;
  margin:20px 0 0 37px; 
  z-index:10;
} 
.img-derecha {
  float:right;
  margin: 0 0 10px 13px;
  border: #CCC solid 1px;
  padding:2px;
}
.img-izquierda {
  float: left;
  margin: 0 13px 10px 0;
  border: #CCC solid 1px;
  padding:2px;
}
img {
	border:none;
}
.idioma {
	position:absolute;
	top:0;
	left:0;
	margin:30px 0 0 795px;
	z-index:50;
}
.fb {
	position:absolute;
	top:0;
	left:0;
	margin:60px 0 0 795px;
	z-index:51;
}

/******************Formulario contacto*/ 
form {
	width:450px;
	font-size:12px;
	color:#006EB8;
	margin:0;
	padding:15px 0 0 0;
}
#campo {
	width:275px;
	text-align:right;
	margin: 0 0 12px 0;
	padding:0;
}
#campogrande {
	width:406px;
	*width:398px;
	height:70px;
	margin: 0 0 12px 0;
	padding:0;
	text-align:right;
}
#campo2 {
	width:406px;
	text-align:right;
	margin: 0 0 12px 0;
	padding:0;
	clear:right;
}
textfield {
	float:right;
}
textarea{
	float:right;
}
.texto-formulario {
	color:#888;
	font-size:11px;
	border: #999 1px solid;
	clear:right;
}
#button {
	margin: 3px 10px 0 0;
}
.boton {
	color:#666;
}