html { background: #305c51 url(../images/background.jpg) top left repeat-x; } body { margin: 0; padding: 0; font: 70%/1.2 tahoma, arial, verdana; position: relative; background: url(../images/top.jpg) top center no-repeat; color: #333; } /* prvky viditelne jen bez pouziti css */ .no_css { visibility: hidden; position: absolute; width: 0; top: 0; left: 0; padding: 0; margin: 0; } /* konec: prvky viditelne jen bez pouziti css */ /* obecne elementy */ h1 { font-size: 1.7em; font-weight: normal; margin: 0 0 20px 0; padding: 0; } h2 { color: #d0272e; font-size: 1.3em; margin: 15px 0 15px 0; font-weight: bold; text-align: left; } h3 { color: #167041; font-size: 1.1em; margin: 0 0 10px 0; font-weight: bold; text-align: left; } ins { font-size: .8em; text-decoration: none; color: #457200; margin: 0; padding: 0; } img { border: none; } hr { height: 0; overflow: hidden; border: none; border-top: 1px solid #aaa; display: block; margin: 10px 0 10px 0; } /* konec: obecne elementy */ /* obecne tridy */ .float_left { float: left; } .float_right { float: right; } .clear_both { clear: both; } .margin-top { margin-top: 15px; } .margin-left { margin-left: 15px; } .margin-right { margin-right: 15px !important; } .red { color: #ba3926; font-weight: bold; } .green { color: #167041; font-weight: bold; } .center { text-align: center; } .right { text-align: right; } .justify { text-align: justify; } .bold { font-weight: bold; } a { color: #d0272e; text-decoration: underline; } a:hover { text-decoration: underline; } .hr { clear: both; height: 1px; margin: 5px 0 0 0; } .dark { } .ico { display: block; padding-left: 22px; line-height: 16px; background-position: top left; background-repeat: no-repeat; margin-bottom: 10px; } .float-left { float: left; } .float-right { float: right; } .img-left { float: right; margin-left: 15px; } /* konec: obecne tridy */ #info { display: none; position: fixed; left: 50%; top: 50%; margin-left: -200px; margin-top: -100px; min-width: 360px; background: #fff; border: 2px solid #d0272e; color: #333; padding: 40px 20px; text-align: center; font-size: 18px; line-height: 25px; z-index: 102; } #curtain { display: none; top: 0; position: fixed; width: 100%; height: 100%; background: url(../images/curtain.png) repeat; z-index: 101; } #page { width: 900px; padding: 219px 50px 0 50px; margin: 0 auto; position: relative; overflow: hidden; background: url(../images/page.png) 34px 150px no-repeat; } #header { position: absolute; width: 680px; height: 139px; top: 30px; margin-left: 214px; border: 3px solid #fff; background: url(../images/headers/2.jpg) center center no-repeat; } #middle { background: #fff url(../images/bottom.jpg) left bottom no-repeat; padding-top: 5px; min-height: 300px; padding-bottom: 40px; } #content { width: 630px; background: url(../images/content.png) left top no-repeat; min-height: 150px; float: right; margin-right: 10px; padding: 10px 20px; } #content li { margin: 2px 0; } #left { width: 208px; background: #fff url(../images/left.png) left top no-repeat; min-height: 150px; float: left; margin-left: 5px; } #left h2 { width: 147px; height: 42px; line-height: 42px; padding: 0 0 0 60px; margin: 0; color: #fff; text-transform: uppercase; font-size: 1.1em; background: #d22f36; } #contact-left h2 { width: 147px; height: 42px; line-height: 42px; padding: 0 0 0 60px; margin: 0; color: #fff; text-transform: uppercase; font-size: 1.1em; background: #d22f36 url(../images/contact-left-header.png) top left no-repeat; } #contact-left form { background: #c4c4c4 url(../images/contact-left.png) bottom left no-repeat; min-height: 226px; padding: 15px 5px; } #contact-left .form-shadow { height: 22px; background: url(../images/contact-left-shadow.png) bottom left no-repeat; } #contact-left input { width: 175px; border: 1px solid #e9999c; margin-bottom: 10px; padding: 2px 10px; background: #fff url(../images/input.png) bottom left repeat-x; } #contact-left .textarea { width: 175px; height: 90px; border: 1px solid #e9999c; padding: 5px 10px; margin-bottom: 10px; background: #fff url(../images/textarea.png) bottom left repeat-x; } #contact-left input.button { float: right; margin-right: 2px; } #footer { height: 80px; background: url(../images/footer.png) left top no-repeat; } #copyright { position: absolute; margin: 15px 0 0 250px; color: #bbb; } #logo { position: absolute; top: 5px; width: 215px; height: 165px; } #menu { position: absolute; top: 173px; width: 900px; padding: 0; margin: 0; list-style-type: none; height: 45px; } #menu li { padding: 5px 0; margin: 0; list-style-type: none; float: left; height: 44px; } #menu li a { display: block; float: left; padding: 0 25px; height: 35px; line-height: 35px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; border-right: 1px solid #d9555c; } #menu li a:hover { text-decoration: underline; } #menu li a.active { text-decoration: underline; } #menu li.last a { border: none; } #menu .submenu { position: absolute; background: #d22f36; width: 200px; top: 45px; padding: 0; margin: 0; display: none; } #menu li:hover .submenu { display: block; } #menu .submenu li { float: none; display: block; text-align: left; padding: 0; height: auto; } #menu .submenu li a { float: none; display: block; border: none; text-align: left; padding: 10px 15px; height: auto; line-height: 1.5; } #menu-1 { width: 185px; padding: 0 8px 0 15px; margin: 15px 0 25px 0; list-style-type: none; background: url(../images/menu2-right.png) right center no-repeat; } #menu-1 li { padding: 0 0 0 15px; margin: 5px 0; list-style-type: none; background: url(../images/menu1-item.png) 0px 5px no-repeat; } #menu-1 li a { display: block; padding: 0; color: #167041; font-weight: bold; text-decoration: none; text-align: left; } #menu-1 li a:hover { text-decoration: underline; } #menu-1 li a.active { text-decoration: underline; } #motto { position: absolute; width: 275px; height: 69px; background: url(../images/motto.png) top left no-repeat; top: 65px; margin-left: 625px; z-index: 100; } input.button, a.button { background: #c04147 url(../images/button.png) top left repeat-x !important; border: none !important; color: #fff; width: auto !important; cursor: pointer; } a.button { display: block; text-decoration: none; float: left; padding: 2px 5px; margin: 2px 0; } .attr { margin: 5px 0; } .attr .label { display: block; float: left; width: 140px; font-weight: bold; color: #167041; text-align: right; } .attr .value { display: block; float: right; width: 455px; text-align: left; } .perex { margin-bottom: 20px; } /* kontakt */ .contact { border-bottom: 1px solid #ccc; padding-top: 20px; } .contact-text { width: 250px; float: left; } .contact-map { width: 350px; float: right; text-align: center; } #contact-send-button { display: none; } #web-map { color: #167041; margin-top: 5px; margin-bottom: 20px; } #web-map a { color: #167041; text-decoration: none; } #web-map a:hover { text-decoration: underline; } /* hledani */ #search-form { position: absolute; top: 9px; margin-left: 700px; width: 200px; height: 18px; overflow: hidden; } #search-form input { width: 120px !important; border: 1px solid #548b7b; padding: 0; height: 16px; float: left; margin-right:2px; } #search-form input.button { width: 70px !important; color: #444; border: none; background: none !important; font-weight: normal; } /* strankovani */ .paging { text-align: center; margin: 5px auto; } .paging a { height: 20px; line-height: 20px; font-weight: bold; text-decoration: none; padding: 0 4px; } .paging span { height: 20px; line-height: 20px; font-weight: bold; background: #ba3926; color: #fff; text-decoration: none; padding: 0 4px; border: 1px solid #670000; } .search-list-item { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #d5e2b6; } .error { display: none; } .grecaptcha-badge { display: none; } .owl-next, .owl-prev { position: absolute; left: 50%; bottom: -36px; z-index: 3; width: 24px; height: 20px; background: url(/images/nav_next.png) no-repeat center; background-size: contain; opacity: .6; text-indent: -9999px; margin-left: 6px; } .owl-prev { margin-left: -30px; transform: rotate(180deg); } .owl-next:hover, .owl-prev:hover { opacity: 1; } .owl-carousel { margin: 30px 0; } .owl-carousel a { display: block; height: 100px; background-position: center top; background-size: cover; }