* {
  margin:		0px;
  padding:		0px;
}
html {
  scrollbar-face-color:		#EEEEEE;
  scrollbar-shadow-color:	#CCCCCC;
  scrollbar-highlight-color:	#CCCCCC;
  scrollbar-3dlight-color:	#EEEEEE;
  scrollbar-darkshadow-color:	#DDDDDD;
  scrollbar-track-color:	#F5F5F5;
  scrollbar-arrow-color:	#AAAAAA;
}
body {
  background-color:	#EEEBD9;
  width:		100%;
  height:100%;
  
  font-family: 		verdana, tahoma, trebuchet ms;
  font-size:		11px;
  color:		#777777;
}
img {
  border:		0px;
}
/* ------------------------------------------------------------ */
#cuerpo {
  position:		absolute;
  right:		0px;
  left:			0px;
  width: 		990px;
  height:		545px;
  bottom:		0px;
  margin: 		auto;
  top:50%;
  left:50%;
  margin-top:   -272px;
  margin-left:  -495px;
  
  
}

#cuerpo #sombraIzq {
  width:		10px;
  height:		545px;
  background-image:	url(img/fondo-cuerpo-izquierda.gif);
  background-repeat:	no-repeat;
  float:		left;
}
#cuerpo #contenido {
  width:		970px;
  height:		545px;
  background-color:	#FFFFFF;
  float:		left;
  margin-bottom:	5px;
}
#cuerpo #sombraDer {
  width:		10px;
  height:		545px;
  background-image:	url(img/fondo-cuerpo-derecha.gif);
  background-repeat:	no-repeat;
  float:		left;
}

#encabezado {
  width:		100%;
  height:		90px;
  background-color:	#FFFFFF;
  background-image:	url(img/fondo-encabezado.gif);
  background-repeat:	repeat-x;
  font-size:		0px;
}
#encabezado #logo {
  padding:		35px 0px 0px 30px;
}

#encabezado #menu {
  float:		right;
  width:		490px;
  height:		25px;
  list-style:		none;
  padding-top:		65px;
}
#encabezado #menu li {
  list-style-type:	none;
  float:		left;
}


#columna {
  position:		relative;
  width:		180px;
  float:		left;
  border-bottom:	5px solid #CCCCBB;
}
#columna #vinculos {
  clear:		both;
  width:		160px;
  height:		100px;
  background-color:	#A9A38D;
}
#columna #noticias {
  width:		160px;
  height:		310px;
  padding:		10px;
  font-size:		11px;
  color:		#AAAAAA;
}
#columna #noticias #descripcionNoticia {
  position:		absolute;
  bottom:		10px;
  width:		160px;
}

#centro {
  position:		relative;
  float:		left;
  width:		300px;
  height:		450px;
  background-color:	#444444;
  border-bottom:	5px solid #777777;
  font-size:		0px;
}
#centro #clipCentro {
  position:		absolute;
  left:			0px;
  top:			0px; 
  width:		300px;
  height:		450px;
  overflow:		hidden;	
  z-index:		0; /*20*/
  
}
#centro #separador {
  position:		relative;
  font-size:		11px;
  font-weight:		bold;
  width:		100px;
  height:		110px;
  float:		left;
}
#centro #separador p {
  position:		absolute;
  bottom:		5px;
  right:		5px;
  color:		#666666;
}
#centro #clipCentro #imagenes {
  position:		absolute;

  
}
#centro #clipCentro #lista {
  position:		absolute;
 
}
#centro #flechas {
  clear:		both;
  position:		absolute;
  width:		300px;
  height:		20px;
  bottom:		-1px;
  text-align:		right;
}
#centro #flechas .boton {
  padding:		7px 10px 0px 0px;
}

.item {
  display:		block;
  width:		280px;
  min-height:		45px;
  _height:		45px;
  padding:		10px;
  font-size:		11px;
  color:		#333333;
  margin-bottom:	1px;
  text-decoration:	none;
  filter:		alpha(opacity=80);
  -moz-opacity:		0.8;
  opacity:		0.8;
}
.item:hover {
  filter:		alpha(opacity=90);
  -moz-opacity:		0.9;
  opacity:		0.9;
}
.itemOn {
  display:		block;
  width:		280px;
  min-height:		45px;
  _height:		45px;
  padding:		10px;
  font-size:		11px;
  color:		#333333;
  margin-bottom:	1px;
  text-decoration:	none;
}


#imagenChica {
  position:		relative;
  float:		left;
}
#imagenChica .bloqueNombre {
  position:		absolute;
  display:		none;
  padding:		4px;
  bottom:		0px;
  left:			0px;
  color:		#000000;
  font-size:		10px;
  background-color:	#FFFFFF;
  width:		92px;
  min-height:		24px;
  _height:		24px;
  filter:		alpha(opacity=70);
  -moz-opacity:		0.7;
  opacity:		0.7;
  z-index:		30;
}


#marcoImagen {
  clear:		both;
  width:		380px;
  height:		285px;
  background-color:	#DDDDDD;
  padding:		5px;
}

#imagenGrande {
  position:		relative;
  float:		left;
  width:		300px;
  height:		450px;
}
#imagenGrande .bloqueFrase {
  position:		absolute;
  width:		300px;
  height:		120px;
  filter:		alpha(opacity=20);
  -moz-opacity:		0.2;
  opacity:		0.2;
  z-index:		30;
}
#imagenGrande .textoFrase {
  position:		absolute;
  width:		270px;
  bottom:		347px;
  right:		20px;
  color:		#FFFFFF;
  font-size:		13px;
  font-weight:		bold;
  text-align:		right;
  z-index:		40;
}
#imagenGrande .fechaAtras {
  position:		absolute;
  width:		270px;
  top:			20px;
  right:		20px;
  text-align:		right;
  z-index:		40;
}
.volver {
  color:		#FFFFFF;
  font-size:		18px;
  text-decoration:	none;
}

#info {
  position:		relative;
  width:		490px;
  height:		450px;
  float:		left;
  border-bottom:	5px solid #CCCCBB;
  font-size:		0px;
}
#info #panel {
  position:		relative;
  height:		120px;
}
#info #panel #titulo {
  position:		absolute;
  left:			20px;
  bottom:		15px;
  color:		#FFFFFF;
  font-size:		18px;
}

#info #texto {
  position:		absolute;
  clear:		both;
  width:		410px;
  height:		300px;
  float:		left;
  font-size:		12px;
  padding:		15px 60px 15px 20px;
  overflow:		auto;
  line-height:		18px;
}

#info #banners {
  clear:		both;
  position:		absolute;
  bottom:		0px;
  font-size:		0px;
}
#info #banners #banner {
  float:		left;
}


#imagenCentral {
  width:		300px;
  height:		450px;
  background-repeat:	no-repeat;
}


#pie {
  width:		100%;
  height:		50px;
  font-size:		11px;
}
#pie #logo {
  float:		right;
  top:			0px;
  padding:		0px 20px 0px 10px;
}
#pie #copyright {
  float:		right;
  top:			0px;
  font-size:		10px;
}
#pie #cerouno a {
  float:		left;
  color:		#777777;
  text-decoration:	none;
  padding-left:		20px;
}
#pie #cerouno a:hover {
  color:		#000000;
}


/* ------------------------------------------------------------ */

.submenu {
  padding:		10px;
  width:		150px;
  z-index:		50;
  top:			100px;
  min-height:		75px;
  _height:		75px;
}
.submenu ul {
  color:		#FFFFFF;
  list-style:		none;
}
.submenu ul li {
  list-style-type:	none;
  padding:		5px 0px 5px 10px;
  border-bottom:	1px dashed #FFFFFF;
}
.submenu a {
  color:		#FFFFFF;
  text-decoration:	none;
}
.submenu a:hover {
  text-decoration:	underline;
}

.rollOverMenu {
  width:		150px;
  z-index:		50;
  top:			90px;
  min-height:		45px;
  _height:		45px;
}
.rollOverMenu ul {
  color:		#FFFFFF;
  list-style:		none;
}
.rollOverMenu ul li {
  width:		133px;
  list-style-type:	none;
  padding:		7px 10px 7px 10px;
}
.rollOverMenu a {
  color:		#FFFFFF;
  text-decoration:	none;
  font-size:		10px;
}

.input {
  font-family: 		verdana, tahoma, trebuchet ms;
  padding:		2px;
  border:		1px solid #AAAAAA;
  font-size:		11px;
  background-color:	#FFFFFF;
  color:		#666666;
}
.linea {
  margin:		5px;
  clear:		both;
  width:		190px;
  border-bottom:	1px dashed #AAAAAA;
  font-size:		0px;
}

.mini {
  font-size:		11px;
}

.link {
  color:		#777777;
  text-decoration:	none;
}
.link:hover {
  text-decoration:	underline;
  color:		#FF0000;
}

.titulo {
  color:		#AAAA99;
  font-size:		18px;
}
.subtitulo {
  color:		#FFFFFF;
  font-size:		13px;
}