html, body {
    background: white url(../img/poster.jpg) no-repeat center top;        
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.5em;
    color: black;
}

p { text-indent: 2em; margin: 1em 0em; }
a { color: black; font-weight: bold; }
a:hover { text-decoration: none; }
a.facebook { width: 32px; height: 32px; top: 500px; margin-left: 845px; display: block; position: absolute; }
a.back { background: #00704A; color: yellow; float: right; text-decoration: none; font-size: 1.3em; padding: 10px; text-shadow: 1px 2px 2px black; }
a.back:hover { background: #00704A; color: white; }
a.email { width: 100px; height: 14px; margin: 132px 0 0 617px; display: block; float: left; }

strong { font-weight: bold; }
em { font-weight: bold; font-style: italic; }
hr { width: 80%; border: none; border-bottom: 1px dashed gray; margin: 100px auto; clear: both; }
h2, h3, h4 { margin: 1.5em 1em 0; font-weight: bold; padding: 7px; color: #00704A; }
img { display: block; }
img.nastred { margin: 50px auto; }
address { display: none; }

/* --- DIVY LAYOUT --- */
#container { background: blue; width: 900px; margin: 0 auto; }
#hlavicka { width: 100%; height: 620px; float: left; }
#hlavicka h1, #hlavicka h2 { display: none; }
#obsah { width: 900px; text-align: justify; margin: 0 auto; float: left;}
#obsah h2 { font-size: 2.5em; letter-spacing: -2px; }
#obsah h3 { font-size: 1.9em; letter-spacing: -1px; }
#obsah h4 { font-size: 1.5em; letter-spacing: -1px; }
#paticka { background: #00704A; float: left; width: 100%; padding: 15px 0; margin-top: 50px; text-align: center; font-size: 0.85em; color: white; }
#paticka a { color: white; }

/* --- DIVY POMOCNÉ --- */
#top-menu { background: ; width: 650px; float: left; margin: 505px 0 0 170px; }
#top-menu ul li a { float: left; color: yellow; text-decoration: none; font-style: normal; font-size: 17px; letter-spacing: px; text-shadow: 1px 2px 2px black; /* font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; */ }
#top-menu ul li a:hover { color: white; }
#top-menu ul li a.menu1 { margin-left: 40px; }
#top-menu ul li a.menu2 { margin-left: 20px; }
#top-menu ul li a.menu3 { margin-left: 195px; }
#top-menu ul li a.menu4 { margin-left: 20px; }
#top-menu ul li a.menu5 { margin-left: 20px; }
#mapa { border: 1px solid black; width: 800px; height: 600px; margin: 100px auto; }
#adresa { background: url(../img/adresa.gif) no-repeat center top; width: 800px; height: 225px; margin: 50px auto; }

/* --- TABULKY --- */
#produkty-obal { background: url(../img/produkty-flasky.jpg) right center no-repeat; float: left; width: 900px; height: 600px; margin: 3em 0 100px; }
#produkty-text { background: url(../img/produkty-text.gif) no-repeat top center; float: left; width: 700px; height: 170px; }
#produkty-text p { text-indent: 0; font-style: italic; font-weight: bold; color: #00704A; text-align: center; font-size: 1.15em; line-height: 1.5em; margin-top: 40px; }
#produkty-specifikace { float: left; width: 400px; border-collapse: collapse; margin-top: 30px; }
#produkty-specifikace tr { border-bottom: 1px solid lightgrey; }
#produkty-specifikace tr th { padding: 5px; font-weight: bold; text-align: center; }
#produkty-specifikace tr th.nadpis1 { font-size: 20px; padding: 10px; color: gray; }
#produkty-specifikace tr th.nadpis2 { font-size: 16px; padding: 10px; }
#produkty-specifikace tr td { padding: 5px; color: #00704A; }
#produkty-specifikace tr td.levy { font-weight: bold; text-align: right; vertical-align: top; }

/* --- VLASTNOSTI --- */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.top { vertical-align: top; }
.float-left { float: left; }
.float-right { float: right; border: 1px solid red}

.tucne { font-weight: bold; }
.kurziva { font-style: italic; }
.hidden { display: none; }
.cleaner { clear: both; height: 0; }