body{margin: 0; padding: 0}
body{font-size: small}

body, div, a, input, textarea, p, td, ul, select
  {color: #bf4203; text-align: justify; font-family: Arial,Tahoma; font-size: 94%}

form{width: 100%}
td{vertical-align: top}
h1,h2{padding: 0.1em 0; margin: 0.2em 0; font-family: "Arial Narrow", Tahoma, Arial; font-weight: 100}
h2,h3,h4,h5,h6{margin: 0; padding: 0}
a h2{text-decoration: underline}
h1{font-size: 160%; border-bottom: dotted 2px #bf4203; text-transform: uppercase}
h2{font-size: 140%}
h3{font-size: 120%}
img{border: none}
textarea{height: 8em}
input:hover, select:hover, textarea:hover{background: #dddddd}

.W02{width: 2em}
.W04{width: 4em}
.W05{width: 5em}
.W06{width: 6em}
.W08{width: 8em}
.W10{width: 10em}
.W15{width: 15%}
.W20{width: 20em}
.W45{width: 45%}
.W50{width: 50em}
.W90{width: 90%; margin: 0 auto; overflow: hidden}
.W100{width: 100%}
.H00{height: 0}
.H05{height: 5em}
.H10{height: 10em}
.H04{height: 4em}

.padding{padding: 1em}
.margin{margin: 1em}

.floatright{float: right}
.floatleft{float: left}
.clearleft{clear: left; height: 0}
.vpravo{text-align: right}

.barva1{background: #eeeeee}
.barva2{background: #dddddd}
.barva3{background: #cccccc}

.aktivni{font-weight: 800}
.vice{margin: 0.5em; text-align: right; font-style: italic; font-size: 94%}

.hlavicka{padding: 0.3em 0 0 0; border-bottom: 1px dotted #888888}
.cely{margin-top: 15px; padding-bottom: 1em; border-bottom: 1px dotted #888888}
.levy{padding: 0 15px 0 0}
.pravy{padding: 0 0 0 15px; margin: 0}
.stredni{border: solid #eeeeee; border-width: 0 1em; padding: 0 1em 1em 1em}
.paticka{text-align: center; color: #aaaaaa;
  padding: 0.5em; border-top: 1px dotted #888888}
.paticka a{color: #666666; margin: 0 10px}

.login{margin: 0; padding: 5px 5px 10px 10px; border: solid 1px #dddddd}
.login h3, .login div{display: none}
.login p{margin: 0; padding: 0}

.navigace
  {height: 100%; padding: 1px 5px 1px 5px; overflow: auto;
  font-size: 90%; color: #777777; background: #eeeeee; margin-bottom: 2px}
.navigace a{color: #777777}
.navigace a:hover{color: #dd5522}
.navigace a.aktivni{color: #dd5522; font-weight: bold}

.svatek div, .pocitadlo div{float: right}

div#menu_vodor{border-bottom: 1px dotted #888888; overflow: hidden}
div#menu_vodor a{display: block; color: #bf4203; margin: 0 0 2px 0;
  text-decoration: none; font-size: 96%;
  border-right: solid 3px #ffffff; padding: 0 8px; background: #dddddd}
div#menu_vodor a:hover{background: #ffffff}
div#menu_vodor ul{padding: 0; margin: 0}
div#menu_vodor li{position: relative; list-style: none; float: left;}
div#menu_vodor li.submenu{}
div#menu_vodor ul li ul a{width: 150px; font-size: 90%; font-weight: 100;
  border-bottom: solid 1px #999999;  background: #eeeeee;
  padding: 0.3em 0 0.3em 1em}
div#menu_vodor ul ul{position: absolute; display: none; width: 100px;}
div#menu_vodor ul li:hover ul{display:block;}

.upozorneni{font-size: 140%; padding: 2em; background: red; color: white;
  margin-bottom: 2em; text-align: center; font-weight: 800}
.upozorneni a{color: white}

.vsechny, .jeden{padding: 1em; margin: 0 0 0.5em 0; background: #fafafa}
.vsechny, .jeden{border-bottom: dotted 2px #dddddd}
.vsechny a h3{text-decoration: underline}
.vsechny img, .jeden img{border: solid 3px #cccccc; margin: 0 1em 0 0; padding: 3px}

@media print {
.levy, .pravy, .lista_hlavicka, .lista_user, .lista_webmaster, .nadpis,
.lista_svatek, .navigace, #menu_vodor, .vice, h1
{display: none; width: 0px}
.stredni{width: 100%; border: none; margin: 0; padding: 0}
td td{border: 1px solid #eeeeee; padding: 1px 3px}
}

#menu_vyrobky a
  {text-decoration: none; padding: 1px 0 1px 5px; display: block; overflow: hidden}
#menu_vyrobky ul {margin: 0; padding: 0}
#menu_vyrobky li {position: relative; list-style: none; background: #eeeeee;
  border-bottom: solid 1px #ffffff}
#menu_vyrobky li:hover {background: #dddddd}
#menu_vyrobky ul li ul li{padding: 1px 0 0 0}
#menu_vyrobky ul li ul a{}
#menu_vyrobky li.submenu {background: #eeeeee url(shop/obrazky/submenu.gif) 90% 50% no-repeat}
#menu_vyrobky li.submenu:hover {background: #dddddd url(shop/obrazky/submenu.gif) 90% 50% no-repeat}
#menu_vyrobky li a {}
#menu_vyrobky ul ul {position: absolute; top: 0; left: 98%; display: none}
#menu_vyrobky ul.level1 a.level0{border-top: dotted 1px #bf4203; background: #bbbbbb}
#menu_vyrobky ul.level1 li.submenu:hover ul.level2,
#menu_vyrobky ul.level2 li.submenu:hover ul.level3
  {display: block; width: 100%}
.podmenu3{}
.podmenu3 a{}

.vyrobky_vsechny td
  {padding: 0 10px 10px 0; border: dotted #cccccc; border-width: 0 1px 1px 0}
.vyrobky_vsechny td .text{margin-left: 110px}
.vyrobky_vsechny td .nazev a{color: #555555; font-weight: 600; font-size: 150%; font-family: "Arial Narrow"}
.vyrobky_vsechny td .cena, .vyrobky_vsechny td .odkazy{margin: 3px 0}
.vyrobky_vsechny td .cena, .vyrobky_vsechny td .popis{color: #555555}
.vyrobky_vsechny td .cena span{color: #bf4203; font-weight: 600}

.vyrobky_detail{padding: 0 10px 20px 240px; margin-top: -10px}
.vyrobky_detail div{padding: 0 10px}
.vyrobky_detail .text{margin-left: 250px}
.vyrobky_detail .nazev{color: #555555; font-weight: 600; font-size: 150%; font-family: "Arial Narrow"}
.vyrobky_detail .cena, .vyrobky_detail .odkazy{margin: 3px 0}
.vyrobky_detail .cena, .vyrobky_detail .popis{color: #555555}
.vyrobky_detail .cena span{color: #bf4203; font-weight: 600; font-size: 140%; font-family: "Arial Narrow"}
.vyrobky_detail td{padding: 2px 5px}