html {margin: 0; padding: 0; background: white;}
body {width: 970px; padding: 5px 0; margin: 0 auto; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 62.5%; color: #606060;}

.clear {clear: both;}
.hidden {display: none;}

td, th {font-size: 1.3em; vertical-align: top;}
ul {font-size: 1.4em;}

a {padding: 0 5px; color: #757575; text-decoration: none; background: rgb(242, 242, 242); border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #C6C6C6; border-right: 1px solid  rgb(198, 198, 198);}
a:hover {background: rgb(253, 251, 209); border-top: 1px solid #F8F38E; border-left: 1px solid #F8F38E; border-bottom: 1px solid #EFE646; border-right: 1px solid #EFE646;}
a img {border: none;}
a.noborder {background: none; border-top: none; border-right: none; border-bottom: none; border-left: none;}

h1 {float: left; width: 717px; height: 157px; margin: 0; padding: 0; position: relative; left: -20px;}
h1 a {display: block; width: 717px; height: 157px; padding: 0; border: none !important;}
h1 span {position: absolute; top: 0; left: 0; width: 717px; height: 157px; cursor: pointer; background: url('../images/title.gif');}

#menu {float: right; margin: 40px 10px 0 0; padding: 0; list-style: none; text-align: right;}
#menu li {padding: 1px 0 2px 0;}
#menu li a {padding: 2px 8px; color: #8B8B8B; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 1.15em; font-family: sans-serif; letter-spacing: -0.05em; background: none; border: none !important;}
#menu li a:hover {color: black; background: #BEDF18;}

h2 {font-size: 1.5em;}

#h2-velkoobchod, #h2-maloobchod, #h2-sluzby, #h2-vyroba, #h2-svobod, #h2-instituce, #h2-reference, #h2-reseni, #h2-cenik, #h2-kontakt, #h2-akce {width: 970px; height: 49px; position: relative; margin: 20px 5px 20px 0; padding: 0; background: url('../images/stred.gif') no-repeat left;}
#h2-velkoobchod span {position: absolute; top: 0; left: 0; width: 234px; height: 49px; background: url('../images/n_velkoobchod.gif');}
#h2-maloobchod span {position: absolute; top: 0; left: 0; width: 229px; height: 49px; background: url('../images/n_maloobchod.gif');}
#h2-sluzby span {position: absolute; top: 0; left: 0; width: 139px; height: 49px; background: url('../images/n_sluzby.gif');}
#h2-vyroba span {position: absolute; top: 0; left: 0; width: 147px; height: 49px; background: url('../images/n_vyroba.gif');}
#h2-svobod span {position: absolute; top: 0; left: 0; width: 322px; height: 49px; background: url('../images/n_svobod.gif');}
#h2-instituce span {position: absolute; top: 0; left: 0; width: 168px; height: 49px; background: url('../images/n_instituce.gif');}

#h2-reference span {position: absolute; top: 0; left: 0; width: 181px; height: 49px; background: url('../images/h_reference.gif');}
#h2-reseni span {position: absolute; top: 0; left: 0; width: 326px; height: 49px; background: url('../images/h_reseni.gif');}
#h2-cenik span {position: absolute; top: 0; left: 0; width: 268px; height: 49px; background: url('../images/h_cenik.gif');}
#h2-kontakt span {position: absolute; top: 0; left: 0; width: 173px; height: 49px; background: url('../images/h_kontakty.gif');}
#h2-akce span {position: absolute; top: 0; left: 0; width: 147px; height: 49px; background: url('../images/h_akce.gif');}

#vyber-sekce {position: absolute; z-index: 100; top: 10px; right: 10px; width: 188px; margin: 0; padding: 35px 0 0 0; list-style: none; text-align: right; background: url('../images/menu1.gif') no-repeat top right;}
* html #vyber-sekce {height: 30px; behavior: url('/styles/hover.htc');}
#vyber-sekce:hover, #vyber-sekce.hover {background: url('../images/menu.gif') no-repeat top right;}
#vyber-sekce li {display: none; height: 25px;}
#vyber-sekce:hover li, #vyber-sekce.hover li {display: block;}
#vyber-sekce6 {height: 26px !important;}
#vyber-sekce li a {position: relative; display: block; height: 25px; padding: 0; border: none !important;}
#vyber-sekce li a span {position: absolute; top: 0; left: 0; width: 188px; height: 25px; cursor: pointer; background-image: url('../images/menu.gif');}
#vyber-sekce1 a span {background-position: -188px -35px;}
#vyber-sekce2 a span {background-position: -188px -60px;}
#vyber-sekce3 a span {background-position: -188px -85px;}
#vyber-sekce4 a span {background-position: -188px -110px;}
#vyber-sekce5 a span {background-position: -188px -135px;}
#vyber-sekce6 a span {background-position: -188px -160px;}
#vyber-sekce1 a:hover span {background-position: 0 -35px;}
#vyber-sekce2 a:hover span {background-position: 0 -60px;}
#vyber-sekce3 a:hover span {background-position: 0 -85px;}
#vyber-sekce4 a:hover span {background-position: 0 -110px;}
#vyber-sekce5 a:hover span {background-position: 0 -135px;}
#vyber-sekce6 a:hover span {background-position: 0 -160px;}

p {font-size: 1.4em; margin: 5px 0 5px 5px; font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;}
p.gray {color: #777777;}
p.home-bottom {margin: 10px 5px; line-height: 155%;}
p.home-bottom strong {padding: 3px; background: #F7F7F7; border: 1px solid #ECECEC;}
p.slogan {padding: 3px; background: #F7F7F7; border: 1px solid #ECECEC;}

ul {font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;}

h3 {margin: 20px 20px 0 5px; color: #8B8E8E; font-size: 1.9em; font-family: sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: -0.05em;}
.maloobchod h3, h3.maloobchod, h3.red {color: #FE6E00;}
.velkoobchod h3, h3.velkoobchod, h3.orange {color: #FFBF00;}
.sluzby h3, h3.sluzby, h3.lightgreen {color: #B7DA00;}
.vyroba h3, h3.vyroba, h3.green {color: #38BE20;}
.svobod h3, h3.svobod, h3.darkgreen {color: #00A040;}
.instituce h3, h3.instituce, h3.blue {color: #009F93;}

#reference {float: right; width: 278px; margin: 15px 5px 10px 10px; background: #F2F2F2;}
#reference h3 {height: 28px; margin: 0; padding: 22px 20px 0 20px; color: #8B8E8E; font-size: 1.5em; letter-spacing: 0; background: url('../images/sidebar-top.gif') no-repeat top;}
#reference p {margin: 0 10px; padding: 0;}
#reference a {display: block; padding: 0 0 5px 0 !important; text-align: center; border: none !important; background: none;}
#reference a:hover {color: #8B8E8E;}
.maloobchod #reference a:hover {color: white; background: #FE6E00;}
.velkoobchod #reference a:hover {color: white; background: #FFBF00;}
.sluzby #reference a:hover {color: white; background: #B7DA00;}
.vyroba #reference a:hover {color: white; background: #38BE20;}
.svobod #reference a:hover {color: white; background: #00A040;}
.instituce #reference a:hover {color: white; background: #009F93;}
#reference a img {margin: 0; opacity: 0.5; filter: alpha(opacity=50);}
#reference a:hover img {opacity: 1; filter: alpha(opacity=100);}
#reference a#chci-stranky {position: relative; display: block; height: 27px; padding: 10px 15px; color: #38BE20; text-align: center; font-size: 1.3em; font-weight: bold; text-transform: uppercase; text-decoration: none; background: white; border: none !important;}
#reference a#chci-stranky span {position: absolute; top: 0; left: 0; width: 278px; height: 47px; cursor: pointer; background: url('../images/chci.gif') no-repeat top left;}
#reference a#chci-stranky:hover span {background: url('../images/chci.gif') no-repeat bottom left;}

#home-text {width: 867px; margin: 20px 0 0 0; padding: 20px 50px 20px 50px; color: #606060; font-size: 1.8em; background: #F7F7F7 url('../images/topbg.gif') no-repeat top;}
#home-box {margin: 0 0 30px 0;}
#home-box div {float: left; width: 161px; height: 200px; position: relative; cursor: pointer; background-image: url('../images/box.png');}
* html #home-box div {behavior: url('/styles/hover.htc');}
#home-box h2 {margin: 0; padding: 0;}
#home-box h2 a {height: 40px; display: block; text-decoration: none; background: none; border: none !important;}
#home-box h2 a span {visibility: hidden;}
#home-box p {margin: 0 15px 0 15px; padding: 0; font-size: 1em; font-family: Tahoma, Verdana, Helvetica, sans-serif;}
#home-box p.clear {margin: 0;}
#home-box a.info {display: block; width: 131px; position: absolute; bottom: 0; left: 0; padding: 8px 15px 13px 15px; color: white; font-size: 1.2em; font-family: sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; background: none; border: none !important;}

#box-maloobchod {width: 162px !important; color: #7A3A09; background-position: left top;}
#box-maloobchod:hover a.info, #box-maloobchod.hover a.info {color: #7A3A09;}
#box-maloobchod:hover, #box-maloobchod.hover {background-position: left bottom;}
#box-velkoobchod {color: #686708; background-position: -162px 0;}
#box-velkoobchod:hover a.info, #box-velkoobchod.hover a.info {color: #686708;}
#box-velkoobchod:hover, #box-velkoobchod.hover {background-position: -162px -200px;}
#box-sluzby {color: #686708; background-position: -323px 0;}
#box-sluzby:hover a.info, #box-sluzby.hover a.info {color: #686708;}
#box-sluzby:hover, #box-sluzby.hover {background-position: -323px -200px;}
#box-vyroba {color: #216117; background-position: -484px 0;}
#box-vyroba:hover a.info, #box-vyroba.hover a.info {color: #216117;}
#box-vyroba:hover, #box-vyroba.hover {background-position: -484px -200px;}
#box-svobod {color: #085727; background-position: -645px 0;}
#box-svobod:hover a.info,#box-svobod.hover a.info {color: #085727;}
#box-svobod:hover, #box-svobod.hover {background-position: -645px -200px;}
#box-svobod h2 a {height: 64px;}
#box-svobod a.info {padding: 8px 15px 13px 15px;}
#box-instituce {color: #08524D; background-position: right top;}
#box-instituce:hover a.info, #box-instituce.hover a.info {color: #08524D;}
#box-instituce:hover, #box-instituce.hover {background-position: right bottom;}

.kontakt {position: relative; margin: 5px 0 0 5px; font-size: 1.2em; line-height: 120%;}
.kontakt small {font-size: 0.9em;}
.kontakt p {position: absolute; bottom: 0; left: 250px; width: 258px; height: 52px; margin: 0; padding: 0 0 0 25px; line-height: 52px; font-size: 1em; background: url('../images/inf.gif') no-repeat;}
#sidebar {width: 278px; float: right;}
#sidebar .sidebar-box {margin: 0 0 10px 0; padding: 0 0 5px 0; background: #F2F2F2 url('../images/sidebar-bottom.gif') no-repeat bottom;}
#sidebar h3 {height: 28px; margin: 0; padding: 22px 20px 0 20px; font-size: 1.5em; letter-spacing: 0; background: url('../images/sidebar-top.gif') no-repeat top;}
#sidebar p {margin: 5px 15px;}
#sidebar a {border: none !important;}

.reference {width: 970px; padding: 0 0 15px 0;}
.reference a.img {float: left; padding: 0; margin: 0; background: none; border: none;}
.reference h3 {float: right; width: 690px; margin: 0 0 5px 0; text-align: left;}
.reference h3 a {float: none; padding: 0 !important; margin: 0; color: #bedf18; background: none !important; border: none !important;}
.reference h3 a:hover {color: #ee7a08;}
.reference p {float: right; width: 690px; margin: 0 0 5px 0; text-align: left;}
.reference p.firma {width: 685px; padding: 0 5px; background: #f8fce7; border: 1px solid #eaf1ca;}
.reference p.firma a {float: none; padding: 0; margin: 0; color: #ee7a08; background: none; border: none;}
.reference p.firma a:hover {text-decoration: underline;}
.reference ul {float: right; width: 670px; margin: 0 0 5px 0; text-align: left;}

.cenik, .cenik-right {float: left; width: 452px; height: 265px; margin: 5px 5px 0 0; padding: 0 15px 0 15px; background: url('../images/cenik.gif') top; border-bottom: 2px solid #F2F2F2;}
.cenik-right {margin: 5px 0 0 0;}
.cenik h3, .cenik-right h3 {margin: 15px 5px; padding: 0;}

form fieldset {width: 680px; margin: 0; padding: 0; border: none; font-size: 0.9em;}
form table {width: 670px; margin: 5px 5px;}
form legend {display: none;}
form p {clear: left;}
form label {float: left; width: 120px;}
form label.inline, table label {float: none; width: auto;}
form th {padding: 5px 0; text-align: left; font-size: 1.4em;}
form td {line-height: 22px;}
form input, form select, form textarea {behavior: url('/styles/focus.htc');background: rgb(242, 242, 242); border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #C6C6C6; border-right: 1px solid  rgb(198, 198, 198);}
form input:focus, form input.focus, form input.btn:hover, form input.btn.hover, form select:focus, form select.focus, form textarea:focus, form textarea.focus { background: rgb(253, 251, 209); border-top: 1px solid #F8F38E; border-left: 1px solid #F8F38E; border-bottom: 1px solid #EFE646; border-right: 1px solid #EFE646;}
form input.btn {cursor: pointer; behavior: url('/styles/hover.htc');}
form input.checkbox {background: none; border: none;}

p.hlaska-ok {color: #49a80b;  background: #dbeece; border: 1px solid #308a05; padding: 5px 0; position: relative; margin-bottom: 8px;}
p.hlaska-ok strong {font-weight: bold; margin-left: 40px;}
p.hlaska-ok span {width: 28px; height: 28px; position: absolute; left: 0; top: 0; _top: 1px; background: white url('../images/hlaska-ok.gif');}
p.hlaska-ok a {padding: 0 5px 1px 5px; color: #565656; font-weight: normal; border: 1px solid #a6cc8e; background: white; position: absolute; right: 0; top: 5px; margin-right: 5px; _margin-right: 26px;}
p.hlaska-ok a:hover {background: #a6cc8e; color: black; border: 1px solid #a6cc8e;}

p.hlaska-err {color: #c71919;  background: #f8d3d3; border: 1px solid #c92626; padding: 5px 0; position: relative; margin-bottom: 8px;}
p.hlaska-err strong {font-weight: bold; margin-left: 40px;}
p.hlaska-err span {width: 28px; height: 28px; position: absolute; left: 0; top: 0; _top: 1px; background: white url('../images/hlaska-err.gif');}
p.hlaska-err a {padding: 0 5px 1px 5px; color: #565656; font-weight: normal; border: 1px solid #efabab; background: white; position: absolute; right: 0; top: 5px; margin-right: 5px; _margin-right: 26px; }
p.hlaska-err a:hover {background: #efabab; color: black; border: 1px solid #efabab;}
p.hlaska-err ul {margin-left: 40px; margin-top: 10px;}
p.hlaska-err ul li em {color: black; margin-right: 20px;}

#oceneni {float: right; width: 275px; margin: -40px 0 0 0; line-height: 200%;}

#bottom {clear: both; width: 960px; height: 40px; margin: 60px 0 10px 0; padding: 0 5px; font-size: 0.9em; color: #8E8E8E; background: url('../images/paticka.gif') no-repeat top left;}
#bottom .left {margin: 0 10px; float: left; line-height: 40px;}
#bottom .right {margin: 0 10px; float: right; line-height: 40px;}
#bottom a {padding: 0; color: #8E8E8E; text-decoration: none; background: none; border: none !important;}

/* Sleva 40 dní */
#sleva40dni {margin: 10px; text-align: center;}
#sleva40dni a {border: none; background: none;}