@import "reset.css";
@import "gallery.css";


body {margin:0;background:#f4f4f4 url('../imgs/backgrounds/site.jpg') no-repeat;font:normal 14px/18px Garamond,Georgia,sans-serif;color:#646362;}
.left {float:left;}
.right {float:right;}

a, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:10px 0;}

#main {}
#container {width:944px;margin:auto;padding:25px 30px 0 50px;background:url('../imgs/backgrounds/container.png') no-repeat;;}

#header {width:842px;position:relative;height:175px;border-bottom:2px solid #c7e2a7;margin-bottom:6px;}
#header .logo {position:absolute;left:0;top:0;}
#header .address {position:absolute;right:0;top:0;color:#556e71;font-family:Georgia;font-size:11px;text-align:right;}
#header .address a {color:#badb91;font-size:13px;}
#navigation {position:absolute;left:196px;top:110px;}
#navigation li {float:left;margin-left:23px;}
#navigation li a {display:block;text-indent:-100000px;}
#navigation li#los-aparts {margin-left:0px;}
#navigation li#los-aparts a{background:url('../imgs/icons/aparts.gif') no-repeat;width:146px;height:40px;}
#navigation li#los-aparts a:hover {background-position:0 -40px;}
#navigation li#los-aparts a.active {background-position:0 -40px;}
#navigation li#nuestros-servicios a{background:url('../imgs/icons/servicios.gif') no-repeat;width:143px;height:40px;}
#navigation li#nuestros-servicios a:hover {background-position:0 -40px;}
#navigation li#nuestros-servicios a.active {background-position:0 -40px;}
#navigation li#donde-estamos a{background:url('../imgs/icons/donde-estamos.gif') no-repeat;width:143px;height:40px;}
#navigation li#donde-estamos a:hover {background-position:0 -40px;}
#navigation li#donde-estamos a.active {background-position:0 -40px;}
#navigation li#reservas-y-consultas a{background:url('../imgs/icons/reservas-consultas.gif') no-repeat;width:143px;height:40px;}
#navigation li#reservas-y-consultas a:hover {background-position:0 -40px;}
#navigation li#reservas-y-consultas a.active{background-position:0 -40px;}

#content {width:842px;}

#footer {width:842px;border-top:3px solid #a7cfe1;margin-top:30px;padding-top:5px;}
#footer .links {}
#footer .links p {font-size:11px;float:right;color:#999;margin:0;}
#footer .links p a{color:#8cb3da;}
#footer .links ul li {margin-right:0px;float:left;margin-right:10px;height:20px;font-family:"Garamond",Georgia;}
#footer .links ul li a {color:#d8d8d9;font-size:12px;text-transform:uppercase;}
#footer .links ul li a.active {color:#203D41;}
#footer .copyright {color:#8cb3da;line-height:20px;font-size:13px;font-family:"Garamond",Georgia;}
#footer .copyright a {color:#8cb3da;text-decoration:underline;}


/********** Home ***********/
.highlight {border-bottom:1px solid #90c54f;}
.highlight .summary {width:840px;background:#556e71;margin:5px 0;padding:30px 0;font-family:"Garamond",Georgia;}
.highlight h1 {color:#d1ecf8;font-size:25px;line-height:30px;padding-left:20px;}
.highlight p {color:#fff;font-size:16px;padding-left:20px;}

.column {float:left;}
.column h2 {margin-bottom:5px;}
.last {margin-right:0;padding:0;}
.column.youtube {width:333px;margin-right:10px;}
.column.youtube h2 {background:url('../imgs/titles/youtube.gif');width:333px;height:33px;text-indent:-10000px;}
.column.googlemaps {width:324px;margin-right:10px;}
.column.googlemaps h2 {background:url('../imgs/titles/googlemaps.gif');width:324px;height:33px;text-indent:-10000px;}
.column.facebook {margin-right:0;padding-right:0;background:transparent;}
.column.facebook h2 {background:url('../imgs/titles/facebook.gif') no-repeat;width:164px;height:33px;text-indent:-10000px;}
.column.facebook p {font-size:13px;line-height:20px;width:211px;color:#646362;}
.column.datosutiles {border-bottom:1px solid #1c3e42;padding-bottom:8px;}
.column.datosutiles h2 {background:url('../imgs/titles/datosutiles.gif') no-repeat 0 2px;width:497px;height:33px;text-indent:-10000px;}
.column.datosutiles ul {background:url('../imgs/icons/datosutiles.gif') no-repeat;}
.column.datosutiles ul li {color:#91c44e;font-size:12px;border-bottom:1px dotted #91c44e;margin-left:50px;height:21px;padding:0;background:none;font-weight:normal;}
/******** /home ************/

/******** APARTS *******/
.aparts ul li {border-bottom:1px solid #acd47b;margin-bottom:5px;padding-bottom:5px;}
.aparts ul li h2 {font-family:"Times New Roman";font-size:14px;}
.aparts ul li h2 a {color:#91c250;}
.aparts ul li h2 a span {color:#6c8fbd;}
.aparts ul li .image {float:left;position:relative;width:338px;height:161px;}
.aparts ul li .image span {position:absolute;right:0;bottom:0;width:88px;height:29px;background:url('../imgs/icons/bt-masfotos.png') no-repeat;}
.aparts ul li .precios {background:url('../imgs/backgrounds/precios.png') no-repeat;width:474px;height:29px;}
.aparts ul li .precios li {font-size:17px;font-style:italic;float:left;border:0;height:29px;width:154px;margin-right:4px;text-align:right;line-height:29px;font-weight:bold;color:#203d41;}
.aparts ul li .content {float:left;width:475px;margin-left:25px;}
.aparts ul li .summary {color:#203d41;font-family:"Times New Roman";}

.aparts .paginado {border:0;margin-bottom:5px;color:#516b6f;background:#f4f4f4;font-size:11px;font-weight:bold;padding:5px;}

.aparts ul.temporadas li {border:0;margin-bottom:5px;color:#516b6f;font-size:12px;font-weight:bold;padding:5px;}
.aparts ul.temporadas li div {float:right;}
.aparts ul.temporadas li.baja {background:#edf5fa;}
.aparts ul.temporadas li.media {background:#d6eaf5;}
.aparts ul.temporadas li.alta {background:#bfdbf1;}

/***  FICHA APART ***/
.apart h1 {font-family:"Times New Roman";font-size:14px;color:#91c250;padding:14px 0;}
.apart h1 span {color:#6c8fbd;}
.apart .precios {background:url('../imgs/backgrounds/precios-ficha.png') no-repeat;width:340px;height:29px;}
.apart .precios li {font-size:17px;font-weight:bold;font-style:italic;float:left;border:0;height:29px;margin-right:4px;text-align:right;line-height:29px;color:#203d41;}
.apart .summary {float:right;width:466px;color:#203d41;font-family:"Times New Roman";font-size:14px;line-height:14px;}
.apart .message {background:#e0e8f1;color:#203d41;font-size:12px;line-height:13px;padding:10px;}
.apart .message h3 {font-family:"Times New Roman",sans-serif;font-size:14px;color:#5ea644;}

.apart .precios li.p1{width:105px;}
.apart .precios li.p2{width:115px;}
.apart .precios li.p3{width:108px;}

.apart .servicios-disponibles, .apart .servicios-nodisponibles {background:#f5f8fb;color:#203d41;font-size:13px;line-height:13px;padding:10px;}
.apart .servicios-disponibles h3, .apart .servicios-nodisponibles h3, .apart .servicios-disponibles h3 a {font-family:"Times New Roman",sans-serif;font-size:14px;color:#5ea644;}
.apart .servicios-disponibles p, .apart .servicios-nodisponibles p{font-size:15px;}

.apart .message {background:#e0e8f1;color:#203d41;font-size:12px;line-height:13px;padding:10px;}
.apart .message h3 {font-family:"Times New Roman",sans-serif;font-size:14px;color:#5ea644;}
.apart .message p{font-size:14px;}

/***** SERVICIOS */
.page ul li {background:#f5f8fb;color:#203d41;font-size:14px;font-weight:bold;padding:5px 0 5px 20px;}
.page ul li.alter {background:#e0e8f1;}

/*** RESERVAS **/
.reservas {margin-bottom:10px;}
.reservas .titulo {background:#e9f3dc;height:50px;color:#84bb45;line-height:50px;padding-left:15px;font-size:18px;margin-bottom:5px;}
.reservas .form {background:#91c450;color:#fff;padding:20px;}
.reservas ul {float:left;margin-right:15px;}
.reservas ul li {margin-bottom:5px;position:relative;}
.reservas ul li label {display:block;text-transform:uppercase;}
.reservas ul li input {border:0px;width:330px;height:16px;}
.reservas ul li em.error{position:absolute;right:0;top:0;}
.reservas ul li textarea {width:450px;border:0px;height:80px;}
.reservas ul li .submit {float:right;background:url('../imgs/icons/enviar.gif') no-repeat;width:72px;height:28px;border:0;text-indent:-100000px;cursor:pointer;margin-top:25px;}
.reservas ul li .cancel {float:right;background:url('../imgs/icons/borrar.gif') no-repeat;width:72px;height:28px;border:0;text-indent:-100000px;cursor:pointer;margin-top:25px;}


/* GRACIAS */
.gracias {background:#91c450;padding:80px 0;color:#fff;text-align:center;}
.gracias h1 {font-size:22px;font-family:"Times New Roman",serif;}
.gracias p {font-size:13px;}