/* Layers Document */

#main {
	width:800px;
	background-color:#FFFFFF;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	overflow:auto;
	}


#main_frames {
	width:800px;
	background-color:#FFFFFF;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	overflow:auto;

}

#left {
	width:270px;
	float:left;
	height: auto;
	background-color: #FFFFFF;
}

#logo {
width:270px;
height:125px;
float:left;
}

#menu_left {
width:270px;
height:290px;
float:left;
background: url('../images/bg_left_menu.jpg'); 
}

#menu_left_hotel {
width:270px;
height:290px;
float:left;
background: url('../images/bg_left_menu_hotel.jpg'); 
}

#menu_left_rooms {
width:270px;
height:290px;
float:left;
background: url('../images/bg_left_menu_rooms.jpg'); 
}

#menu_left_servicios {
width:270px;
height:290px;
float:left;
background: url('../images/bg_left_menu_servicios.jpg'); 
}

#menu_left_entorno {
width:270px;
height:290px;
float:left;
background: url('../images/bg_left_menu_entorno.jpg'); 
}

#menu_left_comentarios {
width:270px;
height:290px;
float:left;
background: url('../images/bg_left_menu_comentarios.jpg'); 
}



#menu_reservar {
width:257px;
height:30px;
float:left;
margin: 0px 0px 2px 0px;
padding: 5px 0px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
background-color:#333333;
color:#FFFFFF;
filter:alpha(opacity=40);
-moz-opacity:0.40;
}

#menu_ofertas {
width:257px;
height:30px;
float:left;
margin: 0px 0px 2px 0px;
padding: 5px 0px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
background-color:#333333;
color:#FFFFFF;
filter:alpha(opacity=40);
-moz-opacity:0.40;
}


#menu_situacion {
width:257px;
height:30px;
float:left;
padding: 5px 0px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
background-color:#333333;
color:#FFFFFF;
filter:alpha(opacity=40);
-moz-opacity:0.40;
}

#menu_comentarios {
width:257px;
height:30px;
float:left;
margin: 2px 0px 0px 0px;
padding: 5px 0px 0px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
background-color: #333333;
color:#FFFFFF;
filter:alpha(opacity=40);
-moz-opacity:0.40;

}

#reservas {
width:270px;
height:100%;
float:left;
background-color:#FFFFFF;
}

#motor_reservas {
float:center;
background-color:#EEEEEE;
padding: 10px;
margin: 10px;
height:auto;
}

#tripadvisor {
float:left;
background-color:#FFFFFF;
padding: 0px;
margin: 0px;
}


#right {
	width:530px;
	float:right;
	background-color: #FFFFFF;
	overflow:hidden
}

#menu_top {
width:530px;
height:25px;
background-color:#B0A888;
padding: 10px 0px 0px 0px;
}

#main_pic {
width:530px;
height:100%;
}

#main_pic_frames {
	background-color:#FFFFFF;
	width:530px;
	height:100%;
}

#main_text {
	background-color:#FFFFFF;
	width:530px;
	float: left;
}

#main_text_content {
	background-color:#FFFFFF;
	width:530px;
	float: left;
}

#text {
background-color:#FFFFFF;
color:#5B5B5B;
margin:10px;
}

#footer {
	width:820px;
	height:30px;
	color:#5B5B5B;
	font-size:11px;
	text-align:center;
	background-color:#DCD8C2;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 5px;
	
}

/* Styles Document */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background: url('../images/bg-main.gif') center top;
}

h1 {
	font-size:24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 500;
	font-style: italic;
	font-variant: normal;
}

h2 {
font-size:14px;
}

.entradilla {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 500;
	font-style: italic;
	font-variant: normal;
		color:#5B5B5B;

}

a {
color:#615211;
text-decoration: none;
}

a:hover {
color:#615211;
text-decoration: none;
}

a:visited {
color:#615211;
text-decoration: underline;
}

.title_reservas {
font-size:20px;
color:#615211;
}

#menu_top ul {
display:inline;
width:auto;
}

#menu_top li {
display:inline;
list-style-type:none;
font-size:14px;
color:#605110;
margin-right:8px;
}

#menu_top a {
color:#605110;
text-decoration: none
}

#menu_top a:hover {
color:#615211;
border-bottom:4px solid;
}

#menu_top .on {
color:#615211;
border-bottom:4px solid;
}

.menu_left a {
color:#FFFFFF;
text-decoration: none
}

.menu_left a:hover {
color:#999999;
}

.menu_left a:visited {
color:#FFFFFF;
}


#footer a {
color:#5B5B5B;
text-decoration: none
}

#footer a:hover {
color:#999999;
}

#footer a:visited {
color:#999999;
}
/* slideshow */

#slideshow {
	 position:relative;
	height:380px;
	clear:left;
	margin-top:0px;
}

#slideshow IMG {
   position:absolute;
    top:0;
    left:0;
    z-index:8;
	width:530;
	height:380;
}

#slideshow IMG.active {
    z-index:10;
	width:530;
	height:380;
		
}

#slideshow IMG.last-active {
    z-index:9;
}

/* idioma */
.idioma{
	width:100%;
	overflow:auto;
	letter-spacing: 1px;	
	margin-right:10px;
}
ul#translation{
	list-style:none;
	float:right;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	display:inline;
	font-size:11px;	
}
ul#translation li{
	float:left;
	padding: 5px 5px;
}
ul#translation a{
	padding-left:10px;
	color:#615211;
}

/* rooms offers */

.room_information {
	padding-left:5px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	border: 1px solid #615211;
	margin-bottom:8px;
	float:left;
	width:95%;
}
.room_information:hover {
	background-color:#ebebdb;
}
.room_information p {
}

.room_information img {
	border:1px solid #CCCCCC;
	padding:2px;
	float:left;
	display:inline;
	width: 70px;
	height:70px;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;	
}

.room_information h4{
	font:bold 12px;
	color: #615211;
	margin:0px;
	padding: 0px 0 8px;
	font-size:1.1em;
	font-weight: 600;
}
.room_description {
	font-size: 11px;
	color: #666666;
	padding-top: 5px;
	float:none;		
}
.room_description p{
	font-size: 11px;
	color: #666666;
	padding-top: 5px;
	float:none;
}
.hotel_price {
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	float:left;
}
.price_number {
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
	float:left;
	padding-top: 5px;
}

/* rooms for variations */
.variation_group {
	padding-left:5px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:auto;
	border: 1px solid #CCCCCC;
	margin-bottom:10px;
	float:left;
	width:98%;	
}
.variation_group:hover {
	background-color:#EFEFEF;
}
.variation_group h3{
	color: #666666;
	padding:0px;
	margin:0px;
	font-size: 1.2em;
	font-weight: 600;
}
.var_from_price {
	color: #666666;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 5px;
	padding-right: 10px;
}
.var_price_number {
	color: #FF6600;
	font-weight: bold;
	padding-top: 5px;
	}
.variation_room_information p{
	font-size: 12px;
	margin: 0px 10px 10px;
	color: #333333;
}
.variation_room_information {
	font-size: 12px;
	margin: 0px 10px 10px;
	color: #333333;
}
.variation_group:hover .room_information {
	border-top: 1px solid #CCCCCC;	
}
.variation_group img {
	border:1px solid #CCCCCC;
	padding:2px;
	float:left;
	width: 70px;
	height:70px;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.variation_group h4{
	font-size: 1.1em;
	font-weight: 600;
	color: #666666;
	clear:none;
	padding:4px 0px 8px 0px;
	margin:0px;	
}
.room_variations {
	border-top: 1px solid #CCCCCC;
	border-bottom:0;
	border-right:0;
	border-left:0;
	font: normal 14 px;
	color: #333333;
	float:left;
	margin-top:5px;
	width:100%;
}
.room_variations img {
	border:1px solid #CCCCCC;
	padding:2px;
	width: 50px;
	height:50px;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
	float:left;
}
/* show/hide button */
#showhide  {
	float:right;
	padding:3px 8px 3px 8px;
	margin-right:5px;
	border:1px solid #CCCCCC;
	}
#showhide:hover {
	border: 2px solid #FFFFFF;
}
.showhide_button_text {
	cursor: pointer;
	font-weight: normal;
	text-transform: capitalize;
	white-space: nowrap;
	font-size: 12px;
	text-decoration: none;
	color: #454545;
	vertical-align:middle;
}	
/* book now button arrow */
a.booknow:hover {
	text-decoration:none;
	background: #acac77;
	color:#FFFFFF;
	border: 1px solid #615211;
}
a.booknow {
	float:right;
	clear: left;
	height:20px;
	margin:10px 5px 0;
	padding:3px 5px 1px 5px;
	background: #c6c69d;
	color:#FFFFFF;
	cursor:hand;
	text-decoration:none;
	text-transform: capitalize;
	border: 1px solid #615211;
}
/* book now button arrow */
#header .hotel{
	float:none;
}

#rooms {
	background:#FFFFFF none repeat scroll 0 0;
	color:#333333;
	font-family: Verdana, Arial, Helvetica, "Lucida Grande","Lucida Sans Unicode", sans-serif;
	font-size:12px;
	margin:0 auto 0;
	max-width:900px;
	min-width:300px;
	overflow:hidden;
	text-align:left;
	height:100%;
}
/* calendar */
.togglecal:hover {
	text-decoration:underline;
	background: #CCCCCC;
	color:#666666;
	border: 1px solid #666666;
}
.togglecal {
	float:left;
	clear:left;
	height:20px;
	margin:10px 5px 0 0px;
	padding:3px 4px 3px 4px;
	background: #FFFFFF;
	cursor:pointer;
	text-decoration:underline;
	text-transform: capitalize;
	border: 1px solid #CCCCCC;
	text-align: center;
	color: #333333;
	font: 12px;
	white-space: nowrap;
	vertical-align:middle;
}
