/***************** CSS Div Positions *****************/

#header {
width: 850px;
height:15px;
margin-left: auto;
margin-right: auto;
overflow:auto;
}

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

#left {
width: 275px;
padding-left:15px;
float: left;
}

#logo {
width: 275px;
text-align: center;
}

#bookings {
margin-top:15px;
width: 275px;
}

#language {
margin-top:15px;
width: 275px;
text-align: center;
font-weight: bold;
color: #333333;
}

#corporate {
margin-top:10px;
padding:5px 0px 0px 10px;
width: 266px;
height:30px;
text-align:center;
}

#situacion {
margin-top:10px;
padding:5px 0px 20px 10px;
width: 275px;
height:175px;
background: url('../images/bg_situacion.gif');
background-repeat:no-repeat; 
}

#right {
width: 535px;
float: right;
}

#main_pic {
width: 535px;
}

#menu {
margin-top:1px;
margin-bottom:15px;
width: 535px;
float: left;
}

#inicio {
width: 40px;
height:20px;
text-align:center;
background: url('../images/bg_inicio.gif');
float: left;
margin-right: 1px;
}

#apartamentos {
width: 96px;
height:20px;
text-align:center;
background: url('../images/bg_apartamentos.gif');
float: left;
margin-right: 1px;
}

#servicios {
width: 63px;
height:20px;
text-align:center;
background: url('../images/bg_servicios.gif');
float: left;
margin-right: 1px;
}

#historia {
width: 65px;
height:20px;
text-align:center;
background: url('../images/bg_situacion_top.gif');
float: left;
margin-right: 1px;
}

#ofertas {
width: 55px;
height:20px;
text-align:center;
background: url('../images/bg_ofertas.gif');
float: left;
margin-right: 1px;
}

#reservas {
width: 65px;
height:20px;
text-align:center;
background: url('../images/bg_reservas.gif');
float: left;
margin-right: 1px;
}

#opiniones {
width: 129px;
height:20px;
text-align:center;
background: url('../images/bg_opiniones.gif');
float: left;
margin-right: 1px;
}

#main_text {
width: 535px;
}

#main_book {
width: 850px;
float:left;
}

#spacer {
width: 500px;
margin-top:15px;
height:1px;
background-color:#CCCCCC;
float:left;
}

#ofertas_bottom {
width: 535px;
margin-top:15px;
}

#ofertas_bottom_01 {
width: 167px;
height: 167px;
margin-top:10px;
padding: 5px 5px 5px 5px;
background: url('../images/bg_ofertas_bottom.gif');
background-repeat:no-repeat;
float:left;
}

#newsletter {
width: 535px;
margin-top:15px;
float:left;
}

#footer {
width: 535px;
margin-top:15px;
text-align:center;
background-color:#CCCCCC;
float:left;
}

/***************** CSS Styles *****************/

body {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background: url('../images/bg_home.gif');
}

h1 {
color:#00006A;
font-size: 14px;
font-weight: bold;
}

h2 {
color:#00006A;
font-size: 12px;
font-weight: bold;
}

#left h2 {
color:#00006A;
text-align:center;
font-size: 12px;
font-weight: bold;
}

#menu a {
color: #FFFFFF;
font-size:12px;
text-decoration:none;
}

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

#language a {
color: #00006A;
text-decoration:underline;
}

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

#ofertas_bottom_01 a {
color: #A58C27;
text-decoration:none;
}

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

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

#footer li{
list-style-type:none;
display:inline;
margin-right:10px;
}

#footer a {
color: #000000;
font-size:10px;
text-decoration:none;
}

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

.mejor_precio {
color:#00006A;
font-size: 16px;
font-weight: bold;
}

/***************** CSS Slideshow *****************/

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

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
width:520px;
height:239px;
}

#slideshow IMG.active {
z-index:10;
width:520px;
height:239px;
}

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


/***************** CSS Rooms Offers *****************/

.room_information {
	padding-left:5px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:8px;
	float:left;
	width:490px;
}

.room_information:hover {
background-color:#CCCCCC;
}

.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: #00006A;
	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-bottom: 5px;
	padding-right: 10px;
	float:left;
}
.price_number {
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
	float:left;
	padding-top: 5px;
}

/***************** CSS Rooms 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:510px;	
}

.variation_group:hover {
background-color:#EEEEEE;
}

.variation_group a{
	font-size: 11px;
	color: #00006A;
}

.variation_group a:hover{
	font-size: 11px;
	color: #00006A;
	text-decoration: none;
}
.variation_group h3{
	color: #00006A;
	padding:0px;
	margin:0px;
	font-size: 12px;
	font-weight: bold;
}
.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 .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: #00006A;
	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;
	height:20px;
	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;
}