/* ---------- Základní nastavení CSS -----------*/
html, body, a, form, input
  {
    margin: 0;
    padding: 0;
    font-family: Courier New, Courier, monospace;
    color: #ffffff;
    text-decoration: none;
  }

body, html {background: url(../scr/body_bg.jpg) repeat left top;}
body {font-size: 12px;}

#hlavni {position: relative; margin: 0px auto; width: 950px; margin-top: 5px; margin-bottom: 5px; background-color: #000000;}
#hlavni #hlavicka {position: relative; width: 950px; height: 115px; background-color: #000000;}
#hlavni #hlavicka .logoduem {position: absolute; top: 0px; left: 0px; width: 632px; height: 115px; background: url(../scr/duem_logo.png) no-repeat left top; z-index: 9;}#hlavni #hlavicka .logo25let {position: absolute; top: 0px; right: 0px; width: 100px; height: 115px; background: url(../scr/logo_25let.jpg) no-repeat left top; z-index: 0;}
#hlavni #hlavicka #menu {position: absolute; bottom: 0px; right: 0px; width: 800px; height: 30px; background-color: #000000; text-align: right; z-index: 10;}
#hlavni #hlavicka #menu .obsah {line-height: 30px; margin-right: 10px; font-size: 18px; letter-spacing: -1px;}
#hlavni #hlavicka #menu .obsah a:hover {color: rgb(255,255,0);}

#hlavni #hlavicka #kosik {position: absolute; bottom: 28px; right: 15px; height: 20px; background-color: #000000; text-align: right; z-index: 5;}
#hlavni #hlavicka #kosik a:hover{color: red;}

#hlavni #hlavicka #login {position: absolute; bottom: 50px; right: 15px; width: 500px; height: 20px; background-color: black; text-align: right; z-index: 10;}
#hlavni #hlavicka #login .log {line-height: 20px; margin-right: 10px; font-size: 12px; letter-spacing: 0px;}
#hlavni #hlavicka #login .log a:hover {color: red;}

#hlavni #uvod {position: relative; width: 950px; height: 427px;}

/* background: url(../scr/duem_first_page.jpg) repeat left top;  -  patri do radku 29 na konec*/

#hlavni #novinky {width: 950px;}
#hlavni #novinky .obsah {padding: 10px 0px 10px 10px;}
#hlavni #novinky .obsah .nadpis {font-size: 16px;}
#hlavni #novinky .obsah .datum {float: left; width: 105px; margin-left: 20px; font-size: 14px; margin-top: 8px; color: yellow; font-weight: bold;}
#hlavni #novinky .obsah .text {float: left; width: 790px; font-size: 14px; margin-right: 25px; margin-top: 8px; text-align: justify;}
#hlavni #novinky .obsah .text a {color: yellow; text-decoration: underline;}

#hlavni #paticka {position: relative; width: 950px; height: 60px; background-color: #000000;}
#hlavni #paticka .ofirme {position: absolute; top: 0px; right: 0px; width: 475px; height: 30px; text-align: right;}
#hlavni #paticka .ofirme .obsah {line-height: 30px; margin-right: 10px; font-size: 14px;}
#hlavni #paticka .ofirme .obsah a:hover {color: rgb(255,255,0);}
#hlavni #paticka .ofirme .fb {position: absolute; left: 75px; top: 8px; width: 165px; height: 15px; background: url(../scr/facebook_icon.png) no-repeat right center; text-align: left;}
#hlavni #paticka .ofirme .tl {position: absolute; left: 247px; top: 8px; width: 16px; height: 16px; background: url(../scr/toplist.gif) no-repeat left top;}
#hlavni #paticka .copy {position: absolute; bottom: 0px; right: 0px; width: 475px; height: 30px; text-align: right;}
#hlavni #paticka .copy .obsah {line-height: 30px; margin-right: 10px; font-size: 12px; color: #666601;}
#hlavni #paticka .copy .obsah a {color: #666601;}
#hlavni #paticka .copy .obsah a:hover {text-decoration: underline;}
#hlavni #paticka .mailinglist {position: absolute; top: 0px; left: 0px; width: 475px; height: 60px;}
#hlavni #paticka .mailinglist .email {position: absolute; top: 10px; left: 10px; width: 250px; height: 20px; border: 1px solid rgb(255,255,0); background-color: #000000; text-align: center; line-height: 20px;}
#hlavni #paticka .mailinglist .send {position: absolute; top: 10px; left: 270px; width: 80px; height: 20px; border: 1px solid grey; background-color: #000000; line-height: 20px; text-align: center; font-size: 14px;}
#hlavni #paticka .mailinglist .send:hover {color: rgb(255,255,0);}
#hlavni #paticka .fimak {position: absolute; bottom: 0px; left: 0px; width: 475px; height: 30px; text-align: left;}
#hlavni #paticka .fimak .obsah {line-height: 30px; margin-left: 10px; font-size: 12px; color: #666601;}
#hlavni #paticka .fimak .obsah a {color: #666601;}
#hlavni #paticka .fimak .obsah a:hover {text-decoration: underline;}

#hlavni #produkty {position: relative; width: 950px; border-bottom: 1px solid grey; border-top: 1px solid grey;}
#hlavni #produkty #levy {position: relative; float: left; width: 200px;}
#hlavni #produkty #levy .zbozi {margin-left: 15px; margin-top: 10px; line-height: 20px;}
#hlavni #produkty #levy .zbozi .kat { font-size: 16px;}
#hlavni #produkty #levy .zbozi .pol {margin-left: 35px; font-size: 14px;}
#hlavni #produkty #levy .zbozi .pol a:hover {color: rgb(255,255,0);}

#hlavni #produkty #pravy {position: relative; float: left; width: 750px; min-height: 600px;}
#hlavni #produkty #pravy .produkt {margin-top: 10px; line-height: 20px;}
#hlavni #produkty #pravy .produkt .nadpistop {line-height: 29px; background: url(../scr/hlava.jpg) no-repeat left top;}
#hlavni #produkty #pravy .produkt .nadpistop span {margin-left: 40px; font-size: 19px; font-weight: bold; color: red;}
#hlavni #produkty #pravy .produkt .nadpis {font-size: 19px; font-weight: bold; color: red;}
#hlavni #produkty #pravy .produkt .obrazek {position: relative; float: left; margin-top: 10px; width: 250px; background-color: rgb(30,30,30);}
#hlavni #produkty #pravy .produkt .obrazek .obal {float: left; margin: 10px; text-align: center;}
#hlavni #produkty #pravy .produkt .obrazek .obaldva {float: left; margin: 0px 10px 10px 10px; text-align: center;}
#hlavni #produkty #pravy .produkt .text {position: relative; float: left; width: 500px;}
#hlavni #produkty #pravy .produkt .text .obal {padding: 5px 10px 5px 15px; text-align: justify;}
#hlavni #produkty #pravy .produkt .text .obal .knadpis {font-size: 16px; font-weight: bold; color: rgb(255,255,0); margin-top: 8px;}
#hlavni #produkty #pravy .produkt .text .obal .ktext {font-size: 14px; font-weight: normal; margin-left: 10px;}
#hlavni #produkty #pravy .produkt .text .obal .ktext a:hover {color: yellow; text-decoration: underline;}
#hlavni #produkty #pravy .produkt .text .obal .ktext2 {font-size: 14px; font-weight: normal; margin-left: 20px;}
#hlavni #produkty #pravy .produkt .text .obal .ktext2 a:hover {color: yellow; text-decoration: underline;}
#hlavni #produkty #pravy .produkt .text .nadpis {margin-left: 10px; text-align: left; font-size: 16px; font-weight: bold; color: red;}
#hlavni #produkty #pravy .ndatum {margin-left: 10px; margin-top: 10px; text-align: left; font-size: 14px;}

#hlavni #produkty #pravy .produkt .kontakt {position: relative;}
#hlavni #produkty #pravy .produkt .kontakt .obal {padding: 5px 10px 5px 15px; text-align: justify;}
#hlavni #produkty #pravy .produkt .kontakt .obal .knadpis {font-size: 16px; font-weight: bold; color: rgb(255,255,0); margin-top: 8px;}
#hlavni #produkty #pravy .produkt .kontakt .obal .ktext {font-size: 14px; font-weight: normal; margin-left: 10px;}
#hlavni #produkty #pravy .produkt .kontakt .obal .ktext a:hover {color: yellow; text-decoration: underline;}
#hlavni #produkty #pravy .produkt .kontakt .obal .ktext2 {font-size: 14px; font-weight: normal; margin-left: 20px;}
#hlavni #produkty #pravy .produkt .kontakt .obal .ktext2 a:hover {color: yellow; text-decoration: underline;}

#hlavni #produkty #pravy .produkt .bunka {position: relative; float: left; width: 140px; height: 140px; margin: 5px; background-color: rgb(35,35,35);}

#kosikbutt {position: relative; float: right; display: block; padding: 5px 9px 5px 9px; margin: 0 4px 0 4px; background-color: #293442;}
#kosikbutt:hover {background-color: #2934d2;}

#mojeMapa1 {position: absolute; top: 25px; right: 10px; width:420px; height:280px; border:1px solid silver;}
#mojeMapa1pop {position: absolute; top: 5px; right: 10px; width:420px; height:20px; font-weight: bold; font-size: 14px;}
#mojeMapa2 {position: absolute; top: 340px; right: 10px; width:420px; height:190px; border:1px solid silver;}
#mojeMapa2pop {position: absolute; top: 320px; right: 10px; width:420px; height:20px; font-weight: bold; font-size: 14px;}

#registrace input{color: black;}
.varovanino {position: relative; display: block; padding: 10px; margin: 10px; text-align: center; border: 2px solid #ff0000; font-weight: bold;}
.varovaniok {position: relative; display: block; padding: 10px; margin: 10px; text-align: center; border: 2px solid #008000; font-weight: bold;}

.novemail {position: relative; width: 300px; height: 25px; border: 1px solid rgb(255,255,0); background-color: #000000; text-align: center; line-height: 25px; font-size: 20px;}
.novsend {position: relative; width: 120px; height: 25px; border: 1px solid rgb(255,255,0); background-color: #000000; line-height: 25px; text-align: center; font-size: 20px;}

.add {padding-bottom: 8px;}
.add a {color: black;}

dl {margin: 8px 0 8px 25px;}
dt {color: #ffffff; margin: 15px 0 5px 0px; font-weight: bold; font-size: 11pt; color: rgb(255,165,0);}
dd {color: #ffffff; margin: 5px 0 5px 15px; font-weight: normal; size: 12pt; text-align: justify;}

.cleaner {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

#obr {
text-align: center;
}