@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
object, embed, a { outline:0 }
ul{}
body,td,th,p,div{font:normal 12px Arial;}
body{background:#010304 url(images/background.jpg) top center no-repeat ;} /* */
/*body#index{background-image:url(images/back-index.gif);}*/
a{color:#111; text-decoration:none;}
a:hover{color:#334;}
a img{border:0;}
p{margin-bottom:1em;}
h3{font:bold 18px Arial, Helvetica, sans-serif; margin:5px 0 10px 0;}
h4{color:#707173; font-size:18px;}
h5, h6{color:#3e3d40; font-size:14px;}
h5{color:#74a82c; line-height:18px;}
p.text{color:#3e3d40; line-height:18px;}
/* ESTILOS */
.underline {text-decoration:underline;}
.left{ float:left }
.right{float:right}
.clear{clear:both }
/*
.intomarco {width:395px; float:left; padding-left:20px;}
.preciomarco { float:right; font-size:14px;}
.preciomarcoverde { float:right; font-size:14px; color:#82A52F; font-weight:bold;}
.preciomarcoanterior {text-align:right; color: #231F20; font:normal 12px arial; text-decoration: line-through;}
.descripcionmarco {font:normal 12px arial; margin-top:20px;}
.descripcionfoto {font:bold 16px arial; padding:10px 15px; height:35px; background:#E7E4DB; width:590px;}
.compartir {font:bold 16px arial; padding:10px 15px; height:15px; background:#E7E4DB;}
.divisor { height:1px; background:#E7E4DB; display:block; margin: 13px 0;}
.tipologia { width:305px; float:left; padding-top:15px; padding-right:10px;}
.dormitorios {padding-top:15px; float:left; width:305px;}
.arial12rojo {font:bold 12px arial; color:#DA2032;}
.arial11 {font:normal 11px arial; line-height:17px;}
.arial12 {font:normal 12px arial;}
*/
/*
* IDs GENERAL
*/
#box {display:block; margin: 0 auto; width: 1002px;} /* height: 686px; */
/*
* HEADER
*/
#header{display:block; height:520px; position:relative; width:1002px; background:url(images/back_header_int.jpg) top center no-repeat;}
#index #header{display:block; height:520px; position:relative; width:1002px; background:url(images/back_header.jpg) top center no-repeat;}
#header h1, #header h3{ display:none; }
/*
* BOXES
*/
#boxes{display:block; background:#FFFFFF; padding:1px 15px 15px 15px;}/*background:url(images/green_bg.gif) repeat-x; background:#FFFFFF; height:84px; padding:0 22px 0 23px; width:957px; */
#boxes div.box{color:#231f20; display:block; float:left; text-align:left; padding: 0 0px 0 0px; }/*background:url(images/green_separator.png) no-repeat top right; height:87px;*/
#boxes div.box.first{padding:0 48px 30px 0; width:420px; margin-right:18px;}
#boxes div.box.medium{padding:0 10px 0 6px; font:normal 12px arial; width:210px; line-height:16px; margin-right:15px; background:url(images/back_entorno.gif) left bottom no-repeat;}
#boxes div.box.medium p{ padding:6px 2px 10px 4px; line-height:14px;}
#boxes div.box.last{width:245px;font:normal 12px arial;}
#boxes div.box.banners{width:245px; margin-right:25px;}
#boxes div.box.banners ul{line-height:26px; list-style-position: inside; list-style-image: url(images/bullet_menu.gif); border-bottom:#dcdddf 1px solid; margin-bottom:15px;}
#boxes div.box.banners li{border-top:#dcdddf 1px solid; padding-left:7px;}
#boxes div.box.contentsmall{width:662px; font:normal 12px arial;}
#boxes div.box.content{width:702px; font:normal 12px arial;}
#boxes div.box.content p{ padding-right:10px; padding-bottom:12px;}
#reservas #boxes div.box.content{width:441px; font:normal 12px arial; margin-right:15px;}
#reservas #boxes div.box.col3{width:245px; font:normal 11px arial; text-align:center;}
#tarifas #boxes div.box.content{width:342px; font:normal 12px arial; margin-right:29px;}
#tarifas #boxes div.box.col3{width:329px; font:normal 11px arial; text-align:center;}
#boxes div.box.content.senderismo{ background:url(images/senderismo_img03.jpg) no-repeat bottom left;}
#boxes div.box.content.barranquismo{ background:url(images/barranquismo_img02.jpg) no-repeat bottom right;}
#boxes div.box.content.golf{ }
#alojamientos #boxes div.box.content p{ padding-right:10px; padding-bottom:12px; width:580px;}
#ubicacion #boxes div.box.content p{ padding-right:10px; padding-bottom:12px; width:465px;}
#alojamientos .reservas { width:580px; text-align:center;}
#menu { border-bottom:solid 1px #CCCCCC; margin-bottom:15px;}
#actividades #menu span {line-height:22px; background:url(images/bullet_menu.gif) 3px 10px no-repeat; border-top:solid 1px #CCCCCC; display:block; padding:3px 0 0 16px;}
.ban_ubicacion {padding-top:40px; float:right;}
.reservas { width:400px; text-align:center;}
.boxofertas { background:#324071; color:#FFFFFF; margin-top:3px; padding:10px;}
.boxofertas strong{ font-size:14px;}
.boxtarifas {border-top:#dcdddf 1px solid; padding:7px; text-align:left; font:normal 11px arial;}
.boxtarifas p { float:left; width:115px;}
.boxtarifas span {width:100px; text-align:center; line-height:36px;}
/*#actividades #boxes div.box.content{background:url(images/barranquismo_back02.jpg) right top no-repeat;}*/
#boxes div.box.content ul {list-style:url(images/bullet_p.gif); list-style-position: inside; margin:0 10px 20px 0px; padding:0 0 0 0px; line-height:18px;}
#boxes div.box.content li {margin:0 0px 0px 0px; padding:0 0 0 2px;}
/*#boxes div.box.col2 li{margin-left: 20px; padding: 15px 0 0 0px; line-height:22px; list-style-image:url(lib/images/bullet2.gif); font:normal 14px Arial;}*/
#boxes h1{color: #010304; font:bold 22px Arial; margin:0px; padding:0 0 15px 0; line-height:22px; text-align:left;} /*height:85px;*/
#boxes h2{color: #794f43; font:bold 18px Georgia; margin:margin:3px 0 4px 0;line-height:30px; text-align:left;}
#boxes h3{color: #010304; font:bold 14px Arial; margin:0px; padding:0px 0 0px 0;}
#boxes h4{color: #794f43; font:bold 12px Georgia; margin:0px;}
#boxes h5{color: #794f43; font:normal 12px Arial; margin-bottom:15px;} /*height:50px; background:url(images/back_h5.gif) bottom left repeat-x; text-transform:uppercase;*/
#boxes h6{color: #DA2032; font:bold 14px Arial; margin:0px 0 3px 0;}
#boxes p a img{vertical-align:middle;}
#boxes p{font:normal 12px Arial; line-height:19px;}
#boxactividades { padding:0 28px 18px 0;}
#visita {background: url(../images/separador_ofertas.gif) no-repeat left bottom; padding-bottom:14px; padding-top:10px;}
/*#boxes a{font:normal 11px Georgia; line-height:40px; color:#B2AEAE; text-transform:uppercase;}*/
/*#boxes li{font:normal 14px Arial; color:#231F20; list-style-position: outside; list-style-image:url(images/ico_list.gif); line-height:18px; margin-left: 10px;}*/
/* ACTIVIDADES */
.nivel1 { width:200px; float:left;}
.nivel2 { width:245px; float:left;}
.nivel3 { float:left;}
/* INDEX
body#index div.marco{border:#E9E6DE solid 1px; padding:14px; text-align:left; margin-bottom:5px; background:#f7f6f2;}
body#index div#content{height:129px;}
body#index div#content ul{ width:180px; list-style-image:url(images/bullet.gif); margin-left:15px; float:left; line-height:18px;}
#index #formtop { width:206px; text-align:left;}
#index .oferta1 {float:left; width:225px; padding-right:18px;}
#index .oferta2 {float:left; width:225px;}
#index #ofertas{margin-top:334px; margin-left:501px; /* *margin-left:0px; margin-bottom:0px; height:140px; width:469px; background:url(lib/images/back_ofertas.gif) repeat-x left top #f9c306; border:#f9c306 solid 2px; position:absolute; padding:9px 14px 0 14px; text-align:left;}
#index #ofertas h2 { font:bold 14px arial; color:#231F20; padding:4px 0px 0px 0px;}
#index #ofertas h4 { font:bold 18px arial; color:#231F20; padding:0px;}
*/
/* LISTADO
body#listado div.box.col1{width:241px; padding: 35px 89px 0 0px;}
body#listado div.box.col1 li{list-style-image:url(images/bullet.gif); margin-left:15px; line-height:20px; font:normal 12px arial;}
body#listado div.box.col2{width:652px; padding: 104px 20px 0 0; background:url(images/tit_listado_propiedades.gif) no-repeat left 31px;}
body#listado div.box.col1 p{font:normal 12px arial;}
body#listado div#content{ height:79px ;padding:80px 0 0 0;}
body#listado #formtop{ padding: 127px 0 0 571px; text-align:left;}*/
/* FICHA
body#hotel div.marco{border: #E9E6DE solid 1px; padding:14px; text-align:left; margin-bottom:1px; background:#f7f6f2;}
body#hotel div.box.col1{width:241px; padding: 35px 89px 0 0px;}
body#hotel div.box.col1 li{list-style-image:url(images/bullet.gif); margin-left:15px; line-height:20px; font:normal 12px arial;}
body#hotel div.box.col2{width:652px; padding: 104px 20px 0 0; background:url(images/tit_ficha.gif) no-repeat left 31px;}
body#hotel h2{color: #DA2032; font:bold 18px Arial; margin:0px; padding-bottom:0px; line-height:30px; text-align:left;} /*height:85px;
body#hotel div#content{ height:79px ;padding:130px 0 0 0;}
body#hotel #formtop{ padding: 127px 0 0 571px; text-align:left;}*/
/* HOTEL
body#hotel div.box.col1{width:300px; padding: 125px 39px 0 30px; background:url(lib/images/img_buscador.jpg) no-repeat top left; Z-INDEX: -100;}
body#hotel div.box.col2{width:613px; padding: 115px 20px 0 0; background:url(lib/images/tit_quienes.jpg) no-repeat top left;}
body#hotel div#content{height:79px ;padding:80px 0 0 0;}/*margin-top:0 !important;
#hotel div.box.first{padding:0px 66px 39px 0; width:693px;}
#hotel div.box.last{padding: 0 0px 80px 0px; width:243px; background:none;}
#hotel div.box.first li{margin-left: 20px; padding: 0px 0 0 0px; line-height:18px; list-style-image:url(lib/images/bullet.gif); font:normal 12px Arial;}
#hotel div.box.first ul{float:left; width:190px;}
#hotel #reservas {padding:90px 18px 0 20px; width:205px; background:url(lib/images/back_box_last.gif) no-repeat right 20px; font:normal 11px tahoma;}
#hotel #ofertas{/*margin-top:461px; margin-left:501px; *margin-left:0px; margin-bottom:0px; height:140px; width:243px; background: url(lib/images/tit_ofertas_interior.gif) no-repeat left top #fff;/* border:#f9c306 solid 2px; position:absolute; padding:34px 0px 0 0px; text-align:left;}
#hotel .oferta1 {width:225px; padding: 8px 9px; background:#f9c306; margin-bottom:2px;}
#hotel .oferta2 {width:225px; padding: 8px 9px; background:#f9c306;}
#hotel #ofertas h2 { font:bold 14px arial; color:#231F20; padding:4px 0px 0px 0px; line-height:14px;}
#hotel #ofertas h4 { font:bold 18px arial; color:#231F20; padding:0px; line-height:18px;}
#hotel #marco{border:#f9c306 solid 1px; padding:11px; margin-top:25px; width:635px;}
#hotel #marco p { font:normal 12px arial; padding-right:30px;}
#hotel #marco h1 { font:bold 24px arial; color:#3e87bd; padding:10px 0px;}
#hotel #marco h2 { font:bold 18px arial; color:#3e87bd; padding:0px;}
#hotel div.marco {border:#e4e5e6 solid 1px; padding:4px; float:left; margin-right:15px;}
*/
/* GALERIA
#galeria{background:#FFF url(lib/images/background_galeria.gif) repeat-x center 129px;}
#galeria div.box.galeria{width:1002px; padding: 2px 0px 1px 0px; height:714px;}
#galeria #botonera {background:#3e87bc; height:31px; margin-top:1px; text-align:right;}
#botonera img { padding:8px 10px 0 4px;}
*/
/* CONTACTENOS */
form#contactenos label {width:115px; float:left; line-height:12px; font:normal 12px Arial; padding-top:4px;}
form#contactenos input {border: #cac7d1 solid 1px; display:block; height:20px; margin-bottom:5px; width:324px; padding-top:2px; color:#231F20; font:normal 12px Arial;}
form#contactenos select{border: #cac7d1 solid 1px; display:block; height:20px; margin-bottom:5px; width:85px; padding-top:2px; color:#231F20; font:normal 12px Arial;}
form#contactenos textarea {border: #cac7d1 solid 1px; display:block; height:90px; margin-bottom:13px; width:320px; padding-top:2px; color:#231F20; font:normal 12px Arial;}
form#contactenos #btn-enviar {/*background:url(images//bt_enviar.gif) no-repeat;*/ border:0; height:27px; width:109px; margin: 5px 0 0 223px;}
/*
* CONTENT
#content{display:block; text-align:left; margin-top:0px; padding:30px 0 0 0; background:url(images/back_content.jpg) no-repeat right bottom;} *//*background:#e9e5e5 url(images/central_bg.gif) repeat-x; height:221px; width:907px;*/
/*
* FLASHES
#flashcontent {Z-INDEX: -1000; LEFT: 0px; WIDTH: 1400px; POSITION: absolute; TOP: 0px; HEIGHT: 100%; text-align:center;}
#noflash {BACKGROUND-COLOR: #fff; TEXT-ALIGN: center;}
*/
/*
* FOOTER
*/
#footerbg{}
#footer{color:#231F20; display:block; font-size:11px; height:100px; line-height:15px; margin:0 auto; text-align:left; width:1002px; padding-top:12px;}
#footer p{font-family:Arial; font-size:11px; line-height:16px;}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer_bot {font:normal 11px tahoma; color:#999a9b; padding:15px 0 0 15px; float:left; width:620px;}
#footer_bot p { line-height:14px; padding-top:5px;}
#footer_bot strong {font-size:12px; color:#9e99a9;}
#footer_bot a{color:#9e99a9;}
#footer_cont{float: right; text-align:right;}
#footer_cont a{color:#3e87bd; padding-left:33px; font:bold 14px tahoma;}
#footer_cont a:hover {color:#3e87bd;}
/*
#ayoweb { padding:16px 0 0 0px; text-align:right; float:right;}
#ayoweb a {color:#848484; font:normal 11px tahoma;}
#ayoweb a:hover {color:#848484;}
*/
/*
FORMULARIO BUSCAR
#formtop label { color:#231F20;}
#formtop input {height:16px; width:174px; padding: 0px 0 0 0px; font:normal 11px Arial; border: #999999 solid 1px; padding:1px 0 0 6px; color:#064a7a;} /* display:block; text-indent: -2000em;*
label {/*width:108px; float:left; *line-height:20px; font:normal 11px Arial;}
input{border: #BFBFBF solid 1px; display:block; height:21px; margin-bottom:5px; width:133px;}
select {border: #BFBFBF solid 1px; display:block; height:21px; margin-bottom:3px; width:133px; color:#6D6E71; font:normal 11px Arial;}
#btn-buscar {background:url(lib/images/bt_buscar.gif) no-repeat; border:0; height:21px; width:58px; margin: 15px 0 0 108px;}
#formtop select {border: #999999 solid 1px; display:block; height:18px; margin-bottom:15px; width:100px; color:#064a7a; font:normal 11px Arial;}
#formtop input#btn-consultar {background:url(lib/images/bt_consultar.gif) no-repeat; border:0; height:23px; width:85px; margin: 3px 0 0 59px;}*/