@charset "UTF-8";

/* ==========================================================================
   FONTS
   ========================================================================== */


html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}
body {
    color: #333;
    font: 12px/1.28 Arial, Tahoma, sans-serif;
    background: #fff url('/i/bg-clouds-grad.jpg') repeat-x center top;
}

.chromeframe {
    width: 100%;
    margin: 0;
    position: relative;
    color: #000;
    background: #f7b79a;
    border-top: 1px solid #c2ae8d;
    z-index: 50;
}
.chromeframe span {
    display: block;
    padding: 9px 16px 8px;
}


/* -HTML5 display definitions- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/* // end -HTML5 display definitions- */


/* -tables- */
table, thead, tbody, tfoot, tr, td, th {
    margin: 0;
    padding: 0;
    border: none;
}
table {
    border-collapse: collapse;
}
th, td {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    border: none;
}


/* -lists- */
dl, dd, dt {
    margin: 0;
    padding: 0;
}
ol, ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* -forms- */
form, fieldset, label, legend, input, textarea {
    margin: 0;
    padding: 0;
}
fieldset {
    display: block;
    border: none;
}
button,
input,
select,
textarea {
    font: 12px Arial, Tahoma, sans-serif;
}

/* -text- */
div {
    display: block;
    margin: 0;
    padding: 0;
}
blockquote, h1, h2, h3, h4, h5, h6, p, pre, img {
    margin: 0;
    padding: 0;
}
a img {
    border: none;
}
a {
    color: #f26722; /*326693*/
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}

input,
input:focus,
button,
button:focus,
a,
a:focus {
    outline: none;
}
small {
    font-size: 0.92;
}


/* -help classes- */
.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.clear {
  float: none;
  clear: both;
}
.clearfix {
  position: relative;
}

.clr {
    width: 100%;
    font-size: 0px;
    display: block;
}
.clr::after {
    content: ".";
    display: block;
    font-size: 0px;
    height: 0;
    clear: both;
    visibility: hidden;
}


h1, h2, h3, h4, h5, h6 {
    margin: 0 0 25px;
}
h1 {
    color: #000;
    font: 44px/1.1 Times New Roman, Arial, Tahoma;
}
h2 {
    color: #002254;
    font: 24px/1.2 Georgia, Times New Roman, Arial, Tahoma;
}
h3 {
    color: #002254;
    font: 18px/1.4 Georgia, Times New Roman, Arial, Tahoma;
}
h4 {
    color: #002254;
    font-size: 16px;
    font-weight: bold;
}
h5 {
    color: #002254;
    font-size: 14px;
}
h6 {
    color: #002254;
    font-size: 12px;
    font-weight: bold;
}





/* -forms- */
input.text,
textarea,
select {
    margin: 0;
    /*color: #a3a3a3;*/
    font: 16px Georgia, Arial;
    border: 1px solid #d3dbde;
    border-top: 1px solid #cad1d4;
    border-bottom: 1px solid #cad1d4;
    background: #fff;
    
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4);
            box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}
input.text {
    padding: 8px 10px 9px;
}
textarea {
    height: 80px;
    resize: vertical;
    padding: 8px 0 9px 10px;
}
select {
    padding: 7px 0 8px 10px;
}

.input-text-wrap {
    padding-right: 22px;
    position: relative;
}
.input-text-wrap input.text {
    width: 100%;
}

.textarea-wrap {
    padding-right: 12px;
}
.textarea-wrap textarea {
    width: 100%;
}


.select-wrap {
    position: relative;
}
.select-wrap select {
    width: 100%;
}
/* // -forms- */








/* -full-text-styles- */
.full-text-styles {
    position: relative;
    color: #535455;
    font: 16px/1.5 Georgia, Arial, Tahoma;
}
.full-text-styles p {
    margin: 0 0 25px;
}

.full-text-styles ul {
    margin: 0 0 15px 20px;
}
.full-text-styles ol {
    margin: 0 0 15px 20px;
}
.full-text-styles li {
    margin: 0 0 7px;
}

.full-text-styles ul li {
    list-style: disc;
}
.full-text-styles ol li {
    list-style: decimal;
}



.full-text-styles table {
    width: 100%;
    margin: 0 0 15px;
    border-collapse: collapse;
/*  border: 1px solid #dadada;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #c0c0c0;
    background: #fff;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
}
.full-text-styles th,
.full-text-styles td {
    padding: 10px 10px 11px;
}
.full-text-styles thead td,
.full-text-styles thead th {
    font-weight: bold;
    background: #f2f2f2;
}
.full-text-styles tbody td,
.full-text-styles tbody th {
    /*border-bottom: 1px solid #dddddd;*/
}
.full-text-styles tbody tr:nth-child(even) td,
.full-text-styles tbody tr:nth-child(even) th {
    /*background: #fafafa;*/
}
/* -full-text-styles- */







/* -grid- */
.global-wrapper {
    min-height: 100%;
    position: relative;
    overflow: hidden;
}
.wrapper {
    padding-bottom: 135px;
    position: relative;
}


.fix-part {
    margin: 0 auto;
    width: 986px;
    position: relative;
}



/* -header- */
.header {
    margin: 0 0 24px;
    position: relative;
    overflow: hidden;
    z-index: 10;
    zoom: 1;
}
.top-menu-container {
    float: left;
}
.top-menu {
    position: relative;
    font: 18px/1 Times New Roman, Tahoma, Arial;
}
.top-menu li {
    margin-right: 9px;
    position: relative;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}
.top-menu a {
    padding: 37px 17px 10px;
    position: relative;
    display: block;
    color: #000;
    text-decoration: none;
}
.top-menu a:hover {
    color: #0f61bb;
    text-decoration: none;
}

.top-menu li.active a {
    color: #0f61bb;
    background: #f3f6f7 url('/i/shadow-bottom.png') repeat-x left bottom;
}
.top-menu li.active a:hover {
    color: #0f61bb;
}


.top-contacts-container {
    padding: 30px 13px 0 0;
    position: relative;
    float: right;
}
.top-contacts {
    position: relative;
}
.top-contacts .tel {
    margin: 0 0 2px;
    position: relative;
    color: #003d7f;
    font: 26px/1 Trajan Pro, Tahoma, Arial;
}
.top-contacts .tel small {
    padding-right: 3px;
    color: #a3a3a3;
    font-size: 17px;
    display: block;
    position: absolute;
    top: 2px;
    right: 100%;
}
.top-contacts .email {
    padding-left: 3px;
    color: #003d7f;
    font: italic 16px/1 Georgia, Tahoma, Arial;
}
/* // -header- */






/* -vis-nav- */
.vis-nav {
    margin: 0 -13px;
    position: relative;
    overflow: hidden;
    zoom: 1;
    height: 150px;
}
.vis-nav-item {
    width: 308px;
    height: 136px;
    margin: 0 13px;
    position: relative;
    float: left;
}
.vis-nav-item a {
    width: 308px;
    height: 136px;
    display: block;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    border: 3px solid #fff;
}
.vis-nav-item a:hover {
    color: #fff;
    text-decoration: none;
    border: 3px solid #36C;
}
.vis-nav-item img {
    min-width: 308px;
    min-height: 136px;
    position: relative;
}
.vis-nav-item .ttl {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
    color: #fff;
    font: italic 20px/1 Georgia, Tahoma, Arial;
    background: rgba(0, 60, 125, 0.8);
    *background: #003c7d;    /* for IE7 */
    background: #003c7d\0/;  /* for IE8 */
}
.vis-nav-item .ttl.full {
    width: 100%;
}

.vis-nav-item .ttl b {
    padding: 4px 8px 9px 13px;
    display: block;
    font-weight: normal;
}
/* // -vis-nav- */











/* -body- */
.body {
    position: relative;
}


.title-container {
    margin: 0 0 24px;
    padding: 4px 0 0 39px;
    position: relative;
}

.title-container.main {
    text-align: center;
    padding: 0;
}
.title-container.main h1 {
    font-size: 45px;
    line-height: 1;
}

.content-separate {
    margin: 24px 0 24px;
    height: 5px;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.text-container {
    padding: 24px 45px 36px 39px;
    position: relative;
    background: #ecf2f4;
}
.text-container *:last-child {
    margin-bottom: 0;
}




.text-container-main {
    /*padding: 0 80px;*/
    padding: 0;
    position: relative;
}
.text-container-main .text-container {
    /*padding: 29px 45px 36px 48px;*/
    padding: 29px 45px 36px 380px;
}
/* // -body- */


.text-container table,
.text-container td {
    border: 1px solid #ccc
    }



/* -page-line-content- */
.page-line-content-wrap {
    max-width: 1280px;
    margin: 0 auto 28px;
    height: 169px;
    position: relative;
    line-height: 30px;
    background: url('/i/bg-clouds.png') no-repeat center top;
}
.page-line-content {
    max-width: 1280px;
    margin: 0 auto;
    height: 169px;
    position: relative;
    background: url('/i/shadow-bottom.png') repeat-x left bottom;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: -moz-none;
        -ms-user-select: none;
            user-select: none;
}




.slogan {
    position: absolute;
    top: 33px;
    right: 11px;
    color: #fff;
    letter-spacing: -3px;
    font: 48px/1 Times New Roman, Tahoma, Arial;
    z-index: 2;
}
.slogan p {
    margin: 0 0 9px;
    position: relative;
}
.slogan .bg {
    padding: 0 15px 0 8px;
    line-height: 46px;
    height: 46px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    zoom: 1;
    *display: inline;
    background: rgba(0, 86, 125, 0.5);
    *background: #3f84a6;   /* for IE7 */
    background: #3f84a6\0/; /* for IE8 */
}
.slogan b {
    font-weight: normal;
    position: relative;
    top: -2px;
}



.logo {
    padding-left: 24px;
    display: block;
    position: absolute;
    left: 17px;
    top: -11px;
    overflow: hidden;
    z-index: 3;
    background: url('/i/logo.png') no-repeat left top;
}
.logo a {
    width: 266px;
    position: relative;
    display: block;
    overflow: hidden;
    zoom: 1;
}
.logo img {
    float: right;
}

/* // -page-line-content- */








/* -index-line-content- */
.index-line-content {
    margin: 0 0 15px;
    position: relative;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: -moz-none;
        -ms-user-select: none;
            user-select: none;
}
.index-line-content .slogan {
    top: 282px;
    /*left: 37px;*/
}


.image-carousel-container {
    min-height: 524px;
    text-align: center;
    position: relative;
}
#image-carousel {
    height: 524px;
    position: relative;
    overflow: hidden;
}
#image-carousel .item {
    width: 100%;
    height: 524px;
    position: relative;
    text-align: center;
}


#image-carousel-pag {
    position: relative;
}
#image-carousel-pag a {
    margin: 9px 5px 10px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    background: url('/i/pagination.png') no-repeat -16px 0;
}
#image-carousel-pag a.selected {
    background-position: 0 0;
}
#image-carousel-pag span {
    display: none;
}





.reserve-box {
    padding: 17px 20px 20px;
    width: 291px;
    position: absolute;
    top: 102px;
    right: 21px;
    z-index: 2;
    background: rgba(255, 255, 255, 0.85);
    *background: #eef0f1;   /* for IE7 */
    background: #eef0f1\0/; /* for IE8 */
}

.reserve-box.text {
    float: left;
    left: 10px;
    position: relative !important;
    right: inherit;
    top: 10px;
}

.reserve-box .title {
    margin: 0 0 13px;
    white-space: nowrap;
    overflow: visible;
    color: #0f61bb;
    font: 24px/1 Times New Roman, Tahoma, Arial;
    text-transform: uppercase;
}
.reserve-form {
    padding: 11px 12px 25px 15px;
    position: relative;
    background: #e0e9ec;
}
.reserve-form .line {
    margin: 0 0 13px;
    position: relative;
    overflow: hidden;
    zoom: 1;
}
.reserve-form .label,
.reserve-form .label-inline {
    /*color: #b0b7ba;*/
    font: 16px/1 Georgia, Tahoma, Arial;
}
.reserve-form .label {
    margin: 0 0 5px;
}
.reserve-form .label-inline {
    margin-left: 4px;
    position: relative;
    top: 0;
}
.reserve-form .l-clmn {
    width: 119px;
    float: left;
    position: relative;
}
.reserve-form .r-clmn {
    width: 119px;
    float: right;
    position: relative;
}


.reserve-form .datepicker {
    position: relative;
}
.reserve-form .datepicker-icon {
    width: 20px;
    height: 18px;
    display: block;
    position: absolute;
    top: 10px;
    right: 9px;
    cursor: pointer;
    background: url('/i/datepicker-icon.png') no-repeat center center;
}
.reserve-form input.text.w1 {
    width: 21px;
    text-align: center;
}
.reserve-form select {
    -webkit-appearance: button;
    background: #fff url('/i/select-arrow.png') no-repeat right center;
}

.reserve-form  .btn-wrap {
    text-align: right;
}
.btn-blue {
    padding: 4px 21px;
    color: #fff;
    font: italic 24px Georgia Tahoma, Arial;
    border: none;
    background: url('/i/button-blue.png') repeat left top;
    cursor: pointer;
}
/* // -index-line-content- */










/* -footer- */
.footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #737373;
    font-size: 14px;
}
.footer-container {
    padding-top: 5px;
    height: 101px;
    position: relative;
    border-top: 1px solid #ccc;
}
.footer-content {
    padding: 42px 40px 20px;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #ccc;
}

.footer a {
    color: #737373;
    text-decoration: none;
}
.footer a:hover {
    color: #000;
    text-decoration: none;
}


.copyright {
    float: left;
    position: relative;
}
.madein {
    float: right;
    position: relative;
}

/*.ccat {color: #000; font-family: georgia, serif; font-size: 16px;}*/
.ccat .items {padding-top: 25px; position: relative;}
.ccat .item {margin: 0 8px 30px 0; float: left;}
.ccat .first {margin-left: -2px;}
/*.ccat .last {margin-right: -2px; float: right;}*/
.ccat .item .img {margin-bottom: 7px; padding: 11px 10px 12px;}
.ccat .item .img img {display: block; border:2px solid #84A9EF;}
.ccat .item .info {padding: 0; position: relative; text-align: center;}
.ccat .item .info input {margin: 1px 0 0 -18px; padding: 0; position: absolute;}
.ccat .item .info label {font-weight: bold; color: #d3353b; font-size: 14px; cursor: pointer;}
.ccat .item .info .sku {font-size: 11px;}
.ccat .pagination {padding-top: 14px; border-top: 1px solid #c9ba96;}

table.list-rooms {
    border:0;
}
table.list-rooms th, table.list-rooms td {
    text-align: center;
    border:0;
}
table.list-rooms th {
    font-weight: bold;
}