* { margin: 0; padding: 0;}
body {
	background-color: #E1D7BE;
	background-image:url(../img/fondo.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	color: #f0f0f0;
	text-align:center;
	margin-top:10px;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
}

h1{
margin:0;
padding:0;
font-size:16px;/*16 px con arial*/
color: #F1C9CE;
margin-bottom:5px;
}

p{
margin:0;
padding:0;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

img {
margin:0;
padding:0;
}

a {
	font-size: 12px;
	color: #fff;
}

form {
margin:0;
padding:0;
}
.formbtn{
margin:5px;
font-size:12px;
}
ul{
margin:0;
padding:0;
}

.formtextbox{
margin:0;
padding:0;
	font-size:10px;
}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
 background-color: #99CC00; color: #003333;}

.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
 color: #003300;}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	background-color: #669900;
 color: #FFFF33;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #CCFF99;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	padding: 3px;
	background-color: #FFFFCC;
 color: #003333;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #003300;
	background-color: #FFFF66;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFF99;
 font-style: italic;
}



.legal {
	font-family: Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-width: thin;
	border-color: #99FF99 #003300 #003300 #99FF99;
 border-style: double;
 }

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
 color: #660000; font-weight: bolder; font-size: medium;
 }

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}
/*--------------------------------------------- */

.globalnav, .rootnav {
clear:both;
margin:0;
padding:0;
width:719px; /*el total del ancho es 729*/
margin-left:auto;
margin-right:auto;
text-align:center;
padding-left:10px;
}
.globalnav ul, .rootnav ul {
margin:0;
padding:0;
list-style-type:none;
display:block;
margin-left:auto;
margin-right:auto;
color:#333333;
}

.globalnav li, .rootnav li {
float:left;
color:#333333;/*color:#6D6C6A; antes*/
margin-right:10px;
margin-top:22px;
}
.rootnavbottom li{
margin-top:0px;
}
li.active{
float:left;
color:#6D6C6A;
margin-right:15px;
margin-top:0px;
background-image:url(../img/logoactiva.gif);
background-repeat:no-repeat;
background-position: top center;
}
.active img{
display:block;
}
.active a{
display:block;
margin-top:22px;
}

.rootnav li {
float:right;
}

.globalnav li a, .rootnav li a{
color:#333333;
}
.globalnav li a:hover, .rootnav li a:hover{
color:#5C0104;
}
/*---- RESERVACIONES HOME ----*/

.reservationform_h{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
text-align: center;
}

.reservationform_h p{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 19px;
}

.reservationform_h select{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal; 
}

#res_title_h{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold; 
margin-top: 5px;
margin-bottom: 5px;
line-height: 17px;
}

#res_row1_h{
width: 100%;
clear: both;

}

#res_name_h{
float: left;
width: 240px;
text-align: left;

}

#res_email_h{
float: right;
width: 240px;
text-align: left;

}


#res_row2_h{
width: 100%;
clear: both;
}

#res_entrada_h{
float: left;
width: 240px;
text-align: left;

}

#res_salida_h{
float: right;
width: 240px;
text-align: left;

}

.error-message{
margin: 0;
padding: 0;
color: #ff9999;
line-height: 17px;
}
#flashMessage{
margin: 0;
padding: 0;
line-height: 17px;
}
.spacesep{
margin: 0;
padding: 0;
width:10px
}
/*--- RESERVACIONES ---*/

.reservationform{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
text-align: center;
}

.reservationform p{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
}

.reservationform select{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal; 
}

#res_title{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold; 
margin-top: 5px;
margin-bottom: 5px;
}

#res_row1{
width: 100%;
clear: both;

}

#res_name{
float: left;
width: 205px;
text-align: left;

}

#res_email{
float: right;
width: 205px;
text-align: left;

}


#res_row2{
width: 100%;
clear: both;
}

#res_entrada{
float: left;
width: 205px;
text-align: left;

}

#res_salida{
float: right;
width: 205px;
text-align: left;

}

#res_text{
margin-top: 5px;
margin-bottom: 5px;
line-height: 17px;


}


.reservationform td{
font-size:12px;
font-weight: normal;
}






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

.rootimg{
border: 3px solid #fff;
}
.content {
margin:0;
padding:0;
position:relative;
clear:both;
background-image: url(../img/content_729x455.gif);
background-repeat:no-repeat;
background-position:  center top;
width:729px;
height:455px;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
}

.logo{
margin:0;
padding:0;
float:left;
width: 259px;/*279px*/
clear: none;
position: absolute;
top: 0px;
left: 0px;
}

.logo img{
margin:0;
padding:0;
display:block;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}


.logo_home{
margin:0;
padding:0;
float:left;
width: 259px;
position: absolute;
top: 0px;
left: 0px;
}

.logo_home img{
margin:0;
padding:0;
display:block;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}

.textandimages{
margin:0;
padding:0;
float: right;
width:421px;
font-size: 12px;
font-weight:normal;
text-align: center;
margin-right: 25px;

}

.textandimages img{
clear:both;
margin:0;
padding:0;
display:block;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}

.textandimages_bp{
margin:0;
padding:0;
float: right;
width:421px;
font-size: 12px;
font-weight:normal;
text-align: center;
margin-right: 25px;
margin-top:15px;

}

.textandimages_bp img{
clear:both;
margin:0;
padding:0;
display:block;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}

.textandimages_home{
margin:0;
padding:0;
float: right;
width:440px;
font-size: 12px;
font-weight:normal;
text-align: center;
margin-right: 25px;

}

.textandimages_home img{
clear:both;
margin:0;
padding:0;
display:block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

.slideshow {
margin:0;
padding:0;
margin-top: 10px;
}
.slideshow img{
margin:0;
padding:0;
display:block;
margin-left: auto;
margin-right: auto;
}
.text{
clear:both;
margin:0;
padding:0;
float:left;
text-align: left;
line-height: 14px;
width: 200px;
margin-top:25px;

}
.images{
margin:0;
padding:0;
float: right;
margin-top:25px;
}
.images img{
margin:5px;
padding:0;
border: 3px solid #fff;
}

.footer {
clear:both;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6D3331;
	line-height:16px;
	font-weight:normal;

}

.footer p {
margin:0;
padding:0;
}
.sep {
margin:0;
padding:0;
margin-top:10px;
margin-bottom:10px;
margin-left: auto;
margin-right: auto;
}


#rates {
margin:0;
padding:0;
height:60px;

}
#timbre {
margin:0;
padding:0;
width:60px;
height:60px;
margin-left: auto;
margin-right: auto;
}

#timbre a {
margin:0;
padding:0;
display:block;
width:60px;
height:60px;
background-image: url(../img/timbre01.gif);
background-repeat:no-repeat;
}



#timbre a:link{
background-image: url(../img/timbre01.gif);
}
#timbre a:hover{
background-image: url(../img/timbre02.gif);
}

#rooms {
margin:0;
padding:0;
width:680px;
margin-left: auto;
margin-right: auto;
line-height: 19px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal; 
}


#rooms p{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal; 
}


#amenities {
margin:0;
padding:0;
float:left;
width: 250px;
text-align:left;
margin-left: 20px;
line-height: 19px;

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal; 

}

#amenities ul {
margin-left: 25px;
}

#logosmall {
margin:0;
padding:0;
float:left;
font-weight:normal;

}

#services {
margin:0;
padding:0;
float:right;
width: 250px;
text-align:left;
margin-right: 20px;
line-height: 19px;

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal; 

}

#services ul {
margin-left: 25px;
}


#bienvenidos{
margin:0;
padding:0;
font-size:28px;
color: #F1C9CE;
margin-bottom:5px;
}


#booklink{
display:block;
margin:0;
padding:0;
width:90px;
height:60px;
margin-left: auto;
margin-right: auto;
}
#breakfast{
margin-top:15px;
}
#home_slideshow{
margin-top:5px;
}



#roomthumbs {
clear:both;
margin:0;
padding:0;
width:719px; /*el total del ancho es 729*/
margin-left:auto;
margin-right:auto;
text-align:center;
padding-left:10px;
}
#roomthumbs ul {
margin:0;
padding:0;
list-style-type:none;
display:block;
margin-left:10px;

}

#roomthumbs li {
float:left;
margin-right:5px;
margin-top:22px;
}
#roomthumbs img {
margin:0;
padding:0;
border: 1px solid #ffffff;
}

.habimg {
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
height: 375px;
}
.habimg img{
padding-top:25px;
display:block;
margin-left:auto;
margin-right:auto;

}
.imgnav{
clear:both;

}

.previous{
float:left;
margin:0;
padding:0;
margin-left:55px;
padding-top: 5px;

}
.next{
float:right;
margin:0;
padding:0;
margin-right:55px;
padding-top: 5px;

}


.mapflash {
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
padding-top:25px;


}

div.telephone {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
margin-top:15px;
float:right;
background-image: url(../img/telephone_bg.gif);
width:200px;
height:25px;
font-size:10px;
}

div.toggle_sound {
position: absolute;
bottom: 10px;
left: 20px;
}


/*----contacto----*/

#contact_col1{
float: left;
width: 50%;
text-align: left; 
}

#contact_col1 p{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal; 
}

#contact_col2{
float: right;
width: 45%;
}

#contact_col2 p{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal; 
}

/*----textosd de buenprovecho----*/
#buenprovechotext{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal; 
line-height: 17px;
}

#bonappetittext{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal; 
line-height: 12px;

}

/*----textosd de habitaciones----*/
#habimgtxt{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal; 
}