@import url("ie.css");
*{margin:0; padding:0;}
body{background: url(../i/bg_df.jpg) repeat-x #e6e2db; font-family: Verdana, Arial, sans serif; padding-bottom:25px;}
img {border:none;}
.uppercase {text-transform:uppercase;}
.clear {clear:both; font-size:.1em;}

.hidden, hr{display:none;}

#top {width:780px; \width:780px; w\idth:780px; margin-left:auto; margin-right:auto; font-size:0.1em; z-index:2;}

#container{width:760px; \width:760px; w\idth:760px; margin-left:auto; margin-right:auto; background-color:#fff;}

#content {margin:0 0 0 169px; padding:.6em 0 20px 0;}

#menu {background: url(../i/bg_menu.gif) repeat-x; padding-right:1px; float:left;}
#menu ul{list-style-type:none; background-color:#fff; margin-bottom:20px;}
#menu ul a{display:block; width:168px; height:25px;}

#menu #ofertas h3 {
	width:165px;
	height:24px;
}

#menu #ofertas ul {
	font-size:11px;
	padding:10px 10px 0 20px;
	width:133px;
}

#menu #ofertas ul li {
	background: url(../i/bg_packs_ln.gif) no-repeat bottom;
	padding-bottom:0;
	margin-bottom:8px;
	clear:both;
	overflow:hidden;
}

#menu #ofertas ul li a {
	color:#f00;
	background: url(../i/bg_packs_link.gif) no-repeat right;
}

#footer {background: url(../i/bg_footer.gif) no-repeat; height:25px; clear:both; font-size:0.1em;}
#creditos {width:760px; \width:760px; w\idth:760px; margin-left:auto; margin-right:auto;}
#creditos ul {list-style-type:none; padding:0 0 0 .6em;}
#creditos ul li {display:inline; line-height:90%;}
#creditos ul li a {font-family: Arial, sans serif; font-size:.6em; color:#676155;}
#fas {padding:0 0 .4em .7em; background: url(../i/logo_fascomunicacion.gif) no-repeat left;}
#alex {padding:0 0 .6em .7em; background: url(../i/sep_vert.gif) no-repeat left;}

h2{color:#77bcf0; font-size:1.4em; font-weight:normal; margin:0 .6em .6em .6em;}
p{font-size:.7em; margin:1.4em;/* margin:0 0 15px 10px;*/}

#contacto {width:565px; height:422px; background: url(../i/bg_contacto.gif) no-repeat; margin:30px 0 1em 1em;}
#contacto img{margin:1px 0 0 11px;}
#contacto p, #contacto a{color:#fff; }
#contacto div {float:left; margin:10px;}
#contacto p {margin:5px 10px 10px 10px;}
#imprimir {float:right; padding:10px;}
#imprimir a{text-decoration:none; background: url(../i/ico_imprimir.gif) no-repeat right; padding:0 25px 2px 0;}
#imprimir a:hover {text-decoration:underline;}

#contacto_opciones {list-style-type:none; margin:0 0 1em 1.8em; font-size:.6em; font-family:Arial, sans serif; text-transform:uppercase;}
#bus_aeropuerto {background: url(../i/ico_bus.gif) no-repeat top left; padding:0 0 0 25px; float:left; margin:0 0 10px 0;}
#bus_esporles {background: url(../i/ico_bus.gif) no-repeat top left; padding:0 0 0 25px; float:right; margin:0 100px 0 0;}
#autopista {clear:both; background: url(../i/ico_aeropuerto.gif) no-repeat left; display:block; height:20px; padding:5px 0 0 25px;}

#bg_generico1_top {width:565px; height:65px; background: url(../i/bg_generico1_top.gif) no-repeat; font-size:0.1em;}
#bg_generico1_desarrollo {width:565px; background: url(../i/bg_generico1_desarrollo.gif) repeat-y; margin:0 0 0 5px;}
#generico1_desarrollo {margin:-50px 20px 0 20px;}
#bg_generico1_bottom {width:565px; height:65px; background: url(../i/bg_generico1_bottom.gif) no-repeat; margin:0 0 0 5px; font-size:0.1em;}

fieldset {border:solid 0 #fff;}
legend {display:none;}
label {font-family:Arial, sans serif; color:#000; font-size:.7em; font-weight:bold; display:block; width:120px; float:left; margin-bottom:10px; clear:both;}
form {padding:10px; margin:1em;}
#b_enviar {margin-left:120px;}
.ln_reservas {width:480px; height:3px; background: url(../i/ln_reservas.gif) no-repeat; margin:5px 0 10px 0; font-size:0.1em;}
.reservas_input1, .reservas_input2, .reservas_input3, .reservas_input4{border:solid 1px #999; color:#999; font-family:Arial, sans serif; padding:2px; font-size:.7em;}
.reservas_select {margin-bottom:5px;}
.reservas_select  option {padding:1px; font-size:.8em; font-family:Arial, sans serif;}
.reservas_input1 {margin-bottom:5px; width:360px;}
.reservas_input2 {margin-bottom:5px; width:30px; text-align:center;}
.reservas_input3 {margin-bottom:5px; width:45px; text-align:center;}
.reservas_input4 {margin-bottom:5px; width:130px;}
.nobr {display:none;}
.error {font-weight:bold; color:red;}

#formulario_enviado {position:absolute; clear:both; margin:0 auto; top:470px; font-size:1.3em; z-index:3; border:solid 1px #e6e6e6; color:#390; font-weight:bold; text-align:center; background-color:#fff; width:20em;}
#ok {display:block; width:54px; height:26px; margin:0 auto 1em auto; background: url(../i/b_ok.gif) no-repeat;}

/* galerķas */
#shadow_left {float:left; width:10px; height:60px; background: url(../i/bg_shadow_left.gif) no-repeat top; margin:0 0 0 5px;}
#shadow_right {float:left; width:10px; height:60px; background: url(../i/bg_shadow_right.gif) no-repeat top;}
#foto_galeria {width:545px; float:left; background-color:#e6e6e6; z-index:2;}
#foto_galeria_formulario_enviado {width:545px; float:left; background-color:#e6e6e6; z-index:2; opacity: .2; filter: alpha(opacity=15);}
#foto_galeria img{border:solid 1px #999; margin-bottom:-2px;}
#test_menu {padding:6px .4em 3px .4em; background-color:#8c8271;}
#test_menu h3 {display:block; width:21px; height:15px; background: url(../i/ico_hotel_fotos.gif) no-repeat; float:left;}
#test_menu ul {list-style-type:none; float:left; margin:0 0 0 5px;} 
#test_menu ul li {float:left; margin-right:2px;}
#test_menu ul li a {display:block; color:#8c8271; text-align:center; font-size:.7em; font-weight:bold; text-decoration:none; width:12px; height:12px; padding:1px; background-color:#e6e2db;}
#test_menu ul li a:hover, #galeria1_menu ul li #activo{background-color:#7cc5fd; color:#fff;}

#submenu {width:545px; height:20px; margin:0 0 1px 15px; list-style-type:none; border-bottom: solid 2px #8c8271;}
#submenu li {float:left;}
#submenu li a {display:block; height:20px;}

.sep_txt {margin-bottom:30px;}
#border_bottom {clear:both; font-size:.01em; width:545px; height:2px; border-bottom:solid 2px #8c8271; margin-left:15px;}

/* habitaciones */
#descripcion_habitaciones {font-family:Arial, sans serif; padding:0 0 0 10px; background-color:#e6e6e6; overflow:hidden;}
#descripcion_habitaciones p{font-size:.7em;}
#descripcion {float:left; width:330px;}
#comodidades {float:left; width:155px; margin:30px 0 0 5px; padding:10px 10px 20px 10px; background-color:#ccc; vertical-align:bottom;}
#comodidades h3, #comodidades li {font-size:.7em; width:157px;}
#comodidades h3 {background: url(../i/ln_habitaciones_comodidades.gif) no-repeat bottom; padding-bottom:2px; margin-bottom:4px;}
#comodidades ul {padding-left:15px;}

/* actividades */
#desarrollo_actividades {width:503px; float:left; border:solid 1px #999; background:#e6e6e6; padding:20px;}
#desarrollo_actividades h3 {color:#8c8271; text-transform:uppercase; font-size:.7em; padding:18px 0 2px 35px;}
h3#cicloturismo {background: url(../i/ico_actividades_cicloturismo.gif) no-repeat left;}
h3#senderismo {background: url(../i/ico_actividades_senderismo.gif) no-repeat left;}
.ln_actividades {background: url(../i/ln_actividades.gif) repeat-x; margin:0 0 10px 35px; height:1px; font-size:0.01em;}
#desarrollo_actividades ul {list-style-type:none; margin:0 0 15px 35px;}
#desarrollo_actividades ul li {margin-bottom:10px; background: url(../i/ico_actividades_pdf.gif) no-repeat left; padding:0 0 2px 25px;}
#desarrollo_actividades ul li a{font-family: Arial, sans serif; font-size:.7em; color:#000; text-decoration:none;}
#desarrollo_actividades ul li a:hover {text-decoration:underline;}
#desarrollo_actividades p {margin:0; padding:0;}

/* tarifas */
#desarrollo_tarifas {width:503px; float:left; border:solid 1px #999; background:#e6e6e6; padding:20px;}
#desarrollo_tarifas h3{display:block; width:135px; height:155px; float:left;}

#desarrollo_tarifas table{margin:0 0 50px 10px;}

#tarifas_titulo {display:none;}
.tarifas_tarifa {width:210px; font-weight:bold;}
#desarrollo_tarifas tr {background:url(../i/ln_tarifas.gif) no-repeat bottom; }
#desarrollo_tarifas td { padding:0 0 6px 5px; font-size:.7em;}

#desarrollo_tarifas ul {clear:both; list-style-type:none; padding:15px 0 0 0;}
#desarrollo_tarifas ul li {margin-bottom:10px; color:#000; font-size:.7em;}

/* ofertas */
#desarrollo_ofertas {width:505px; float:left; border-bottom:solid 2px #8c8271; background:#e6e6e6; padding:20px;}
#desarrollo_ofertas ul {list-style-type:none;}
#desarrollo_ofertas ul li {margin-bottom:15px;}
#desarrollo_ofertas p {margin:0; padding:0;}

.ofertas {
	background-color:#f90;
	margin-bottom:10px;
	clear:both;
	overflow:hidden;
}
.ofertas h3 {
	color:#fff;
	font-size:11px;
	padding:5px 15px;
	background: url(../i/bg_h3_ofertas.gif) no-repeat 5px 10px;
	float:left;
	width:365px;
}

.ofertas div.precio {
	color:#fff;
	background-color:#995c00;
	float:right;
	width:75px;
	padding:5px 15px;
	text-align:right;
}

.ofertas div.text {
	clear:both;
	padding:10px;
	background-color:#fff;
	border-bottom:solid 1px #b3b3b3;
	overflow:hidden;
}

.ofertas div.text img {
	float:left;
	margin-right:10px;
}


/* Booking */
#top{
position:relative;
}
.s-clear{
clear:both;
}
.s-booking{
font-family:Verdana;
position:absolute;
top:94px;
left:10px;
background-color:#8c8271;
width:165px;
height:136px;
font-size:8em;
z-index:1000;
}
.s-booking form,.s-booking fieldset{
margin:0;
padding:0;
}
.s-booking fieldset{
padding-left:20px;
padding-top:10px;
}
.s-booking .s-title{
color:black;
padding-bottom:1px;
position:relative;
left:-1px;
}
.s-inp1{
border:1px solid #bababa;
background:white url(s-cal.gif) no-repeat right top;
width:93px;
font:0.8em Verdana;
letter-spacing:-1px;
padding:1px 0;
padding-bottom:2px;
padding-left:5px;
}
.s-booking .s-label label{
color:white;
display:block;
padding:0;
margin:0;
position:relative;
top:1px;
left:-1px;
}
.s-booking .s-formitem1{
padding-bottom:4px;
}
.s-booking .s-formitem1 .s-calinp,
.s-booking .s-formitem1 .s-calink{
float:left;
cursor:pointer;
}
.s-booking .s-calinp .s-inp1{
cursor:pointer;
}
.s-booking .s-calinp{
padding-right:5px;
}
.s-booking .s-calendar{
padding-right:10px;
}
.s-booking .s-calink{
width:18px;
height:18px;
display:block;
background:url(s-cal.gif) left -41px;
position:relative;
top:1px;
}
.s-booking .s-formitem2 .s-inp1{
background:white;
width:17px;
font:0.8em Verdana;
}
.s-booking .s-button a{
border:none;
background:black;
color:white;
font:0.8em Verdana;
cursor:pointer;
height:16px;
line-height:16px;
text-decoration:none;
padding:0 5px;
display:block;
}
.s-booking .s-formitem2{
float:left;
width:57px;
overflow:hidden;
}
.s-booking .s-button{
float:left;
position:relative;
top:13px;
}