/* layout */
.cleaner {clear: both; height: 1px; font-size: 1px; display: block; padding: 0; margin: 0;}
.hidden {display: none;}
.fl {float: left;  display: inline;}
.fr {float: right; display: inline;}
.tal {text-align: left !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.nw {white-space: nowrap !important;}
.uc {text-transform: uppercase !important;}
.nomr {margin-right: 0px !important;}
IMG {border: 0px;}
SPAN.txt {height: auto !important;}
BODY, FORM, FIELDSET, UL, OL, H1, H2, H3, H4, H5 {padding: 0; margin: 0;}
FIELDSET {border: 0px;}
HTML, BODY {height: 100%;}
BODY {background-color: #f7ed98; text-align: center; font-family: Arial, sans-serif; font-size: 11px; color: #434343;}
#main {width: 774px; margin-left: auto; margin-right: auto; text-align: left; position: relative;}

.w10 {width: 10px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}
.w550 {width: 550px;}
.w600 {width: 600px;}
.w650 {width: 650px;}
.w50p {width: 50%;}

/*************************************************************************************************************************/

/* Header */
#header-holder {min-height: 136px; _height: 144px; _hei\ght: 136px; background: url('../images/layout/backgrounds/bg-header-holder.jpg') top left no-repeat; position: relative; z-index: 2; padding-top: 8px;}
#header {margin: 0px 7px 0px 7px; min-height: 129px; _height: 136px; _hei\ght: 129px; padding-top: 7px; background: url("../images/layout/backgrounds/bg-header.jpg") top left no-repeat #fff; position: relative;}
#header-inner {margin: 0px 7px 0px 7px; min-height: 129px; _height: 129px; background: url("../images/layout/backgrounds/bg-header-inner.jpg") top left no-repeat #ffc11a;  position: relative;}
#header H1 {width: 145px; height: 45px; _height: 75px; _hei\ght: 45px; position: relative; overflow: hidden; font-size: 26px; margin-left: 12px; margin-bottom: 23px; padding-top: 30px; text-align: center;}
#header H1 A {color: #fff; text-decoration: none;}
#header H1 A SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../images/layout/backgrounds/bg-h1.gif') top left no-repeat; cursor: pointer; cursor: hand;}

#nav {height: 31px; margin-top: 14px;}
#nav LI {float: left; display: inline; list-style-type: none;}
#nav LI A {position: relative; display: block; height: 23px; _height: 31px; _heig\ht: 23px; padding-top: 8px; color: #31393c; text-decoration: none; text-align: center; font-size: 12px; font-weight: bold; background-color: #e5ebed;}
#nav LI A:hover {color: #d5b902;}
#nav LI A:hover SPAN {background-position: 0px -31px;}
#nav LI A SPAN {display: block; width: 100%; height: 31px; position: absolute; top: 0px; left: 0px; cursor: pointer; cursor: hand; background-position: top left; background-repeat: no-repeat;}

#nav-1 {width: 167px;}
#nav-1 SPAN {background-image: url('../images/layout/nav/nav1.gif');}
#nav-2 {width: 185px;}
#nav-2 SPAN {background-image: url('../images/layout/nav/nav2.gif');}
#nav-3 {width: 218px;}
#nav-3 SPAN {background-image: url('../images/layout/nav/nav3.gif');}
#nav-4 {width: 176px;}
#nav-4 SPAN {background-image: url('../images/layout/nav/nav4.gif');}


/*************************************************************************************************************************/

/* Content */

#content-holder {background: url('../images/layout/backgrounds/bg-content-holder.gif') top left repeat-y; position: relative; z-index: 1;}
#content {margin-left: 7px; margin-right: 7px; background: url("../images/layout/backgrounds/bg-content.gif") top left no-repeat #fff; padding-left: 7px; padding-right: 7px; min-height: 200px; _height: 200px; position: relative; padding-bottom: 20px;}

#lcontent {float: left; _display: inline; width: 560px; margin-top: 11px;}
#localities H3 {height: 20px; _height: 23px; _hei\ght: 20px; width: 543px; _width: 560px; _wid\th: 543px; background-color: #3d76a1; font-size: 14px; color: #fff; font-weight: bold; padding-left: 17px; padding-top: 3px; position: relative; overflow: hidden; margin-bottom: 5px;}
#localities H3 SPAN {display: block; position: absolute; top: 0px; left: 0px; width: 560px; height: 100%; background: url("../images/content/headings/h3-localities.gif") top left no-repeat;}
#localities DIV {float: left; _display: inline; width: 122px; margin-left: 15px;}
#localities DIV P {margin-top: 4px; margin-bottom: 0px;}
#localities DIV P A {color: #384245; text-decoration: none; background: url("../images/layout/crumbs/li.gif") 0px 5px no-repeat; padding-left: 10px; display: block;}
#localities DIV P A:hover {text-decoration: underline;}

#resorts H3 {height: 20px; _height: 23px; _hei\ght: 20px; width: 543px; _width: 560px; _wid\th: 543px; background-color: #3d76a1; font-size: 14px; color: #fff; font-weight: bold; padding-left: 17px; padding-top: 3px; position: relative; overflow: hidden; margin-bottom: 5px;}
#resorts H3 SPAN {display: block; position: absolute; top: 0px; left: 0px; width: 560px; height: 100%; background: url("../images/content/headings/h3-resorts.gif") top left no-repeat;}

#resorts DIV {float: left; _display: inline; width: 255px; margin-left: 17px;}
#resorts DIV P {margin-top: 4px; margin-bottom: 0px;}
#resorts DIV P A {color: #384245; text-decoration: none; background: url("../images/layout/crumbs/li.gif") 0px 5px no-repeat; padding-left: 10px; display: block;}
#resorts DIV P A:hover {text-decoration: underline;}

#toursy H3 {height: 20px; _height: 23px; _hei\ght: 20px; width: 543px; _width: 560px; _wid\th: 543px; background-color: #3d76a1; font-size: 14px; color: #fff; font-weight: bold; padding-left: 17px; padding-top: 3px; position: relative; overflow: hidden; margin-bottom: 5px;}
#toursy H3 SPAN {display: block; position: absolute; top: 0px; left: 0px; width: 560px; height: 100%; background: url("../images/content/headings/h3-tour.gif") top left no-repeat;}


#tip {margin-top: 20px;}
#tip H3 {height: 20px; _height: 23px; _hei\ght: 20px; width: 543px; _width: 560px; _wid\th: 543px; background-color: #5fa3cb; font-size: 14px; color: #fff; font-weight: bold; padding-left: 17px; padding-top: 3px; position: relative; overflow: hidden; margin-top: 0px; margin-bottom: 5px;}
#tip H3 SPAN {display: block; position: absolute; top: 0px; left: 0px; width: 560px; height: 100%; background: url("../images/content/headings/h3-tip.gif") top left no-repeat;}


#rcontent {float: left; _display: inline; width: 176px; margin-left: 10px; margin-top: 11px;}
#search-tour {background: url("../images/layout/backgrounds/bg-search-tour-top.gif") top left no-repeat #ea8a00; color: #fff;}
#search-tour-inner {background: url("../images/layout/backgrounds/bg-search-tour-bottom.gif") bottom left no-repeat; min-height: 100px; _height: 100px; padding: 4px 8px 10px 8px; position: relative;}
#search-tour H3 {position: relative; overflow: hidden; width: 160px; height: 18px; color: #fff; font-weight: bold; font-size: 15px;}
#search-tour H3 SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/content/headings/h3-search-tour.gif") top left no-repeat;}
#search-tour P {margin-top: 20px; margin-bottom: 0px;}
#search-tour FORM INPUT.txt {border: 1px solid #0c5078;}

#newsletter {background: url("../images/layout/backgrounds/bg-newsletter.gif") top left no-repeat #ffbe0f; color: #000; height: 95px; _height: 111px; _hei\ght: 95px; padding: 4px 8px 12px 8px; margin-top: 7px;}
#newsletter H3 {position: relative; overflow: hidden; width: 158px; height: 18px; color: #fff; font-weight: bold; font-size: 15px; margin-left: 2px;}
#newsletter H3 SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/content/headings/h3-newsletter.gif") top left no-repeat;}
#newsletter FORM INPUT.txt {border: 1px solid #8b5401;}

#home-banner {margin-top: 7px;}
#home-banner IMG {display: block;}

#extranet {background: url("../images/layout/backgrounds/bg-extranet-top.gif") top left no-repeat #e9e9e9; color: #767676; margin-top: 7px;}
#extranet-inner {background: url("../images/layout/backgrounds/bg-extranet-bottom.gif") bottom left no-repeat; min-height: 100px; _height: 100px; position: relative; padding-top: 4px; padding-bottom: 10px;}
#extranet-inner FORM {padding: 0px 8px 0px 8px; background: url("../images/layout/backgrounds/bg-extranet-middle.gif") top left repeat-y;}
#extranet H3 {position: relative; overflow: hidden; width: 160px; height: 18px; color: #d87300; font-weight: bold; font-size: 15px;}
#extranet H3 SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/content/headings/h3-extranet.gif") top left no-repeat;}

#main .info P {margin-top: 0px;}

.gallery A IMG {border: 2px solid #b7c7cd; display: block;}
.gallery .small-thumbs {line-height: 10px;}
.gallery .small-thumbs A IMG {float: left; _display: block; margin-right: 9px; margin-top: 9px;}
.gallery .small-thumbs A.nomr IMG {margin-right: 0px;}

#page-title {background: url("../images/layout/backgrounds/bg-page-title-top.gif") top left no-repeat #eaeff1; color: #4990b7;}
#page-title-inner {background: url("../images/layout/backgrounds/bg-page-title-bottom.gif") bottom left no-repeat; min-height: 20px; _height: 20px; position: relative; padding: 10px 15px 8px 15px; position: relative;}
#page-title H3 {color: #d37000; font-size: 18px; font-weight: bold; margin: 0px;}
#page-title H3 A {color: #d37000;}
#page-title H3 STRONG {float: left; _display: inline; margin-right: 8px;}
#page-title H3 SPAN.star {color: #3379a0; width: 15px; height 15px; float: left; _display: inline; text-align: center; background: url("../images/layout/crumbs/star.gif") top left no-repeat; margin-left: 2px; margin-top: 3px;}
#page-title P.place {font-size: 14px; margin: 0px; margin-top: 6px;}
#page-title P.place A {color: #4990b7;}
#page-title P.price {position: absolute; top: 50%; right: 15px; color: #d37000; font-size: 12px; font-weight: bold; margin-top: -14px;}
#page-title P.price STRONG {font-size: 24px;}

.content-box {background: url("../images/layout/backgrounds/bg-page-title-top.gif") top left no-repeat #eaeff1; margin-left: -15px; margin-top: 1.5em;}
.content-box-inner {background: url("../images/layout/backgrounds/bg-page-title-bottom.gif") bottom left no-repeat; min-height: 20px; _height: 20px; position: relative; padding: 15px 17px 15px 17px; position: relative;}

#page_content {margin-left: 15px; margin-top: 15px;}
#page_content H3 {color: #464e51; font-size: 14px; font-weight: bold; margin-top: 1.5em;}
#page_content H4 {color: #4990b7; font-size: 11px; font-weight: bold; margin-top: 1.5em;}
#page_content A {color: #4990b7;}
#page_content A.button {border: 1px solid #0c5077; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; background: url("../images/layout/backgrounds/bg-button.gif") top left no-repeat  #3e8cb8; padding: 3px 10px 5px 20px; display: inherit; float: left;}
#page_content P {margin-top: 1em; margin-bottom: 0px;}
#page_content UL {list-style-type: none; margin-left: 0px; margin-top: 1em;}
#page_content UL LI {list-style-type: none; background: url("../images/layout/crumbs/li.gif") 0px 5px no-repeat; padding-left: 10px; margin-top: 0.5em;}
#page_content OL {margin-left: 27px; margin-top: 1em;}
#page_content OL LI {margin-top: 0.5em;}



#page_content_left {float: left; _display: inline; width: 295px;}
#page_content_right {float: left; _display: inline; margin-left: 18px; width: 232px;}


/* Common */
TABLE {border: 0px; font-size: 11px;}
TABLE TH, TABLE TD {border: 0px; padding-right: 5px;}

TABLE.common {width: 100%; font-size: 10px;}
TABLE.common TH {font-size: 11px; color: #14699a; font-weight: normal;}
TABLE.common TH, TABLE.common TD {padding: 3px 8px 2px 8px; _padding: 4px 8px 4px 8px;}
TABLE.common TR.tr1 TD {background-color: #f0f0f0;cursor:pointer;}
TABLE.common TR.tr2 TD {background-color: #fff;cursor:pointer;}
TABLE.common TD.first, TABLE.common TH.first {padding-left: 16px;}
TABLE.common TD STRONG {font-size: 11px;}
TABLE.common TD A {color: #277cac;}
TABLE.common TD.price {color: #1d71a2;}
TABLE.common TD.price STRONG {color: #de8800;}

TABLE.informations {width: 100%; background: url("../images/layout/backgrounds/bg-table-informations.gif") top left no-repeat;}
TABLE.informations TH, TABLE.informations TD {background: url("../images/layout/backgrounds/bg-table-informations.gif") bottom left no-repeat; padding: 6px; vertical-align: top;}
TABLE.informations TH {color: #d87300; font-weight: bold; text-align: left; vertical-align: top; padding-left: 0px;}
TABLE.informations SMALL {font-size: 10px;}

FORM INPUT.txt, FORM SELECT, FORM TEXTAREA {font-size: 11px; color: #384245; border: 1px solid #bababa; font-family: Arial, sans-serif;}
FORM INPUT.txt {padding-top: 2px; padding-bottom: 2px; height: 14px; _height: 20px; _hei\ght: 14px; text-indent: 2px;}
FORM TEXTAREA {overflow: hidden; padding-left: 2px;}
FORM DIV.f-row {margin-top: 6px; clear: both; display: block; min-height: 24px;}
FORM LABEL.fl {float: left; _display: inline; margin-top: 3px; margin-right: 5px;}
FORM SPAN.obliged {float: left; _display: inline; margin-left: 5px; margin-top: 2px; font-size: 12px; color: #d37000;}
/*************************************************************************************************************************/

/* Footer */
#footer-holder {background: url("../images/layout/backgrounds/bg-footer-holder.jpg") top left no-repeat; height: 81px; position: relative;}
#footer {margin: 0px 7px 7px 7px; background: url("../images/layout/backgrounds/bg-footer.jpg") top left no-repeat #fff; font-size: 10px; color: #e9e9e9; height: 66px; _height: 74px; _hei\ght: 66px; border-top: 1px solid #fff; _border-top: 0px; border-left: 7px solid #fff; border-right: 7px solid #fff; border-bottom: 7px solid #fff;}
#footer P {margin-top: 10px; background: url("../images/layout/backgrounds/bg-footer-p.gif") top left no-repeat #5fa3cb; height: 42px; _height: 57px; _hei\ght: 42px; text-align: center; padding-top: 15px;}
#footer P STRONG {font-size: 11px;}

/*************************************************************************************************************************/