/*
************************
reset.css
************************
*/
html, body, div, span, applet, object, 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%;
}
body {
line-height:1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}

hr {clear:both;
visibility:hidden;}
/* 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;
}

/* My reset styles ! */
form label, .submit {
cursor:pointer;
}
fieldset {
border:none;
}
input, select, textarea {
font-size:100%;
}
.submit, button {
cursor:pointer;
}
ul {
list-style-type:none;
}
.clear {
clear:both;
height:1px;
overflow:hidden;
visibility:hidden;
}
.left {
float:left;
}
.right {
float:right;
}
a img {
border:none;
}
/*
************************
layout.css
************************
*/
/* fond */
body {
background:#FDFEFF url(../gfx/layout/body.jpg) repeat-x;
}
#wrap {
background:url(../gfx/layout/wrap.png) repeat-y;
min-height:500px;
padding:0 12px 0 13px;
}
#wrap-b {
background:url(../gfx/layout/wrap-b.png) no-repeat left bottom;
margin:0 auto;
padding-bottom:75px;
width:971px;
} 
#content {
overflow:hidden;
}
/* --- */

/* Header */
#header {
background:url(../gfx/layout/header.png) no-repeat;
height:86px;
margin:0 auto;
position:relative;
width:946px;
}
#bt-home {
background:url(../gfx/logos/el-nido.png) no-repeat;
display:block;
height:74px;
left:22px;
position:absolute;
text-indent:-5000px;
top:8px;
width:234px;
}
#languages {
right:228px;
position:absolute;
top:2px;
}
#languages li {
border-left:1px solid #979790;
display:block;
float:left;
padding:2px 4px 1px;
}
#languages li.first {
border:none;
}
#languages li a {
background:url(../gfx/deco/button/flags.png) no-repeat;
display:block;
float:left;
height:16px;
text-indent:-5000px;
width:30px;
}
#languages li a#l-en {
background-position:0 -16px;
}
#phone-fr,
#phone-en {
height:37px;
position:absolute;
right:6px;
text-indent:-5000px;
top:38px;
width:170px;
}
#phone-en {
background:url(../gfx/text/en/title/phone.png) no-repeat;
}
#phone-fr {
background:url(../gfx/text/fr/title/phone.png) no-repeat;
}
#tools {
position:absolute;
right:5px;
top:6px;
width:200px;
z-index:105;
}
#tools li {
display:block;
float:left;
margin-left:3px;
}
#tools li a {
display:block;
height:27px;
}
a#bt-contact {
background:url(../gfx/deco/button/contact.png) no-repeat;
width:121px;
}
a.bt-access {
background:url(../gfx/deco/button/access.png) no-repeat;
margin-top:5px;
width:60px;
}
#tools li a:hover {
background-position:left bottom;
}
/* --- */


/* Menu */
#navigation {
left:245px;
position:absolute;
top:62px;
z-index:100;
}
#navigation li {
display:block;
float:left;
}
#navigation li a {
background:url(../gfx/deco/button/navigation.png) no-repeat;
display:block;
height:24px;
overflow:hidden;
width:130px;
}
#navigation li.first a {
background:url(../gfx/deco/button/navigation-first.png) no-repeat;
}
#navigation li a:hover {
background-position:left -24px;
}
/* --- *

/* Bannière */
#banner {
border-bottom:1px solid #82A737;
border-top:1px solid #6C6C6C;
}
#banner img {
display:block;
}
/* --- *

/* footer */
#footer {
background:url(../gfx/layout/footer.png) repeat-x 0 42px;
clear:both;
margin-top:-28px;
} 
#footer ul {
background:url(../gfx/layout/flowers.png) no-repeat center top;
margin:0 auto;
overflow:hidden;
padding:65px 0 0;
width:620px;
text-align:center;
}
#footer ul li {
display:inline;
}
#footer ul li a {
line-height:21px;
padding:0 30px;
}
#footer ul li#altiplano {
color:#252525;
padding:0 30px;
}
#footer ul li#altiplano a {
padding:0;
}

/* Accueil */
.col-home-left,
.col-home-center,
.col-home-right {
display:inline;
float:left;
margin:5px 8px 0 0;
overflow:hidden;
}
.col-home-left {
margin-left:8px;
width:288px;
}
.col-home-center {
width:365px;
}
.col-home-right {
float:right;
width:261px;
}
.bt-more {
display:block;
margin-top:15px;
text-align:right;
}
.bt-more a {
background:url(../gfx/deco/markers/brown.png) no-repeat left 2px;
padding-left:17px;
}
.bt-more a:hover {
background-position:left -48px;
}
#focus {
background:#fff;
border:1px solid #bbb;
margin-bottom:8px;
padding:17px 12px 28px 18px;
}
#focus h2 {
margin-bottom:10px;
}
#focus p {
border-left:5px solid #558A11;
padding-left:12px;
}
#focus h2 strong {
display:block;
}
#welcome {
background:#fff;
border:1px solid #bbb;
margin-bottom:8px;
padding:17px 5px 28px 12px;
}
#welcome h2 {
margin-bottom:10px;
}
#welcome h2 strong {
display:block;
}
#welcome ul li {
border-top:1px solid #C9C9C9;
overflow:hidden;
padding:18px 4px 9px 3px;
width:338px;
}
#welcome ul li img {
border:1px solid #B3B3B3;
display:block;
float:left;
margin:0 12px 2px 0;
padding:2px;
}
#around {
background:#F0F9FF url(../gfx/deco/corners/around-t.png) repeat-x;
border:1px solid #bbb;

margin-bottom:8px;
padding:6px 5px 5px 12px;
}
#around h2 {
background:url(../gfx/deco/markers/around.png) no-repeat;
padding:6px 0 10px 35px;
}
#around ul li {
border-top:1px solid #C9C9C9;
overflow:hidden;
padding:13px 4px 5px 3px;
}
#around h3 {
background:url(../gfx/deco/markers/green.png) no-repeat 0 center;
padding-left:9px;
}
#around .bt-more a {
background:url(../gfx/deco/markers/brown2.png) no-repeat left 2px;
}
#around .bt-more a:hover {
background-position:left -48px;
}
#news {
background:#E5E4E2 url(../gfx/deco/corners/around-t.png) repeat-x;
border:1px solid #bbb;
margin-bottom:8px;
padding:6px 10px 26px;
}
#news h2 {
background:url(../gfx/deco/markers/around.png) no-repeat;
padding:6px 0 10px 35px;
}
#news ul li {
background:#fff;
margin:9px 0 5px;
padding:8px 14px 5px 6px;
overflow:hidden;
}
#news ul li img {
float:left;
margin-right:10px;
}
#news ul li .bt-more {
overflow:hidden;
}
#news ul li .bt-more a span {
display:none;
}
#news ul li .bt-more a  {
background:transparent url(../gfx/deco/button/news.png) no-repeat scroll 0 0;
display:block;
height:24px;
margin:0 0 0 auto;
padding:0;
width:50px;
}
#news h3 {
background:url(../gfx/deco/markers/green.png) no-repeat 0 center;
padding-left:9px;
}
#where {
background:#EFF9FF url(../gfx/layout/where.png) repeat-x left bottom;
border:1px solid #7DB5DE;
padding:10px 3px 8px 9px;
}
#where img {
display:block;
}
#offers {
background:#8EA65F url(../gfx/layout/offers.png) repeat-x;
padding:0 11px 10px 11px;
}
#offers-fr,
#offers-en {
height:20px;
margin-bottom:-10px;
position:relative;
text-indent:-5000px;
top:-19px;
}
#offers-fr {
background:url(../gfx/text/fr/title/offers.png) no-repeat;
}
#offers-en {
background:url(../gfx/text/en/title/offers.png) no-repeat;
}
#offer {
background:#fff;
overflow:hidden;
padding:15px 14px 7px 5px;
}
#offer img {
float:left;
margin-right:10px;
}
/* --- *

/* Page de contenu */ 
#sub-navigation {
background:#F4F4F4 url(../gfx/deco/corners/sub-nav-t.png) repeat-x;
border:1px solid #bbb;
display:inline;
float:left;
margin:5px 8px 8px;
padding:12px 7px 52px 8px;
width:270px;
}
#sub-navigation li a {
margin-left:11px;
}
#sub-navigation li ul {
margin-top:22px;
}
#sub-navigation li ul li a {
background:url(../gfx/deco/button/sub-nav.png) no-repeat;
border-top:none;
display:block;
height:22px;
margin:3px 0 0;
padding:0 10px 2px 30px;
position:relative;
}
#sub-navigation li ul li a:hover,
#sub-navigation li ul li.active a {
background-position:left bottom;
}
#sub-navigation li ul li ul {
background:#fff;
border:1px solid #C0DA86;
border-top:none;
margin:-9px 0 5px;
padding:9px 0 10px;
}
#sub-navigation li ul li ul li {
width:100%;
}
#sub-navigation li ul li ul li a,
#sub-navigation li ul li.active ul li a {
background:#F3F3ED url(../gfx/deco/markers/sub-nav.png) no-repeat 6px center;
border:1px solid #E3E3C7;
height:auto;
min-height:5px;
padding:0 10px 2px 28px;
clear:both;
display:block;
}
#sub-navigation li ul li ul li a:hover,
#sub-navigation li ul li ul li.active a {
background-color:#fff;
background-position:-285px center;
border-color:#fff;
}
.col-main,
.col-main-wide {
background:#fff;
border:1px solid #bbb;
display:inline;
float:left;
margin:5px 0;
overflow:hidden;
padding:13px 18px;
width:594px;
}
.col-main-wide {
margin:5px 0 5px 8px;
width:888px;
}
.photos {
float:left;
margin:0 12px 8px 0;
overflow:hidden;
padding-top:3px;
}
.photos + ul,
.photos + p + ul {
float:left;
}
.photos.right {
float:right;
margin:0 0 8px 12px;
}
.photos + ul + ul,
.photos + ul + p {
clear:left;
}
.photos a {
border:1px solid #D0D0D0;
display:block;
padding:2px;
}
.photos a img {
display:block;
}
.photos .bt-more {
margin:2px 3px 0 0;
}
.photos .bt-more a {
border:none;
display:inline;
padding:0 0 0 17px;
}
.photos a.bt-more span {
background:url(../gfx/deco/markers/brown.png) no-repeat 0 .4em;
padding-left:15px;
}
.photos a.bt-more:hover span {
background-position:left -48px;
}
.photos .others {
height:1px;
margin:0;
overflow:hidden;
visibility:hidden;
}
.col-main p,
.col-main-wide p {
padding-bottom:15px;
}
.col-main h1,
.col-main-wide h1 {
border-bottom:1px solid #C9C9C9;
padding-bottom:10px;
margin:6px 0 10px;
}
.col-main h2,
.col-main-wide h2 {
clear:both;
padding:12px 0 10px;
}
.col-main h3,
.col-main-wide h3,
.col-main h4,
.col-main-wide h4 {
clear:both;
margin-bottom:5px;
}
a.bt-link {
background:transparent url(../gfx/deco/button/bg-button-a.png) no-repeat right top;
display:block;
float:right;
height:24px;
padding-right:12px;
}
a.bt-link span {
background:transparent url(../gfx/deco/button/bg-button-span.png) no-repeat;
display:block;
line-height:23px;
padding:0 0 1px 30px;
}
a.bt-link:hover {
background-position:right bottom;
}
a.bt-link:hover span {
background-position:left bottom;
}
/* --- *

/* Contact */
#form-contact,
#form-newsletter {
background:#FFF3CF;
border:1px solid #DABA7B;
float:left;
padding:40px 20px 40px 30px;
width:444px;
}
#form-contact ul,
#form-booking ul,
#form-newsletter ul {
float:left;
margin:0;
width:217px;
}
#form-contact ul.large,
#form-booking ul.large,
#form-newsletter ul.large {
clear:both;
float:none;
width:auto;
}
#form-contact ul li,
#form-booking ul li,
#form-newsletter ul li {
background:none;
padding:9px 0 0;
}
#form-contact ul li label,
#form-booking ul li label,
#form-newsletter ul li label {
display:block;
margin:0 0 3px;
}
#form-contact ul li input,
#form-contact ul li select,
#form-booking ul li input,
#form-booking ul li select,
#form-newsletter ul li input {
background:#FFF9EC;
border:1px solid #D8CDB8;
border-bottom:none;
border-right:none;
height:18px;
padding:0 2px;
width:198px;
}
#form-contact ul li textarea,
#form-booking ul li textarea {
background:#FFF9EC;
border:1px solid #D8CDB8;
border-bottom:none;
border-right:none;
padding:0 2px;
width:414px;
}
#form-contact ul li.newsletter,
#form-booking ul li.newsletter {
margin-bottom:10px;
}
#form-contact ul li.newsletter label,
#form-booking ul li.newsletter label,
#form-booking ul li label.checkbox,
#form-booking ul li label.checkbox {
display:inline;
}
#form-contact ul li.newsletter input,
#form-booking ul li.newsletter input,
#form-booking ul li input.checkbox,
#form-booking ul li input.checkbox {
background:none;
border:none;
height:auto;
margin:0;
padding:0;
width:auto;
}
#form-contact #submit,
#form-booking #submit,
#form-newsletter #submit {
background:url(../gfx/deco/button/submit.png) no-repeat;
height:24px;
border:none;
float:right;
margin:0 25px 0 0;
padding:0 0 2px 25px;
width:87px;
}
#form-contact #submit:hover,
#form-booking #submit:hover,
#form-newsletter #submit:hover {
background-position:left bottom;
}
#form-contact #submit.disabled:hover,
#form-booking #submit.disabled:hover,
#form-newsletter #submit.disabled:hover {
background-position:left top;
}
#form-contact fieldset.loading {
background:url(../gfx/deco/ajax-loader.gif) no-repeat right bottom;
}
#form-newsletter fieldset.loading {
background:url(../gfx/deco/ajax-loader.gif) no-repeat 165px bottom;
}
.address {
background:url(../gfx/layout/form-contact.jpg) no-repeat left center;
float:left;
height:450px;
margin:5px 0 8px 40px;
width:342px;
}
/* --- *

/* Disponibilités */
#availability {
background:#F7F7F7;
border:1px solid #D4D9DD;
margin-bottom:20px;
padding:9px;
width:574px;
}
#availability .loading {
background:#fff url(../gfx/deco/multibox/loader.gif) center center no-repeat;
border:1px solid #B7C3CC;
height:200px;
width:574px;
}
#availability table {
border:1px solid #B7C3CC;
border-bottom:none;
border-right:none;
clear:both;
width:574px;
}
#availability th {
background:#E0EAF0 url(../gfx/layout/availability-th.png) repeat-x;
border-bottom:1px solid #B7C3CC;
border-right:1px solid #B7C3CC;
padding:15px 10px 12px;
}
#availability th.row {
background:#F2F5F8;
}
#availability td {
background:#fff;
border-bottom:1px solid #B7C3CC;
border-right:1px solid #B7C3CC;
padding:15px 10px 12px;
}
#availability tr.alt th.row {
background:#E8ECF1;
}
#availability tr.alt td {
background:#F3F5F7;
}
#availability tr td.inactive,
#availability tr.alt td.inactive {
background:#E738AA;
}
#availability span.inactive {
background:#E738AA;
display:block;
float:left;
height:22px;
margin-right:5px;
width:50px;
}
#availability p {
margin-top:10px;
}
#availability .bt-next,
#availability .bt-prev {
height:31px;
display:block;
float:left;
text-indent:-5000px;
width:32px;
}
#availability .date {
line-height:31px;
margin:0 auto;
overflow:hidden;
padding-bottom:15px;
width:370px;
}
#availability .calendar {
margin:5px 35px 0 10px;
}
#availability .date span {
display:block;
float:left;
margin:0 0 0 35px;
}
#availability .bt-next {
background:url(../gfx/deco/button/availability-next.png) no-repeat;
}
#availability .bt-prev {
background:url(../gfx/deco/button/availability-prev.png) no-repeat;
}
#availability .bt-next:hover,
#availability .bt-prev:hover {
background-position:left bottom;
}
.col-left,
.col-right {
float:left;
margin-top:14px;
width:280px;
}
.col-left {
border-right:1px solid #CCCCCC;
margin:14px 10px 17px 0;
padding-right:10px;
}
.col-left h2,
.col-right h2 {
margin-top:6px;
}
.col-left #availability,
.col-right #availability {
margin-bottom:5px;
width:260px;
}
.col-left #availability table,
.col-right #availability table {
width:260px;
}
/* --- *

/* Réservation */
#form-booking {
background:#FFF3CF;
border:1px solid #DABA7B;
padding:10px 20px 10px 35px;
width:539px;
}
#form-booking input#booking-date-from,
#form-booking input#booking-date-to  {
float:left;
width:auto;
}
#form-booking li  {
clear:both;
}
#form-booking fieldset ul {
float:left;
margin-bottom:25px;
width:268px;
}
#form-booking fieldset ul.large {
float:none;
}
#form-booking h2 {
clear:both;
}
/* --- *

/* Plan google */
#map {
background:#fff;
border:3px solid #C3C3C3;
clear:both;
height:556px;
margin:10px 0 15px;
width:876px;
}
#map-info img {
float:left;
margin:18px 0 0 10px;
}
#map-info p {
float:left;
margin-top:16px;
width:160px;
}
/* --- *

/* Newsletter */
body.newsletter {
background:#FDFEFF;
margin:15px;
}
body.newsletter #form-newsletter {
float:none;
overflow:hidden;
margin:30px auto 0;
width:280px;
}
body.newsletter #form-newsletter ul {
float:none;
width:auto;
}
body.newsletter #form-newsletter input {
width:100%;
}
body.newsletter #form-newsletter button#submit {
margin:10px 0 0;
}
/* --- *

/* Corners */ 
.grey-bl {background:url(../gfx/deco/corners/grey-bl.png) 0 100% no-repeat;}
.grey-br {background:url(../gfx/deco/corners/grey-br.png) 100% 100% no-repeat;}
.grey-tl {background:url(../gfx/deco/corners/grey-tl.png) no-repeat;}
.grey-tr {background:url(../gfx/deco/corners/grey-tr.png) 100% 0 no-repeat;}
.grey-t {background:url(../gfx/deco/corners/grey-dot.png) repeat-x;}
.grey-b {background:url(../gfx/deco/corners/grey-dot.png) 0 100% repeat-x;}
.grey-l {background:url(../gfx/deco/corners/grey-dot.png) repeat-y;}
.grey-r {background:url(../gfx/deco/corners/grey-dot.png) 100% 0 repeat-y;}

.around-bl {background:url(../gfx/deco/corners/around-bl.png) 0 100% no-repeat;}
.around-br {background:url(../gfx/deco/corners/around-br.png) 100% 100% no-repeat;}
.around-tl {background:url(../gfx/deco/corners/around-tl.png) no-repeat;}
.around-tr {background:url(../gfx/deco/corners/around-tr.png) 100% 0 no-repeat;}
.around-t {background:url(../gfx/deco/corners/around-t.png) repeat-x;}
.around-b {background:url(../gfx/deco/corners/grey-dot.png) 0 100% repeat-x;}
.around-l {background:url(../gfx/deco/corners/grey-dot.png) repeat-y;}
.around-r {background:url(../gfx/deco/corners/grey-dot.png) 100% 0 repeat-y;}

.news-bl {background:url(../gfx/deco/corners/news-bl.png) 0 100% no-repeat;}
.news-br {background:url(../gfx/deco/corners/news-br.png) 100% 100% no-repeat;}
.news-tl {background:url(../gfx/deco/corners/around-tl.png) no-repeat;}
.news-tr {background:url(../gfx/deco/corners/around-tr.png) 100% 0 no-repeat;}
.news-t {background:url(../gfx/deco/corners/around-t.png) repeat-x;}
.news-b {background:url(../gfx/deco/corners/grey-dot.png) 0 100% repeat-x;}
.news-l {background:url(../gfx/deco/corners/grey-dot.png) repeat-y;}
.news-r {background:url(../gfx/deco/corners/grey-dot.png) 100% 0 repeat-y;}

.new-bl {background:url(../gfx/deco/corners/new-bl.png) 0 100% no-repeat;}
.new-br {background:url(../gfx/deco/corners/new-br.png) 100% 100% no-repeat;}
.new-tl {background:url(../gfx/deco/corners/new-tl.png) no-repeat;}
.new-tr {background:url(../gfx/deco/corners/new-tr.png) 100% 0 no-repeat;}
.new-t {background:url(../gfx/deco/corners/grey-dot.png) repeat-x;}

.where-bl {background:url(../gfx/deco/corners/where-bl.png) 0 100% no-repeat;}
.where-br {background:url(../gfx/deco/corners/where-br.png) 100% 100% no-repeat;}
.where-t {background:url(../gfx/deco/corners/where-dot.png) repeat-x;}
.where-b {background:url(../gfx/deco/corners/where-dot.png) 0 100% repeat-x;}
.where-l {background:url(../gfx/deco/corners/where-dot.png) repeat-y;}
.where-r {background:url(../gfx/deco/corners/where-dot.png) 100% 0 repeat-y;}

.offers-tl {background:url(../gfx/deco/corners/offers-tl.png) no-repeat;}
.offers-tr {background:url(../gfx/deco/corners/offers-tr.png) 100% 0 no-repeat;}

.offer-bl {background:url(../gfx/deco/corners/offer-bl.png) 0 100% no-repeat;}
.offer-br {background:url(../gfx/deco/corners/offer-br.png) 100% 100% no-repeat;}
.offer-tl {background:url(../gfx/deco/corners/offer-tl.png) no-repeat;}
.offer-tr {background:url(../gfx/deco/corners/offer-tr.png) 100% 0 no-repeat;}
.offer-t {background:url(../gfx/deco/corners/offer-dot.png) repeat-x;}

.sub-nav-bl {background:url(../gfx/deco/corners/sub-nav-bl.png) 0 100% no-repeat;}
.sub-nav-br {background:url(../gfx/deco/corners/sub-nav-br.png) 100% 100% no-repeat;}
.sub-nav-tl {background:url(../gfx/deco/corners/sub-nav-tl.png) no-repeat;}
.sub-nav-tr {background:url(../gfx/deco/corners/sub-nav-tr.png) 100% 0 no-repeat;}
.sub-nav-t {background:url(../gfx/deco/corners/sub-nav-t.png) repeat-x;}
.sub-nav-b {background:url(../gfx/deco/corners/grey-dot.png) 0 100% repeat-x;}
.sub-nav-l {background:url(../gfx/deco/corners/grey-dot.png) repeat-y;}
.sub-nav-r {background:url(../gfx/deco/corners/grey-dot.png) 100% 0 repeat-y;}

.sub-nav-ul-bl {background:url(../gfx/deco/corners/sub-nav-ul-bl.png) 0 100% no-repeat;}
.sub-nav-ul-br {background:url(../gfx/deco/corners/sub-nav-ul-br.png) 100% 100% no-repeat;}
.sub-nav-ul-b {background:url(../gfx/deco/corners/sub-nav-ul-b.png) 0 100% repeat-x;}
.sub-nav-ul-l {background:url(../gfx/deco/corners/sub-nav-ul-dot.png) repeat-y;}
.sub-nav-ul-r {background:url(../gfx/deco/corners/sub-nav-ul-dot.png) 100% 0 repeat-y;}

.form-contact-bl {background:url(../gfx/deco/corners/form-contact-bl.png) 0 100% no-repeat;}
.form-contact-br {background:url(../gfx/deco/corners/form-contact-br.png) 100% 100% no-repeat;}
.form-contact-tl {background:url(../gfx/deco/corners/form-contact-tl.png) no-repeat;}
.form-contact-tr {background:url(../gfx/deco/corners/form-contact-tr.png) 100% 0 no-repeat;}
.form-contact-t {background:#FFF3CF url(../gfx/deco/corners/form-contact-t.png) repeat-x;}
.form-contact-b {background:url(../gfx/deco/corners/form-contact-dot.png) 0 100% repeat-x;}
.form-contact-l {background:url(../gfx/deco/corners/form-contact-dot.png) repeat-y;}
.form-contact-r {background:url(../gfx/deco/corners/form-contact-dot.png) 100% 0 repeat-y;}

/* --- */

/*
************************
typography.css
************************
*/
html, body, form, fieldset, p, li, input, textarea, a, button, select {
color:#717271;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
}
#tools li a {
color:#3b6405;
font-size:13px;
line-height:22px;
text-align:center;
text-decoration:none;
}
#tools li a:hover {
color:#fff;
}
#navigation li a {
color:#fff;
font-size:13px;
font-weight:bold;
line-height:28px;
text-align:center;
text-decoration:none;
}
#footer ul li {
text-align:center;
}
#footer ul li a {
color:#252525;
text-decoration:none;
}
#footer ul li a:hover {
text-decoration:underline;
}
#focus p {
letter-spacing:.2px;
line-height:22px;
text-align:justify;
}
#focus h2 {
font-size:21px;
font-weight:normal;
letter-spacing:1px;
line-height:19px;
text-transform:uppercase;
}
#focus h2 strong {
font-family:'Arial Black', Gadget, Arial, Helvetica, sans-serif;
color:#558a11;
font-size:22px;
text-transform:none;
}
#welcome h2 {
color:#575757;
font-size:21px;
font-weight:normal;
letter-spacing:1px;
line-height:19px;
text-transform:uppercase;
}
#welcome h2 strong {
font-family:'Arial Black', Gadget, Arial, Helvetica, sans-serif;
color:#558a11;
font-size:22px;
text-transform:none;
}
#welcome ul li p {
text-align:justify;
}
.bt-more a {
color:#78250a;
font-size:10px;
text-decoration:none;
text-transform:uppercase;
}
.bt-more a span {
text-decoration:underline;
}
.bt-more a:hover {
color:#b5370e;
}
#around h2,
#news h2 {
color:#fff;
font-family:Impact, Charcoal, sans-serif;
font-size:19px;
font-weight:normal;
}
#around h3,
#welcome h3 {
color:#609221;
font-size:13px;
font-weight:normal;
}
#news ul li p,
#offer p {
color:#535353;
}
#sub-navigation li a {
font-family:'Arial Black', Gadget, Arial, Helvetica, sans-serif;
color:#f9f6e0;
font-size:22px;
font-weight:bold;
text-decoration:none;
}
#sub-navigation li ul li a {
font-family:Arial, Helvetica, sans-serif;
color:#3f4d2b;
font-size:12px;
font-weight:normal;
line-height:22px;
}
#sub-navigation li ul li ul li a {
line-height:16px;
}
.col-main h1,
.col-main-wide h1 {
font-family:'Arial Black', Gadget, Arial, Helvetica, sans-serif;
color:#77a839;
font-size:22px;
letter-spacing:1px;
line-height:22px;
text-transform:uppercase;
font-weight:normal;
}
.col-main h2,
.col-main-wide h2 {
font-family:'Arial Black', Gadget, Arial, Helvetica, sans-serif;
color:#8f8f8f;
font-size:16px;
letter-spacing:1px;
text-transform:uppercase;
font-weight:normal;
}
.col-main h3,
.col-main-wide h3 {
font-family:'Arial Black', Gadget, Arial, Helvetica, sans-serif;
color:#717271;
font-size:13px;
text-transform:uppercase;
font-weight:normal;
}
.col-main h4,
.col-main-wide h4 {
font-family:'Arial Black', Gadget, Arial, Helvetica, sans-serif;
color:#434343;
font-size:12px;
font-weight:normal;
}
.col-main p,
.col-main-wide p {
line-height:15px;
text-align:justify;
}
.col-main ul,
.col-main-wide ul {
margin:0 0 12px 24px;
}
.col-main ul li,
.col-main-wide ul li {
background:url(../gfx/deco/markers/content.png) no-repeat 0 .4em;
padding-left:11px;
}
.col-main p a,
.col-main-wide p a {
color:#427600;
}
.col-main p a:hover,
.col-main-wide p a:hover {
color:#5fa10b;
}
a.bt-link {
color:#3f4d2b;
text-decoration:none;
}
a.bt-link:hover {
color:#fff;
}
#map-info p {
color:#1f1f1f;
}
#map-info p strong {
font-weight:bold;
}
#form-contact label,
#form-booking label {
color:#83664d;
font-size:14px;
}
#form-contact b,
#form-booking b {
color:#77A839;
font-weight:normal;
}
#form-contact #submit,
#form-booking #submit {
color:#3f4d2b;
line-height:18px;
text-align:left;
}
#form-contact #submit:hover,
#form-booking #submit:hover {
color:#fff;
}
#form-contact p.msg,
#form-newsletter p#newsletter-msg {
color:#77A839;
}
#availability th {
color:#2f4450;
font-size:11px;
}
#availability p {
color:#2f4450;
line-height:22px;
}
#availability p.date {
font-size:14px;
}
#availability td {
color:#2f4450;
font-size:14px;
text-align:center;
}
#form-booking h2 {
color:#77a839;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
}

/*
************************
multibox.css
************************
*/
.MultiBoxContainer {
position:absolute;
border:20px solid #000;
background-color:#FFF;
display:none;
z-index:200;
text-align:left;
/*overflow:hidden;*/
}
.MultiBoxLoading {
background:url(../gfx/deco/multibox/loader.gif) no-repeat center;
}
.MultiBoxContent {
position:relative;
width:100%;
height:100%;
overflow:hidden;
}
.MultiBoxClose {
position:absolute;
top:-26px;
right:-26px;
background:url(../gfx/deco/multibox/close-trans.png) no-repeat;
width:24px;
height:24px;
cursor:pointer;
}
.MultiBoxControlsContainer {
overflow:hidden;
height:0px;
width:100%;
position:relative;
}
.MultiBoxControls {
width:100%;
height:auto;
background-color:#000000;
padding-bottom:2px;
position:absolute;
bottom:0px;
}
.MultiBoxPrevious {
position:absolute;
background:url(../gfx/deco/multibox/left-trans.png) no-repeat;
width:24px;
height:24px;
left:0px;
margin-top:5px;
cursor:pointer;
}
.MultiBoxNext {
position:absolute;
background:url(../gfx/deco/multibox/right-trans.png) no-repeat;
width:24px;
height:24px;
right:0px;
margin-top:5px;
cursor:pointer;
}
.MultiBoxNextDisabled {
cursor:default;
background:url(../gfx/deco/multibox/rightDisabled-trans.png) no-repeat;
}
.MultiBoxPreviousDisabled {
cursor:default;
background:url(../gfx/deco/multibox/leftDisabled-trans.png) no-repeat;
}
.MultiBoxTitle {
position:relative;
margin:10px 35px 0;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
font-weight:bold;
text-align:left;
}
.MultiBoxNumber {
position:relative;
width:50px;
margin:10px 35px 0 0;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
text-align:right;
}
.MultiBoxDescription {
clear:left;
position:relative;
margin:0 35px 0 35px;
padding-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
text-align:left;
}