html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
	scrollbar-arrow-color: #504634;/*marron oscuro*/
	scrollbar-base-color: #D4CAB6;
	scrollbar-dark-shadow-color: D4CAB6;
	scrollbar-track-color: D4CAB6;
	scrollbar-face-color: D4CAB6;
	scrollbar-shadow-color: D4CAB6;
	scrollbar-highlight-color: D4CAB6;
	scrollbar-3d-light-color: #504634;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #464544;
}
a:hover {
	color: #FFA405;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}
body {
/*	background: #504634;*//*marron*/
	background:#FFFFFF;
	text-align: center;
	font: 11px verdana, arial, sans-serif;
	color: #695F4C;
	padding-bottom: 2px;		
	scrollbar-arrow-color: #504634; /*arrow: flecha*/
	scrollbar-base-color: #504634; /*color base*/
	scrollbar-dark-shadow-color: D4CAB6; /*sombra del primer plano*/
	scrollbar-track-color: D4CAB6; /*fondo de la barra*/
	scrollbar-face-color: D4CAB6; /*primer plano*/
	scrollbar-shadow-color: D4CAB6; /*sombra del fondo*/
	scrollbar-highlight-color: D4CAB6; /*luz cuadro de flecha*/
	scrollbar-3d-light-color: #504634; /*luz 3d*/
}
.contenido{
	text-align: justify;
	font: 11px verdana, arial, sans-serif;
	color: #695F4C;
}
.tituloLista{
	text-align: justify;
	font: 12px verdana, arial, sans-serif;
	color: #52616E;
}

#wrapper {
	text-align: left;
	margin: -2px auto;/*margin: 37px auto;*/
	width: 672px;
	background: #FFFFFF;
	position: relative;
	left: 2px;
}
#headerDia{
  background: #D9D1BC url(../images/hccDia.jpg) no-repeat;
  height: 266px;
  margin-left:-2px;
  background-color:#D4CAB6;
}
#headerNoche{
  background: #D9D1BC url(../images/hccNoche.jpg) no-repeat;
  height: 266px;
  margin-left:-2px;
  background-color:#D4CAB6;
}

#titulo {
  position: absolute;
  top: 58px;
  left: 288px;
  width: 273px;
  background-color:#D4CAB6;
  color: #52616E;/*letra azul*/
}
#titulo h1 {
  font: bold 24px "arial narrow", arial, sans-serif;
}
#titulo p {
  margin: 0;
  font-weight: bold;
}

.tituloPagina{
	font: bold 18px "arial narrow", arial, sans-serif;	
	color: #52616E;/*letra azul*/
}

.tituloServicio{
	font: bold 11px "Verdana", arial, sans-serif;	
	color: #52616E;/*letra azul*/
}

#logo {
  position: absolute;
  top: 8px;
  left: 289px;
  width: 50px;
  height:50px;
  background: url(../images/logoHCC.jpg) no-repeat;
}
#rif {
  position: absolute;
  top: 0px;
  left: 657px;
  width: 20px;
  height:90px;
  background: url(../images/rif.jpg) no-repeat;
  z-index:1px;
}
#nav {
  background-color:#FF9900;
  position: absolute;
  top: 101px;
  left: 287px;
  width: 385px;
  padding: 9px 0;
  text-align: center;
}
#nav li {
  list-style: none;
  display: inline;
  color: #504634;
}
#nav a {
  text-decoration: none;
  color: #504634;
}
#primeraNoticia{
  position: absolute;
  top: 155px;
  margin-left: 288px;
  width:127px;
}
#segundaNoticia{
  position: absolute;
  top: 155px;
  margin-left: 405px;
}
#terceraNoticia{
  position: absolute;
  top: 155px;
  margin-left: 542px;
}
#body {
  padding-top: 3px;
  background-color:#FFF;
}
#principal{
	position:absolute;
	background: #D4CAB6;
	height:437px;
	margin-left:-230px;
}
#noticia1{
	position:absolute;
	width:100px;
	height:100px;
	margin-left:-200px;
	margin-top:5px;
	background: #D4CAB6;
	z-index:1px;
    background: #D4CAB6 url(../images/principal/noticia1.jpg) no-repeat;
}
#textoNoticia1{
  position:absolute;
  margin-left:-90px;
  text-align:left;
}
#noticia2{
	position:absolute;
	width:100px;
	height:100px;
	margin-left:80px;
	margin-top:110px;
	background: #D4CAB6;
    background: #D4CAB6 url(../images/principal/noticia2.jpg) no-repeat;
}
#textoNoticia2{
  position:absolute;
  font-size: 12px;
  color: #504634;
  text-decoration: none;
  margin-left:-200px;
  margin-top:110px;
}
#noticia3{
	position:absolute;
	width:100px;
	height:100px;
	margin-left:-200px;
	margin-top:215px;
	background: #D4CAB6;
/*	border:1px solid black;*/
    background: #D4CAB6 url(../images/principal/noticia3.jpg) no-repeat;
}
#textoNoticia3{
  position:absolute;
  font-size: 12px;
  color: #504634;
  text-decoration: none;
  margin-left:-90px;
  margin-top:215px;
}
#noticia4{
	position:absolute;
	width:100px;
	height:100px;
	margin-left:80px;
	margin-top:325px;
	background: #D4CAB6;
    background: #D4CAB6 url(../images/principal/noticia4.jpg) no-repeat;
}
#textoNoticia4{
  position:absolute;
  font-size: 12px;
  color: #504634;
  text-decoration: none;
  margin-left:-200px;
  margin-top:325px;
}
#categories {
  float: left;
  width: 190px;
}
#seasonal{
  float: right;
  width: 460px;
  height:435px;  
  background-repeat: repeat-y;
  background-color:#FFFFFF;
  margin-bottom: 0px;
}

#seasonal .inner, #collection .inner {
  padding: 8px 12px;
}
#seasonal p, #collection p {
  margin: 0.9em 0;
}
.more a {
  font-size: 12px;
  color: #000;
  text-decoration: none;
}
.more a:hover {
  text-decoration: underline;
}
h3 {
  font: bold 14px "arial narrow", arial, sans-serif; 
  color: #52616E;
}
h2 {
  font: bold 18px "arial narrow", arial, sans-serif; 
  color: #52616E;
  padding-bottom: 10px;
  padding-top:5px;
}
#categories h2 {
  color: #fff;
  padding: 4px 0 5px 39px;
  background: #847A67;
  height:30px;
}
#categories li {
  background: #D4CAB6 left url(../images/bullet.gif) no-repeat;
  border-top: 1px solid #F4EFDF;
  list-style: none;
  font-size: 12px;
  padding: 7px 0 8px 35px;
}
#categories a {
  text-decoration: none;
  color: #000000;
}
#categories a:hover {
  text-decoration: underline;
}
#rellenoMenu{
	position:absolute;
	width:190px;
	height:99px; /*99 antes de postales*/
	margin-top:340px; /*340 antes de postales*/
	margin-left:-190px;
	background-color:#D4CAB6;
}
#collection {
/*  background: #D4CAB6 bottom right url(images/person_bg.jpg) no-repeat;*/
}
#collection .inner {
  padding-right: 98px;
}
#minigal {
  float: right;
  width: 222px;
  margin-top: 1em;
  margin-bottom: 1em;
}
#minigal div {
  float: left;
  margin: 6px;
}
#collection ul {
  margin-left: 1.5em;
}
#collection li {
  margin: 0.2em 0;
  color: #463F32;
  font-size: 16px;
  font-weight: bold;
  font-family: "arial narrow", arial, sans-serif;
}
#collection p {
  width: 103px;
  margin-left: 1.5em;
}
#seas-one, #seas-two, #seas-three {
  height: 146px;
}
#seas-one {
  float: left;
  width: 191px;
  margin-right: 3px;
  margin-left:0px;
  background: url(../images/foot_1.jpg) no-repeat;
}
#seas-two {
  float: left;
  width: 249px;
  margin-right: 3px;
  margin-left: -1px;  
  margin-top:0px;
  background: url(../images/foot_2.jpg) no-repeat;
}
#seas-three {
  float: left;
  width: 225px;
  background: url(../images/foot_3.jpg) no-repeat;
}
#seas p {
  text-align: right;
  color: #000;
  margin: 100px 8px 0 0;
  font-size: 13px;
  font-weight: bold;
}
#seas p.date {
  margin-top: 0;
  font-size: 11px;
}

#copyright {
  text-align: center;
  font-size: 9px;
  padding: 3px;
}
#mapaUbicacion {
  position: absolute;
  top: 860px;
  left: 530px;
  width: 50px;
  height:50px;
}
#mapaUbicacion a {
  background: url(../images/iconoMapaUbicacion.gif) no-repeat;
  border:none;
}
#mapaUbicacion p {
  text-align: left;
  color: #000;
  font-size: 11px;
  font-weight: bold;
  margin-left:52px;
  margin-top:-54px;
}
.iframe {
	background-color:#D4CAB6;
}
.tblPrincipal{
  color: #504634;
  font-size: 11px;
  width:272px;
  height:10px;
}
.tblTitulo{
	font-weight: bold;
	width:272px;
	height:10px;
	color:#F0F0E1;
}
.tblTexto{
	background-color:#F0F0E1;
	width:272px;
	height:10px;
	color:#504634;
	text-align:justify;
}
#tablaContenido{
	width:460px;
	height:auto;
	background-repeat: repeat-y;
	background-color:#FFFFFF;	
}
/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat;}
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right;background-color:#D4CAB6; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 10px;
font-size: 1px;
}
.rbcontent { margin: 0 7px;height:910px; }
.rbroundbox { width: 670px; margin: 1em auto; }

#barraQuienesSomos{
	position:absolute;	
	top:90px;
	left:125px;
	width:18px;
	height:260px;
	background: url(../images/barraQuienesSomos.jpg) no-repeat;	
}
#barraServicios{
	position:absolute;	
	top:85px;
	left:125px;
	width:18px;
	height:180px;
	background: url(../images/barraServicios.jpg) no-repeat;	
}
#barraDeInteres{
	position:absolute;	
	top:90px;
	left:125px;
	width:18px;
	height:220px;
	background: url(../images/barraDeInteres.jpg) no-repeat;	
}
#barraRecorridoPrincipal{
	position:absolute;	
	top:95px;
	left:15px;
	width:18px;
	height:230px;
	background: url(../images/barraRecorridoPrincipal.jpg) no-repeat;	
}
#barraRecorridoQuirofanoImagen{
	position:absolute;	
	top:100px;
	left:230px;
	width:18px;
	height:270px;
	background: url(../images/barraQuirofanoImagen.jpg) no-repeat;	
}
#barraRehabilitacionNuclear{
	position:absolute;	
	top:335px;
	left:15px;
	width:18px;
	height:255px;
	background: url(../images/barraRehabilitacionNuclear.jpg) no-repeat;	
}
#barraPlanos{
	position:absolute;	
	top:395px;
	left:230px;
	width:18px;
	height:60px;
	background: url(../images/barraPlanos.jpg) no-repeat;	
}
#barraSaludSeguridad{
	position:absolute;	
	top:230px;
	left:120px;
	width:18px;
	height:260px;
	background: url(../images/barraSaludSeguridad.jpg) no-repeat;	
}
#fotoBebe{
	position:absolute;
	top:90px;
	left:165px;
	width:130px;
	height:130px;
}
#marcoFotoBebe{
	position:absolute;
	top:90px;
	left:155px;
	width:150px;
	height:140px;
}
#barraInferiorBebe{
	position:absolute;
	top:400px;
	left:155px;
	width:150px;
	height:140px;
}
div#qTip {
 padding: 1px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background-color:#FF9933;
 color: #000000;
 font: bold 10px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}
div#emergencia{
	position:absolute;
	top:90px;
	left:272px;
	width:100px;
	height:89px;
	background: url(../images/advertencia.jpg) no-repeat;		
}
.letraSitio{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF9933;
	font-weight:bold;
}
a.linkNoticiaPrincipal:link {text-decoration: underline;font-weight:bold;}
a.linkNoticiaPrincipal:visited {text-decoration: underline;font-weight:bold;}
a.linkNoticiaPrincipal:hover {text-decoration: underline;color:#CC6600;}
a.linkNoticiaPrincipal:active {text-decoration: none;}