html {font-size: 100%;}

body {
    font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;
    font-size: 0.7em;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #082D44;
    background:#89D4F2;
}


table {font-size: 1em;}

form {margin: 0px;}

input, textarea {
    border: 1px solid #000000;
    background: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-left: 2px;
    font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;
}

a {
    text-decoration: underline;
    color: #FFFFFF;
}

a:hover {text-decoration: none;}

a img {border: 0px;}

ul {text-align: left;}

fieldset {border: 0px; clear: left; float: left;}

p {color: #FFFFFF;}

h1 {
    margin: 0px; 
    padding: 0px;
    float: right;
}

h1 a {
    background-color: transparent; 
    display: block; 
    position: absolute;
    width: 286px;
    left: 0px;
    top: 0px;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

h1 span {
    width: 286px;
    height: 80px;
    background: url('/images/logo-click4hotel.jpg') left top no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

#top {
    width: 1000px;
    height: 20px;
    background: #2686B3;
    margin: 0px auto 0px auto;
}

#top ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#top #lang li {float: left;}
#top #lang li a {
    height: 20px;
    line-height: 18px;
    float: left;
    display: inline;
    margin-right: 4px;
    padding: 0px 8px 0px 30px;
    background: #12445C 8px 4px no-repeat;
    font-size: 0.9em;
}
#top #lang li.en a {background-image: url('/images/en.png');}
#top #lang li.de a {background-image: url('/images/de.png');}
#top #lang li.cs a {background-image: url('/images/cs.png');}
#top #lang li a.active  {color: #12445C; background: #FFFFFF 8px 4px no-repeat;}
#top #lang li.en a.active {background-image: url('/images/en-a.png');}
#top #lang li.de a.active {background-image: url('/images/de-a.png');}
#top #lang li.cs a.active {background-image: url('/images/cs-a.png');}

#top #menu li {float: right;}
#top #menu li a {
    height: 20px;
    line-height: 18px;
    display: inline;
    float: left;
    font-weight: bold;
    margin-left: 4px;
    padding: 0px 8px 0px 8px;
    background: #12445C;
}
#top #menu li a.active {color: #12445C; background: #FFFFFF;}

#master {
    width: 1000px;
    background: #FFFFFF;
    margin: 0px auto 0px auto;
    text-align: center;
    padding-top: 10px;
}

#logo {
    width: 980px;
    height: 80px;
    margin: 0px auto 0px auto;
    background: #E1EAF2;
    text-align: right;
    position: relative;
}
#logo img {float: right;}

#left {
    width: 650px;
    float: left;
    margin: 10px 0px 0px 10px;
    display: inline;
}

#left form#search {
    width: 650px;
    height: 180px;
    color: #FFFFFF;
    text-align: left;
    position: relative;
    background: #E9311A url('/images/search-bg.png') left top repeat-x;
}

#left form#search table {clear: left; margin: 30px 0px 0px 114px;}
#left form#search table td {padding: 0px; color: #FFFFFF;}
#left form#search table label {width: auto; padding-left: 10px; color: #FFFFFF;}
#left form#search table input.check {margin: 0px; width: 13px; height: 13px; background: #FFFFFF; padding-left: 10px; border: 0px;}

#left h2 {
    margin: 0px;
    color: #FFFFFF;
    font-size: 1.3em;
    padding: 4px 30px;
    line-height: 28px;
    background: #83250A;
    display: inline;
} 

#left form#search fieldset {
    padding: 8px 0px 3px 0px;  
    width: 600px;
}
#left form#search select {
    width: 320px; 
    float: left; 
    font-weight: bold; 
    font-family: trebuchet ms;
    font-size: 13px;
}

#left form#search label {
    width: 70px;
    _width: 85px;
    display: block;
    text-align: right;
    float: left;
    padding-right: 15px;
    font-size: 1.2em;
    font-weight: bold;
}

#left form#search input {float: left;}
#left form#search img {float: left; margin: 5px 0px 0px 2px; background: none; border: 0px;}
#left form#search img.calendar {margin: 1px 0px 0px 5px; cursor: pointer;}
#left form#search input.check {border: 0px; width: 13px; height: 13px; margin: 3px 0px 0px 18px;}
#left form#search .arrive {width: 80px; }
#left form#search .depart {width: 80px;}

#left form#search .last {margin: 0px 0px 0px 0px;}
#left form#search .last input {margin: 0px 7px 0px 85px;}
#left form#search .last label {width: auto; font-size: 1.1em; font-weight: normal;}
#left form#search .last a {float: left; clear: left;  font-size: 1.1em; margin-left: 85px;}

input.btn {cursor: pointer;}

#left form#search input.btn {
    position: absolute;
    right: 17px;
    bottom: 17px;
    width: 122px;
    height: 33px;
    border: 0px;
    font-size: 15px;
    color: #FFFFFF;
    letter-spacing: 1px;
    padding-left: 6px;
    font-weight: bold;
    background: #0B6698 url('/images/btn-search.jpg') left top no-repeat;
}

#left #country {
    width: 650px;
    height: 110px;
    color: #FFFFFF;
    text-align: left;
    margin: 10px 0px 0px 0px;
    background: #1F78B1 url('/images/country-bg.png') left top repeat-y;
}

#left #country h2 {
    margin: 0px;
    color: #FFFFFF;
    font-size: 1.3em;
    padding: 4px 30px;
    line-height: 28px;
    background: #12445C;
    display: block;
}

#left #country div {
    height: 54px;
    float: left;
    margin: 12px  24px 0px 30px;
    display: inline;
}
#left #country div a {font-size: 1.4em; font-weight: bold;}
#left #country div span {display: block; font-size: 1.1em; font-weight: bold;}
#left #country div img {float: left; border: 2px solid #FFFFFF; margin-right: 7px;}

/*
Vypis prvnich dvou hotelu
*/

#left .htlsa {
    width: 318px;
    margin: 10px 0px 0px 0px;
    text-align: left;
    float: left;
    position: relative;
    background: #E1EAF2;
}
#left .htlsa div {
    height: 36px;
    background: #12445C;
    text-align: center;
    margin: 0px;
}
#left .htlsa div h2 {
    background: none; 
    width: 318px;
    font-size: 1.3em; 
    position: absolute;
    text-align: center; 
    padding: 0px;
    margin: 0px;
    top: 8px; 
    left: 0px;
}
#left .htlsa div div.imgs {
    position: absolute; 
    top: 4px; 
    left: 0px; 
    width: 318px;
    background: none;
}
#left .htlsa div a.show {
    position: absolute; 
    top: 9px; 
    right: 8px;
}

#left .htlsa div img.offer {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    border: 0px;
}

#left .htlsa div.cont {
    background: #E1EAF2;
    height: auto;
    margin-bottom: 10px;
    line-height: 1.2em;
}

#left .htlsa div.cont img {
    float: left; 
    margin: 5px; 
    border: 2px solid #FFFFFF;
}

#left .htlsa div.cont p {
    padding-top: 5px;
    margin: 0px 5px 5px 5px; 
    color: #082D44; 
    font-size: 1em;
    text-align: justify;
    font-family: arial, tahoma, sans-serif;
}

#left .htlsa div.cont p.orange {color: #EB3A1B;}
#left .htlsa div.cont p.left {text-align: left;}
#left .htlsa div.cont p.subTitle {float: left; clear: left; width: 150px; color: #000000; font-weight: bold; margin-top: -5px;}
#left .htlsa div.cont p.price {
    color: #041B28; 
    font-weight: bold;
    font-size: 1.1em;
    position: relative;
    margin: 0px 5px 20px 5px;
    line-height: 1.3em;
}
#left .htlsa div.cont p.price b {font-size: 20px;}
#left .htlsa div.cont p.price span {font-size: 0.9em; display: block; padding-bottom: 5px;}
#left .htlsa div.cont p.offerT {clear: both; font-size: 1.1em; color: #EB3A1B; font-weight: bold;}

#left .htlsa div.cont a.btn {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 123px;
    height: 27px;
    text-align: right;
    padding-right: 20px;
    line-height: 29px;
    font-size: 0.9em;
    text-decoration: none;
    font-weight: bold;
    background: url('/images/htls-btn-res.jpg') right top no-repeat;
}


/*
Vypis ostatnich hotelu
*/

#left .htlsb {
    margin-top: 10px;
    text-align: left;
    position: relative;
    clear: both;
}
#left .htlsb div {
    height: 38px;
    background: #12445C;
    padding-left: 12px;
}
#left .htlsb div h2 {background: none; font-size: 1.3em; display: inline; line-height: 36px; padding-left: 12px}
#left .htlsb div h2 span {font-size: 0.8em; padding-left: 8px;}
#left .htlsb div img {float: left; margin-top: 14px;}
#left .htlsb div a.show {
    position: absolute;
    top: 5px;
    right: 8px;
    padding: 5px 25px 5px 0px;
    font-weight: bold;
    background: url('/images/htls-showmap.png') right 4px no-repeat;
}

#left .htlsb div.cont {
    height: 160px;
    background: #E1EAF2;
    position: relative;
}

#left .htlsb div.cont img {
    float: right; 
    margin: 5px; 
    border: 2px solid #FFFFFF;
}

#left .htlsb div.cont p {
    padding-top: 5px; 
    margin: 0px 0px 5px 0px; 
    color: #082D44; 
    line-height: 1.2em; 
    font-size: 1em;
    text-align: justify;
    font-family: arial, tahoma, sans-serif;
}

#left .htlsb div.cont p.orange {color: #EB3A1B;}
#left .htlsb div.cont p.offerT {font-size: 1.1em; color: #EB3A1B; font-weight: bold;}
#left .htlsb div.cont p.price {
    color: #041B28; 
    font-weight: bold;
    font-size: 1.1em;
}
#left .htlsb div.cont p.price b {font-size: 20px;}
#left .htlsb div.cont p.price span {font-size: 0.9em; padding-left: 10px;}
#left .htlsb div.cont img.offer {position: absolute; top: 81px; right: 2px; border: 0px;}
#left .htlsb div.cont a.btn {
    position: absolute;
    right: 170px;
    bottom: 10px;
    width: 123px;
    height: 27px;
    text-align: right;
    padding-right: 20px;
    line-height: 29px;
    text-decoration: none;
    font-weight: bold;
    background: url('/images/htls-btn-res.jpg') right top no-repeat;
}

#right {
    width: 320px;
    float: right;
    margin: 10px 10px 0px 0px;
    display: inline;
    text-align: left;
}

#mainMenu {
    background: #12445C;
}

#mainMenu h2 {
    background: #0B2837;
    margin: 0px;
    width: 200px;
    color: #FFFFFF;
    font-size: 1.3em;
    padding: 0px 0px 0px 30px;
    line-height: 30px;
    display: block;
}

#mainMenu ul {
    list-style-type: none;
    margin: 0px;
    padding: 6px 0px 10px 0px;
    width: 154px;
    float: left;
}

#mainMenu ul li {
    padding-left: 18px;
    margin-left: 10px;
    background: url('/images/main-menu-li.png') left 6px no-repeat;
}
#mainMenu ul li a {font-size: 1.2em;}

#forecast {
    background: #E1EAF2;
    margin-top: 10px;
    height: 110px;
}

#forecast h2 {
    height: 20px;
    margin: 0px;
    font-size: 12px;
    background: #12445C; 
    color: #FFFFFF;
    line-height: 20px;
    padding-left: 10px; 
}

#forecast span {
    color: #12445C;
    font-weight: bold;
    display: block;
    float: left;
    margin: 8px 0px 0px 5px;
    display: inline;
    line-height: 12px;
    width: 99px;
}
#forecast span img {margin-bottom: 4px;}

#operator {
    width: 320px;
    height: 110px;
    margin: 10px 0px 0px 0px;
    background: #1F78B1 url('/images/operator-bg.jpg') left top no-repeat;
}

#operator h2 {
    margin: 0px;
    padding: 0px 10px 0px 0px;
    text-align: right;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 28px;
}
#operator h2 span {font-size: 0.6em; padding-right: 2px;}

#operator p {
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    margin: 5px 0px 0px 0px;
    line-height: 15px;
}

#operator p span {font-size: 1.2em; padding-left: 2px;}
#operator p small {font-size: 1em; padding-left: 2px;}
#operator a.btn {
    display: inline;
    width: 123px;
    height: 27px;
    margin-right: 10px;
    line-height: 29px;
    text-align: right;
    font-weight: bold;
    text-decoration: none;
    float: right;
    padding-right: 10px;
    background: url('/images/btn-contact.jpg') right top no-repeat;
}

.services {
    width: 320px;
    height: 80px;
    margin-top: 10px;
    color: #FFFFFF;
}

.services h2 {
    margin: 0px;
    padding: 2px 0px 0px 10px;
    font-size: 1.4em;
}

.services p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    line-height: 1.2em;
}

.services a {
    margin: 0px;
    width: 90px;
    height: 20px;
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    margin: 5px 0px 0px 10px;
    background: url('/images/btn-services.jpg') right top no-repeat;
}

#transferS {background: #0B2837 url('/images/transfer-bg.jpg') right top no-repeat;}
#tourS {background: #0B2837 url('/images/tour-bg.jpg') right top no-repeat;}
#rentS {background: #0B2837 url('/images/rent-bg.jpg') right top no-repeat;}

#mapHome {margin-top: 10px;}

#mapHome h2 {
    height: 20px;
    line-height: 20px;
    color: #FFFFFF;
    background: #12445C;
    font-size: 1.1em;
    margin: 0px;
    padding-left: 10px;
}

#footer {
    clear: both;
    background: #2686B3;
    width: 980px;
    border-top: 10px solid #FFFFFF;
    margin: 0px auto 0px auto;
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}


.bold {font-weight: bold;}
.fs12 {font-size: 1.1em;}
.left {text-align: left;}
.cleaner {clear: both; font-size: 0px;}