body {padding: 0; margin: 0; font: 70%/150% Arial, "Arial CE"; text-align: center; background: #fff url("../UserFiles/Image/images/pozadi.jpg") top center repeat-x;}
a {color: #2b2a28;}
a:hover {color: #e77e26;}
form {padding: 0; margin: 0;}
p {margin: 5px 0 10px 0;}
h1 {font-size: 180%; color: #00407c; margin: 20px 0 30px 0;}
h2 {font-size: 140%; line-height: 140%; color: #444; padding: 0; margin: 20px 0 10px 0;}
h2 a {color: #444;}
h2 a:hover {color: #e77e26;}
h3 {font-size: 120%; color: #444; padding: 0; margin: 15px 0 5px 0;}
h4 {font-size: 115%; color: #666; padding: 0; margin: 0 0 5px 0;}
h5 {font-size: 100%; margin: 0; padding: 5px 0 0 0;}
dl {line-height: 120%; padding: 10px 0 15px 0;}
dt {left: 0; float: left; padding: 0; padding: 0 0 0 40px; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.5em 155px; border: 0;}
table {width: 100%; font-size: 100%; color: #2b2a28; border-collapse: collapse;}
th {padding: 1px 2px 1px 2px; text-align: left; background-color: #e5e5e5;}
td {padding: 1px 2px 1px 2px;}
input {font-size: 100%; margin: 0 0 2px 0px; _margin: 0 0 2px 0;}
select {margin: 0 0 2px 0; font-size: 100%;}
fieldset {border: 0; color: #000; padding: 15px 2px 10px 10px; margin: 0 40px 0 10px; background-color: rgba(255,255,255,0.7); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
legend {padding: 0 0 1px 5px; margin: -5px 10px 0 0; font-size: 90%; color: #508089; font-weight: bold; float: right;}

#container {width: 1030px; margin-left: auto; margin-right: auto; text-align: left; font-size: 100%; color: #2b2a28; letter-spacing: 1px;}
#hlavicka0 {width: 1030px; height: 75px; padding: 0; margin: 0; border: 0; }
#hlavicka {float: left; padding: 20px 0 0 0;}
#hlavicka #logo {position: relative; width: 130px; height: 70px; overflow: hidden; margin: 0 0 0 30px; padding: 0; font-size: 200%;}
#hlavicka #logo span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; background: url("/UserFiles/Image/images/logo.png") 0 0 no-repeat; cursor: pointer;}
#hlavickabox {position: absolute; height: 35px; left: 50%; margin: 20px 0 0 10px;}
#hlavickabox img {margin: 0 0 -5px 5px;}
#vlajky {position: absolute; height: 25px; left: 50%; margin: 20px 0 0 400px;}
.vlajka {margin: 0 2px 0 0px; border: 0;}

#menu0 {width: 1030px; height: 20px; z-index: 100;}
#menu {margin: 0 0 0 237px; padding: 0;}
#menu ul {margin: 0; padding: 0;} 
#menu ul li {float: left; margin: 0; padding: 0; list-style-type: none;}
#menu ul li a {float: left; display: block; height: 20px; padding: 8px 25px 7px 25px; margin: 0 4px 0 4px; font-size: 12px; color: #f5f1ec; text-align: center; font-weight: bold; text-decoration: none; cursor: pointer; background-color: rgba(68,68,68,0.8); border-top-left-radius: 3px; border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; 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}
#menu ul li a:hover {color: #fff; text-shadow: 0 0.1em 2em #444; background-color: rgba(231,126,38,0.9);}
#menu .aktivni {color: #fff; background-color: rgba(231,126,38,1.0);}

#vlevo0 {float: left; width: 220px; padding: 0; margin: 0 0 20px 0; border: 0;}
#vlevo {padding: 0; margin: 0;}
#vlevo ul {padding: 0; margin: 0 0 0 0px;} 
#vlevo ul li {float: left; width: 220px; margin: 0; padding: 0; list-style-type: none;}
#vlevo ul li a {display: block; height-min: 24px; _height: 17px; padding: 4px 3px 3px 10px; margin: 3px 0 3px 0; color: #f5f1ec; text-decoration: none; font-weight: bold; font-size: 11px; background-color: rgba(68,68,68,0.8); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 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}
#vlevo ul li a:hover {color: #fff; background-color: rgba(231,126,38,1.0);}

#podmenu ul {float: left; padding: 0; margin: 0;} 
#podmenu ul li {float: left; width: 220px; margin: 0; padding: 0; list-style-type: none; }
#podmenu a {display: block; height-min: 24px; _height: 17px; padding: 4px 3px 3px 15px; margin: 0; color: #fff; background-color: #444; text-decoration: none; font-weight: bold;}
#podmenu a:hover {color: #fff; background-color: #14447A;} 
#podmenu li li a {display: block; width: 187px; padding: 4px 3px 3px 30px; color: #fff; background-color: rgba(120,120,120,0.8); text-decoration: none;}
#podmenu li li li a {display: block; color: #E7D4C2; background-color: #ffffff; width: 168px; padding: 3px 3px 2px 40px; text-decoration: none;}
#bunka5 .bunkatit {width: 220px; height: 30px; margin: 0; padding: 0;}
#bunka5 .bunkatit p {display: none;}
#podmenu .zvyraz {color: #fff; background-color: rgba(231,126,38,1.0);}
#podmenu .kat_zvyraz {color: #fff; background-color: #00407c;}
#podmenu .kat_zvyraz_akt {color: #fff; background-color: rgba(231,126,38,1.0);}

#bunka8 {position: absolute; width: 280px; height: 40px; top: 0; left: 50%; margin: -20px 0 0 210px;} 
#bunka8 p {padding: 5px 0 0 15px; margin: 0;} 
#bunka8 .bunkatit {width: 300px; height: 30px; margin: 0; padding: 10px 0 0 0;}
#bunka8 .bunkatit p {font-size: 100%; margin: 0; padding: 18px 0 0 20px; color: #444; text-transform: uppercase; font-weight: bold;}
.bunkapoz, .bunkapoz1 {clear: both; width: 191px; height: 10px; padding: 0; margin: 0;} 
.bunkapoz1 {height: 0px;} 
#bunka8 .hledat-policko {width: 200px; border: 0; background-color: #e5e5e5; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
#bunka8 input {width: 30px; height: 20px; color: #444; padding: 1px 5px 1px 5px; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

#bunka22 {clear: both; min-height: 160px; margin: 20px 0 0 0; padding: 5px 0 15px 0; color: #666; background-color: rgba(206,206,206,0.7); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 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;}
#bunka22 .bunkatit {width: 200px; height: 40px; margin: 0; padding: 0;}
#bunka22 .bunkatit p {margin: 0; padding: 5px 0 5px 10px; color: #666; text-transform: uppercase; font-weight: bold;}
.vlevo-v {float: left; width: 90px; margin: 0 0 2px 10px; padding: 1px 0 0 0; color: #666;}
.vlevo-p {float: left; width: 80px; margin: 0 0 2px 0; padding: 1px 0 0 0; text-align: right; color: #666;}
#bunka22 ul li {width: 200px; padding: 2px 5px 0 5px;}
#bunka22 ul li a {padding: 4px 3px 3px 10px; margin: 1px 0 1px 0; background-color: rgba(68,68,68,0.8); color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

#bunka29 {clear: both; min-height: 80px; margin: 20px 0 0 0; padding: 5px 0 15px 0; color: #666; background-color: rgba(206,206,206,0.5); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 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;}
#bunka29 p {margin: 0; padding: 0 0 10px 10px; color: #00407c;}
#bunka29 .bunkatit {width: 200px; height: 30px; margin: 0; padding: 0;}
#bunka29 .bunkatit p {margin: 0; padding: 5px 0 5px 10px; color: #666; text-transform: uppercase; font-weight: bold;}
#bunka29 ul li {width: 200px; padding: 2px 5px 0 5px;}
#bunka29 ul li a {padding: 4px 3px 3px 10px; margin: 1px 0 1px 0; background-color: rgba(68,68,68,0.5); color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.uvod-text0 {width: 560px; margin-bottom: 10px; color: #fff; background-color: #e77e26; font-size: 130%; line-height: 140%; font-weight: bold;}
.uvod-text {padding: 5px 10px 5px 5px; text-align: center;}

.slider0 {width: 560px; height: 375px; margin: 5px 10px 10px 0; box-shadow: #444 0 0.2em 2em; -moz-box-shadow: #444 0 0.2em 2em; -webkit-box-shadow: #444 0 0.2em 2em;}
.slider {color: #2b2a28;}
.slider h1 {display: none;}
.slider .sliderfoto {position: absolute;}
ol.bjqs-markers li a {padding: 0 5px; background: #e5e5e5; color: #fff; margin: 1px; font-size: 90%; text-decoration: none;}
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover {background: #e77e26;}

.reklama0 {width: 560px; overflow: hidden; margin: 0 10px 0 0; box-shadow: #444 0 0.2em 2em; -moz-box-shadow: #444 0 0.2em 2em; -webkit-box-shadow: #444 0 0.2em 2em;}
.reklama0 p {padding: 0; margin: 0;}

#vpravo0 {float: right; width: 220px; padding: 0; margin: 0 0 20px 0; border: 0;}
#vpravo {padding: 20px 0 30px 0; margin: 0;}

#streduvod0 {float: left; width: 810px; padding: 0; margin: 0 0 20px 0; border: 0;}
#streduvod {padding: 28px 20px 20px 22px; margin: 0;}

#stredprodukt0 {float: left; width: 810px; min-height: 500px; padding: 0; margin: 0 0 20px 0; border: 0;}
#stredprodukt {padding: 28px 20px 20px 22px; margin: 0;}

#stred0 {float: left; width: 810px; padding: 0; margin: 0 0 20px 0; border: 0;}
#stred {min-height: 500px; padding: 10px 20px 20px 25px; margin: 30px 20px 10px 22px; background-color: rgba(255,255,255,0.8); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

#box0 {width: 590px; margin: 0; padding: 10px 0 20px 0; font-size: 90%; overflow: auto;}
#box {padding: 0 0 10px 0;}
.znacka {float: left; width: 115px; height: 100px; text-align: center; margin: 0 12px 0 12px;  line-height: 120%; letter-spacing: 1px;}
.znacka a {}
.znacka a:hover {filter: alpha (opacity=70); -moz-opacity:.70; opacity:.70;}
.znacka h2 {display:none;}

#paticka0 {clear: both; width: 100%; height: 150px; padding: 0; margin: 0; background-color: #e0e0e0; letter-spacing: 1px;}
#paticka {width: 1030px; margin-left: auto; margin-right: auto; font-size: 95%; padding: 10px 0 10px 0; color: #444; text-align: left;}
#paticka a {color: #444;}
#paticka a:hover {color: #e77e26;}
#paticka .patavpravo {float: left; width: 400px; height: 60px; margin: 0; padding: 10px 20px 10px 20px; background-color: #cecece; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
#paticka .patavlevo {float: left; width: 450px; height: 60px; margin: 0; padding: 5px 20px 10px 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
#paticka .patavlevo ul {float: left; width: 260px; margin: 0 0 0 0px; padding: 0;}
#paticka .patavlevo ul li {margin: 0; padding: 0; list-style-type: none;}
#paticka .patavlevo ul li a {display: block; padding: 0 5px 2px 5px; color: #666; font-size: 110%; text-align: left; font-weight: bold; text-decoration: none;}
#paticka .patavlevo ul li a:hover {color: #e77e26;}
.facebook {float: left; padding: 7px 50px 5px 30px;}
#copyright {clear: both; font-size: 85%; padding: 30px 0 0 0; text-align: center;}
#copyright a {color: #adadad; text-decoration: none;}

.noscreen {display: none;}
.cleaner {clear: both;}
.nastred {text-align: center;}
.textdoprava {text-align: right;}
.doleva {text-align: left;}
.doprava {text-align: right;}
.foto {margin: 10px 5px 2px 5px;}
.obrazek-vpravo {float: right; margin: 5px 0 10px 20px;}
.obrazek-vlevo {float: left; margin: 5px 15px 10px 0;}
.velke {font-size: 125%; color: #888888;}
.labkontakt {width: 140px; float: left; text-align: right; padding-right: 10px;}
.zajem {padding: 5px 0 0 110px;}
.tlacitka {text-align: center; padding: 20px 0 0 0;}
.labzajem {padding-left: 10px;}
.formular {font-size: 90%; padding-left: 140px;}
.mapa {float: right; border: 0; text-align: center;}
.mapa a {color: #493428;}
.mapagoogle {width: 375px; height: 274px; border: 0;}
.mapagoogle2 {width: 720px; height: 435px; border: 0;}
.navigace {float: right; text-align: right; font-style: italic;}
.qr {float: right; margin: 5px 40px 5px 10px;}

#streduvod0 .novinky0 {position: absolute; width: 200px; height: 800px; left: 50%; top: 0; margin: 128px 0 0 305px; padding: 0; overflow: hidden; letter-spacing: 1px; border-bottom: 0px solid #999;}
#streduvod0 .novinky {float: left; width: 180px; padding: 5px 0 5px 0; margin: 5px 10px 0 10px; color: #666; line-height: 150%;}
#streduvod0 .novinky h2 {padding: 0 0 10px 0; margin: 0; font-size: 130%; color: #444;}
#streduvod0 .novinky h2 a {color: #666;}
#streduvod0 .novinky h2 a:hover {color: #14447A;}
#streduvod0 .novinka h3 {padding: 0 0 7px 0; margin: 0; font-size: 110%; color: #666;}
#streduvod0 .novinka-datum {padding: 1px 0 0 0; margin: 0 10px 0 0; font-size: 85%; font-style: italic;}
#streduvod0 .novinka-text {padding: 0; margin: 0; font-size: 90%; }
#streduvod0 .novinka-foto {width: 200px; padding: 0 0 4px 0; margin: 0; text-align: center;}
#streduvod0 .novinka-foto img {width: 110px;}
#streduvod0 .vlevo-archiv {display: none;}

#streduvod0 .diskuze0 {position: absolute; width: 200px; height: 50px; left: 50%; top: 0; margin: 530px 0 0 300px; padding: 0; overflow: hidden; letter-spacing: 1px;}
#streduvod0 .diskuze {float: left; width: 200px; padding: 5px 0 5px 0; margin: 5px 10px 0 10px; color: #666; line-height: 150%;}
#streduvod0 .diskuze h2 {padding: 0 0 10px 0; margin: 0; font-size: 120%; color: #666;}
#streduvod0 .diskuze h2 a {color: #666;}
#streduvod0 .diskuze h2 a:hover {color: #14447A;}

.tlacitka-okno ul {clear: both; border: 0; padding: 30px 0 20px 0; margin: 0; font-size: 17px;}
.tlacitka-okno ul li {float: left; margin: 0 0 0 80px; padding: 0; list-style-type: none;}
.tlacitka-okno ul li a {float: left; width: 250px; height: 24px; padding: 4px 10px 1px 20px; margin: 0; font-weight: bold; color: #e31d36; letter-spacing: 2px; border: 1px solid #bb172c; text-decoration: none; text-align: center; overflow: visible; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: #bb172c 0 0.1em 2em; -moz-box-shadow: #bb172c 0 0.1em 2em; -webkit-box-shadow: #bb172c 0 0.1em 2em; background: linear-gradient(#fff, #e0e0e0); background: -moz-linear-gradient(#fff, #e0e0e0); background: -webkit-linear-gradient(#fff, #e0e0e0); background-color: #fff; -webkit-transition: all 100ms ease 0s; -moz-transition: all 100ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 100ms ease 0s;}
.tlacitka-okno ul li a:hover {color: #fff; background: linear-gradient(#2b2a28, #2b2a28); background: -moz-linear-gradient(#2b2a28, #2b2a28); background: -webkit-linear-gradient(#2b2a28, #2b2a28); background-color: #2b2a28;}
.tlacitka-okno span {padding: 0 20px 0 20px;}

.kategorie-popis {margin: 10px 10px 20px 20px; letter-spacing: 1px;}
.kategorie-box {float: left; width: 230px; height: 260px; text-align: center; padding: 5px 5px 10px 5px; margin: 2px 5px 10px 5px; border: 0; background-color: rgba(190,190,190,0.7); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
  .kategorie-box h2 {clear: both; width: 100%; font-size: 120%; padding: 4px 10px 2px 5px; margin: 0; text-align: center; color: #444; cursor: pointer; font-weight: bold; overflow: hidden;}
  .kategorie-box h2 a {color: #444; text-decoration: none;}
  .kategorie-box h2 a:hover {color: #fff;}
  .kategorie-box img.fotonahled {max-width: 226px; height: 220px; padding: 0 4px 0 4px; margin-top: 5px; border: 0; text-align: center;}
  .kategorie-box .box-foto {width: 230px; height: 226px; background-color: #fff;}
  .kategorie-box:hover, .kategorie-box.hover {text-decoration: none; border: 0; background-color: rgba(120,120,120,0.8);}

.produkt-box {float: left; width: 172px; height: 250px; text-align: center; padding: 5px 5px 10px 5px; margin: 2px 5px 10px 5px; background-color: rgba(190,190,190,0.7); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
  .produkt-box h2 {clear: both; width: 100%; height: 30px; font-size: 90%; padding: 8px 5px 2px 0; margin: 0; text-align: center; color: #666; cursor: pointer; font-weight: bold; overflow: hidden;}
  .produkt-box h2 a {color: #666;}
  .produkt-box h2 a:hover {color: #fff;}
  .produkt-box img.fotonahled {background-color: #fff; max-width: 160px; max-height: 160px; padding: 0 0 0 4px; margin: 0; border: 0; text-align: center;}
    .produkt-boxxxxx .akcni-2 {position: absolute; width: 46px; height: 16px; left: 50%; margin: -50px 0 0 200px; background: url("UserFiles/Image/images/akcni-2.gif") 0 0 no-repeat;}
    .produkt-box .box-foto {width: 172px; height: 165px; background-color: #fff;}
    .box-cena {clear: both; margin: 0 5px 0 5px; padding: 0; font-size: 110%; color: #14447A; font-weight: bold;}
    .box-kod {clear: both; margin: 0 5px 0 5px; padding: 0; font-size: 80%; color: #493428;}
    .box-koupit {clear: both; height: 35px; margin: 0; padding: 2px 0 0 0; text-align: center;}
  .produkt-box .produkt-upoutavka {position: relative; top: 0; left: 50%; width: 0; height: 0; margin: 0px 0 0 -86px; padding: 0; z-index: 200;}
  .produkt-box .produkt-upoutavka img {width: 70px; height: 70px;}
  .produkt-box a {color: #B39442; text-decoration: none;}
  .produkt-box:hover, .produkt-box.hover  {text-decoration: none; border: 0; background-color: rgba(120,120,120,0.8);}
	.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 a {color: #fff;}

.vyloha0 {clear: both; width: 100%; margin: 10px 0 10px 0; overflow: hidden;}
.vyloha .produkt-box {}
.vyloha .akcni-2 {width: 46px; height: 16px; background: url("UserFiles/Image/images/akcni-2.gif") 0 0 no-repeat;}
.vyloha .vyloha-nadp h2 {display: none;}
.vyloha .produkt-box h2 {clear: both; width: 100%; margin: 0; text-align: center; cursor: pointer; font-weight: bold; overflow: hidden;}
.vyloha .produkt-box img.fotonahled {border: 0; text-align: center;}
.vyloha .produkt-box .box-foto {}
  .vyloha .box-cena {clear: both; height: 20px; margin: 0 10px 0 10px; text-align: center; font-size: 120%;}
  .vyloha .box-vykupni-cena {clear: both; margin: 0; padding: 2px 0 0 10px; font-size: 85%;}
  .vyloha .box-koupit {clear: both; height: 26px; margin: 0; padding: 0; text-align: center;}
  .vyloha .box-upoutavka {position: absolute; top: 0; left: 50%; margin: 230px 0 0 -270px; padding: 0; z-index: 800;}
  .vyloha .produkt-box:hover, .vyloha .produkt-box.hover  {text-decoration: none; border: 0; }
  .vyloha .produkt-box:hover a, .vyloha .produkt-box.hover a {color: #000;}

.produkt-navigace {float: right; text-align: right; padding: 0 30px 0 0; margin: 0; font-size: 85%;}
.produkt-navigace a {text-decoration: underline;}
.produkt {clear: both; width: 740px; margin: 10px 0 15px 0; padding: 0; letter-spacing: 1px;}
.produkt-obsah {float: left; width: 380px; min-height: 360px; padding: 10px 20px 10px 20px; margin: 50px 0 0 0; background-color: rgba(255,255,255,0.7); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.produkt-kod {position: absolute; width: 150px; height: 20px; left: 50%; top: 0; margin: 200px 0 0 300px; font-weight: bold; font-size: 90%; text-align: right;}
.produkt-title {position: absolute; width: 700px; height: 45px; left: 50%; top: 0; margin: 165px 0 0 -290px; padding: 10px 0 5px 20px; font-size: 20px; line-height: 120%; color: #00407c;}
.produkt-foto {float: left; width: 300px; height: 300px; padding: 0; margin: 50px 20px 0 0; text-align: center; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
  .produkt-foto2 {position: absolute; left: 50%; margin: 355px 0 0 -270px; padding: 0 0 30px 0;}
  .produkt-foto2 img.fotonahled {max-width: 80px; max-height: 80px; padding: 0; margin: 0; border: 0;}
  .produkt-foto img.fotonahled {max-height: 300px; padding: 0; margin: 0; border: 0;}
  .produkt-foto-nahled {float: left; width: 80px; height: 80px; margin: 0 5px 0 0;}
.produkt-popis {width: 390px; margin: 5px 0 5px 0; padding: 0;}
.produkt-cis {font-size: 90%;}
.produkt-poc {font-size: 90%;}
.produkt-cena strong {font-size: 120%;}
.produkt-cena1 {display: none;}
.produkt-kosik {width: 80px; height: 21px;}
.produkt .produkt-upoutavka {position: absolute; top: 0; left: 50%; margin: 223px 0 0 -270px; padding: 0; z-index: 800;}
.katalog-info {font-style: italic; margin: 15px 0 20px 0; color: #037254;}
.kateg_popis {padding: 0 0 25px 0; color: #404040;}
.produkt form {padding: 5px 0 0 0; margin: 0;}
.produkt ul {padding: 0 0 0 35px; margin: 10px 0 10px 10px;}
.produkt li {line-height: 140%;}

.produkt-vel ul {padding: 0; margin: 0;}
.produkt-vel .dd-option {padding: 2px 5px 2px 10px;}
.produkt-vel .dd-option-image, .produkt-vel .dd-selected-image {width: 32px; height: 32px;}

.produkt dl {clear: both; width: 100%; padding: 20px 0 0 0; line-height: 140%; font-size: 100%;}
.produkt dt {left: 0; float: left; padding: 0; margin: 0 0 0 0; border: 0; font-style: normal;}
.produkt dd {padding: 0; margin: 0 0 0.5em 80px; border: 0;}
.produkt .polozka5 {font-weight: bold; color: rgba(231,126,38,1.0);}
.piktogram {border: 0; margin: 4px;}
.fotonahled {max-width: 300px; padding: 0; margin: 0;}
.produkt-prilohy {clear: both; width: 720px; padding: 0 0 0 -140px; margin: 470px 0 0 0; font-size: 100%;}
.produkt-tagy {clear: both; width: 720px; padding: 10px 0 0 -140px; margin: 0; font-size: 100%;}
.produkt-prilohy p {padding: 0 0 5px 0; margin: 0;}
.produkt-tagy p {padding: 20px 0 10px 0;}
.baleni-cis {padding: 0 3px 0 3px; color: #fff; background-color: #b5b5b5;}
.ikona-soubor {margin: 0 5px -5px 0;}

.strankovani {zoom:1; clear: both; width: 100%; margin: 20px 40px 0 0;}
.strankovani:after {content:"."; display:block; clear:both; height:0; font-size:0; line-height:0; visibility: hidden;}
.strankovani ul {float:right; margin:2px 0;}
.strankovani li {float:left; line-height:20px; list-style:none outside none;margin-left:5px;}
.strankovani a, .strankovani span {display: inline-block; min-width: 10px; text-align: center; color: #493428; font-size:11px; font-weight:700; padding:0px 8px; -webkit-border-radius:2px; -moz-border-radius:2px;border-radius:2px; -webkit-transition:all 0.218s;-moz-transition:all 0.218s;-ms-transition:all 0.218s;-o-transition:all 0.218s;transition:all 0.218s;border:1px solid gainsboro; border:1px solid rgba(0,0,0,0.1); background-color: rgba(190,190,190,0.7); -webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;text-decoration:none;}
.strankovani span, .strankovani a:active {color: #fff; background-color:#e77e26; cursor:default;}
.strankovani a:hover {border: 1px solid #8eB0c2; color: #fff; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -ms-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background-color: rgba(142,176,194,0.7); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);text-decoration:none;}

#kosik0 {clear: both; width: 100%;}
#kosik, #objednavky {width: 100%; margin: 0;}
#kosik table, #objednavky table {width: 100%; border: 0; color: #000000;}
#kosik .pozadi {background-color: #e5e5e5; margin-top: 2px;}
#kosik .cena {text-align: right; width: 250px;}
#kosik hr, #objednavky hr {width: 100%; height: 1px; color: #b9b9b9; background-color: #b9b9b9; border: 0px solid #b9b9b9;}
#kosik .kosik-cenakus {background-color: #f0f0f0;}
#kosik .kosik-cenacel {background-color: #e5e5e5;}

.obj table {width: 100%;}
.titulobj {font-size: 140%; line-height: 150%; color: #00407c; padding: 20px 0 10px 5px; margin: 0;}

#registrace {padding: 0 30px 0 30px;}
#registrace .titulek {font-size: 140%;  color: #14447A;}
#registrace hr {width: 100%; height: 1px; color: #b9b9b9; background-color: #b9b9b9; border: 0px solid #b9b9b9;}

.produkt-nenalezen {}

.tabulka td {width: 220px; text-align: center; padding: 5px;}

.tabkontakty th {text-align: center; padding: 1px 5px 1px 5px; border: 1px solid #fff;}
.tabkontakty td {vertical-align: middle; padding: 1px 5px 1px 5px; border: 1px solid #e5e5e5;}
.tabkontakty1, .tabkontakty1a {width: 120px; background-color: #e5e5e5; font-weight: bold; border-top: 1px solid #fff;}
.tabkontakty1a {background-color: #cfcfcf;}
.tabkontakty2 {width: 130px;}

.formokno0 {padding: 10px; line-height: 140%; color: #666; background-color: #efefef; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.tabhlav {background-color: #0066AE; color: #fff;}
.tabhlav p {padding: 0; margin: 0;}
.tabnadpis {width: 420px; background-color: #e5e5e5; font-weight: bold; color: #2b2a28;}
.tabdiskuze {width: 100%; font-size: 95%; margin: 10px 0 0 0;}
.tabdiskuze td {padding: 1px 4px 1px 4px;}
.tabdotaz {background-color: #e5e5e5; font-weight: bold; color: #2b2a28;}
.tabdotaztext {width: 350px; font-weight: bold; color: #ffffff;}
.tabautor {width: 150px;}
.tabradky {background-color: #efefef;}

.tabkonfig, .tabkonfig1 {margin-top: 12px; border-collapse: collapse;}
.tabkonfig {width: 890px; font-size: 90%;}
.tabkonfig td, .tabkonfig1 td {border-bottom: 1px solid #fff; padding: 2px 15px 2px 15px; nowrap: nowrap;}
.tabkonfig tr, .tabkonfig1 tr {background-color: #efefef;}
.tabkonfig-nic {width: 50px; background-color: #fff;}
.tab-nic {background-color: #fff;}
.diskuzeodraz {padding: 5px 0 0 20px; list-style-image: url("../UserFiles/Image/images/odrazka1.gif");}
.diskuzeodraz1 {padding-left: 20px; list-style-image: url("../UserFiles/Image/images/odrazka2.gif");}
ul .diskuzeodraz, ul .diskuzeodraz1 {}
.dotaztext {background-color: #e5e5e5; padding: 2px 5px 2px 5px; margin: 0 2px 0 0;}
.dotazautor {background-color: #f5f5f5; padding: 2px 5px 2px 5px; margin: 0 2px 0 2px;}
.dotazobsah {padding: 0 10px 0 10px;}
.diskuzepot dt {left: 0; float: left; padding: 0; margin: 0; border: 0;  font-style: normal; color: #888888;}
.diskuzepot dd {padding: 0; margin: 0 0 0.1em 80px; border: 0;}
.textkde {text-align: right; padding: 0 30px 0 0; margin: 0; font-size: 85%;}
.textkde a {text-decoration: underline;}

.tlacitka-akce ul {clear: both; width: 100%; padding: 0 0 25px 30px; margin: 0; font-size: 100%;}
.tlacitka-akce ul li {float: left; margin: 0; padding: 0; list-style-type: none;}
.tlacitka-akce ul li a {float: left; display: block; height: 20px; padding: 4px 10px 1px 10px; margin: 0 7px 0 0; text-decoration: none; text-align: center; color: #f5f1ec; background-color: rgba(68,68,68,0.8); overflow: visible; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 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-akce ul li a:hover {color: #fff; text-shadow: 0 0.1em 2em #444; background-color: rgba(231,126,38,0.9); overflow: visible; cursor: pointer;}

.faq {padding: 10px; font-size: 100%; background-color: rgba(206,206,206,0.7); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.faq-zaznam {border-bottom: 1px solid #e0e0e0;}
.faq-prehledy ul {color: #444; padding: 0; margin: 0 0 0 40px; letter-spacing: 1px; font-weight: 700;}
.faq-prehledy ul p {font-size: 100%; font-weight: 100;}
.faq-prehledy li {font-size: 150%; height: 20px; margin: 20px 0 10px 0; padding: 0; line-height: 20px;}

.faq-zpet ul {clear: both; padding: 0 0 25px 620px; margin: 0;}
.faq-zpet ul li {float: left; margin: 0; padding: 0; list-style-type: none;}
.faq-zpet ul li a {float: left; display: block; height: 15px; padding: 1px 10px 4px 10px; margin: 0 7px 10px 0; font-size: 10px; text-decoration: none; text-align: center; color: #2b2a28; background-color: rgba(206,206,206,0.7); overflow: visible; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 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}
.faq-zpet ul li a:hover {color: #fff; text-shadow: 0 0.1em 2em #444; background-color: rgba(231,126,38,0.9); overflow: visible; cursor: pointer;}

.faq-zpet-temata {position: absolute; top: 0; left: 50%; margin: 160px 0 0 290px; z-index: 1;}
.faq-zpet-temata ul li {float: left; margin: 0; padding: 0; list-style-type: none;}
.faq-zpet-temata ul li a {float: left; display: block; height: 15px; padding: 1px 10px 4px 10px; margin: 0 7px 10px 0; font-size: 10px; text-decoration: none; text-align: center; color: #f5f1ec; background-color: rgba(68,68,68,0.8); overflow: visible; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 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}
.faq-zpet-temata ul li a:hover {color: #fff; text-shadow: 0 0.1em 2em #444; background-color: rgba(231,126,38,0.9); overflow: visible; cursor: pointer;}
