/* CSS Document */
* {
margin: 0; padding: 0; border: 0;
}

body {
font-family: sans-serif;
behavior: url('hover.htc');
background: #333333;
font-size: 11px; color: #082b4b;
}
a {
}
a:hover {
text-decoration: none;
}
#wrapper {
width: 1000px;
background: #333333;
margin: 0 auto;
position: relative;
}
#wrapper2 {
background: url('images/gradient.png') repeat-y;
float: left;
}
#header {
width: 1000px; height: 201px;
background: url('images/header.png');
}
#footer {
width: 1000px; height: 16px;
background: url('images/footer.png');
float: left; position: relative;
text-align: right;
}
#footer a {
display: block;
position: absolute; bottom: 15px; right: 35px;
color: #082b4b; font-size: 10px;
}
#content {
width: 919px;
margin: 0 auto;
background: white;
}
#header h1, #header h1 span {
display: block;
width: 365px; height: 57px;
overflow: hidden;
position: absolute; 
}
#header h1 {
top: 72px; left: 172px; font-size: 1px;
}
#header h1 span {
left: 0px; top: 0px;
}
#weather {
background: url('images/weather.png');
width: 181px; height: 161px;
position: absolute; left: 585px; top: 24px;
}
#weather h2 {
font-size: 13px; margin: 13px 0 0 20px;
}
#weather iframe {
width: 145px; height: 50px;
overflow: hidden;
background: #f2f7fc;
margin: 6px 0 0 18px;
}
#languages {position: absolute; top: 150px; right: 30px; width: 200px; height: 50px; }
#languages img { float: left; margin: 0 4px 0 0; width: 32px; height: 32px; }
#menu {
width: 943px; height: 35px;
background: #b0d1f3 url('images/menu_gradient.png') repeat-x;
margin: 0 0 8px 31px;
}
#menu ul {
list-style-type: none;
}
#menu ul li {
position: relative;
float: left;
text-align: center;
z-index: 9;
}
#menu ul li a {
display: block;
background: url('images/menu_item.png'); background-position: left;
height: 20px; width: 117px;
color: #1c5282; font-weight: bold; text-decoration: none;
padding-top: 10px;
font-size: 11px;
}
#menu a:hover {
text-decoration: underline;
}
#menu ul #first {
width: 124px;
background: url('images/menu_item_first.png');
background-position: left;
}
#menu ul li ul {
position: absolute; top: 24px; left: -2px;
border: solid #90b4da;
border-width: 1px 1px 0 1px;
display: none;
}
#menu ul li ul li {
float: none;
border-bottom: solid #90b4da 1px;
background: #d8edff;
text-align: left;
}
#menu ul li:hover ul {
display: block;
}
#menu ul li ul li a {
background: url(images/menu_sub_item.png) no-repeat; background-position: 10px 6px;
min-height: 14px; height: auto;
padding-left: 20px;
width: 97px; padding-bottom: 1px; padding-top: 1px;
}
#news, #submenu {
width: 265px; max-height: 731px;
background: url('images/news_gradient.png');
position: relative; float: right;
color: #235a8b;
}
#news h2, #news h2 span, #submenu h2, #submenu h2 span {
display: block;
width: 265px; height: 51px;
overflow: hidden;
float: left;
text-align: center;
}
#news h2 span, #submenu h2 span {
position: absolute; top: 0; left: 0px;
}
#news ul {
list-style: none;
margin: 55px auto 0 auto; padding-right: 6px;
width: 230px; min-height: 200px;
}
#submenu ul {
   list-style: none; 
   position: relative;
   bottom: 45px;
   margin: 87px auto 0 auto; padding-right: 6px;
   width: 230px; min-height: 200px;
}
#news h3:first-child {
font-weight: normal; font-size: 11px;
background: url('images/news_item.png') no-repeat;
padding-left: 20px;
}
#news li {
border-bottom: 1px solid #b5d3ef; border-top: 1px solid #edf6ff;
padding: 10px 0 10px 0;
}
#news li:first-child, #submenu li:first-child  {
border-top: 0px;
}
#news li a, #contact a, #text a{ color: #ff8205; }
#submenu li a { color: #1c5282; }
#submenu a { text-decoration: none; }
#submenu a:hover { text-decoration: underline; }
#news_footer {
width: 265px; height: 6px;
background: url('images/news_footer.png');
}
#submenu li { padding: 6px 0 6px 30px; border-bottom: 1px solid #b5d3ef; border-top: 1px solid #edf6ff; background: url('images/arrow.png') no-repeat 15px 6px; font-size: 12px; font-weight: bold;
}
#submenu .main { background: url('images/submenu_main.png') no-repeat 10px 7px; padding: 4px 0 2px 30px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #b5d3ef; border-top: 0px; }
.button {
display: block;
color: white; text-transform: uppercase; text-align: center; text-decoration: none;
}
.button:hover {
text-decoration: underline;
}
#news_button {
width: 107px; height: 22px;
background: url('images/news_button.png');
padding-top: 8px; margin-left: 140px; margin-top: 10px;
}
#box {
width: 643px; height: 216px;
background: url('images/box.png');
position: relative;
float: left;
margin: 0 0 8px 0;
}
#box h2, #box h2 span {
display: block;
width: 427px; height: 70px;
overflow: hidden;
}
#box h2 span {
position: absolute; top: 0; left: 0px;
}
#index_text {
width: 415px; height: 95px;
margin: 5px 0 0 10px;
overflow: hidden;
}
#index_text p{
position: relative;
}
#box_button {
width: 141px; height: 24px;
padding-top: 10px; margin: 10px 0 0 295px;
background: url('images/box_button.png');
}
#ski, #sb, #other {
width: 205px; height: 199px;
position: relative; float: left;
margin: 0 13px 0 0;
}
#ski {
clear: left;
background: url('images/ski.png');
}
#sb {
background: url('images/sb.png');
}
#other {
background: url('images/other.png');
}
#ski p a, #sb p a, #other p a, #box p a {
color: #c46200;
}
#other h2, #other h2 span, #sb h2, #ski h2 span, #ski h2, #sb h2 span {
display: block;
width: 205px; height: 36px;
overflow: hidden;
}
#other h2 span {
position: absolute; top: 0; left: 0px;
}
#sb h2 span {
position: absolute; top: 0; left: 0px;
}
#ski h2 span {
position: absolute; top: 0; left: 0px;
}
#button {
width: 87px; height: 22px;
background: url('images/button.png');
padding-top: 7px; margin: 8px 0 0 40px;
}
#contact {
width: 646px; height: 295px;
float: left; position: relative;
background: url('images/contact.png');
color: #235a8b;
margin: 8px 0 10px 0;
}
#contact h2, #contact h2 span {
display: block;
width: 256px; height: 62px;
overflow: hidden;
}
#contact h2 span {
position: absolute; top: 0; left: 0px;
}
#adress {
width: 230px; height: 210px;
float: left;
text-align: center;
margin: 10px 0 0 10px;
}
#adress span {
display: block;
font-weight: bold; font-size: 14px;
width: 230px;
position: absolute; bottom: 30px; left: 10px;
}
#contact table, #photo_gallery table {
float: right;
width: 300px;
margin: -30px 40px 0 0;
}
#contact table th, #photo_gallery table th {
width: 225px;
}
#contact table td, #photo_gallery table td {
text-align: right;
}
#contact table input[type=text], #photo_gallery table input[type=text] {
width: 220px; height: 21px;
background: url('images/input_text.png');
padding: 0 2px 0 2px;
}
#contact table textarea, #photo_gallery table textarea {
width: 220px; height: 97px;
background: url('images/input_textarea.png');
padding: 0 2px 0 2px;
}
#contact input[type=submit], #photo_gallery input[type=submit] {
width: 87px; height: 33px;
background: url('images/contact_button.png');
margin-left: 200px;
}
#photo_gallery table input[type=file] {
width: 224px; height: 21px;
background: url('images/input_text.png');
}
#text {
background: url('images/text.png');
width: 614px; height: 369px;
position: relative;
float: left;
padding: 60px 15px 0 15px;
color: #416b8f;
}
#text h2, #text h2 span {
display: block;
width: 644px; height: 35px;
overflow: hidden;
position: absolute;
text-align: center;
background-repeat: no-repeat;
font-size: 12px;
}
#text h2 span {
position: absolute; top: 0; left: 0px;
}
.pos1 {
top: 24px; left:0;
}
.pos2 {
top: 209px;left:0;
}
.pos3 {
top: -1px;left:15px;
}
#text #text_nadpis { width: 600px; height: 30px; top:4px; left: 20px; text-align:  left; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
#error {
position: absolute; top: 20px; right: 30px;
width: 200px; color: red;
}
#ok {
position: absolute; top: 20px; right: 30px;
width: 200px; color: green;
}
#text_contact, #text_opening_hours {
font-size: 13px; font-weight: bold;
}
#text_contact_text {
width: 250px; height: 330px;
float: left;
overflow: hidden;
}
#text_contact img {
float: right;
}
#text_opening_hours {
width: 100%; height: 330px;
overflow: hidden;
}
#text_rental_1 {
width: 350px; height: 140px;
font-size: 10px; font-weight: bold; 
float: left;
overflow: hidden;
}
#text_rental_2 {
width: 400px; height: 170px;
margin: 20px 0 0 0px;
text-align: left; font-size: 10px; font-weight: bold; 
float: right;
overflow: hidden;
}
#warn {
color: red;
}
#oddelovac {
width: 644px; height: 10px;
position: absolute; top: 199px; left: 0;
background: url('images/oddelovac.png');
}
#img1 {
position: absolute; bottom: 65px; left: 25px;
}
#img2 {
position: absolute; top: 35px; right: 20px;
}
#text_tiny {
width: 600px; height: 160px;
position: absolute; top: 240px; left: 20px;
}
#text_tiny table {
border: none;
}
#item {
width: 200px; height: 170px;
float: left;
margin: -25px 0 30px 0;
text-align: center;
}
#item img, #rental_item img {
max-width: 190px; max-height: 120px;
background: white;
}
#item strong, #item span, #rental_item strong {
display: block;
width: 100%;
}
#cislovani {
width: 100%; height: 20px;
text-align: center; color: #416b8f; font-size: 12px; font-weight: bold;
position: absolute; 
}
.cis_pos1 {
bottom: 20px; left: 0;
}
.cis_pos2 {
top: 183px; left: 0;
}
#item strong, #rental_item strong, #cislovani a {
font-size: 12px; font-weight: bold; text-decoration: underline; text-transform: uppercase;
margin-bottom: 3px;
}
#cislovani a {
color: #ff8205;
}
#rental_item {
width: 200px; height: 150px;
float: left;
margin: -25px 0 30px 0;
text-align: center;
}
#room table {
width: 575px;
margin-top: -5px;
text-align: center; font-weight: bold; font-size: 13px;
}
#room th {
color: #ee8215; 
height: 30px; font-size: 14px; text-transform: uppercase;
}
.second {
color: #ee8215;
}
.index_box {
width: 115px; height: 105px;
margin: 0px 0 0 5px;
padding: 10px;
overflow: hidden;
}
#toplist {
position: absolute; bottom: 0px; right: 150px;
}