body {padding: 0; margin: 0; font: 70%/130% Verdana, sans-serif; text-align: center; background: #EAEFF3 url("../images/pozadi.jpg") top center repeat-x;}
a {color: #ffffff;}
a:hover {color: #FACA10;}
form {padding: 0; margin: 0;}
p {margin: 5px 0 10px 0;}
h2 {font-size: 160%; line-height: 130%; color: #fff; padding: 0; margin: 15px 0 15px 0;}
h3 {clear: both; font-size: 120%; color: #FACA10; padding: 0; margin: 20px 0 10px 0;}
h4 {font-size: 110%; color: #204A73; margin-bottom: 5px;}
h5 {font-size: 100%; margin: 0; padding: 5px 0 0 0;}
ul {padding: 5px 0 10px 80px; margin: 5px 0 10px 0px;}
li {line-height: 140%;}
dl {line-height: 120%;}
dt {left: 0; float: left; padding: 0; margin: 0 0 0 0px; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.5em 100px; border: 0;}
table {clear: both; width: 98%; font-size: 95%; border-collapse: collapse; text-align: left;}
td {padding: 3px; border: 1px solid #349ECF; white-space: nowrap;}
fieldset {clear: both; border: 1px solid #ADD5E5; color: #000; padding: 10px 2px 5px 20px; margin: 20px 30px 20px 20px;}
legend {padding: 1px 5px 1px 5px; font-size: 85%; color: #259CCF; font-weight: bold; float: right;}
input {font-size: 100%; margin: 0 0 2px 10px; _margin: 0 0 2px 0;}
select {margin: 0 0 2px 0; font-size: 100%;}

#container {width: 770px; margin-left: auto; margin-right: auto; text-align: left; color: #2A1872; background: #0078BD url("../images/container-pozadi.jpg") top center repeat-y;}
#hlavicka0 {width: 100%; height: 320px; padding: 0; margin: 0; border: 0; background: url("../images/hlavicka.jpg") top center no-repeat;}
#hlavicka1 {width: 100%; height: 320px; padding: 0; margin: 0; border: 0; background: url("../images/hlavicka-sortiment.jpg") top center no-repeat;}
#hlavicka {padding: 53px 0 0 0;}
h1.logo {width: 426px; height: 110px; padding: 0; margin: 0 0 0 306px; background: url('../images/logo.gif') no-repeat; cursor: pointer;}
h1 span, h2 span {display: none;}

#menu {float: right; width: 100%; height: 24px; margin: 0; padding: 0; font-size: 110%; background: url("../images/pozadi-menu.jpg") top center repeat-y;}
#menu ul {float: left; margin: 0; padding: 0 0 0 30px;}
#menu ul li {float: left; margin: 0; height: 24px; padding: 0; list-style-type: none;}
.svislitko {border-right: #2FA7C4 solid 1px;}
#menu ul li a {display: block; color: #fff; background-color: #2A1872; font-weight: bold; font-variant: small-caps; text-decoration: none; padding: 3px 8px 5px 9px; border: #2FA7C4 solid 1px; border-right: 0;}
#menu ul li a:hover {color: #fff; background-color: #2FA7C4;}
#menu .aktivni {color: #D7423E;}

#stred0 {float: left; width: 770px; padding: 0; marign: 0; border: 0; color: #ffffff; background: url("../images/container.jpg") top left no-repeat;}
#stred1 {float: left; width: 770px; padding: 0; marign: 0; border: 0; background: url("../images/container-titul.jpg") top left no-repeat;}
#stred2 {float: left; width: 770px; padding: 0; marign: 0; border: 0; color: #ffffff; background: url("../images/container2.jpg") top left no-repeat;}
#stred {padding: 15px 45px 20px 30px;}

#vlevo0 {float: left; width: 160px; padding: 0; marign: 0;}
#vlevo {padding: 0; margin: 5px 0 0 0;}

#vpravo0 {float: right; width: 530px;  padding: 0; marign: 0; border: 0;}
#vpravo {margin: 0 0 0 0;}

#odkazy0 {clear: both; width: 100%; padding: 0; margin: 5px 0 0 0; background: #fff url("../images/odkazy.gif") bottom right no-repeat;}
#odkazy {padding: 5px 45px 5px 5px; font-size: 90%; border: 1px solid #9CA6BB;}
.odkazy-img {margin: 2px 18px 2px 18px; border: 0;}

#paticka0 {clear: both; width: 100%; height: 70px; padding: 0; margin: 0; background: #EAEFF3 url("../images/paticka.jpg") top left no-repeat;}
#paticka1 {clear: both; width: 100%; height: 40px; padding: 0; margin: 0; background-color: #EAEFF3;}
#paticka {font-size: 90%; padding: 35px 20px 0 20px; text-align: center;}
#paticka1 #paticka {font-size: 90%; padding: 5px 20px 0 20px; text-align: center;}
#paticka a {color: #2A1973;}
#paticka a:hover {color: #D7423E;}
#copyright, #copyright a {padding: 0; color: #0186CE; text-decoration: none;}

.noscreen {display: none}
.cleaner {clear: both;}
.nastred {text-align: center;}
.doprava {text-align: right;}
.bila {color: #ffffff;}
.zluta {color: #FACA10;}
.cervena {color: #ffffff; background-color: #D7423E; padding: 2px 10px 2px 10px;}
.uvod {width: 500px; color: #ffffff;}
.temafoto {float: left; width: 132px; padding: 0; margin: 4px 20px 20px 0;}
.foto {padding: 0; margin: 0; border: 1px solid #349ECF;}
.foto-akt {padding: 0; margin: 4px 8px 4px 0; border: 1px solid #349ECF;}
.foto-dop {padding: 2px; margin: 4px 6px 4px 0; background-color: #ffffff; border: 1px solid #349ECF;}
.cenovka {float: right; border: 0; margin: 0 20px 0 0;}
.linka {clear: both; width: 684px; border-bottom: 1px solid #349ECF;}
.oceneni {float: right; border: 0; padding-right: 5px;}

.info {width: 500px; color: #ffffff; background-color: #D7423E; padding: 4px 10px 4px 10px; margin: 10px 0 0 0;}

.okno1 {float: left; width: 49%;}
.okno2 {float: right; width: 49%;}
.okno-pdf {float: left; width: 220px; height: 30px; padding: 2px 12px 5px 12px; _padding: 5px 12px 5px 12px; margin: 10px 0 0px 173px; _margin: 0px 6px 0 10px; text-align: center; color: #242D7F; background: #377FB6 url("../images/pdf.gif") center left no-repeat; border: 1px solid #349ECF;}
.okno-pdf h4, .okno-varovani h4 {margin: 10px 0 0 10px;}
.okno-kontakt {float: right; width: 220px; padding: 12px 12px 11px 12px; _padding: 13px 12px 12px 12px; margin: 9px 10px 30px 10px; _margin: 9px 6px 30px 10px; color: #ffffff; background: #D7423E url("../images/telefon.gif") center left no-repeat; border: 1px solid #349ECF;}
.okno-banner {float: left; padding: 0; margin: 10px 0 0 0; _margin: 10px 0 0 0;}
.okno-banner2 {float: left; padding: 0; margin: 0; margin: 33px 0 0 0; _margin: 33px 0 0 0;}
.okno-varovani {float: right; width: 220px; height: 170px; padding: 2px 12px 5px 12px; _padding: 2px 12px 5px 12px; margin: -80px 10px 0 10px; _margin: -90px 6px 0 10px; text-align: center; color: #fff; background-color: #211F1F; border: 1px solid #349ECF;}
.okno-varovani h4 a {color: #D7423E;}
.okno-varovani h4 a:hover {color: #fff;}

.tlacitka-okno ul {float: right; border: 0; padding: 10px 10px 0 0; margin: 0; font-size: 33px;}
.tlacitka-okno ul li {float: left; margin: 0; padding: 0; list-style-type: none;}
.tlacitka-okno ul li a {float: left; width: 235px; padding: 20px 10px 20px 0px; margin: 0; font-weight: bold; text-decoration: none; letter-spacing: 2px; text-align: center; overflow: visible; cursor: pointer; color: #fff; background: linear-gradient(#2fa7c4, #217489); background: -moz-linear-gradient(#2fa7c4, #217489); background: -webkit-linear-gradient(#2fa7c4, #217489); background-image: url("../images/tlacitko-eshop.png"); background-color: #2fa7c4; -webkit-transition: all 100ms ease 0s; -moz-transition: all 100ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 100ms ease 0s;  box-shadow: #444 0.1em 0.1em 0.5em;; -moz-box-shadow: #444 0.1em 0.1em 0.5em;; -webkit-box-shadow: #444 0.1em 0.1em 0.5em;}
.tlacitka-okno ul li a:hover {color: #fff; background: linear-gradient(#1a3667, #122441); background: -moz-linear-gradient(#1a3667, #122441); background: -webkit-linear-gradient(#1a3667, #122441); background-color: #1a3667; background-image: url("../images/tlacitko-eshop.png"); overflow: visible; cursor: pointer;}
.tlacitka-okno span {padding: 0 20px 0 20px;}

.tabhlav {color: #FACA10; font-weight: bold; background-color: #349DC5;}
.tabobs1 {border-right: 1px solid #fff; background-color: #E9EDF5;}
.tabobs2 {border-right: 1px solid #fff; background-color: #f0f0f0;}

.produkty {float: left; width: 160px;  margin: 5px 2px 10px 0px; text-align: center; font-style: italic;}
.produkty-foto {padding: 2px; margin: 2px; background-color: #ffffff; border: 1px solid #349ECF;}

.produkt-box, .produkt-box1 {float: left; width: 160px; height: 153px; text-align: center; margin: 5px 8px 3px 0; background-color: #ffffff; border: 1px solid #349ECF;}
  .produkt-box h3, .produkt-box1 h3 {padding: 3px 2px 3px 2px; margin: 0; font-size: 100%; text-align: center; color: #2A1973; background-color: #B4DAEF; border-bottom: 1px solid #349ECF;}
  .produkt-box img.fotonahled, .produkt-box1 img.fotonahled {height: 120px; margin: 5px 0 3px 0; text-align: center; border: 0;}
  .produkt-box a {color: #2A1973; text-decoration: none;}
  .produkt-box:hover, .produkt-box.hover {color: #D7423E; background-color: #D7423E; text-decoration: none;}
	.produkt-box {
		background-color: expression(
			this.onmouseover = new Function("this.className += ' hover';"),
			this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
		);
	}
    .produkt-box:hover a, .produkt-box.hover {color: #D7423E;}