/* CSS Document */
* {margin:0;padding:0;}
ul{margin: 0;  padding: 0; list-style-type: none; }
h1,h2,h3, h4, h5{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;
font-size:14px;}

body, td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin:0;
	text-align:left;
	vertical-align:top;
}
img {border:0; margin:0; padding:0; border-width: 0;}

/*********cuerpo ***********/
body {
	background-color:#F9E1B9;
	background: #253652 url(imagenes/fondo_body.png) repeat-y top center;
}

div#pagina{
position: relative;
width: 900px;
margin:  0 auto;
background-color:#fff;
}


div#recuadropagina{
width:auto;
margin:  0;
margin-top:42px;
padding:0;
background-color:#fff;
}


div#barralateral{
background-color:#FFFFCC;
width:250px;
height:400px;
float:right;
margin-left:25px;
}
div#principal{
margin: 10px 5px;
padding:25px;

}
div.contenido{
	line-height: 20px;
}
div.contenido h1{
font-size:9px;
margin-bottom:10px;
}
/******************** PIE *************************************/
div#divPie{
	width:auto;
	display: block;
	text-align: center;
	color:#999999;
	clear:both;
	background-color:#000000;
	padding: 10px 5px;
}

div#divPie a{
	color: #CCCCCC;
	text-decoration: none;
}

/******************** CABECERA *************************************/
#divCabecera h1{
display:none;}

#divCabecera {
	background-color:#000;
	line-height:32px;
}
#titulocabecera{
color:#FFFFFF;
float:left;
font-size:20px;
}




/* barra superior de iconos */
#barraIconos {
}
#barraIconos a{
	text-decoration:none;
	float: right;
	color: #fff;
	font-size: 10px;
	background: transparent none right no-repeat;
	height: 28px;
	line-height: 32px;
	padding: 0 32px 0 14px;
}

#barraIconos .linkHome{
	background-image:url(imagenes/home.gif);
	padding-right: 27px;
	}
#barraIconos .linkContactar{
	background-image:url(imagenes/mail.gif);
	padding-right: 35px;
	}
#barraIconos .linkMapa{
	background-image:url(imagenes/sitemap.gif);
	padding-right: 36px;
	}
#barraIconos .linkForo{
	background-image:url(imagenes/foro.jpg);
	padding-right: 30px;
	}

#idiomaIconos{
}


.bandera{
	display:block;
	height: 18px; /* the image height */
	line-height: 18px; /* again */
	width: 26px; /* the image width */
	text-indent: 26px; /* again */
	overflow: hidden; /* clip it */
	background-repeat:no-repeat;
	background-position: 0 0;
	float:right;
	margin-top:8px;
	margin-right:5px;
}
.bandera:hover{
background-position: 1px 1px;
}
.bandera.DE{
background-image: url(imagenes/banderas_DE.gif);
}
.bandera.EN{
background-image: url(imagenes/banderas_EN.gif);
}
.bandera.ES{
background-image: url(imagenes/banderas_ES.gif);
}
.bandera.FR{
background-image: url(imagenes/banderas_FR.gif);
}
.bandera.PO{
background-image: url(imagenes/bandera_PO.gif);
}
.bandera.CAT{
background-image: url(imagenes/banderas_CAT.gif);
}
ul.listacontenidos{
font-size:9px;
}
#divFotos{
	position:relative;
	height:200px;
}
#divFotos , .rotar li, .rotar img{
width:300px;
}
  div.contenido{
  font-size:12px;
  }
  .cabeceratexto{
  font-size:60px;
  line-height:64px;
  height:64px;
  }
  div.grid_3{
  width:200px;
  float:left;
  margin:0 10px;
  }
  div.grid_6{
  width:620px;
  float:left;
  margin:0 10px;
  }
  div#principal{
  margin:15px;
  padding:0;
  }
  div#divFotosPortada, div#divFotoscontenido{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  }
  
  div#enportada{
  position:relative;
  overflow:visible;
  clear:auto;
  }
  div#divFotosPortada{
  margin-top:20px;
  }
  
  div#enportada .top{
  height:45px;
  line-height:20px;
  }
  div#enportada .centro{
  background-repeat:repeat-y;
  overflow:visible;
  position:relative;
  height:auto;
  zoom:1;
  }
  div#enportada .bott{
  height:0px;
  clear:both;
  }
  
  div#enportada ul.listacontenidos {
  list-style:none;
  margin:0 auto;
  }
  div#enportada ul.listacontenidos li {
  border:0 none;
  display:inline;
  float:left;
  height:auto;
  text-align:center, justify;
  width:200px;
  }
  div#enportada ul.listacontenidos li a {
  display:block;
  text-decoration:none;
  text-align:center;
  }
  div#enportada ul.listacontenidos li a img {
  height:110px;
  border:0;
  margin:0 auto;
	width:auto;
  }
  div#enportada .imglistacontenidos{
  height:113px;
  text-align:center;
  width:210px;
	overflow:hidden;
  }
  div#enportada ul.listacontenidos li div.imglistacontenidos a{
  text-align:center;
  }
  div.top h1{
  font-size:14px;
  line-height:66px;
  height:66px;
  }
  
  div.txtListaContenidos{
  height:auto;
  overflow:hidden;
  }
  div#enportada div.txtListaContenidos{
  height:auto;
  overflow:hidden;
	width:210px;
  }