@charset "utf-8";
/* CSS Document */


p, ul, li, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; color:#ffffff;}
img{ border:0;}
h1{ font-size:15px; font-weight:bold;}
h2{font-size:14px; font-weight:bold;}
p { font-size:13px;}

html,body,#page {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body{ 
text-align: center; /* IE/Win bug fix */
 background-color:#75695b;
}

* { font-family:Verdana, Arial, Helvetica, sans-serif; }

a { text-decoration:none; outline: none; color:#FFCC00;
}
a:hover { color:#ffffff; text-decoration:none;}


.clear { clear:both}
.nospan { display:none;}


#page {overflow:hidden;}

#outer {
  height:528px;
  width: 100%;
  z-index: 10;
  background: url(imagenes/franja.jpg) repeat-x top center; 
}
.valignmid1 {

  position: relative;
  margin: 0 auto;
}
.valignmid1 {
  display: table;
  vertical-align: middle;
}
.valignmid2 {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
/* end hide */
.valignmid3 {
  position: relative;
}


/* CONTENT */
#content-wrapper {
background: url(imagenes/bkg.png) no-repeat top center;
margin:0 auto; width:825px; height:543px;
position:relative;
}

/* LEFT CONTET */
#left {
float:left; position:relative;
width:160px; height:503px;
margin:20px 0 0 20px;
 }

#logo { background: url(imagenes/logo.jpg) no-repeat top left;
width:160px; height:135px;
margin:20px 0 0 0;
}
#logo h1 a{ 
float: left;
padding: 135px 0 0 0;
overflow: hidden;
width:160px;
height: 0px !important; 
height /**/:135px; /* for IE5/Win only */
text-indent: -999em;
}


#menu {
width:160px; height:210px;
position:absolute; bottom:0; left:0;
}

#nav {list-style:none; overflow:hidden; display:block; margin:0; width:100%; height:161px;}
#nav li { margin:0 0 3px 5px; padding:0 5px 0 0; list-style:none; height:20px;}
#nav li a{ display:block; padding: 20px 0 0 0; width:150px; height: 0px !important; 
overflow: hidden; }
#nav li a:hover, #nav li a.current { background-position: 0 -20px;}

#home a {background:url(imagenes/home.gif) no-repeat top left; }
#deptos a {background:url(imagenes/deptos.gif) no-repeat top left; }
#servicios a {background:url(imagenes/servicios.gif) no-repeat top left; }
#ubicacion a {background:url(imagenes/ubicacion.gif) no-repeat top left; }
#contacto a {background:url(imagenes/contacto.gif) no-repeat top left; }
#reservas a {background:url(imagenes/reservas.gif) no-repeat top left; }
#otras a {background:url(imagenes/otras.gif) no-repeat top left;}

#tour { background: url(imagenes/tour-virtual.jpg) no-repeat top left;
width:160px; height:28px;
margin-top:20px;
}
#tour h2 a{ 
float: left;
padding: 28px 0 0 0;
overflow: hidden;
width:160px;
height: 0px !important; 
height /**/:28px; /* for IE5/Win only */
text-indent: -999em;
}
 /* RIGHT CONTET */
#right { 
float:left;
width:625px;
height:503px;
margin:20px 0 0 0;
text-align:left;
 }

#principal { background:url(imagenes/bkg-home.jpg) no-repeat top left;
width:100%; height:100%;}
#ubicaciones { width:100%; height:100%; background:#5B5750; position:relative;}
#ubicaciones h2{ width:100%; height:63px; background: url(imagenes/ubicacion-titulo.png) no-repeat top center;}
.foot-plano { font-size:11px; color:#CCCCCC; margin:0 5px; }
.foot-plano b{ font-weight:normal;}
#indicaciones { position:absolute; top:5px; right:0;}


#ce { position:absolute; bottom:-20px; right:20px; background:url(imagenes/ce.png) no-repeat top right;
padding: 36px 0 0 0;
overflow: hidden;
height: 0px !important;
width:154px;
height /**/:36px; /* for IE5/Win only */
margin-top:5px;
}
#ce:hover {
background-position: 0 -38px;
}