/* CSS Document */
body { background-color:#574F4C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#574F4C; }

* { margin:0; padding:0;}

.contentDataHab ul { padding-left:30px;}
img { border:0; }
p { vertical-align:middle;}
h1 span{ display:none}
h2 { font-size:17px; font-weight:normal; margin-bottom:22px;}
h2 span { display:none; height:0}

ul.ulVin{list-style:disc; list-style-type:disc; list-style-position:inside;}
ul.ulVin div{ text-align:left; float:left;}
ul.ulVin li{ float:left; width:100%;}
address 
{	background:#E3E4DD; 
		font-style:normal;
		color:#766D6A;
		float:left;
		font-size:14px;
		height:77px;
		letter-spacing:-1px;
		padding-left:24px;
		padding-top:26px;
		width:186px;
		left:-10px;
		margin-top:5px;
		}	
		
address a { color:#766D6A; text-decoration:none;}
address a:hover { color:#333333;}
.centrado {margin:auto; width:900px;}
.container {border:solid 1px #717171; float:left; height:655px; margin-bottom:15px;}
.head {height:117px; border-bottom: solid 4px #F58038;}
.head img{ float:left; padding-top:6px; padding-left:10px;}

#idiomas { float:right; clear:right; color:#FFFFFF; font-size:14px; padding-top:40px; padding-right:14px; letter-spacing:-1px;}
#idiomas li{display:inline;}
#idiomas li.selected a{color:#B3BE99; padding-left:3px; padding-right:5px;}
#idiomas li a{ text-decoration:none; color:#FFFFFF;  padding-left:3px; padding-right:5px;}
#idiomas li a:hover{ text-decoration:none; color:#B3BE99; }

#form_reservas{ height:31px; background:#E3E4DD; color:#487752; padding-top:3px; width:898px;}
#form_reservas p{ font-size:18px; padding-left:22px; float:left; vertical-align:middle; }
#form_reservas p label{ font-size:14px; margin-left:15px;}
#form_reservas p label span{ font-size:10px; }
#form_reservas p a{margin:0px 15px 0px 0px;color:#487752; font-size:12px;}
#form_reservas p button{background:none; border:none; vertical-align:middle;}
#form_reservas p select{ width:40px;}
#fecha_entrada{width:98px;} 
#noches{width:25px;}

.separador{ clear:both; height:15px; /*margin-bottom:15px;*/}

#cuerpo{ 
/*float:left; background:#E3E4DD; border-top:1px solid #BDBEA5;*/
	float:left; 
	background:#E3E4DD;
	background:#E3E4DD url(../imagenes/fondo1.JPG) ; 
	background-repeat:repeat-y;
	border-top:1px solid #BDBEA5;
}

#cuerpo_bottom{height:103px; background:#E3E4DD url(../imagenes/slogan.gif) scroll 350px center no-repeat; float:left; width:898px;}

#form_contacto{margin-top:50px;}

.data_hotel{background:#D8DFCB none repeat scroll 0%;
				font-size:14px;
				letter-spacing:-1px;
				padding-left:24px;
				padding-top:18px;
				width:187px;
				height:85px;
				color:#766D6A;
				float:left;}
			

.reservar_button{background:url(../imagenes/boton_reservar.gif) no-repeat; width:87px; height:26px; text-decoration:none; color:#FFFFFF; margin:0 0 0px 20px;  font-size:14px; font-weight:bold; text-align:center; border:0;}


.reservar_button_large{background:url(../imagenes/boton_reservar_large.gif) no-repeat; width:187px; height:26px; text-decoration:none; color:#FFFFFF; margin-left:5px; padding-right:15px; font-size:14px; font-weight:bold; text-align:center; border:0; cursor:pointer;}     
.cesta_button{background:url(../imagenes/boton_cesta.gif) no-repeat; width:36px; height:26px; margin-left:20px; border:0;}

.tabla_head {height:25px; text-align:left;}
.cell_1{ width:46%; text-align:right;}
.cell_2{width:18%;}
.cell_3{width:15%;}
.cell_4{width:21%;}


#formContacto{ margin-top:30px;}


#lateral_izq{ float:left; height:500px; width:210px;}

.logo{ float:left; position:relative; top:-140px;  margin-bottom:-50px; width:199px; margin-bottom:-150px; }
.logo a{ float:left; border:none;}
.logo input{ float:left; cursor:pointer; margin:3px 0 0 20px; border:none; background:url(../imagenes/boton_reservar.gif) bottom no-repeat; width:87px; height:25px; text-decoration:none; color:#FFFFFF;font-size:14px; font-weight:bold; text-align:center;}

.logo_interior
{
	margin-left:18px;
}

#lateral_der{ float:right; height:auto; background:#E3E4DD url(/imagenes/bg_fijo_der.jpg) right top repeat-y; overflow:hidden; width:688px;}
#lateral_der_promo{ float:right; background:#E3E4DD url(/imagenes/bg_fijo_der.jpg) right top repeat-y; width:688px;}
#lateral_der_home{ float:right; height:auto; background:#E3E4DD; overflow:hidden; width:688px;}
#lateral_der ol li{ list-style:decimal; list-style-position:inside; padding-left:20px;}
/*#lateral_der ul li{ list-style: square; list-style-position:inside; padding-left:20px;}*/
#lat_con_linea{ border-top:3px solid #BDBEA5;}

#menu_general{ height:400px; background:#BDBEA5; width:211px; float:left;}
#menu_general li{ float:left; width:186px; padding-top:4px; _padding-top:2px; padding-left:25px; }
#menu_general li a{text-decoration:none; color:#574F4C; font-size:14px; padding-bottom:4px; float:left; width:186px; border-bottom:1px solid #E7E6DD; }
#menu_general li a:hover{text-decoration:none; color:#E7E6DD;}

#menu_general li.selected_lateral{ background:url(/imagenes/flechita_menu.gif) 7px 7px no-repeat;}
#menu_general li.selected_lateral a{ color:#E7E6DD}



#menu_general li.selected_lateral ul{ float:left; width:159px; list-style:none;}
#menu_general li.selected_lateral ul li{ width:159px;}
#menu_general li.selected_lateral ul li a{ width:159px; color:#574F4C; font-size:10px;}
#menu_general li.selected_lateral ul li a:hover{ width:159px; color:#E7E6DD;}

#menu_general li.selected_lateral ul li.selected_sec{ background:url(/imagenes/flechita_menu.gif) 7px 7px no-repeat;}

/* MAPA WEB */
#menu_mapa{ width:630px; float:left; margin:30px; font-family:Arial, Helvetica, sans-serif; list-style:none;}
#menu_mapa li{ float:left; width:600px; padding-top:5px; padding-left:25px; background:url(/imagenes/flechita_naranja.gif) 14px 7px no-repeat;}
#menu_mapa li a{text-decoration:none; font-weight:bold; color:#574F4C; font-size:12px; letter-spacing:1px; padding-bottom:5px; float:left; width:600px;  }
#menu_mapa li a span{ font-size:10px; padding-left:30px; font-weight:normal; color:#666; display:none;}
#menu_mapa li a:hover{text-decoration:none; color:#487752;}
#menu_mapa li a:hover span{ display:inline;}

#menu_mapa li ul{ float:left; width:560px; list-style:none;}
#menu_mapa li ul li{ width:560px; padding-left:35px; background:url(/imagenes/vinheta2.gif) 24px 7px no-repeat;}
#menu_mapa li ul li a{ width:560px; color:#574F4C; font-size:10px; font-weight:normal;}
#menu_mapa li ul li a:hover{ width:560px; color:#487752;}


#lateral_der .reservas{ font-size:14px; font-weight:normal; color:#574F4C; letter-spacing:-1px; line-height:20px; padding-left:15px; padding-top:10px; border-top:3px solid #BDBEA5}
#lateral_der .reservas span{ font-size:18px;}
#lateral_der .reservas span p{ margin-bottom:5px; font-weight:bold;}

#lateral_der #coment{ margin-left:15px; padding-top:15px;}
#lateral_der table.reserva_tabla{font-size:14px; font-weight:normal; color:#574F4C; margin-top:15px; margin-left:15px;}
#lateral_der table.reserva_tabla th{ background:#BDBEA5; height:25px; padding-left:5px;}
#lateral_der table.reserva_tabla td{ padding-left:5px; border-bottom:1px solid #BDBEA5;}
#lateral_der table.reserva_tabla tr{ height:35px;}
#lateral_der table.reserva_tabla .detalles a{ text-decoration:underline; font-size:12px; color:#574F4C;}

.linea { border-bottom:3px solid #BDBEA5;}

#lateral_der form div label{ float:left; text-align:right; width:211px; letter-spacing:-1px;}
#lateral_der form div input{ clear:right;
							float:left;
							height:18px;
							margin-bottom:10px;
							margin-left:15px;
							margin-right:200px;
							text-align:left;
							width:203px;}
#lateral_der form div textarea{float:left; text-align:left; clear:right; width:400px; margin-left:15px; height:128px; margin-bottom:10px;}

#lateral_der form div .enviar_button{background:transparent url(../imagenes/boton_reservar.gif) no-repeat scroll 0% 50%;
							border:0pt none;
							color:#FFFFFF;
							font-size:14px;
							font-weight:bold;
							height:26px;
							margin-left:16px;
							padding-left:5px;
							padding-right:5px;
							text-align:center;
							text-decoration:none;
							width:87px;
							cursor:pointer;
}

#content_der{float:left;}

#slogan_img{padding:14px 143px;}
#slogan_img_comun{ padding:14px 40px;}

#imagen_big{height:400px; text-align:center; overflow:hidden;}
#imagen_principal{ margin:auto; vertical-align:middle; max-width:688px;}

#imagen_big p { text-align:center; margin-top:50px; font-size:18px;}

#imagen_promo{height:400px; width:494px; overflow:hidden;}

#imagen_promo p { text-align:center; margin-top:50px; font-size:18px;}

#slider{ vertical-align:middle; float:left; padding:7px 22px; width:646px;}
#slider li{ width:60px; height:60px; overflow:hidden; margin:9px; border:1px solid #F58038; float:left;}
#slider li a img.selected{ width:60px; height:60px; overflow:hidden; margin:9px; border:3px solid #F58038; float:left;}
#slider .oculta{ display:none;}
#mycarousel li.selected{border:3px solid #F58038; height:54px; width:54px;}
#mycarousel li.seleccionable{border:1px solid #F58038; height:58px;}


#content_der_hab{float:left; width:496px;}
#content_der_hab .img_hab{float:left; width:496px; height:400px; overflow:hidden; }


#slider_habitacion{ vertical-align:middle; float:left; padding:10px 22px; width:406px;}
#slider_habitacion li{ width:60px; height:60px; overflow:hidden; margin:9px; border:1px solid #F58038; float:left;}
#slider_habitacion .selected{ width:60px; height:60px; overflow:hidden; margin:9px; border:3px solid #F58038; float:left;}
#slider_habitacion li a img{width:60px; height:60px;}

#habitaciones { display:none;}

#coment_habitacion{float:right; height:430px; width:168px; padding-top:15px; padding-left:0px; padding-right:12px; padding-bottom:20px; overflow:hidden; letter-spacing:-1px; line-height:20px;}
#coment_habitacion span{}
#coment_habitacion a{ text-decoration:none; font-weight:bold; padding-left:15px; color:#574F4C;}
#coment_habitacion ul{ padding-left:20px;}
#coment_habitacion li{ line-height:25px;}
#coment_habitacion li a:hover{ background:url(../imagenes/flechita_menu.gif) no-repeat left; color:#E7E6DD;}

#ulContenido{ list-style:none;}
#ulContenido li{ line-height:25px;}
#ulContenido li a{ color:#555; font-size:12px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
#ulContenido li a:hover{ background:url(../imagenes/flechita_naranja.gif) no-repeat left; color:#555;}

.contVolver{ float:right; margin-top:10px;}
#menu_lateral{ list-style:none;}
#menu_lateral li.selected_lateral{list-style-position:outside; list-style-image:url(../imagenes/flechita_menu.gif);}
#menu_lateral li.selected_lateral a{ color:#E7E6DD}


#mapaweb{list-style:circle; margin:40px; line-height:20px;}
#mapaweb a{ text-decoration:none; font-weight:bold; color:#574F4C;}

#footer { float:left; color:#B3BE99; font-size:12px; margin-top:5px;}
#footer li{display:inline;}
#footer li a{ text-decoration:none; color:#B3BE99; margin-right:5px;}
#footer li a:hover{ color:#E7E6DD;}
#footer li.sub_selected a{ color:#E7E6DD; font-weight:bold }
#divisor{ color:#B3BE99; float:left; height:12px;}
#intercomgi { width:210px; float:left; color:#B3BE99; font-size:12px;margin-top:5px; }
#intercomgi img{ vertical-align:middle}

a.jScrollArrowUp {background: url(/js/scroll/basic_arrow_up.gif) no-repeat 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(/js/scroll/basic_arrow_down.gif) no-repeat 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;	}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;	}

.orange-bar .jScrollPaneTrack {	background: #f60;}
.orange-bar .jScrollPaneDrag {background: #00f url(/js/scroll/drag_grab.gif) no-repeat 50% 50%;}
.orange-bar .scroll-pane {background: #69f;}

/* Habitaciones */
#pasosCarro{ float:left; border:1px solid #fff; margin:5px 0px; padding:5px 0px;}
#pasosCarro p { float:left; padding:3px;  }
/*#pasosCarro p.actual{ background:#FFD992; border:1px solid #F58038;}*/
#pasosCarro p.actual .button_paso{background:url(../imagenes/boton_actual.gif) no-repeat; width:197px; height:25px; text-decoration:none; color:#FFFFFF; margin-left:5px; padding-right:15px; font-size:14px; font-weight:bold; text-align:center; border:0;} 
#pasosCarro p.actual a{font-size:14px; color:#487752; font-weight:bold;}
#pasosCarro p span{ font-size:12px; font-weight:normal; padding-left:5px;}
#pasosCarro p a{font-size:14px; color:#487752;}
#pasosCarro p img{ vertical-align:middle;}



#contentCuerpoRight{ width:665px; padding:0px 25px;}
#listadoHabitaciones{ padding-top:5px; padding-bottom:5px; border-top:1px solid #BDBEA5;}
#listadoHabitaciones img.fotoHab{float:left; border:1px solid #BDBEA5; width:100px; vertical-align:top;}
#listadoHabitaciones .rowTitle{border-bottom:1px solid #d0c091; }
#listadoHabitaciones .titulo_hab{white-space:nowrap; padding:0px;  font-size:14px; color:#487752; font-weight:bold;}
#listadoHabitaciones .titulo_hab_hotel{ white-space:nowrap; text-align:right; padding:0px 5px 5px 5px; font-size:14px; color:#e9a319;}
#listadoHabitaciones .titulo_hab_col2{ white-space:nowrap; text-align:right; padding:15px 5px 5px 5px; font-size:16px; font-weight:bold; float:right; width:400px; vertical-align:text-bottom;}
#listadoHabitaciones .titulo_hab_col3{width:100%; white-space:nowrap; text-align:right; font-size:16px; font-weight:bold; color:#941306; border-left:1px solid #d0c091;}
#listadoHabitaciones .titulo_hab_col4{ white-space:nowrap; text-align:right; padding:5px 5px 5px 5px; font-size:16px; font-weight:bold; float:right; width:500px; vertical-align:text-bottom; padding-right:30px;}
#listadoHabitaciones h2{padding:0px; width:auto; padding-right:30px; float:none; }
#listadoHabitaciones .espacio{ padding-top:5px; padding-bottom:5px;}
#listadoHabitaciones div.tipo_alojamiento{float:left; text-align:left; padding-bottom:15px;}
#listadoHabitaciones .iva{text-align:left; clear:both; padding-top:10px;}
#listadoHabitaciones .txt_reservas{padding-bottom:3px; font-weight:bold; }
#listadoHabitaciones .select_reservas{font-size:9px; width:190px; font-size:11px; margin-top:5px;}
#listadoHabitaciones div.diaNombre{float:left; width:35px; padding:2px; margin:0px 3px 0px 0px; text-align:center; font-weight:bold; font-size:9px; }
#listadoHabitaciones div.diaResultado{background-color:#D8D9BD; float:left; width:35px; padding:2px;text-align:center; height:17px;}
#listadoHabitaciones div.diaResultadoSelect{background-color:#FFD992; float:left; width:35px; padding:2px;text-align:center; height:17px;  color:#000; font-weight:bold;}
#listadoHabitaciones div.cont_fecha{float:left; width:39px; margin:2px 2px 0px 0px;text-align:center;}

#listadoHabitaciones div.diaResultado img{vertical-align:middle;}
#listadoHabitaciones .contentDataHab{float:left;color:#555555; font-size:12px;}
#listadoHabitaciones .colPrecios{height:100%; vertical-align:top; width:300px; padding-left:20px; }
#listadoHabitaciones .colPrecios p{ font-size:9px; text-align:center;}
#listadoHabitaciones a{ color:#555555;text-decoration:none; font-weight:bold;}
#listadoHabitaciones a:hover{ color:#555555;font-weight:bold; text-decoration:underline;}

#listadoHabitaciones .oferta{ float:left; margin-bottom:3px; margin-top:5px;}
#listadoHabitaciones .titulo_promo{ width:660px; float:left; }
#listadoHabitaciones .titulo_promo p{ padding:2px 0 2px 15px; font-size:14px;font-family:Helvetica; letter-spacing:1px;color:#FFF; float:left; width:609px; }
#listadoHabitaciones .desc_promo{ padding:3px; float:left; font-size:11px; margin-bottom:3px; width:652px;}
#listadoHabitaciones .desc_promo div.contenido{float:left; width:560px; margin:0; padding:0;}
#listadoHabitaciones .desc_promo .bot_reserva{background:url(/imagenes/boton_reservar.png) no-repeat; width:187px; height:26px; text-decoration:none; color:#FFFFFF; padding-left:5px; padding-right:5px; font-size:14px; font-weight:bold; text-align:center; border:0;}


/* Confirmacion de reservas */
#contenedorReserva{float:left; padding:5px; padding-left:0px; width:660px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }

#form_seguir{ border-top:3px solid #F58038; float:left; width:620px; background:#CECFB6;  padding:5px; margin:15px 0 0 15px;  }
#form_seguir p{ font-size:12px; padding-left:10px; float:left; width:300px; padding-top:5px;  }
#form_seguir p label{ width:100px; float:left;}
#form_seguir p textarea{ width:300px; height:50px;}
#form_seguir p input{}
#form_seguir p.subtitle{color:#487752; font-size:14px; padding:0 0 10px 0; font-weight:bold; width:600px; clear:both;}
#form_seguir p.fseguir{ font-size:12px; padding-left:10px; float:left; width:580px; padding-top:5px; }
#form_seguir p.fseguir span{margin-left:15px;}
#form_seguir p.seguir_botons{float:right; padding:20px 10px 10px 0; text-align:right; width:400px; }
#form_seguir p.notaSeguir {float:left; width:600px; padding:5px; font-style:italic; font-size:11px;}

#form_confirmacion{ border-top:3px solid #F58038; float:left; width:620px; background:#CECFB6;  padding:5px; margin:15px 0 0 15px;  }
#form_confirmacion p{ font-size:12px; padding-left:10px; float:left; width:300px; padding-top:5px;  }
#form_confirmacion p label{ width:100px; float:left;}
#form_confirmacion p textarea{ width:300px; height:50px;}
#form_confirmacion p input{}
#form_confirmacion p.subtitle{color:#487752; font-size:14px; padding:0 0 10px 0; font-weight:bold; width:600px; clear:both;}
#form_confirmacion p.large{ font-size:12px; padding-left:10px; float:left; width:450px; padding-top:5px; }
#form_confirmacion p.large a{color:#487752; text-decoration:none;}
#form_confirmacion p.large a:hover{ text-decoration:underline;}

#detalle_reserva{border-top:3px solid #F58038; float:left; width:620px; background:#FFD992;  padding:5px;  margin-left: 20px !important; margin:0 0 10px 12px; }
#detalle_reserva p{ font-size:12px; }
#detalle_reserva table{margin:auto; text-align:center; font-size:12px; border-bottom:1px solid #F58038; border-right:1px solid #F58038;}
#detalle_reserva table td{ background-color:#fff; border-top:1px solid #F58038; border-left:1px solid #F58038; padding:2px;}
#detalle_reserva table td.cab{ background-color:#EEE; border-top:1px solid #F58038; border-left:1px solid #F58038; font-weight:bold;}
#detalle_reserva p.subtitle{color:#487752; font-size:14px; padding:0px 0px 10px 0; font-weight:bold;}
#detalle_reserva p.precios{ padding:10px; font-size:14px; float:right; text-align:right;}
#detalle_reserva div.diaNombre{float:left; width:30px; padding:2px; margin:0px 3px 0px 0px; text-align:center; font-weight:bold; font-size:12px; }
#detalle_reserva div.diaResultado{background-color:#E3E4DD; float:left; width:30px; padding:2px; margin:2px 3px 0px 0px;text-align:center; height:15px; font-size:10px;}
#detalle_reserva div.diaResultadoSelect{background-color:#FFD992; float:left; width:30px; padding:2px; margin:2px 3px 0px 0px;text-align:center; height:15px; font-size:10px; color:#000; font-weight:bold;}
#detalle_reserva div.diaResultado img{vertical-align:middle;}
#detalle_reserva .contentDataHab{color:#555555; font-size:12px;}
#detalle_reserva .colPrecios{height:100%; vertical-align:top; width:280px; padding:10px; float:left; }
#detalle_reserva p.seguir_botons{float:left; padding:20px 0px 10px 15px; text-align:left; width:300px; }
#detalle_reserva p.boton_finalizar{ float:right; padding:20px 0px 10px 15px; text-align:left; }
#detalle_reserva .comentario_hab{float:left; padding:10px; width:350px; font-size:10px; font-style:italic;}
#detalle_reserva .comentario_regimen{float:left; padding:10px; width:300px; font-size:10px; }
#detalle_reserva .comentario_regimen p{font-size:10px; }
/* SCROLL FLECHAS */

div.flechas_scroll{ float:left; width:40px; height:35px; position:absolute; z-index:100;}
div.flechas_scroll div{ float:left; margin-bottom:2px; }
div.flechas_scroll div a{float:left; width:34px; height:15px;}

div.flechas_scroll div.scroll_up a{ background:url(/imagenes/scroll_up.gif) top no-repeat;}
div.flechas_scroll div.scroll_up a:hover{ background:url(/imagenes/scroll_up_sel.gif) top no-repeat;}

div.flechas_scroll div.scroll_dw a{ background:url(/imagenes/scroll_down.gif) top no-repeat;}
div.flechas_scroll div.scroll_dw a:hover{ background:url(/imagenes/scroll_down_sel.gif) top no-repeat;}
.mensaje{ text-align:center; width:500px; padding:5px; background-color:#F58038; border:2px solid #FFD992; clear:both; margin-left:60px; color:#000; font-size:12px;}

.button_paso{background:url(../imagenes/boton_paso.png) no-repeat; width:197px; height:25px; text-decoration:none; color:#FFFFFF; margin-left:5px; padding-right:15px; font-size:14px; font-weight:bold; text-align:center; border:0;} 
.content_boton_promocion{
float:right; padding:10px 0px 5px 0; 
}
#cesta2{ clear:both; padding-top:10px;}


#promos div.holder {
width: 340px;
background: #E0E0E0;
float:left;
margin-top:10px;
}

/* y aqu� es donde se debe establecer el c�digo para IE */

#edge {
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}

#container {
display: inline-block;
width: 190px;
text-align: center;
vertical-align: middle;
}
#form_reservas button{ padding-left:5px; margin:0px; }
#form_reservas input{padding:0; margin:0;}

div.pensando #container {
	width: 100%;

}
.none{ display:none;}