body {text-align: center; background: url(../images/stranka-pozadi.png) #161616 repeat-x; background-color: #101010\9;}

#hlavni-menu ul li a, h1, h2, h3 {font-weight: normal; text-indent: -100000px;}
h1, h2, h3, h4, h5 {font-family: "Century Gothic", Verdana, Helvetica, sans-serif; color: #94884a; text-indent: 0;}
h3 {color: #797979;}
h4, h5 {color: #000000; font-weight: normal;}

a {color: #000000;}
a:hover {color: #94884a;}

/*
h1 {height: 50px;}
h2 {height: 35px;}
h3 {height: 25px; color: #797979;}



h1.h1-uvod {width: 292px; background-image: url(../images/nadpisy/h1-uvod.png);}
h1.h1-o-firme {width: 149px; background-image: url(../images/nadpisy/h1-o-firme.png);}
h1.h1-nabidka {width: 174px; background-image: url(../images/nadpisy/h1-nabidka.png);}
h1.h1-kontakt {width: 157px; background-image: url(../images/nadpisy/h1-kontakt.png);}
h1.h1-e-shop {width: 132px; background-image: url(../images/nadpisy/h1-e-shop.png);}
h1.h1-galerie {width: 151px; background-image: url(../images/nadpisy/h1-galerie.png);}
h1.h1-fotky {width: 109px; background-image: url(../images/nadpisy/h1-fotky.png);}

h2.h2-kontakt {width: 90px; background-image: url(../images/nadpisy/h2-kontakt.png);}
h2.h2-vyber-zbozi {width: 134px; background-image: url(../images/nadpisy/h2-vyber-zbozi.png);}
h2.h2-napoveda {width: 128px; background-image: url(../images/nadpisy/h2-napoveda.png);}

h3.h3-z-nasi-nabidky {width: 124px; background-image: url(../images/nadpisy/h3-z-nasi-nabidky.png);}
h3.h3-z-nasi-nabidky-hnede {width: 124px; background-image: url(../images/nadpisy/h3-z-nasi-nabidky-hnede.png);}
h3.h3-sidlo-firmy {width: 88px; background-image: url(../images/nadpisy/h3-sidlo-firmy.png);}
h3.h3-provozovna {width: 103px; background-image: url(../images/nadpisy/h3-provozovna.png);}
*/

.seda {color: #797979;}
.hneda {color: #94884a;}

.pravy {float: right;}

div {float: left; position: relative;}
div.cleaner {clear: both;}

#telo-vrch {width: 960px; height: 33px; float: none; margin: 15px auto 0; background: url(../images/telo-vrch-pozadi.png) transparent no-repeat;}
#telo-spod {width: 960px; height: 28px; float: none; margin: -20px auto 15px; background: url(../images/telo-spod-pozadi.png) transparent no-repeat;}
#telo {width: 960px; float: none; margin: 0 auto; background: #ffffff; /*top: -20px;*/ display: table;}

#hlavicka {width: 910px; padding: 0 25px; margin-top: -25px;}
#hlavicka-texty {width: 910px; height: 95px;}
#hlavicka .logo {top: 20px;}
#hlavicka .logo img {height: 65px;}
#hlavicka .navigace {float: right; text-align: right; font-size: 10px; color: #000000;}
#hlavicka .navigace p {margin: 0px;}
#hlavicka .navigace p.uzivatelsky-panel {margin-top: 20px;}
#hlavicka .hlavni-obrazek {width: 960px; height: 217px; margin-left: -25px; background: url(../images/postel.png) no-repeat;}

#paticka {margin: 20px auto 30px; color: #ffffff; float: none;}
#paticka a {color: #ffffff;}
#paticka a:hover {color: #797979;}

#hlavni-menu {text-align: left; height: 55px; width: 910px; padding: 0 25px; background: url(../images/menu-pruh-pozadi.png) 0px 6px repeat-x; top: -6px; z-index: 2;}
#hlavni-menu ul {list-style: none; display: block; padding: 0; margin: 0; height: 55px; width: 910px;}
#hlavni-menu ul li {list-style: none; display: block; float: left; height: 55px; margin-right: 10px;}
#hlavni-menu ul li a {font-size: 14px; float: left; color: #ffffff; float: left; text-decoration: none; height: 35px; padding-top: 20px; background: repeat-x;}

#hlavni-menu ul li a:hover {background-position: 0 -60px;}
#hlavni-menu ul li a.aktivni {background-position: 0 -120px;}

#hlavni-menu ul li a.uvod {width: 74px; margin-left: -20px; background-image: url(../images/menu-uvod.png);}
#hlavni-menu ul li a.uvod.aktivni {margin: 0; width: 74px; background-image: url(../images/menu-uvod.png);}

#hlavni-menu ul li a.o-firme {width: 92px; background-image: url(../images/menu-o-firme.png);}
#hlavni-menu ul li a.nabidka {width: 94px; background-image: url(../images/menu-nabidka.png);}
#hlavni-menu ul li a.kontakt {width: 93px; background-image: url(../images/menu-kontakt.png);}
#hlavni-menu ul li a.e-shop {width: 85px; background-image: url(../images/menu-e-shop.png);}

#hlavni {text-align: left; width: 910px; padding: 30px 25px; background: #ffffff;}

/*#obsah {width: 710px; text-align: justify;}*/
#obsah {width: 550px; text-align: left;}
#obsah.obchod {width: 730px;}

#obsah.kontaktova-stranka {width: 360px;}
#obsah.kontaktova-stranka form {width: 360px; float: left; margin-top: 10px;}
#obsah.kontaktova-stranka div {width: 360px; margin-bottom: 10px;}
#obsah.kontaktova-stranka div label {float: left; color: #797979; margin: 4px 0;}
#obsah.kontaktova-stranka div input {float: right; width: 230px;}
#obsah.kontaktova-stranka div textarea {width: 355px; height: 150px;}
#obsah.kontaktova-stranka div.ovladani {width: 160px; padding-left: 200px;}
#obsah.kontaktova-stranka div.ovladani input {float: left; width: auto; margin-right: 5px;}

#obsah ul {padding: 0; padding-left: 10px;}
#obsah ul li {list-style: none; background: url(../images/odrazka.png) 0px 6px no-repeat; padding-left: 10px; line-height: 14pt; margin-bottom: 5px;}

/*#kontakt {width: 160px; margin-left: 40px; margin-top: 15px;}
#kontakt div.box {margin-bottom: 25px;}
#kontakt div.box p {line-height: 14pt; margin: 0; margin-bottom: 5px;}*/
#kontakt.kontaktova-stranka {width: 520px; margin-left: 30px; margin-top: 92px;}
#kontakt {width: 320px; margin-left: 40px; margin-top: 15px;}
#kontakt img.logo {width: 140px; margin-top: 15px; position: relative;}
#kontakt div.box {width: 160px;}
#kontakt.kontaktova-stranka div.box {width: 250px; margin-left: 10px;}
#kontakt div.box table {border-collapse: collapse;}
#kontakt div.box table tr.hilite {background: #f6f6f6;}
#kontakt div.box table tr td {width: 100px; vertical-align: top; padding: 5px; border: 0;}
#kontakt div.box table tr td.seda {width: 120px;}



#vertikalni-menu {width: 160px; margin-right: 20px; margin-top: 10px;}
#vertikalni-menu div.box {width: 160px;}
#vertikalni-menu div.box p {line-height: 14pt; margin: 0; margin-bottom: 5px;}
#vertikalni-menu ul {padding: 0;}
#vertikalni-menu ul li {list-style: none; background: url(../images/odrazka.png) 0px 6px no-repeat; padding-left: 10px; line-height: 14pt; margin-bottom: 5px;}


#nabidka-zbozi {width: 910px; float: left;}

#nabidka-zbozi.uvod {margin-top: 40px;}
#nabidka-zbozi.obchod {width: 730px;}

#nabidka-zbozi div {margin-top: 5px;}
#nabidka-zbozi div ul {padding: 0; padding-left: 0; list-style: none; margin: 0; float: left; margin-bottom: 10px; display:  block;}
#nabidka-zbozi div ul li {list-style: none; padding: 0; background: #ffffff; width: 166px; margin-left: 20px; float: left; _display: inline;}
#nabidka-zbozi div ul li:first-child {margin-left: 0;}
#nabidka-zbozi div ul li {_margin-left: expression(this.previousSibling==null?'0':'20px'); _margin-left: 20px;}
#nabidka-zbozi div ul li a {display: block; text-align: center; padding: 2px; width: 160px; height: 120px; border: 1px solid #e4d689; text-decoration: none;}
#nabidka-zbozi div ul li a img {width: 160px; height: 120px; margin-bottom: 5px;}
#nabidka-zbozi div ul li a span {float: left; text-align: center; width: 160px;}
#nabidka-zbozi div ul li a span span {float: none;}
#nabidka-zbozi div ul li a:hover {border-color: #6c6336; color: #797979;}

#detail-zbozi {width: 730px;}
#detail-zbozi h1 {text-indent: 0;}
#detail-zbozi div.kratky-popis {width: 332px; border: 2px solid #e0e0e0; padding: 2px; color: #ffffff; margin-bottom: 20px;}
#detail-zbozi div.kratky-popis a {color: #ffffff;}
#detail-zbozi div.kratky-popis div {width: 312px; background: url(../images/overlay.png); padding: 10px;}
#detail-zbozi div.kratky-popis:hover {border-color: #000000;}
#detail-zbozi div.kratky-popis:hover div {background-image: url(../images/overlay2.png);}

#detail-zbozi div.kratky-popis div hr {height: 2px; margin: 15px 0 20px;}

#detail-zbozi div.kratky-popis div table td {padding: 5px 0;}
#detail-zbozi div.kratky-popis div table td.popisky {width: 160px; font-weight: bold;}
#detail-zbozi div.kratky-popis div table td.hodnoty {width: 150px; text-align: right;}

#detail-zbozi div.hodnoceni {width: 340px;}
#detail-zbozi div.hodnoceni img {width: 25px; float: right; margin-left: 10px;}

#detail-zbozi div.nahled {width: 370px; margin-right: 20px;}
#detail-zbozi div.nahled a.hlavni-nahled {width: 360px; display: block; border: 2px solid #000000; padding: 3px; background: #ffffff; margin: 0; margin-bottom: 10px;}
#detail-zbozi div.nahled a.hlavni-nahled:hover {border-color: #e4d689;}
#detail-zbozi div.nahled a.hlavni-nahled img {width: 360px; margin: 0;}

#detail-zbozi div.nahled ul.dalsi-nahledy {padding: 0; padding-left: 0; list-style: none; margin: 0; float: left; margin-bottom: 10px;}
#detail-zbozi div.nahled ul.dalsi-nahledy li {list-style: none; padding: 0; background: #ffffff; height: 66px; margin-left: 8px; float: left; _display: inline;}
#detail-zbozi div.nahled ul.dalsi-nahledy li:first-child {margin-left: 1px;}
#detail-zbozi div.nahled ul.dalsi-nahledy li {_margin-left: expression(this.previousSibling==null?'1px':'8px');}
#detail-zbozi div.nahled ul.dalsi-nahledy li a {display: block; text-align: center; padding: 2px; height: 60px; border: 1px solid #e4d689; text-decoration: none;}
#detail-zbozi div.nahled ul.dalsi-nahledy li a img {height: 60px; margin-bottom: 5px;}
#detail-zbozi div.nahled ul.dalsi-nahledy li a:hover {border-color: #6c6336; color: #797979;}



