/* obecne */
                                              
body {background-color: white; background-image: url('img/bg.gif'); background-repeat: repeat-x; background-position: top; font-family:  Arial,sans-serif;font-size: 13px;color:#323232; border: 0px;margin: 0px;padding: 0px;line-height: 140%;}
input,textarea,select,table,th,td {font-family: sans-serif;font-size: 1em;}
p, img, form, table, h1, h2, h3, h4, h5, h6,ul,li {margin: 0;padding: 0;border: 0;}
table {border-collapse: collapse;}
ul {list-style: none outside url()}

.cleaner {display: block; overflow:hiddne; clear: both;height: 1px;font-size: 1px;line-height: 1px;}
.dalsi {text-align: right; margin-bottom:9px;}
a {text-decoration: underline;color: #C35862;}
a:hover {text-decoration: none;}

/* layout */
#podklad {width: auto; background-image: url(img/bg_strom.jpg); background-repeat: no-repeat; background-position: center top; min-height: 540px;}
#title {margin: auto; width: 939px; height: 32px; padding-top: 13px; background-color: #BAD569; padding-left: 21px;}    
#vlajky {float: left;}
#fbmoclike {float: left; margin-left: 30px; position: relative; top:0;}
#topmenu {font-family: Georgia, serif; font-size: 16px; font-style: italic; color: #2D731F; float: right; width: 400px; text-align: right;}
#hlavicka {height: 289px; width: 958px; margin:auto; border: 1px solid #D0DF7C; background-color: #fff; position: relative; z-index: 20;}
#logo {display: block; background-image: url(img/logo.jpg); float: left; width: 224px; height: 289px; }
#titulka {display: block; background-image: url(img/head_notitle.jpg); float: left; width: 732px; height: 285px; margin: 2px 2px 0 0;}
#menu {z-index: 50;margin:auto; width: 960px; height: 56px; background-image: url(img/bg_menu.gif); border-bottom: 1px solid #e1e1e1; position:relative;}
#telo {z-index: 1;width: 960px; margin: auto;}
#obsah {width: 735px; float: left;}    
#info {width: 225px; float: left; }
#paticka {width: 960px; margin: auto; overflow: hidden; font-size: 12px;}
#obrazky {height: 113px; border-top: 1px solid #e5e5e5; padding: 8px 0 4px 0; border-bottom: 13px solid #2E741F; margin-bottom: 1px;}
#prehled {width: 960px; margin:auto; background-image: url(img/gradient.gif); background-repeat: repeat-x; background-position: top;}
#kontakt {position: relative; clear:both; margin: auto; width: 914px; height: 25px; padding-top: 5px; border-bottom: 1px solid #b9b9b9; background-color: #ADD18A; text-align: center; color: #083932; }
#seo {width: 914px; margin: auto; padding: 10px 0 13px 0; border-bottom: 1px solid #bbbbbb; font-size: 10px; word-spacing: 2px; color: #C35862; text-align: center;}
#copyright {width: 920px; margin: auto; color: #7d7d7d; padding: 10px 0 14px 0;}

/* styly pro layout */
#hlavicka > span.nadpis {display: block; color: white; position: absolute; right: 26px; &right: 22px; top: 250px; font-size: 22px; font-family: Georgia,serif; font-weight: normal; font-style: italic; text-shadow:0px 0px 3px #000000; filter:shadow(color=#000000, direction=130, strength=3)}
#vlajky a {text-decoration: none; background-image: url(img/bg_flag.gif); width: 26px; height:17px; padding:1px; display:block; float:left; margin-right: 3px;}
#topmenu a {color: #2D731F; font-style: italic; text-decoration: none;}
#topmenu a:hover {text-decoration: underline;}
#flower {width: 277px; height: 126px; background-image: url(img/flowers.png); position: absolute; left: 175px; top: 174px; }
#flowers_paticka {position: absolute; right: -22px; top:-48px; background-image: url(img/flowers_paticka.png); width: 131px; height: 60px; background-repeat: no-repeat;}
#prehled ul {margin: 14px 0 14px 20px; width: 121px; float: left;}
#prehled ul li {font-size: 11px; line-height: 20px; background-image: url(img/odrazka_p.gif); background-repeat: no-repeat; background-position: left 7px; padding-left: 13px;}
#prehled ul li a.dulezite {font-weight: bold; text-decoration: none; font-size: 12px;}
#prehled ul li:first-child {padding-left:0; font-size: 12px; color: #7d7d7d; font-weight: bold; background-image: url(); margin-bottom: 1px;}
#prehled a#certifikat {display: block; float: left; margin: 11px 0 11px 20px; width: 100px; height: 77px; padding: 32px 10px 10px 90px; background-image: url(img/certifikat_sm.gif); background-repeat: no-repeat; font-size: 11px;}
#kontakt a {color: #083932;}
#seo a {word-spacing: 0;}
#obrazky a {display: block; float: left; margin-left: 12px; height: 113px; width: 150px; text-decoration: none;}
#obrazky a:first-child {margin-left: 0;}

/* pravy sloupec */
#info h2 {padding: 10px 5px 10px 28px; margin-bottom: 7px;width: 192px; font-family: Georgia,serif; font-size: 18px; color: #737373; font-weight: normal; font-style: italic; background-image: url(img/bg_h_key.gif); background-position: bottom; background-repeat: no-repeat;}  
#info h2 a {color: #737373; text-decoration: none;}
#info h2 a em {font-size: 24px; color: #2D731F; display: block; margin: 0 0 3px 0px; position: relative; left: -17px;}
#info h2.cam {background-image: url(img/bg_h_cam.gif);}
#info h2 a:hover {text-decoration: underline;}
#info h2 a:hover em {text-decoration: underline;}

#rychly_kontakt {margin: 20px 0 15px 0;}
#rychly_kontakt h2 {padding:0; min-height: 0; font-family: Georgia,serif; font-size: 18px; color: #323232; font-style: italic; font-weight: normal; margin-bottom: 10px; background-image: url();, text-decoration: none;}
#rychly_kontakt p span {display: block; width: 35px; float: left;}

a#hospoda {display: block; width: 117px; height: 55px; padding: 14px 0 0 108px; background-image: url(img/tarouca.gif); background-repeat: no-repeat; background-position: 15px 10px;}

a#salonky {width: 192px;height: 40px;padding: 14px 5px 10px 28px;margin-bottom: 10px;font-family: Georgia,serif; font-size: 18px;line-height: 18px; color: #737373; font-weight: normal; font-style: italic;background: url(img/salonky.jpg) left top repeat-x;display: block;text-decoration: none;}
a#salonky em {font-size: 24px; color: #2D731F; display: block; position: relative;left: -17px;}

#fotografie a {display: block; margin-bottom: 9px; height: 169px; text-decoration: none;}
#fotografie a img {padding: 2px; border: 1px solid #b4b4b4;}
#fotografie a:first-child {margin-left: 0;}

/* menu */
#menu ul {height: 56px;}
#menu ul li {height: 56px; float: left; display: block; font-family: Georgia, serif; font-style: italic; font-size: 18px; color: #083932; }
#menu ul li a {&margin-right: -4px;padding: 18px 18px 5px 18px; text-decoration: none; color: #082932; display: block; height: 33px; background-image: url(img/menu_divider.gif); background-repeat: no-repeat; background-position: left;}
#menu ul li:first-child a {background-image: url();}
#menu ul li:hover {background-image: url(img/bg_menu_selected.gif);}
#menu ul li.aktivni {background-image: url(img/bg_menu_selected.gif);}
#menu ul li ul {visibility: hidden; z-index:100; position: absolute; width: 165px; height: auto; background-image: url(img/bg_submenu.png); padding: 9px; margin-left: 2px;}
#menu ul li ul li {float: none; display: block; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; height:auto; color: white; border-top: 1px solid #608746; background-image: url();}
#menu ul li:first-child ul {margin-left:0px;}
#menu ul li ul li:first-child {border-top: 0;}
#menu ul li ul li a {display: block; height: auto; padding: 6px; color: white; background-image: url(); }
#menu ul li ul li:hover {background-color: #cdde79; background-image: url(); }
#menu ul li ul li:hover a {color: black;}
#menu ul li:hover ul {visibility: visible;}

/* obsah */
#obsah > p {margin: 0 19px 5px 0; text-align: justify;}

#obsah > h1 {clear: both; min-height: 40px; margin: 0px 19px 13px 0; padding: 0 0 10px 11px; font-family: Georgia, serif; font-size: 18px; font-weight: normal; font-style: italic; color: #2f5727; background-image: url(img/bg_h2.gif); background-repeat: no-repeat; background-position: bottom; line-height: 22px;}
#obsah > h1.bezPodtitulu {padding: 10px 0 0 11px}
#obsah h1:first-line {font-size: 24px; color: #083932;}
#obsah h1:first-child {margin-top: 20px;}

#obsah > h2 {clear: both; min-height: 40px; margin: 28px 19px 13px 0; padding: 0 0 10px 11px; font-family: Georgia, serif; font-size: 18px; font-weight: normal; font-style: italic; color: #2f5727; background-image: url(img/bg_h2.gif); background-repeat: no-repeat; background-position: bottom; line-height: 22px;}
#obsah > h2.bezPodtitulu {padding: 10px 0 0 11px}
#obsah h2:first-line {font-size: 24px; color: #083932;}
#obsah h2:first-child {margin-top: 20px;}
#obsah > h3, #obsah .sloupec h3 {clear: both; margin: 14px 19px 8px 0; padding-left: 11px;font-family: Georgia, serif; font-size: 20px; font-weight: normal; font-style: italic; color: #083932;}
#obsah .sloupec h3 {margin-top: 22px;}
#obsah > h3.noclear {clear: none;}
#obsah > h4 {clear: both; margin: 8px 19px 0 0; padding-left: 11px;font-family: Georgia, serif; font-size: 13px; font-weight: bold; font-style: italic;color: #083932;}
#obsah > ul {margin-right: 19px;}
#obsah ul li {padding-left: 42px; margin-bottom: 9px; background-image: url(img/odrazka.png); background-position: 14px 2px; background-repeat: no-repeat; line-height: 19px; }
#obsah > blockquote {background-color: #f5f5f5; margin:0 19px 12px 0; padding:12px 0 4px 0; border-bottom: 1px solid #d2d2d2;}
#obsah h2+blockquote {margin-top: -13px;}
#obsah blockquote ul {float:left; width: 350px;}
#obsah .sloupec {width: 350px; float: left; margin-right: 16px;}
#obsah .sloupec > p {margin-right:0;}

#obsah a.galerie {width: 136px; margin-right: 9px; margin-bottom: 8px; min-height: 102px; display: inline-block;  vertical-align: top; text-align: center; font-size: 11px; line-height: 14px;}
/*#obsah a.galerie {width: 136px; margin-right: 9px; margin-bottom: 8px;  min-height: 102px; display: block; float: left; text-align: center; font-size: 11px; } ... klasicke zobrazeni*/
#obsah a.galerie img {padding: 2px; border: 1px solid #b4b4b4; display: block;}
#obsah a:hover img {border: 1px solid #C35862;}

#obsah p > img,#obsah img.odstavec {float: left; padding: 2px; border: 1px solid #b4b4b4; margin: 5px 10px 7px 0;}
#obsah p > img + h3,#obsah img.odstavec + h3 {clear: none; padding-top: 6px;}

#obsah table {margin: 0 17px 10px 0; clear: both;}
#obsah table tr td, #obsah table tr th {text-align: left; font-weight: normal; background-color: #e9e9e9; padding: 4px 12px; border-bottom: 2px solid white; border-right: 2px solid white; }
#obsah table tr th {background-color: #68B022; font-weight: bold; color: white;}
#obsah table.cela_sirka {width: 718px;}
#obsah table.obtekana {min-width: 45%; float: left; margin-right: 18px; clear: none;}

#obsah .listek {position: relative; margin: 0 19px 8px 40px; padding: 0 0 4px 0px; font-size: 11px; line-height: 15px; background-image: url(img/bg_listek.gif); background-repeat: repeat-x; background-position: left 11px; }
#obsah .listek+.listek {margin-top: -8px;}
#obsah .listek:first-line {font-size: 12px; font-weight: bold; background-color: white; padding-right: 8px; color: black;}
#obsah .listek strong {background-color: white; position: absolute; top: 0; right:0; font-size: 12px; padding-left: 10px;}
#obsah .listek em { position: absolute; left: -56px; top:0; font-size: 11px; color: #707070; font-style: normal; display: block; text-align: right; width: 50px;}

#obsah .kompaktni {float: left; width: 310px; position: relative; margin: 0 10px 2px 40px; padding: 0 0 4px 0px; font-size: 11px; line-height: 15px; background-image: url(img/bg_listek.gif); background-repeat: repeat-x; background-position: left 11px; }
/*#obsah .kompaktni+.kompaktni {margin-top: -8px;}*/
#obsah .kompaktni:first-line {font-size: 12px; font-weight: normal; background-color: white; padding-right: 8px; color: black;}
#obsah .kompaktni span {font-size: 12px; font-weight: normal; background-color: white; padding-right: 8px; color: black;}
#obsah .kompaktni span.strong{font-weight: bold;}
#obsah .kompaktni strong {background-color: white; position: absolute; top: 0; right:0; font-size: 12px; padding-left: 10px;}
#obsah .kompaktni em { position: absolute; left: -56px; top:0; font-size: 11px; color: #707070; font-style: normal; display: block; text-align: right; width: 50px;}

#obsah form table {margin-right: 19px;} 
#obsah form table tr td, #obsah form table tr th {border:0; background: none; padding: 3px 10px 3px 0px; vertical-align: top;} 
#obsah form table tr th {padding-top: 5px; color: black; font-weight: normal; }
#obsah form table tr th,#obsah form table tr td {border-bottom: 1px solid #e9e9e9;}
#obsah form input[type="text"], #obsah form input[type="password"] {border: 1px solid #808080;font-size: 12px; line-height: 14px; vertical-align: top; padding: 3px 6px 2px 6px}      
#obsah form input:focus[type="text"], #obsah form input:focus[type="password"] {border: 1px solid #C35862;}
#obsah form select {border: 1px solid #808080; padding-left: 4px;}
#obsah form select:focus {border: 1px solid #C35862;}
#obsah form input[type="submit"] {background: none; background-color: #68B022;  margin:0; border: 0; font-size: 11px; font-weight: bold; text-align: center; vertical-align: top; height: 22px; color:white; &position: relative; &top: 1px;}
#obsah form input[type="submit"].important {background-color: #C35862;}
#obsah form input[type="submit"].cancel {background-color: #808080;}
#obsah form table tr td input[type="checkbox"] {position: relative; top: 1px;}
#obsah form textarea {background-color: white; border: 1px solid #808080; padding: 4px;}
#obsah form table tr td.nadpis {padding: 14px 0 4px 0px;font-family: Georgia, serif; font-size: 20px; font-weight: normal; font-style: italic; color: #083932;}
#obsah blockquote form {padding-left: 20px;}
#obsah form table tr.foot td,#obsah form table tr.foot th {border-bottom: 0;}
#obsah form table tr.foot td {padding-top:12px; text-align: center;}

#obsah .strankovani {text-align: right; margin-right: 20px; padding-top: 12px; margin-bottom: 8px; border-top: 1px solid #f5f5f5; font-size: 12px;}
#obsah .strankovani a {padding: 4px 7px; text-decoration: none; background-color: #e5e5e5; color: black;}
#obsah .strankovani span {font-weight: bold;padding: 4px 7px;background-color: #68B022; color: white;}
#obsah .strankovani a:hover {background-color: #68B022; color: white;}

#obsah .aktualita {margin-bottom: 10px; padding-top:2px;}
#obsah .aktualita a {width: 125px; overflow: hidden; float: left; display: block; margin: 3px 0 0 0;}
#obsah .aktualita a img {padding: 2px; background-color: white; border: 1px solid #b4b4b4;}
#obsah .aktualita a:hover img {border: 1px solid #C35862;}
#obsah .aktualita p {float: left; line-height: 18px; width: 590px; margin-bottom: 0;}
#obsah .aktualita p span {font-size: 11px; color: #808080; line-height: 16px;}
#obsah .aktualita p a {display: block; float: none; font-size: 14px; margin: 0 0 2px 0; width: auto; font-weight: bold;}

#obsah > a.odkaz {float: left; background-image: url(img/odrazka.png); width: 250px; background-position: left 6px; background-repeat: no-repeat; padding: 4px 15px 3px 20px;}      

#obsah ol {margin:0 0 12px 30px; padding:0;}
#obsah ol li {line-height: 17px; padding: 0; margin:0 20px 3px 0;}

#navigace { padding: 8px 0 8px 12px; font-size: 11px; word-spacing: 4px;}
#navigace+h2 {margin-top: 8px;}
#navigace a {word-spacing: 0;}
#navigace span {word-spacing: 0; color :#808080}

#obsah p+table {margin-top: 12px;}
#obsah div.cleaner+h2 {margin-top: 14px;}

#obsah p img.partner {margin: 0 20px 15px 0; border:0; float: none;}

#obsah div.listek+div+div+p {margin-top: 16px;}
#obsah div.kompaktni+div+div+p {margin-top: 16px;}

/* modul partneri */
#obsah img.partner {border:0; margin-right:15px; margin-bottom: 8px;}
#obsah a img.partner {border:0;}

#obsah p.jl_podtitul {margin: -8px 0 6px 11px; font-size: 11px; color: #4c4c4c;}

/* vanoce */
#postcard {position: absolute; top:-305px; left:512px; cursor: pointer; width: 474px; height: 325px; background-image: url(img/bg_vanoce.png);}
#postcard > a {margin: 8px 0 0 8px; border: 1px solid white;position: absolute;text-decoration: none;}
#postcard .text{display: block; width: 412px;height: 50px;padding: 10px 15px;;position: absolute;left: 0px;bottom: 0px;background: url(img/popup-text.png) left top repeat;color: #AF0000;font-size: 15px;font-style: italic;}

.hotelstars{margin: 15px 0px;display: block;}
.qr{margin-bottom: 25px;}
.qr img{margin-right: 10px;float: left;}
.qr strong{padding-bottom: 8px;display: block;}