/* globalni nastaveni */
body    {font-size: small; font-family: 'Trebuchet MS', tahoma; margin: 0px; padding: 0px;}
img     {border: none; margin: 0px;}
hr      {border: none; clear: both; height: 0px; border-top: 1px dotted gray;}
p       {margin: 0px;}
form    {padding: 0px; margin: 0px;}
td		{vertical-align: top;}
table   {text-align: left; border-collapse: collapse;}

/* nadpisy */
h1 {font-size: 120%; font-weight: normal; margin: 0px; margin-bottom: 15px;}
h2 {font-size: 120%; margin: 0px; margin-bottom: 5px;}

/* barvy */
.bkg1 {color: #555555; background-color: #222222;}
.bkg1 a {color: #555555;}
.bkg2 {color: black; background-color: #507700;}
.bkg3 {color: black; background-color: white;}
.bkg3 a {color: black;}

/* layout */
div.line {height: 7px; background-image: url('../img/line.gif'); font-size: 1px;}
div.cleaner {clear: both;}

div#zone {border: 1px solid #999999; border-top: none; border-bottom: none; background: white url('../img/zone.gif') bottom right no-repeat;}
div#height {height: 360px; float: left; visibility: hidden;}
div#heading {text-align: right; padding: 15px; background-image: url('../img/top.gif'); background-position: bottom; background-repeat: repeat-x;}

/* menu */
div#menu {float: right; width: 20%; padding-bottom: 60px; background-image: url('../img/menu.gif'); background-repeat: no-repeat; padding-top: 10px;}
div#menu a {color: gray; display: block; width: 90%; margin-left: 4%; padding-right: 4%; line-height: 36px; text-align: right; background: center left no-repeat; text-decoration: none;}
div#menu a:hover {color: black; background-color: #d0d0d0; line-height: 32px; border: 2px solid #d0d0d0;}
div#menu a.active {color: black;  font-style: normal;}
div#menu a.uvod {display: none;}
div#menu a.o-nas {background-image: url('../img/menu/o-nas.gif');}
div#menu a.o-nas:hover {background-image: url('../img/menu/o-nas_hover.gif');}
div#menu a.info {background-image: url('../img/menu/o-nas.gif');}
div#menu a.info:hover {background-image: url('../img/menu/o-nas_hover.gif');}
div#menu a.nabidka {background-image: url('../img/menu/nabidka.gif');}
div#menu a.nabidka:hover {background-image: url('../img/menu/nabidka_hover.gif');}
div#menu a.archiv-vin {background-image: url('../img/menu/archiv-vin.gif');}
div#menu a.archiv-vin:hover {background-image: url('../img/menu/archiv-vin_hover.gif');}
div#menu a.cenik-rezervace {background-image: url('../img/menu/rezervace.gif');}
div#menu a.cenik-rezervace:hover {background-image: url('../img/menu/rezervace_hover.gif');}
div#menu a.kontakt {background-image: url('../img/menu/kontakt.gif');}
div#menu a.kontakt:hover {background-image: url('../img/menu/kontakt_hover.gif');}
div#menu a.fotogalerie {background-image: url('../img/menu/fotogalerie.gif');}
div#menu a.fotogalerie:hover {background-image: url('../img/menu/fotogalerie_hover.gif');}
div#menu a.akce {background-image: url('../img/menu/akce.gif');}
div#menu a.akce:hover {background-image: url('../img/menu/akce_hover.gif');}
div#menu a.vinarska-vesnicka {background-image: url('../img/menu/vinarska-vesnicka.gif');}
div#menu a.vinarska-vesnicka:hover {background-image: url('../img/menu/vinarska-vesnicka_hover.gif');}

/* center */
div#center {float: left; width: 78%; background-repeat: no-repeat;}
div#center h1 {margin-left: 32%; padding-left: 8px; border-left: 4px solid #669900;}
div#center span.ilu a img {border: 2px solid #999999; margin: 5px;}
div#center span.ilu a:hover img {border: 2px solid #444444;}
div#center.uvod {background-image: url('../img/ilu/uvod.jpg'); background-position: bottom left;}
div#center.o-nas {background-image: url('../img/ilu/o-nas.jpg'); background-position: bottom left;}
div#center.info {background-image: url('../img/ilu/o-nas.jpg'); background-position: bottom left;}
div#center.nabidka {background-image: url('../img/ilu/nabidka.jpg'); background-position: bottom left;}
div#center.cenik-rezervace {background-image: url('../img/ilu/rezervace.jpg'); background-position: top left;}
div#center.kontakt {background-image: url('../img/ilu/kontakt.jpg'); background-position: center left;}
div#center.akce {background-image: url('../img/ilu/akce.jpg'); background-position: bottom left;}
div#center.archiv-vin {background-image: url('../img/ilu/archiv-vin.jpg'); background-position: bottom left;}
div#center.vinarska-vesnicka {background-image: url('../img/ilu/vinarska-vesnicka.jpg'); background-position: bottom left;}

/* sud */
div#sud {background: url('../img/ilu/sud.jpg') center right no-repeat; padding-top: 20px; padding-bottom: 20px;}
.fotogalerie div#sud {background: none; padding: 0px;}

/* content */
div.content {margin-left: 38%; margin-right: 20px; font-size: 85%; padding-bottom: 10px;}
div.content .text {padding: 10px; padding-left: 20px; margin-bottom: 10px; border: 1px solid #c0c0c0; border-bottom: none; border-right: none; line-height: 130%; text-indent: 30px; text-align: justify; color: #333333;}
div.content .text:first-letter {font-weight: bold; font-size: large; color: black;}
div.content .text table {margin-left: 15%; border: 1px dotted #c0c0c0; margin-bottom: 20px;}
div.content .text table td {padding: 3px; padding-right: 20px; text-indent: 0px;}
div.content .text td:first-letter {font-weight: normal;}
div.content .pwsSubmit {float: right; margin-top: 10px; margin-right: 15px;}
div.content a {text-decoration: none; color: #508000;}
div.content a:hover {text-decoration: underline;}
div.content label {line-height: 28px; margin-right: 10px;}
div.content textarea {width: 280px; height: 120px; float: left;}
div.content img.kde-nas-najdete {float: right; padding: 15px; margin-bottom: 5px; margin-right: 30px; border: 0px double #c0c0c0; border-bottom-width: 3px; border-right-width: 3px;}

/* script */
div.script {margin-top: 20px; border-left: 6px solid #d9d9d9; padding-left: 15px;}
div.script .price {float: right; font-weight: bold;}
div.script .description {margin-left: 20px; margin-bottom: 10px; color: #444444; font-style: italic;}

/* offer */
div.offer .title {background: #f0f0f0; border: 1px solid #c0c0c0; border-bottom: 0px; padding: 5px; padding-left: 15px; padding-right: 15px; font-weight: bold; position: relative; top: -3px;}
div.offer div#submenu {padding-bottom: 30px;}
div.offer div#submenu ul {list-style-image: url('../img/sublink.gif'); margin-bottom: 0px; padding-bottom: 0px;}
div.offer div#submenu div.sublink {background: url('../img/sublink.gif') left center no-repeat; padding-left: 12px; margin-bottom: 1px;}
div.offer div#submenu a.active {color: #222222; font-weight: bold;}

/* kontakt */
div.kontakt .text {border: none !important;}

/* calendar */
div#calendar {float: left; padding: 10px; padding-top: 12px; width: 190px; height: 210px; margin: 10px; margin-top: 20px; font-size: 85%; background: url('../img/calendar.gif') top center no-repeat; }
div#calendar a {text-decoration: none;}
div#calendar table {width: 100%;}
div#calendar .pwsCalendarWeekNumber {display: none;}

/* events */
div.events {float: left; width: 100%;}
div.events h2 {float: left;}
div.events .ilu {float: right;}
div.events .text {padding-bottom: 10px !important; clear: both;}
div.events .event {padding-bottom: 20px; text-align: right; clear: both;}

/* photogallery */
div.fotogalerie h1 {display: none;}
#pwsPhoto {height: 450px; clear: none !important;}
#pwsPhoto .pwsPhotoPrev {width: 8% !important;}
#pwsPhoto .pwsPhotoNext {width: 8% !important;}
#pwsPhoto #pwsPhotoMenuHolderLeft {width: 18% !important; height: 100% !important; margin: 0px !important; background: #f0f0f0; border: 1px solid #c0c0c0; border-top: 0px; border-bottom: 0px;}
#pwsPhoto #pwsPhotoMenuHolderLeft .pwsPhotoPrev {height: 8% !important; width: 100% !important;}
#pwsPhoto #pwsPhotoMenuHolderLeft .pwsPhotoNext {height: 8% !important; width: 100% !important;}
#pwsPhoto #pwsPhotoMenuHolderLeft #pwsPhotoMenu {width: 90%; height: 84% !important;}
#pwsPhoto #pwsPhotoMenuHolderLeft #pwsPhotoMenu img {width: 100%;}
#pwsPhoto #pwsPhotoPreviewFrame {width: 80%;}
#pwsPhoto #pwsPhotoPreviewFrame #pwsPhotoPreview {margin-top: 20px;}
#pwsPhoto #pwsPhotoPreviewFrame #pwsPhotoPreview img {width: 485px !important; max-height: 390px;}

div.photogallery_menu {float: left; width: 25%;}
div.photogallery_menu div.photogallery_slider {width: 190px; float: right; overflow: hidden; background: #c0c0c0;}
div.photogallery_menu div.photogallery_slider a.photogallery_navigator {display: block; margin-left: 3px; margin-right: 3px;}
div.photogallery_menu div.photogallery_slider div#photogallery_window {height: 440px; overflow: hidden; margin: 3px;}
div.photogallery_menu div.photogallery_slider div#photogallery_window div#photogallery_thumbs {border-bottom: 0px; border-top: 0px;}
div.photogallery_menu div.photogallery_slider div#photogallery_window div#photogallery_thumbs img {width: 180px; margin-bottom: 1px; border: 2px solid #c0c0c0;}
div.photogallery_menu div.photogallery_slider div#photogallery_window div#photogallery_thumbs img.photogallery_selected {border: 2px solid #444444;}

div.photogallery_content {float: right; width: 68%; text-align: center;}
div.photogallery_content div.photogallery_screen {border: 1px solid #c0c0c0; width: 500px; padding: 10px; margin: 0px auto; margin-bottom: 10px;}
div.photogallery_content div.photogallery_screen img#photogallery_image {width: 500px; border: 1px solid black;}
div.photogallery_content a#photogallery_prev, div.photogallery_content a#photogallery_next {display: block; height: 25px; line-height: 25px;}
div.photogallery_content a#photogallery_prev {margin-right: 5px; padding-left: 25px; text-align: left; background: url('../img/photo/navigator_left.gif') left center no-repeat;}
div.photogallery_content a#photogallery_next {margin-left: 5px; padding-right: 25px; text-align: right; background: url('../img/photo/navigator_right.gif') right center no-repeat;}
div.photogallery_content span.photogallery_prev {float: left; width: 49%; text-align: right;}
div.photogallery_content span.photogallery_next {float: left; width: 50%; text-align: left;}

/* bottom */
div#bottom {height: 22px; padding: 5px; background-image: url('../img/bottom.gif'); font-size: 75%;}
div#bottom a {text-decoration: none;}
div#bottom a:hover {color: white;}
div#bottom span#flags {float: right;}
div#bottom span#flags img {margin-left: 5px;}