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

/*Layout*/
body{
margin:0;
text-align:center;


background:#660000 url(imagenes/bg_body.jpg) left top repeat-x;
}

h1{
font: bold 18px"Trebuchet MS", Arial;
color:#CC3300;
}

h2{
font: bold 14px"Trebuchet MS", Arial;
color:#CC3300;
margin:0px;
}
.ancho{
width:800px;
}
#contenedor{
border:1px solid #FFFFFF;
background-color:#333333;
text-align:left;
margin:auto;
float:left;
height:inherit;

}
#contenido {
    float:left;
	background-color:#F3F3E4;
	
	padding:0px;
}
#contenido p{
   font:normal 12px "Trebuchet MS", Arial;
}
#colIzquierda{
   float:left;
    width:200px; 
	margin:10px 0 0 10px;
	padding:0 0 10px 0;
   }
#colDerecha {
   float:left;
   width:520px;
   padding:10px;
}   
#animacionFlash{
margin:auto;
}

#iconos {
float:left;
}
#principal{
margin:auto;
text-align:center;
}
#header{
height:auto;
background-color:#333333;
float:left;
}

#fotos {
float:left;
width:500px;

}

#ubicacion{
	float:left;
	width:220px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
#foto{
background:url(imagenes/01.jpg) left top no-repeat;
height:280px;
float:left;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;

}
#footer{
background-color:#993300;
float:left;
clear:both;
text-align:center;
}
#footer_uno{
padding:6px 0 10px 0;
text-align:center;
clear:both;
margin:auto;
}
#logo{
float:left;
}
#llamenos{
float:left;
background-color:#F3F3E4;



heigth:30px;

}

#menu {
float:left;

border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
background:url(imagenes/bg_menu.gif) left top repeat-x;
/*background-color:#990000;*/
margin:0px ;
width:100%;


text-align:center;
}

#menu #navi {  
	list-style:none;
	margin:0;
	padding:0px 0 0 100px;
}
#menu #navi li {
	margin:0 1px 0 0px;
	padding:0;
	float:left;
}
#menu #navi li a {
	display:block; 
	height:34px;
	width:110px;
	padding:16px 0 6px 0;
	text-decoration:none;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;

}

#menu #navi li a:hover {
	color:#F8A698;
	background-color:#CC6600;
}

#menu-hab{
list-style:none;
margin:0;
padding:0;
}

#menu-hab li {
  margin:0;
padding:0;
   font:bold 11px Arial, Helvetica, sans-serif;
   
}

#menu-hab li a {
text-align:center;
 padding:4px 0px 4px 0px;
 display:block;
 
 text-decoration:none;
 background:url(imagenes/vineta.gif) left top no no-repeat;


 color:#575937;
   
}

#menu-hab li a:hover{
  background:#505641;
  color:#FFFFFF;

}

#menu-hab li a:selected  {
}
.menu-habitaciones{display:block}
.menu-habitaciones *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#B8B58E}
.menu-habitaciones1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d9d8bf;
  border-right:1px solid #d9d8bf;
  background:#c6c4a3}
.menu-habitaciones2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #edecdb;
  border-right:1px solid #edecdb;
  background:#c3c09e}
.menu-habitaciones3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c3c09e;
  border-right:1px solid #c3c09e;}
.menu-habitaciones4{
  border-left:1px solid #d9d8bf;
  border-right:1px solid #d9d8bf}
.menu-habitaciones5{
  border-left:1px solid #c6c4a3;
  border-right:1px solid #c6c4a3}
.menu-habitacionesfg{
  background:#B8B58E}
/**/
#sobra {
background:url(imagenes/bg_menu-1.gif) left top repeat-x;
float:left;

width:800px;
text-align:center;
}

#menu-1 {
float:left;


width:740px;
/*background-color:#990000;*/
margin:0 0 0 30px;


text-align:center;
}
#menu-1 #navi-1 {  
	list-style:none;
	margin:0;
	
	
}
#menu-1 #navi-1 li {
	margin:0 0px 0 0px;
	padding:0;
	float:left;
}
#menu-1 #navi-1 li a {
	display:block; 
	height:30px;
	float:left;
	margin:0;
	width:110px;
	padding:14px 0 6px 0;
	text-decoration:none;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-right:1px solid  #993300;
	border-left:1px solid #CC6600;

}

#menu-1 #navi-1 li a:hover {
	color:#F8A698;
	background-color:#CC6600;
}

/***/


#animacionFlash{
float:left;
margin: 0px 0 0px 0;
}
img{
border:none;
}


#reserva td {

font: bold 12px   "Trebuchet MS", Arial, Verdana;
color:#666666;

}



#texto{
	margin:0px;
	padding:0px;
	width:480px;
	float:left;
	
}

#texto p{
font:normal 11px "Trebuchet MS",Arial,Tahoma;
line-height:18px;
color:#000000;
}

#vineta{
margin:0;
padding:0;
list-style:none;
}

#vineta li{
font:normal  11px "Trebuchet MS", Arial;
color:#333333;
}

.dir{
font:bold 10px Arial, Helvetica, sans-serif;
color:#FFFFCC;
}

.imagen{
border:1px solid #FFFFFF;
float:left;
margin:6px;
}

.campo{
font:bold 12px Arial, Helvetica, sans-serif;
color:#993300;
}

body#hotel a.hotel, 
body#item2 a.habitaciones, 
body#reservaciones a.reservaciones,
body#item4 a.galeria, 
body#item5 a.ubicacion,
body#item6 a.contacto {
	text-decoration: none;
	background-color:#990000;
	padding:22px 0px 0px 0;
	color:#F8A698;

	
}

#mapa{
border:4px solid #CC6600;
float:left;
}

.tumbal {
float:left;
width:114px;
height:86px;
margin:8px;

}


.tumbal img {
padding:1px;
background-color:#EAE6D7;
margin:1px;
border:1px solid #AEA073;
}
.tumbal:hover  img {
filter: alpha(opacity=50);
border:1px solid #915B2B;
opacity: .5;
}