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

body {
margin-top:5px;
padding:0; 
text-align:center;
background: #b9975a url(imagenes/bg_body.jpg) top left repeat-x;} 

#contenedor { 
text-align:left; 
margin:auto;
width:800px; 
height:auto;
background:transparent;} 

#header { 
width: 820px; 
height:149px;
float: left;
background: url(imagenes/bg_head.jpg) top left no-repeat;
position:relative;}

#header h1 a{
margin:0;
display: block;
overflow:hidden;
text-indent:-2000px;
background: url(imagenes/logo.png) top left no-repeat;
height: 97px;
width: 372px;
position: absolute;
top: 35px;
left:25px;}

#header h2{
margin:0;
display: block;
overflow:hidden;
text-indent:-2000px;
background:
url(imagenes/telefonos.jpg) top left no-repeat;
height: 123px;
width: 267px;
position: absolute;
top: 25px;
left: 525px;}

#sub_header { 
width: 820px; 
height:300px;
float: left;
background: url(imagenes/bg_slider.png) top left no-repeat;
position:relative;}

#menu { 
width:820px; 
height:50px;
float:left;
background: url(imagenes/bg_menu.png) top left no-repeat;}

#galeria{
width: 550px;
height: auto;
float: left;
background:transparent;
position:relative;}

#galeria2{
width: 550px;
height: auto;
float: left;
background:transparent;
position:relative;}

#galeria li, #galeria2 li { 
display:inline; 
float:left; 
width:200px;
height:150px; 
background:#C00; 
padding:5px; 
margin:10px; 
text-align:center;}

/*------------------------MENU---------------------*/

#nav { 
background:url(imagenes/bg_menu.png) top left no-repeat;
width:820px; 
height:50px; 
margin:0;
padding:0;}

#nav span { display: none; }

#nav li, #nav a { height:50px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; display:inline; }



#nav-01 { width: 63px; margin-left:22px;}

#nav-02 { width: 122px;}

#nav-03 { width: 88px;}

#nav-04 { width: 97px;}

#nav-05 { width: 76px;}

#nav-06 { width: 75px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */

#nav-01 a:hover { background:url(imagenes/bg_menu.png) -22px -50px no-repeat; }

#nav-02 a:hover { background:url(imagenes/bg_menu.png) -85px -50px no-repeat; }

#nav-03 a:hover { background:url(imagenes/bg_menu.png) -207px -50px no-repeat; }

#nav-04 a:hover { background:url(imagenes/bg_menu.png) -295px -50px no-repeat; }

#nav-05 a:hover { background:url(imagenes/bg_menu.png) -392px -50px no-repeat; }

#nav-06 a:hover { background:url(imagenes/bg_menu.png) -468px -50px no-repeat; }

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

#slider {
width: 739px; 
height:250px;
float: left;
position: absolute;
left:41px;
top:20px;}

#contenido {
width:820px;
height:auto;
float:left;
background: url(imagenes/bg_contenido.png) top left repeat-y ;}

#home, #habitaciones, #servicios, #ubicacion, #tarifas, #galerias {
width:560px;
height:auto;
float:left;
clear: left;
margin:0 0 0 10px;} 

#home h1 {
text-indent: -3000px;
background: url(imagenes/h1.jpg) no-repeat 0px 0px ;
width:300px;
height:100px;
margin:0 0 0 20px;}

#habitaciones h1 {
text-indent: -3000px;
background: url(imagenes/h1.jpg) no-repeat 0px -100px ;
width:300px;
height:100px;
margin:0 0 0 20px;}

#servicios h1 {
text-indent: -3000px;
background: url(imagenes/h1.jpg) no-repeat 0px -200px ;
width:300px;
height:100px;
margin:0 0 0 20px;}

#ubicacion h1 {
text-indent: -3000px;
background: url(imagenes/h1.jpg) no-repeat 0px -300px ;
width:300px;
height:100px;
margin:0 0 0 20px;}

#tarifas h1 {
text-indent: -3000px;
background: url(imagenes/h1.jpg) no-repeat 0px -400px ;
width:300px;
height:100px;
margin:0 0 0 20px;}

#galerias h1 {
text-indent: -3000px;
background: url(imagenes/h1.jpg) no-repeat 0px -500px ;
width:300px;
height:100px;
margin:0 0 0 20px;}

#der_col {
width:230px;
height:auto; 
float: left;
clear:right;
background: transparent;
margin:0 10px 0 0;
padding:0 10px 0 0;}

#der_col p{
font-size:13px;
padding:10px 10px 0 0;
font-family: Arial, Helvetica, sans-serif ;
color: #000;
font-weight:400}

#mapa { 
width: 400px;
height:700px;
padding: 20px;
margin:20px 0 50px 60px;
float: left;
background:#C00;
position:relative;}

#menu_abajo{
margin:20px 0 0 0;
padding:0 0 0 130px;
text-align:center;
width:820px;
height:50px; 
float: left;
background:url(imagenes/bg_menu_abajo.png) top left no-repeat;}

#pie {
background: url(imagenes/bg_pie.png) left top no-repeat;
clear:both; 
width:820px; 
height:88px;}

p{
font-size:13px;
padding:10px 10px 0 20px;
font-family: Arial, Helvetica, sans-serif ;
color: #000000;
font-weight:400;}

p strong{color: #C00;}

li{
font-size:13px;
font-family: Arial, Helvetica, sans-serif ;
list-style-type: square;}

p a{color:#C00;
text-decoration:none;}

p a:hover{ color:#0066FF;}

#pie p {
padding:10px 10px 0 10px;
color:#000;}

#pie p a{
text-decoration:none;
padding:0 0 0 0;
font-family: Arial, Helvetica, sans-serif ;
color:#C00;
font-weight:400;}

#pie p a:hover{ color: #000;}

h2 {
color: #000;
padding:15px 10px 0 30px;
font-family: Arial, Helvetica, sans-serif; 
font-weight:400;}

.style1 {font: bold 16px Arial;
	color:#4b448b;}
	
.style1 a{font: bold 16px Arial;
	color:#D12947; text-decoration:none;}	

.style1 a:hover{font: bold 16px Arial;
	color:#4b448b; text-decoration:none;}
	
.style2 {font: bold 13px Arial;
	color: #0033FF;}
	
/*---------------------menu pie-----------------*/

.menupie{
margin:0;
padding:15px 0 0 15px;
float: left;
font:700 14px Arial, Helvetica, sans-serif;
width: 100%;
overflow: hidden;}

.menupie li{
list-style: none;
display: inline;}

.menupie li a{
float: left;
color:#ffc;
margin:0;
padding: 0 10px 10px 17px;
text-decoration: none;}

.menupie li a:visited{
color:#FFF;}

.menupie li a:hover{
color:#000;}
/*------------------------------------------*/