html, body {margin: 0; padding: 0;}
body {background: #c1d72f url('../design/bg.png') left top repeat-x; font-family: Verdana, "Geneva CE", lucida, sans-serif; color: #666; }

#page {width: 916px; margin: 27px auto; background: #c3c3c3 url('../design/contentbg.jpg') left top repeat-y;}

#logo {height: 235px; position: relative; background: url('../design/logo.jpg') left top no-repeat;}
#logo h1 a {width: 424px; height: 96px; position: absolute; top: 41px; left: 45px;}
#logo h1 a span {display: none;}

#topmenu {height: 23px; margin: 0; padding: 10px 0 0; background: #174a7c; border-bottom: 6px solid #12375c; list-style: none; text-transform: uppercase; font-weight: bold; font-size: 12px;}
#topmenu li {display: inline; border-left: 1px solid #fff; padding: 0 20px;}
#topmenu li:first-child {border: 0;}
#topmenu a {color: #fff; text-decoration: none;}
#topmenu a:hover {text-decoration: underline;}

#leftmenu {width: 229px; float: left; color: #174a7c;}
#leftmenu h2 {margin: 15px 0 0 15px; padding: 0 0 0 13px; background: url('../design/bullet.png') left 50% no-repeat; font-weight: normal; font-size: 13px;}
#leftmenu ul {margin: 0; padding: 0 0 8px 45px; list-style: none; font-size: 11px; font-style: italic;  background: url('../design/split.png') 50% bottom no-repeat; }
#leftmenu a {color: #174a7c; text-decoration: none;}
#leftmenu a:hover {text-decoration: underline;}

#content {width: 630px; float: right; padding: 25px; background: #fff; font-size: 12px; text-align: justify; }
#pics {text-align: center;}
#pics img {margin: 10px; border: 2px solid #174a7c;}
#pics h3 {margin: 15px 0px 00px 0px; font-size: 16px;}

#uvodka img {border: 0px;}

#footer {clear: both; height: 74px; position: relative; background: #174a7c url('../design/footer.png') left top no-repeat;}
#footer a {position: absolute; width: 22px; height: 16px; top: 10px;}
#footer span {display: none;}
#footer #cz {left: 20px;}
#footer #en {left: 54px;}
#footer #keloc {right: 10px; width: 152px;}
#footer #keloc:hover {border-bottom: 1px solid #fff;}

#images {width: 366px; height: 260px; position: absolute; top: 40px; right: 26px; padding: 2px 0 0 4px; background: url('../design/imagesbg.png') left top no-repeat; z-index: 1;}

/* nadpisy */
h2.uvod {width: 93px; height: 46px; position: relative; margin: 10px 0 0; padding: 0;}
h2.uvod span {width: 93px; height: 46px; position: absolute; top: 0; left: 0; background: url('../design/uvod.png') left top no-repeat;}
h2.o-firme {width: 130px; height: 46px; position: relative; margin: 10px 0 0; padding: 0;}
h2.o-firme span {width: 130px; height: 46px; position: absolute; top: 0; left: 0; background: url('../design/o-firme.png') left top no-repeat;}
h2.sluzby {width: 120px; height: 46px; position: relative; margin: 10px 0 0; padding: 0;}
h2.sluzby span {width: 120px; height: 46px; position: absolute; top: 0; left: 0; background: url('../design/sluzby.png') left top no-repeat;}
h2.reference {width: 175px; height: 46px; position: relative; margin: 10px 0 0; padding: 0;}
h2.reference span {width: 175px; height: 46px; position: absolute; top: 0; left: 0; background: url('../design/reference.png') left top no-repeat;}
h2.kontakt {width: 140px; height: 46px; position: relative; margin: 10px 0 0; padding: 0;}
h2.kontakt span {width: 140px; height: 46px; position: absolute; top: 0; left: 0; background: url('../design/kontakt.png') left top no-repeat;}
h2.kuchyne {width: 140px; height: 46px; position: relative; margin: 10px 0 0; padding: 0;}
h2.kuchyne span {width: 140px; height: 46px; position: absolute; top: 0; left: 0; background: url('../design/kuchyne.png') left top no-repeat;}
h2.kosmeticky-nabytek {width: 304px; height: 46px; position: relative; margin: 10px 0 0; padding: 0;}
h2.kosmeticky-nabytek span {width: 304px; height: 46px; position: absolute; top: 0; left: 0; background: url('../design/kosmeticky-nabytek.png') left top no-repeat;}
h2.komercni-a-bytove-prostory {width: 420px; height: 46px; position: relative; margin: 10px 0 0; padding: 0;}
h2.komercni-a-bytove-prostory span {width: 420px; height: 46px; position: absolute; top: 0; left: 0; background: url('../design/komercni-a-bytove-prostory.png') left top no-repeat;}
h2.atypicky-nabytek {width: 260px; height: 46px; position: relative; margin: 10px 0 0; padding: 0;}
h2.atypicky-nabytek span {width: 260px; height: 46px; position: absolute; top: 0; left: 0; background: url('../design/atypicky-nabytek.png') left top no-repeat;}

hr {display: none;}
a {color: #174a7c; text-decoration: underline;}
a:hover {text-decoration: none;}