body {text-align: center; font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, helvetica, sans-serif; background: #221b13 url('../graf/hp-bcg-body.png') no-repeat 50% top; color: #000; margin: 0; padding: 0;}
body {font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
html>body {font-size: small;}

h1 {display: block; margin: 0; padding: 25px 0 15px 0; font-size: 160%; color: #d00; font-weight: normal; line-height: 1.0em;}
h2 {display: block; margin: 0; padding: 5px 0 10px 0; font-size: 120%; color: #000; font-weight: bold;}
h3.seminare {display: block; margin: 0; padding: 4px 0 7px 0; font-size: 100%; color: #666; font-weight: bold; line-height: 22px;}

img {border-width: 0;}

p {margin: 0; padding: 0 0 15px 0;}
ul {margin: 0; padding: 0 0 15px 30px;}

a {color: #e00; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}

fieldset {margin-bottom: 10px;}

ul {display: block; list-style: none; margin: 0 0 15px 0; padding-left: 0;}
ul li {display: block; background: transparent url("../graf/bcg_li.gif") no-repeat 16px 0.35em; padding-left: 30px; font-weight: normal; margin: 0 0 0.3em 0;}

.centr, .stred {text-align: center;}
.cerv {color: #d00;}

#box {display: block; position: relative; width: 960px; margin: 0 auto; padding: 232px 0 0 0; text-align: left; background: #fff url('../graf/bcg-box.png') repeat-y 0 0;}
#main {display: block; position: relative; width: 960px; margin: 0; padding: 0; text-align: left; background: transparent url('../graf/bcg-main.jpg') no-repeat 0 0;}
#text {display: block; position: relative; float: right; width: 585px; right: 20px; margin: 0; padding: 0 0 35px 0; font-size: 85%;}
#menu {display: block; position: relative; float: left; width: 342px; left: 0; margin: 0; padding: 0; font-size: 100%;}

#text #rsloup {display: block; width: 180px; position: relative; float: right; padding: 0 0 15px 20px; margin: 0;}
#text #rsloup img {display: block;}
#text #rsloup p {display: block; padding: 7px 0 14px 0; margin: 0; line-height: 1.2em; color: #45372a; font-size: 90%;}

.tabulka {width: 100%; border-top: 1px solid #ccc; font-size: 80%; margin: 10px 0 15px 0;}
.tabulka td, .tabulka th {border-bottom: 1px solid #ccc; padding: 2px; text-align: center;}
.tabulka th {background-color: #eee;}

.kontakty td, .kontakty th {text-align: left; padding: 5px 0; vertical-align: top;}

#mainmenu {display: block; position: relative; float: left; width: 142px; left: 20px; margin: 0; padding: 0;}
#mainmenu #menu1 {display: block; position: relative; float: right; width: 122px; margin: 0; padding: 0; list-style-type: none;}
#mainmenu #menu1 li {margin: 0; padding: 0; list-style-type: none; list-style-image: none; background-image: none;}
#mainmenu #menu1 .top {display: block; margin: 0 0 5px 0; padding: 0;}
#mainmenu #menu1 .top a {display: block; height: 44px; background: transparent url('../graf/bcg-menu-item.png') repeat-x 0 0; list-style-type: none; font-size: 130%; padding: 10px 15px; color: #fff; text-decoration: none;}
#mainmenu #menu1 .top a:hover {background-color: #900; background-image: none;}
#mainmenu #menu1 .notop {display: block; margin: 0; padding: 0;}
#mainmenu #menu1 .notop a {display: block; margin: 0; background: transparent url('../graf/linka.png') no-repeat 0 bottom; list-style-type: none; font-size: 100%; padding: 7px 4px; color: #666; text-decoration: none; letter-spacing: -0.03em;}
#mainmenu #menu1 .notop a:hover {color: #000;}
#mainmenu #menu1 .notop a.last {background-image: none;}

#submenu {display: block; position: relative; float: right; width: 150px; margin: 0; padding: 20px 0; font-size: 90%; letter-spacing: -0.03em;}
#submenu #menu2 {display: block; margin: 0; padding: 0; list-style-type: none;}
#submenu #menu2 li {margin: 0; padding: 0; list-style-type: none; list-style-image: none; background-image: none;}
#submenu #menu2 .top {display: block; margin: 0 0 5px 0; padding: 0;}
#submenu #menu2 .top a {display: block; background: transparent url('../graf/bcg-li-gray.png') no-repeat 0 5px; font-size: 90%; padding: 2px 0 2px 12px; color: #d00; text-decoration: none;}
#submenu #menu2 .top a:hover {background-image: url('../graf/bcg-li-red.png');}
#submenu #menu2 .notop {display: block; margin: 0 0 5px 0; padding: 0;}
#submenu #menu2 .notop a {display: block; background: transparent url('../graf/bcg-li-red.png') no-repeat 0 5px; font-size: 90%; padding: 2px 0 2px 12px; color: #666; text-decoration: none;}
#submenu #menu2 .notop a:hover {background-image: url('../graf/bcg-li-gray.png');}
#submenu #menu2 .first {margin-top: 20px;}
#submenu ul {margin: 5px 0;}
#submenu ul li {display: block; background: transparent url("../graf/bcg_li.gif") no-repeat 5px 0.35em; padding-left: 18px; font-weight: normal; margin: 0 0 0.7em 0;}

#fcontact {display: block; clear: both; margin: 0; padding: 30px 0; font-size: 80%; color: #666; text-align: right;}
#fcontact strong {display: block; font-weight: normal; font-size: 110%; color: #c00; padding: 0 0 5px 0; margin: 0;}
#fcontact a {color: #666;}

#logo {display: block; position: absolute; width: 220px; height: 80px; top: 26px; left: 0; margin: 0; padding: 0; z-index: 500;}

#header {display: block; position: absolute; width: 960px; height: 232px; top: 0; left: 0; margin: 0; padding: 0; background: #221b13 url('../graf/hp-bcg-header.jpg') no-repeat 0 0; z-index: 50;}
#slogan {display: block; position: absolute; width: 320px; height: 70px; top: 140px; right: 48px; margin: 0; padding: 0; z-index: 100;}
#langs {display: block; position: relative; text-align: right; line-height: 67px;  margin: 0; padding: 0 25px 0 0; z-index: 100; color: #f00;}
#langs a:link, #langs a:active, #langs a:visited {color: #fff; text-decoration: none;}
#langs a:hover {color: #fff; text-decoration: underline;}
#topmenu {display: block; position: absolute; width: 672px; height: 41px; top: 67px; right: 0; margin: 0; padding: 0; z-index: 100;}
#topmenu li.home {display: block; position: absolute; width: 59px; height: 41px; top: 0; left: 0; margin: 0; padding: 0; overflow: hidden; z-index: 150;}
#topmenu li.ospolecnosti {display: block; position: absolute; width: 139px; height: 41px; top: 0; left: 59px; margin: 0; padding: 0; overflow: hidden; z-index: 150;}
#topmenu li.novinky {display: block; position: absolute; width: 97px; height: 41px; top: 0; left: 198px; margin: 0; padding: 0; overflow: hidden; z-index: 150;}
#topmenu li.reference {display: block; position: absolute; width: 109px; height: 41px; top: 0; left: 295px; margin: 0; padding: 0; overflow: hidden; z-index: 150;}
#topmenu li.kontakty {display: block; position: absolute; width: 113px; height: 41px; top: 0; left: 404px; margin: 0; padding: 0; overflow: hidden; z-index: 150;}
#topmenu li.eshop {display: block; position: absolute; width: 155px; height: 41px; top: 0; left: 517px; margin: 0; padding: 0; overflow: hidden; z-index: 150;}

#copy {display: block; position: relative; width: 960px; height: 150px; margin: 0 auto; padding: 0; line-height: 12px; padding: 20px 0; text-align: right; color: #000; z-index: 500; font-size: 80%; background: transparent url('../graf/bcg-copy.png') no-repeat 0 0;}
#copy a {color: #000;}

table {width: 100%;}

.cistic {display: block; clear: both;}

.catalogues {margin: 0 0 15px 0;}
.catalogues td, .catalogues th {text-align: center; width: 25%; background-color: #eee; font-size: 90%; text-align: center;}
.catalogues th {padding: 10px 5px; vertical-align: top;}
.catalogues td img {display: block; border: 1px solid #000; margin: 5px auto;}

.catalogue td {text-align: left; padding-top: 5px;}
.catalogue th {padding: 3px 0 10px 0; font-weight: normal;}

.graysmall {border-top: 1px solid #ccc; padding: 15px 0;}

.kalkulacka {width: 100%; background-color: #fff; margin: 0 0 15px 0;}
.kalkulacka td {text-align: center; border-bottom: 5px solid #ddd; padding: 5px;}
.kalkulacka th {text-align: center; background-color: #333; color: #fff; padding: 10px 5px; font-weight: normal; font-size: 90%;}
.kalkulacka .vnorena td {border-bottom-width: 0; padding: 5px;}

.noborder, .noborder td, .noborder th {border-width: 0;}

#galbox {display: block; width: 100%; height: 190px; background-color: #4B392B; padding: 15px 0; text-align: center; color: #fff; text-decoration: none;}
#galbox span {text-decoration: none;}
#galbox img {margin: 0 0 10px 0;}

.sem {color: #666; line-height: 1.3em;}
.sem span {color: #d00;}
.sem a {color: #333;}

.novinka {margin: 10px 0 -10px 0; color: #d00; font-weight: bold;}