/*comentado*/
/***** Resets *****/

* {
    padding: 0;
    margin: 0;
    border: 0;
}


html, body, div, span, applet,  iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

body {
   line-height: 1;
   font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
   color:#604e41;
}

ol, ul {
   list-style: none;
}

blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}

/* remember to define focus styles! */
:focus {
   outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
   text-decoration: none;
}
del {
   text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse: collapse;
   border-spacing: 0;
}

a{
color: #604e41;
text-decoration:underline;
font-weight:bold;
cursor:pointer;
}

p{
padding:5px 0px;
line-height:14px;
}

object{
border:1px solid #92b7a9;
margin: 0;
padding: 0;
outline: 0;
background: transparent;
}
#atffc { display: none; }

/*particulary */
html{
background-image: url(../../images/bg-html.jpg);
background-repeat:repeat-x;
background-color:#e9debe;
background-position:top;
}

#wrapper { 
margin: 0 auto;
width: 922px;
}

#header {
color: #333;
width: 900px;
float: left;
padding: 0; 
height: 519px;
margin: 0;
background-position:top center;
background-image: url(../../images/header-home.jpg);
background-repeat:no-repeat;
}


#idioma{
width:219px;
height:23px;
background-image:url(../../images/bg-idioma.png);
background-position:top right;
background-repeat:no-repeat;
text-align:right;
padding:0 15px 0 0;
margin-right:1px;
float:right;
z-index:25;
}

#idioma a{
line-height:23px;
color:#fff;
font-size:11px;
text-decoration:none;
}

#idioma a:hover{
color:#d0e4ff;
}

#quick{
clear:right;
margin-right:1px;
margin-top:10px;
width:390px;
height:25px;
background-image:url(../../images/bg-quick_esp.png);
background-position:top right;
background-repeat:no-repeat;
float:right;
text-align:right;
padding:0 15px 0 0;
top:30px;
}

#quick li{
display:inline;
font-weight:bold;
line-height:25px;
color:#fff;
text-transform:uppercase;
font-size:12px;
}

#quick a{
color:#fff;
text-transform:uppercase;
font-weight:bold;
display: inline-block;
width:108px;
text-align:center;
font-size:12px;
text-decoration:none;
}

#quick a:hover{
font-style:italic;
color:#00c7d3;
}

#quick .estoy{
font-style:italic;
color:#00c7d3;
}

#navigation {
float: left;
width: 900px;
padding: 0;
margin: 0 0 16px 0;

}

#navigation ul{
width:690px;
float:right;
background-image:url(../../images/bg-menu_esp.jpg);
background-position:-25px 0;
background-repeat:no-repeat;
height:31px;
text-align:center;
margin:0;
padding:0;
}

#navigation ul li{
display:inline;
height:31px;
line-height:31px;
text-transform:uppercase;
font-weight:bold;
font-size:12px;margin:0;
color:#fff;
}

#navigation a{
color:#fff;
text-decoration:none;
}

#navigation a:hover{
color:#b3cfbc;
}

.estoy{
color:#00c7d3;
}

.bread-home{
font-size:12px;
float:left;
display:block;
color:#038c8c;
text-transform:uppercase;
width:102px!important;
height:31px;
line-height:31px;
background-image: url(../../images/bread-home.jpg);
background-repeat:no-repeat;
background-position:left;
padding:0px 12px;
font-weight:700;
}

.bread-mapa{
font-size:12px;
float:left;
display:block;
color:#038c8c;
text-transform:uppercase;
width:143px!important;
height:31px;
line-height:31px;
background-image: url(../../images/bread-mapa.jpg);
background-repeat:no-repeat;
background-position:left;
padding:0px 12px;
font-weight:700;
}
.bread-villas{font-size:12px;
float:left;
display:block;
color:#038c8c;
text-transform:uppercase;
width:102px!important;
height:31px;
line-height:31px;
background-image: url(../../images/bread-villas.jpg);
background-repeat:no-repeat;
background-position:left;
padding:0px 12px;
font-weight:700;
}

.bread-photos{
font-size:12px;
float:left;
display:block;
color:#038c8c;
text-transform:uppercase;
width:102px!important;
height:31px;
line-height:31px;
background-image: url(../../images/bread-photos.jpg);
background-repeat:no-repeat;
background-position:-15px 0;
padding:0px 12px;
font-weight:700;
}

.bread-facilities{
font-size:12px;
float:left;
display:block;
color:#038c8c;
text-transform:uppercase;
width:102px!important;
height:31px;
line-height:31px;
background-image: url(../../images/bread-facilities.jpg);
background-repeat:no-repeat;
background-position:left;
padding:0px 12px;
font-weight:700;
}

.bread-ratesand{
font-size:12px;
float:left;
display:block;
color:#038c8c;
text-transform:uppercase;
width:160px!important;
height:31px;
line-height:31px;
background-image: url(../../images/bread-ratesand.jpg);
background-repeat:no-repeat;
background-position:-22px 0;
padding:0px 12px;
font-weight:700;
}

.bread-faq{
font-size:12px;
float:left;
display:block;
color:#038c8c;
text-transform:uppercase;
width:164px!important;
height:31px;
line-height:31px;
background-image: url(../../images/bread-faq_esp.jpg);
background-repeat:no-repeat;
background-position:-19px 0;
padding:0px 12px;
font-weight:700;
}

.bread-site{
float:left;
display:block;
color:#038c8c;
text-transform:uppercase;
width:209px!important;
height:31px;
line-height:31px; 
background-image:url(../../images/bread-site.jpg);
background-repeat:no-repeat;
background-position:left;
padding:0px 12px;
font-weight:700;
font-size:12px;
}
.bread-location{
font-size:12px;
float:left;
display:block;
color:#038c8c;
text-transform:uppercase;
width:135px!important;
height:31px;
line-height:31px;
background-image: url(../../images/bread-location.jpg);
background-repeat:no-repeat;
background-position:left;
padding:0px 12px;
font-weight:700;
}

.bread-contacto{
font-size:12px;
float:left;
display:block;
color:#038c8c;
text-transform:uppercase;
width:165px!important;
height:31px;
line-height:31px;
background-image: url(../../images/bread-contacto.jpg);
background-repeat:no-repeat;
background-position:left;
padding:0px 12px;
font-weight:700;
}

#leftcolumn { 
margin: 0px ;
padding: 0px 15px 0  0px;
width: 588px;
float: left;
}

#info{
float:left;
width:265px;
margin:20px 9px 0 12px;
padding:0;
height:330px;
}

.friendly{
margin:20px 0 20px 0px;
width:150px;
clear:both;
}

#rightcolumn {
width: 264px;
float: left;
margin: 0 ;
padding: 0 15px 10px 15px;
background-image:url(../../images/bg-sidebar.png);
background-repeat:repeat-x;
background-position:0 25px;
}

#banners ul{
padding:0 ;
}

#banners img{
padding-bottom:10px;
}

#socialnetwork{
margin: 5px 0 8px 0;
}

em{
color:#025e73;
width:110px;
line-height:16px;
height:16px;
}

#socialnetwork ul{
background-image:url(../../images/sombra.png);
background-position:0px 0;
background-repeat:no-repeat;
height:18px;
line-height:18px;
vertical-align:bottom;}

#socialnetwork ul li{
display:inline;
margin:0 8px 0 8px;
}

#footer {
background-image:url(../../images/bg-footer.jpg);
background-repeat: repeat-x;
background-position:top; 
width: 100%;
clear: both;
color: #604e41;
margin: 0;
padding: 10px 0 5px 0;
}

#footer br{
margin:0 0 10px 0;
}

#copy{
font-size:10px;
clear:both;
padding-bottom:5px;
padding-top:5px;
}

#footer-inner{
width:900px;
margin:0 auto;
text-align:center;
}

#footer-inner p{
padding:2px;
}

#nav-footer {
margin:25px auto 5px auto;
display:block;
width:605px;
}

#nav-footer li{
display:inline;
float:left;
color:#0d5767;
margin-bottom:3px;
}

#nav-footer a{
color:#0d5767; 
text-decoration:none;
font-weight: 300;
}

#nav-footer a:hover{
text-decoration:underline;
}

#nav-footer .estoy{
text-decoration:none;
font-style:italic;
font-weight:bold;
color:#3fa49e;
}

#logos-group{
clear:both;
}

#logos-group ul{
width:900px;
margin:0 0 10px 0;
clear:both;
*margin:0 0 25px 0;
}

#logos-group ul li{
display:inline;
float:left;
margin:0 10px 20px 10px;
}

a.eco{
background-image:url(../../images/logos_group.png);
background-repeat:no-repeat;
background-position:0 -5px;
width:155px;
height:35px;
display:block;
text-indent:-9999px;
}

a.zaha{
background-image:url(../../images/logos_group.png);
background-repeat:no-repeat;
background-position:-190px 0;
width:105px;
height:45px;
display:block;
text-indent:-9999px;
}

a.copal{
background-image:url(../../images/logos_group.png);
background-repeat:no-repeat;
background-position:-300px 0;
width:155px;
height:45px;
display:block;
text-indent:-9999px;
}

a.maya{
background-image:url(../../images/logos_group.png);
background-repeat:no-repeat;
background-position:-490px -5px;
width:160px;
height:45px;
display:block;
text-indent:-9999px;
}

a.wedd{
background-image:url(../../images/logos_group.png);
background-repeat:no-repeat;
background-position:-680px -5px;
width:180px;
height:45px;
display:block;
text-indent:-9999px;
}

h1 a{
width:150px;
height:60px;
margin:30px 20px 0 20px;
text-indent:-9000px;
cursor:pointer;
z-index:999;
float:left;
display:block;
}

h2{
font-size:28px;
font-weight: 100;
color:#014865;
padding:0px 0 10px 12px;
background-image:url(../../images/bg-titulos.jpg);
background-position:12px 34px;
background-repeat:no-repeat;
}

h3{
font-size:20px;
font-weight:100;
color:#014865;
padding:0 0 10px 0;
text-align:left;
}

h4{
color:#025e73;
font-size:16px;
font-weight:100;
margin:10px 0 20px 12px;
}

/*SITEMAP*/
#sitemap{
color:#025e73;
font-size:18px;
margin-top:17px;
}

#sitemap li{
padding:5px;
}

#sitemap a{
font-weight:100;
color:#025e73;
text-decoration:none;
}

#sitemap a:hover{
color:#038c8c;
text-decoration:underline;
}

/*VILLAS*/

#preview_wrap {
margin: 25px auto 5px auto;
padding: 10px;
width: 558px; 
height: 400px;
background: url('../../images/villas/bg_preview.gif') top left no-repeat;
}

#preview_outer {
overflow: hidden;
width: 550px;
height: 400px;
position: relative;
}

#preview_inner {
text-align: left;
height: 100%;
position: relative;
}

#preview_inner div {
float: left;
width: 550px;
height: 400px;
position: relative;
}

#preview_inner div a {
position: absolute;
bottom: 0px;
left: 0; 
display: block;
width: 551px;
height:65px;
padding: 5px 15px;
color: #025e73;
background: url('../../images/villas/bg_trans.png');
text-decoration: none;

}  

#thumbs {
padding-top: 30px;
position: relative;
width: 550px;
text-align: center;  
}

#thumbs span {
padding-top:5px;
width:110px;
cursor: pointer;
display: inline-block;
}
      
.pp{
background: url('../../images/villas/bg_thumb.gif') top center no-repeat;
color:#025e73;
text-transform:uppercase;
text-align:center;
font-size:10px;
margin:10px 0;
line-height:30px;
}

.pp:hover {
background: url('../../images/villas/bg_thumb-on.gif') top center no-repeat;
}

h5{
height:30px;
color:#025e73;
text-transform:uppercase;
font-size:10px;
margin:10px 0;
}

#arrow {
position: absolute;
top: -7px;
background: url('../../images/villas/bg_arrow.gif') top center no-repeat;
width: 104px;
height: 39px;
display: none;
}

.villas p {
width:500px;
margin:0 15px;
color:#604e41;
font-weight:normal;
}

.tipo{
width:500px;
height:20px;
color:#025e73;
font-size:16px;
font-weight:100;
margin:2px 0 0 12px;
display:block;
}

.tipotxt{
width:500px;
margin:2px 15px;
color:#604e41;
font-weight:normal;
display:block;
}

/*FACILITIES*/

#facilities{
margin:15px 12px;
}

#facilities h4{
margin:15px 0 0 0;
padding:0;
font-weight:600;
}

#facilities img{
margin:10px 0 0 0;
}

#facilities ul{
width:564px;
margin:5px 0 10px 0;
}

#facilities ul li{
display:inline;
float:left;
width: 139px;
height:200px;
font-size:12px;
background: url(../../images/bg-facilities-list.jpg) top center no-repeat;
padding:0 2px 0 0;
}

#facilities li p{
padding:5px 7px;
}

#facilities li h5{
padding:0 0 0 10px;
margin:15px 0 0 0;
height:16px;
}

.destacado{
margin:15px 12px;
font-style:italic;
}

.destacado2{
color:#025e73;
}

#room{
margin:10px 12px 0 12px;
}

#room h4{
margin:0;
padding:0 0 10px 0;
font-weight:600;
}

/*RATES*/
#video{
margin:20px 0;
}

.videofix{
margin-top:25px!important;
padding-top:10px;
}

#rates{
display:table;
margin:20px 12px;
width:574px;
background-image:url(../../images/bg-rates.jpg);
background-position:top;
background-repeat:no-repeat;
padding:0;
}

#rates td{
color:#ded2b9;
font-size:16px;
font-weight:bold;
}

#rates th{
color:#fff;
}

.season{
width:143px;
font-size:11px!important;
color:#fff!important;
height:219px;
text-transform:uppercase;
text-align:center;
vertical-align: bottom;
}
html>body.season{
}
.temporada{
text-transform:none!important;
display:block;
text-align:center;padding-bottom:13px;
}

th.dato, td.dato{
text-align:center;
vertical-align:middle;
font-size:16px;
height:63px;
padding:0;
}

.vacio{
height:20px;
}

#notes{
margin:10px 12px;
}

#specials{
margin:10px 12px;
background-image:url(../../images/separador-rates.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#notes h4, #specials h4{
margin:0 ;
}

#specials h4{
font-weight:600;
padding-top:20px;
}

#notes p{
margin:2px 0;
width:574px;
line-height:12px;
}

#specials{
margin:30px 12px;
}

/*CONTACT*/
#contact{
margin:20px 12px 0 12px;
background-image:url(../../images/bg-contact.jpg);
background-position:top;
background-repeat:no-repeat;
width:574px;
height:387px;
}

#contact ul{
width:350px;
float:right;
margin:20px 12px;
}

#contact ul li{
color:#e6e1c3;
}

.reserva{
width:330px;
background-image:url(../../images/icono-contacto.png);
background-repeat:no-repeat;
background-position: 0 8px;
padding:8px 15px 1px 40px;
}

.mail{
width:320px;
background-image:url(../../images/icono-contacto.png);
background-repeat:no-repeat;
background-position: 0 -72px;
padding:8px 15px 10px 40px;
}

.call{
width:310px;
background-image:url(../../images/icono-contacto.png);
background-repeat:no-repeat;
background-position:0 -140px;
padding:2px 15px 8px 40px;
height:60px;
}

.tel{
width:197px;
float:left;
margin:0 ;
clear:left;
line-height:13px;

}

.num{
width:105px;
float: right;
margin:0;
line-height:13px;
text-align:right;
clear:right;
}

#contact img{
/*padding:15px 15px 8px 40px;
*/}

.banner{
padding:30px 0 0 40px;
}

.banner object{
padding:0;
margin:0px;
width:290px;}
#contact a{
color:#e6e1c3;
text-decoration:underline;
}

#contact a.titulo{
color:#013240;
text-decoration:underline;
font-weight:bold;
}

#contact strong{
color:#013240;font-weight:bold;
}

/*LOCATION*/
#location{
margin:20px 0px 20px 12px;
background-image:url(../../images/separador-rates.jpg);
background-position:center;
background-repeat:no-repeat;
}

#location iframe{
border:1px solid #4b97a2;
margin:10px 0;
}

#location a{
width:574px;
margin:10px 12px 0 485px ;
}

#location h4, #driving h4{
margin:10px 0 0 0;
font-weight:700;
}

#driving h4{
margin-left:12px;
font-weight:600;
}

#driving{
background-image:url(../../images/bg-location_esp.jpg);
background-position:10px 40px;
background-repeat:no-repeat;
height:349px;
}

#driving p{
width:240px;
margin:28px 0 5px 320px;
color:#fbf1d4; 
}

#driving a{
color:#fbf1d4;
text-decoration:underline;
font-size:16px;
margin:0 0 0 480px;
}


/*FAQ*/
#faq{
margin:20px 12px;
line-height:22px;
font-weight:100;
}

#faq ul{ 
list-style: disc;
color:#255d7e;
margin:0px 12px;
}

#faq a.intercalado{
color:#4da9a1;
}

#faq a{font-size:18px;
color:#255d7e;
font-weight:normal;
text-decoration:none;
}

#faq a:hover{
text-decoration:underline;
}

.rta{
margin:10px 12px;
width:570px;
background-image:url(../../images/separador-rates.jpg);
background-position:250px 1px;
background-repeat:no-repeat;
padding-top:9px;
}

.rta h4{
margin:5px 0 5px 0;
padding-top:8px;
font-weight:700;
}
.arriba{
height:12px;
color:#604e41;
font-size:11px;
width:150px;
text-align:right;
margin-bottom:5px;
margin-left:420px;
}

.arriba a{
color:#604e41;
}