* { margin: 0; padding: 0 }

body { border-top: 12px solid #824b3b; background: url('/images/1.jpg') center top repeat; font-family: 'Verdana', 'Tahoma', sans-serif; font-size: 10pt; padding-bottom: 50px }

.clear { clear: both }

a img { border: none; outline: none }

.info { background-color: rgba(255,0,0,.5) }
.info p { padding: 25px 10px }

.box_narezovy-plan{float:right;width:150px;background:url(/images/2.png) repeat;margin-top:75px;margin-left:25px;margin-bottom:25px;padding:5px 15px;border-bottom:1px solid #824b3b;border-top: 5px solid #824b3b;}
.box_narezovy-plan p{text-align:center}
.box_narezovy-plan h3{text-align:center;padding-bottom:15px;margin-top:5px !important}

.cenik { border-collapse: collapse; border-top: 5px solid #824b3b; border-bottom: 2px solid #824b3b; width: 100%; margin-top: 6px }
.cenik td { padding: 5px 10px; background: url('/images/2.png') repeat; border-top: 1px dotted #824b3b }

.col { width: 999px; margin: 0 auto }
.trans-wrap { background: url('/images/2.png') center top repeat }
.white-wrap { background: #fff }

.link-more { text-align: right; margin-top: -12px; color: #824b3b }
.link-more a { text-decoration: none; color: #fff; background: #824b3b; display: inline-block; padding: 8px 24px; padding-right: 45px; margin-right: -45px  }
.link-more a:hover {  }

.shade-in { background: url('/images/29.png') center top no-repeat }

.galerie { margin: 0 -12px }
.galerie a { margin: 8px; display: inline-block }
.galerie a img { border: 5px solid #824b3b }

.header { height: 143px; position: relative; /*background: url('/images/15.png') center -1px no-repeat*/ }

.menu-top { padding: 0 45px; position:relative; z-index: 5; font-size: 12pt; font-weight: normal }
.menu-top ul { position: relative; text-align: right; background: #824b3b url('/images/9.png') left top repeat-x; height: 63px; overflow: hidden }
.menu-top li { display:inline-block; *zoom:1; *display:inline; list-style:none }
.menu-top li a { line-height: 63px; height: 63px; display: inline-block; padding: 0 25px; text-decoration: none; color: #fff }
.menu-top li a:hover, .menu-top li.active a { background: #aa6f50 url('/images/9t.png') left top repeat-x }

.section-image { height: 423px; overflow: hidden; margin-top: -63px }
.article-image { height: 161px; overflow: hidden; margin-top: -63px }

.buttons h2 { text-align: center; height: 60px; background: #824b3b; font-weight: normal; font-style: italic; font-size: 14pt; overflow: hidden }
.buttons h2 a { text-decoration: none; color: #fff; line-height: 60px; display: block }
.buttons .button { display: inline-block; *zoom:1; *display: inline; width: 295px; height: 235px; margin: 0 6px; position: relative; top: -60px }
.buttons { padding: 0 39px; height: 209px; background: url('/images/10.png') center bottom no-repeat; margin-bottom: -24px }

.content { padding: 0 45px; padding-bottom: 24px; padding-top: 1px }
.content p { line-height: 1.5em; margin-top: 6px }
.content h2 { margin-left: -45px; padding: 0 45px; height: 53px; line-height: 53px; margin-top: 24px; margin-bottom: 6px; background: #824b3b; display: inline-block; font-weight: normal; font-style: italic; font-size: 14pt; color: #fff }
.content h3 { color: #824b3b; font-size: 12pt; margin-top: 12px } 

.site-slogan { text-align: center; font-size: 14pt; font-style: italic; color: #824b3b; padding-bottom: 25px }

.branding { position: absolute; z-index: 10; font-weight: normal; left: 165px; top: 50px; font-size: 14pt; letter-spacing: 2px }
.branding em { display: none }
.branding strong { display: block; font-size: 24pt }
.branding a { text-decoration: none; color: #824b3b }
.branding span { display: block; width: 162px; height: 168px; position: absolute; left: -165px; top: -25px; background: url('/images/14.png') center center no-repeat }

.branding-slogan { font-size: 18pt; width: 385px; text-align: right; position: absolute; right: 45px; top: 25px; background: url('/images/28.png') left bottom no-repeat; height: 160px; line-height: 1.3em }
.branding-slogan em { display: block }
.branding-slogan strong { display: block; color: #824b3b }

.logos { text-align: center; padding: 6px 0 }
.logos a { margin: 0 8px }

.footer { padding-top: 25px }

.menu-bottom { float: left; padding-left: 45px; line-height: 20px }
.menu-bottom a { color: #000; text-decoration: none }
.menu-bottom a:hover { text-decoration: underline }
.menu-bottom em { margin: 0 10px }


.copy { font-size: 8pt; float: right; padding-right: 45px; line-height: 20px }
.copy a { text-decoration: none; color: #000 }
.copy a:hover { text-decoration: underline }
.copy span { font-weight: bold }

#zemErrorMessages { display: none }
.zemError { list-style: none }
.zemContactForm { width: 350px; padding-top: 25px }
.zemContactForm .pair { margin-top: 10px }
.zemContactForm label { display: block; margin-bottom: 5px }
.textbox { background: transparent url('/images/2.png') repeat; color: #000; padding: 8px 5px; border: none/*1px solid #fff*/; border-left: 3px solid #824b3b }
.textarea { resize: none; background: transparent url('/images/2.png') repeat; color: #000; padding: 8px 5px; border: none/*1px solid #fff*/; border-left: 3px solid #824b3b }

.textbox.errorElement { border-left: 3px solid #f00 }
.textarea.errorElement { border-left: 3px solid #f00 }
.textarea-message { width: 336px; height: 100px }

.div-submit { text-align: right }
.form-button { border: none; background: none }
.form-button span { display: inline-block; padding: 5px 10px; background: #824b3b; color: #fff; /*-webkit-border-radius: 4px; border-radius: 4px;*/ cursor: pointer }

.zemThanks { text-align: center; padding-top: 50px }

#scroll-top { display: none; position: fixed; right: 25px; bottom: 50px }
#scroll-top a { display: block; width: 75px; height: 35px; line-height: 35px; border-radius: 5px; background-color: #fff; text-align: center; color: #824b3b; text-decoration: none }
#scroll-top a:hover { background-color: #824b3b; color: #fff }