/*
    Style Index
    1. Generic
    2. Layout
    3. Header and Main Navigation
    4. Content
    5. Footer
*/

/* 1. Generic /////////////////////////////////////////////////////////////////////////////////// */

* {margin:0; padding:0;}

body {font-family: Arial, sans-serif; background-color:#fff; background-repeat:no-repeat; background-position:center top; padding-bottom:20px;}
body#home {background-image:url(i/bg_body_home.jpg);}
body#contacto {background-image:url(i/bg_body_contacto.jpg);}
body#entorno {background-image:url(i/bg_body_entorno.jpg);}
body#finca {background-image:url(i/bg_body_finca.jpg);}
body#galeria {background-image:url(i/bg_body_galeria.jpg);}
body#habitaciones {background-image:url(i/bg_body_habitaciones.jpg);}
body#casas {background-image:url(i/bg_body_habitaciones.jpg);}

body#ofertas {background-image:url(i/bg_body_ofertas.jpg);}
body#precios {background-image:url(i/bg_body_precios.jpg);}
body#reservas {background-image:url(i/bg_body_reservas.jpg);}
body#servicios {background-image:url(i/bg_body_servicios.jpg);}

.hidden, hr, button span, h2 span {display:none;}
fieldset, a img {border:none;}
.bold {font-weight:bold;}

p.df_txt1 {color:#666; font-size:11px;}
p.df_txt2 {color:#333; font-size:13px; line-height:125%; font-style:italic; margin-bottom:20px;}
p.df_txt3 {color:#333; font-size:13px; margin-bottom:10px;}
p.df_txt1 strong, p.df_txt2 strong {color:#66901c;}

h1 {height:24px; padding-bottom:1px; background:url(i/bg_h1.gif) repeat-x bottom; width:96%; }
h1 span span {display:none;}
h1 span {display:block; height:24px;}


/* 2. Layout /////////////////////////////////////////////////////////////////////////////////// */

div#container {width:920px; margin:0 auto;}
div#header {overflow:hidden;}
div#content {padding:130px 0 0 16px; clear:both;}

div#home_top{overflow:hidden; height:100%; margin-bottom:25px;}
div#home_top form {float:left; width:181px;}
div#home_main_image {float:right; width:660px; height:272px; padding:26px 23px 27px 7px; background:url(i/bg_flash.png) no-repeat;}

div#home_bottom{clear:both; height:100%; margin-bottom:20px; padding:0 10px 0 17px;}
div#home_finca {float:left; width:270px; margin-right:10px;}

div#inside_top1 {background:url(i/bg_content1.gif) repeat-y; overflow:hidden; height:100%;}
div#inside_top2 {background:url(i/bg_content2.gif) repeat-y; overflow:hidden; height:100%; position:relative;}

div#nav {float:left; width:200px; margin-right:20px; min-height:220px;}
div#content_inside1 {float:left; width:425px; padding:17px 0;}
div#extra {float:right; width:240px;}
div#content_inside2 {float:left; padding:17px 0 11px 0;}

div#inside_bottom {overflow:hidden; height:100%; margin-bottom:10px; padding:0 0 0 10px;}
div#inside_reservas {float:left; width:460px;}
div#inside_ofertas {float:right; width:370px;}

/* 3. Header and Main Navigation /////////////////////////////////////////////////////////////////////////////////// */

div#header a span {display:none;}
div#header a.mn_home {display:block; width:250px; height:70px; float:left; margin-right:49px;}
div#header ul.nav {list-style-type:none; background-color:#FFF;padding-bottom:2px; display:block; float: left;}
div#header ul.nav li {float:left;  }
div#header ul.nav li a {display:block; height:21px;}


/* 4. Content /////////////////////////////////////////////////////////////////////////////////// */

/* 4.1 Home */

div#home_top form {border:solid 1px #999; margin-top:19px; padding:6px 11px 13px 14px; background-color:#fff; height:286px;}
div#home_top form h2 {margin-bottom:10px; height:41px;}
div#home_top form fieldset {margin-bottom:19px;}
div#home_top form label {font-size:11px; color:#777;}
div#home_top form select.select1 {float:none; width:165px; margin-bottom:5px; display:block;}
div#home_top form select {font-size:10px; border:solid 1px #a7a6aa; color:#555; float:left; margin-right:5px;}
div#home_top form select option {font-size:10px; color:#555;}
div#home_top form input.text1 {font-size:10px; border:solid 1px #a7a6aa; width:31px; height:11px; padding:2px;}
div#home_top form a.calendar {display:block; width:19px; height:15px; background:url(i/ico_calendar1.gif) no-repeat; float:left;}
div#home_top form a.calendar span {display:none;}
div#home_top form input.submit {padding-bottom:2px; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #999; border-bottom:solid 1px #999; color:#336699; font-size:12px; background-color:#eee;}
div#home_top form div {overflow:hidden; height:100%; margin-bottom:5px;}
div#home_top form div p.nights {float:left; margin:1px 0 0 0;}
div#home_top form p.info_telefono {background:url(i/bg_form_info_telefono.gif) no-repeat center; height:31px;}
div#home_top form p.info_telefono span {display:none;}
div#home_top form div p {float:left; margin-right:10px;}

div#home_finca {font-size:14px; color:#777;}
div#home_ofertas {overflow:hidden;}

div#home_bottom h2 {height:24px; margin-bottom:10px;}

div#home_finca p, div#home_finca img {margin-bottom:15px;}
div#home_finca a.sabermas, div#home_ofertas a.veroferta {display:block;}
div#home_finca a.sabermas span, div#home_ofertas a.veroferta span {display:none;}

div#home_ofertas ul {list-style-type:none;}
div#home_ofertas ul li {float:left; width:295px;}

div#home_ofertas h3, div#home_ofertas h3 a{color:#333; font-size:14px; text-decoration:none;}
div#home_ofertas h3, div#home_ofertas a.veroferta {margin-left:17px;}
div#home_ofertas p {font-size:14px; color:#777; margin:0 0 15px 17px;}
div#home_ofertas span.precio {display:block; height:103px; margin-bottom:19px;}
div#home_ofertas span.precio span {display:none;}

/* 4.2 Inside */

div#inside_bottom {background:url(i/bg_inside_bottom.gif) repeat-x top; padding-top:27px;width:96%;}

div#inside_reservas h2 {height:24px; margin-bottom:5px;}
div#inside_ofertas h2 {height:24px; margin-bottom:17px;}
div#inside_ofertas p.oferta {width:190px; height:54px; float:left; margin-right:22px;}
div#inside_ofertas p.oferta span {display:none;}
div#inside_ofertas p.oferta a {display:block; width:190px; height:54px;}
div#inside_ofertas p.texto {float:left; width:135px;}

div#inside_reservas label{font-size:11px; color:#777;}
div#inside_reservas div {overflow:hidden; height:100%; margin-bottom:10px;}
div#inside_reservas div div {float:left; margin:0 20px 0 0;}
div#inside_reservas div div.text1 {width:37px; margin-right:24px;}
div#inside_reservas select {font-size:10px; border:solid 1px #a7a6aa; color:#555; margin-right:6px; float:left;}
div#inside_reservas select option {font-size:10px; color:#555;}
div#inside_reservas select.select1 {margin-top:14px; width:165px; margin-right:0;}
div#inside_reservas select.select2 {width:42px;}
div#inside_reservas select.select3 {width:59px;}
div#inside_reservas select.select4 {width:35px;}

div#inside_reservas a.calendar {display:block; width:19px; height:15px; margin-top:1px; background:url(i/ico_calendar1.gif) no-repeat; float:left;}
div#inside_reservas a.calendar span {display:none;}
div#inside_reservas input.text1 {font-size:10px; border:solid 1px #a7a6aa; width:31px; height:11px; padding:2px;}
div#inside_reservas input.submit {height:20px; padding-bottom:2px; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #999; border-bottom:solid 1px #999; color:#336699; font-size:12px; margin-top:13px; width:165px; background-color:#eee;}
div#inside_reservas p.info_telefono {display:none;}

div.cita {margin-bottom:18px;}
div.cita * {display:none;}

div#content_inside1 div {float:left; width:200px; margin-right:10px;}
div#content_inside1 p {font-size:12px; color:#333; margin-bottom:10px;}
div#content_inside1 h3 {font-size:12px; color:#333; margin-bottom:5px;}

div#extra ul.galeria {list-style-type:none; padding-top:26px;}
div#extra ul.galeria li {margin-bottom:18px; background-color:#fff;}
div#extra ul.galeria img {border:solid 1px #ac8a44; padding:3px;}

ul.subnav {list-style-type:none; padding-top:17px;}
ul.subnav li {margin-bottom:5px;}
ul.subnav li a{color:#333; font-size:13px; text-decoration:none; display:block; width:185px; height:15px; padding:1px 0 2px 3px;text-transform:capitalize;}
ul.subnav li a:hover, ul.subnav li.active a {color:#fff; background-color:#333; font-weight:bold; }

ul.subnav_switcher {list-style-type:none; padding:17px 0 0 3px; font-size:10px;}
ul.subnav_switcher li {display:inline;}
ul.subnav_switcher li a {color:#333; text-decoration:none;}
ul.subnav_switcher li a:hover, ul.subnav_switcher li.active a {color:#66901c; text-decoration:underline;}
ul.subnav_switcher li a.last {background:url(i/ico_subnavswitcher1.gif) no-repeat left 3px; padding-left:11px; margin-left:11px;}

table.df_tabla1 {margin:-17px 0 0 20px;}
table.df_tabla1 td {padding:16px 0; background:url(i/bg_df_tabla1.gif) repeat-x bottom;}
table.df_tabla1 tr.last td {background:none; padding-bottom:0;}
table.df_tabla1 td.fecha {padding:0 0 0 30px; text-transform:uppercase; color:#fff; font-size:11px; width:85px;}
table.df_tabla1 td.fecha div {background-color:#d3d3d3; width:28px; padding:1px; text-align:center;}
table.df_tabla1 td.fecha div span,div.ficha1 div.fecha span {display:block; width:28px;  font-size:22px; background-color:#FFF; text-align:center; color:#5F5B5B;}


table.df_tabla1 td.foto {padding:0 45px}
table.df_tabla1 td.foto img {border:solid 1px #999;}
table.df_tabla1 td.texto {width:375px;}
table.df_tabla1 td.texto h2 {color:#66901c; font-size:10px; margin-bottom:1px;}
table.df_tabla1 td.texto h3 {color:#333; font-size:12px; margin-bottom:1px;}
table.df_tabla1 td.texto p {color:#999; font-size:12px; margin-bottom:16px; line-height:125%;}
table.df_tabla1 td.texto a {color:#fff; text-decoration:none; font-size:10px; background-color:#66901c; padding:1px 3px; text-transform:lowercase;}

a.verprecios {display:block; width:184px; height:27px; position:absolute; bottom:0; margin:0 0 11px 10px;}
a.verofertas {display:block; width:184px; height:27px; position:absolute; bottom:0; margin:0 0 11px 10px;}
a.verprecios span, a.verofertas span {display:none;}

div.ficha1 h2 {color:#66901c; font-size:12px; margin-bottom:1px;}
div.ficha1 h3 {color:#333; font-size:20px; margin-bottom:5px;}
div.ficha1 p {color:#5c5c5c; font-size:12px; margin-bottom:16px; line-height:125%; width:500px;}
div.ficha1 a {color:#66901c; font-size:12px; display:block; text-align:right;}
div.ficha1 img {margin-bottom:12px;}
div.ficha1 div.fecha {float:left; margin:25px 33px 0 45px; background-color:#d3d3d3; width:28px; padding:1px; text-align:center; text-transform:uppercase; color:#fff; font-size:11px;}

div.ficha1 div.fecha span span {display:none;}
div.ficha1 div.fecha span.dia_28 {background:url(i/day_28.gif) no-repeat;}
div.ficha1 div.texto {float:left; padding-top:25px;}
div.ficha1 span.precio {color:#09f; font-size:25px; display:block; text-align:right; font-weight:bold; margin-bottom:5px;}

div.content_precios {width:390px; margin:0 0 0 15px; color:#333; font-size:12px;}
div.content_precios h2 {color:#66901c; font-size:12px;}
div.content_precios p {margin-bottom:24px;}
div.content_precios p.last {margin-bottom:0;}
div.content_precios dl {margin-bottom:39px;}
div.content_precios dl dt {float:left; width:292px; margin-right:16px; background:url(i/bg_precios1.gif) repeat-x right 9px;}
div.content_precios dl dt span {background-color:#fff; padding-right:11px;}
div.content_precios dl dd {margin-bottom:4px;}

div#content_inside2 ul.galeria {list-style-type:none; width:588px; padding-left:10px; overflow:hidden; height:100%; margin-bottom:15px;}
div#content_inside2 ul.galeria li {float:left; margin:0 34px 15px 0;}
div#content_inside2 ul.galeria li.last {margin-right:0;}

p.paginator {text-align:right; font-size:10px; width:588px; padding-left:10px;}
p.paginator a {color:#5f5b5b; text-decoration:none; padding:1px 3px 2px 3px; text-transform:uppercase;}
p.paginator a:hover, p.paginator a.active {color:#fff; background-color:#333;}

div.reservas {padding:0 0 0 10px;}
div.reservas span.aviso {color:#66901c; font-size:11px; background-color:#f0f5ea; padding:0 1px;}
div.reservas form {margin-top:17px; font-size:11px;}
div.reservas form input.input1, div.reservas form input.input2 {border:solid 1px #999; padding:2px 2px 0 2px; height:17px; font-size:11px;}
div.reservas form select {border:solid 1px #999; height:21px; font-size:11px; padding-top:2px;}
div.reservas form select option {font-size:11px; margin:0 0 3px 2px;}
div.reservas form textarea {font-family:Arial, sans-serif; font-size:11px; padding:2px; width:400px; height:104px; border:solid 1px #999;}
div.reservas form input.input1 {width:192px;}
div.reservas form input.input2 {width:402px;}
div.reservas form select.select1 {width:198px;}
div.reservas form select.select2 {width:44px;}
div.reservas form select.select3 {width:70px;}
div.reservas form select.select4 {width:134px;}
div.reservas form .required {color:#66901c;}
div.reservas form div {overflow:hidden; height:100%; margin-bottom:15px;}
div.reservas form div p {float:left; width:196px; margin-right:14px;}
div.reservas form div.conditions {padding-top:10px;}
div.reservas form div.conditions a {color:#0162c3;}
div.reservas form div.buttons {text-align:right; width:408px; padding-top:10px;}
div.reservas form div.buttons input {font-size:10px;}

div.contacto {width:615px; margin-top:34px; overflow:hidden; height:100%;}
div.contacto form {float:left; width:216px; font-size:11px; margin-right:35px;}
div.contacto form p {margin-bottom:5px;}
div.contacto form p input {border:solid 1px #999; width:210px; padding:1px 2px 1px 2px; font-size:11px;}
div.contacto form p textarea {border:solid 1px #999; width:210px; height:76px; padding:1px 2px 1px 2px; font-size:11px; font-family:Arial, sans-serif;}
div.contacto form input.enviar {float:right;}
div.contacto div.textos {font-size:12px; padding-top:5px;}
div.contacto div.textos p {margin-bottom:15px; line-height:125%;}
div.contacto div.textos p strong {color:#66901c;}

dl.direccion {font-size:12px; overflow:hidden; height:100%;}
dl.direccion dt {width:55px; float:left; color:#66901c; font-weight:bold;}
dl.direccion dd {color:#7a7a7a; margin-bottom:3px;}
dl.direccion dd a {color:#7a7a7a; text-decoration:none;}
dl.direccion dd a:hover {text-decoration:underline;}

/* 5. Footer /////////////////////////////////////////////////////////////////////////////////// */

div#footer {height:75px; padding-top:21px; background:url(i/bg_footer.jpg) no-repeat; color:#666; font-size:10px; overflow:hidden;}

div#footer ul {list-style-type:none; }
div#footer a span {display:none;}
ul{list-style:none;}
ul.languages { overflow:hidden; height:14px; position:relative; padding-bottom:15px; }
ul.languages li {float:left; margin-right:2px;}
ul.languages li a{display:block; width:21px; height:14px; text-indent:-99999em;}
ul.languages li a span{font-size:1px;}

ul.languages li.lng_es, ul.languages li.lng_es a{background:url(i/bg_lng_es.gif) no-repeat bottom;}
ul.languages li.lng_uk, ul.languages li.lng_uk a{background:url(i/bg_lng_uk.gif) no-repeat bottom;}
ul.languages li.lng_de, ul.languages li.lng_de a{background:url(i/bg_lng_de.gif) no-repeat bottom;}
ul.languages li.lng_es a.active {background-position:top;}
ul.languages li.lng_uk a.active, ul.languages li.lng_uk a:hover {background-position:top;}
ul.languages li.lng_de a.active, ul.languages li.lng_de a:hover {background-position:top;}


div#footer div {clear:both; overflow:hidden;}

div#footer a.mn_home {display:block; width:105px; height:33px; float:left; margin:20px 5px 0 7px;}

p.address {float:left; line-height:125%; padding-top:36px;}
p.address a {color:#c37b2e; margin-left:10px;}
p.address span.bold {color:#000; margin-left:10px;}
p.address span.first {margin-left:0;}
span.footer_mallorca {background:url(i/ico_footer1.gif) no-repeat left; padding-left:6px; margin-left:4px;}

div#footer ul.nav {float:right; margin-right:27px; padding-top:35px;}
div#footer ul.nav li {display:inline;}
div#footer ul.nav li a {color:#666; text-decoration:none; background:url(i/ico_footer2.gif) no-repeat left; padding-left:7px; margin-left:5px;}
div#footer ul.nav li a:hover {text-decoration:underline;}
div#footer ul.nav li a.first {background:none;}



div.weather {display:block; float:left; width:313px; height:149px; background:url(i/weather.jpg) no-repeat; padding:5px 0 0 10px;}

div.weather h4{ display:block; color:#335EBC; font-size:12px; font-weight:normal;  }
div.weather h5{ display:block; color:#FF6600; font-size:12px; }

div.weather strong.tmp_actual{ font-size:16px; color:#CC0000; margin:0px 0 0 20px; display:block; float:left; clear:left; width:100px;}
div.weather .mas_info{display:block; float:left; width:126px; color:#000000;font-size:11px; margin:22px 0 0 9px;}
div.weather .mas_info span.sp1{display:inline-block; width:73px;  }

div.weather .prediccion{ display:block; float:left; width:70px; text-align:center; }
div.weather .prediccion strong{color:#000; font-size:12px;}
div.weather .prediccion span{display:block; width:100%;}