body {text-align: center; font-family: "Helvetica CE", Helvetica, "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, helvetica, sans-serif; background: #e5e5e5 url('../graf/bcg-body.png') repeat-x 0 0; color: #000; margin: 0; padding: 0;}
body {font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
html>body {font-size: small;}

a:link, a:visited, a:active {color: #0066b3; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}
a img {display: inline; border-style: none; text-decoration: none;}

h1 {margin: 0; padding: 5px 0 0 0; color: #0066b3; font-size: 160%; font-weight: normal; line-height: 60px;}
h2 {display: block; font-size: 100%; font-weight: bold; font-style: normal; color: #48ac26; margin:  0 0 12px 0; padding: 0;}
h3 {display: block; font-size: 100%; font-weight: bold; margin:  0 0 10px 0; padding: 0;}

p {padding: 0 0 15px 0; margin: 0;}
.prava {text-align: right;}
.leva {text-align: left;}
.centr {text-align: center;}
.cerv {color: #d00;}
.zelv {color: #48ac26;}

form {display: inline; margin: 0; padding: 0;}

ul {display: block; list-style: none; margin: 5px 0 15px 10px; padding: 0;}
/*ol {display: block; margin: 0; padding: 5px 0 10px 30px;}*/
ul li {padding: 5px 0 5px 19px; margin: 0; background: transparent url("../graf/bcg-li.png") no-repeat 3px 8px;}
/*ol li {padding: 0 0 8px 0; margin: 0;}*/

table {width: 100%; margin: 0 0 15px 0;}
table th, table td {padding: 5px;}
table th {color: #fff; background-color: #0066B3;}
.optab {border-right: 1px solid #a4d591; border-bottom: 1px solid #a4d591;}
.optab td, .optab th {text-align: center; border-left: 1px solid #a4d591; border-top: 1px solid #a4d591;}

#box {display: block; position: relative; width: 980px; margin: 0 auto; padding: 0; background: #fff url('../graf/bcg-paticka.png') no-repeat 0 bottom; text-align: left;}

#obsah {display: block; position: relative; float: right; width: 720px; right: 20px; margin: 0; padding: 210px 0 0 0; background: #fff url('../graf/bcg-obsah.png') no-repeat 0 210px;}
#obsah-home {display: block; position: relative; float: right; width: 720px; right: 20px; margin: 0; padding: 595px 0 0 0; background: #fff url('../graf/bcg-obsah.png') no-repeat 0 585px;}
#cont {padding: 0 20px 20px 20px;}

#h-text {display: block; position: relative; float: left; width: 400px;}
#h-novinky {display: block; position: relative; float: right; width: 260px; padding: 10px 0; background: transparent url('../graf/bcg-bot-novinky.png') no-repeat 0 bottom;}
#h-novinky p {padding: 5px 15px; font-size: 85%; line-height: 1.4em; background-color: #ddd;}
#h-novinky p span {padding: 1px 5px; background-color: #0066b3; color: #fff; font-size: 10px;}
#h-novinky h3 {display: block; position: relative; margin: 0; padding: 0 22px 12px 0; font-size: 85%; line-height: 21px; color: #fff; font-weight: normal; text-align: right; background: transparent url('../graf/bcg-novinky.png') no-repeat 0 0;}

#kontakt {display: block; position: relative; float: left; width: 200px; left: 20px; margin: 0; padding: 190px 0 0 0;}
#search {display: block; position: relative; width: 200px; margin: 0; padding: 0; background: #0066b3 url('../graf/bcg-kon-topmod.png') no-repeat 0 0; color: #fff;}
#searchbox {display: block; margin: 5px 0 0 0; padding: 0 14px;}
#search p {clear: both; padding: 10px 15px 0 15px; font-size: 85%;}
#search .dolni {display: block; position: relative; clear: both; width: 200px; height: 10px; margin: 00; padding: 0; background: transparent url('../graf/bcg-kon-botmod.png') no-repeat 0 0;}
#inputText {display: block; position: relative; float: left; width: 138px; height: 18px; padding: 0; font-size: 11px; border: 1px solid #0066b3; color: #0066b3;}
#odeslani {display: block; position: relative; float: right; width: 30px; height: 18px; padding: 0; border: 1px solid #0066b3;}
#naseptavacDiv {z-index: 999;}
#naseptavac {position: absolute; top: 48px; left: 14px; height: 200px; width: 300px; padding: 5px; border-width: 0 1px 1px 1px; border-color: #000;  z-index: 999; border: 1px solid #0066b3; font-size: 11px;}

#infobox {display: block; position: relative; width: 200px; margin: 8px 0 5px 0; padding: 0; background: #48ac26 url('../graf/bcg-kon-topzel.png') no-repeat 0 0; color: #fff;}
#infobox p {padding: 10px 15px 0 15px; font-size: 85%;}
#infobox img {display: block; margin: 0;}
#infobox .dolni {display: block; position: relative; clear: both; width: 200px; height: 10px; margin: 00; padding: 0; background: transparent url('../graf/bcg-kon-botzel.png') no-repeat 0 0;}

#produkt {display: block; margin: 8px 0 0 0; padding: 0; color: #000; background: transparent url('../graf/bcg-menu.png') repeat-y 0 0;}
#produkt .nadpis {display: block; width: 200px; height: 28px; margin: 0; padding: 0; color: #000; background: transparent url('../graf/bcg-menu-top.png') no-repeat 0 0;}
#produkt .nadpis p {display: block; margin: 0; padding: 3px 0 0 20px; color: #fff; font-size: 11px;}
#produkt ul {display: block; list-style: none; margin: 5px 0 0 0; padding: 0 15px 5px 15px; color: #000; background-image: none; list-style-image: none;}
#produkt ul li {display: block; padding: 0; margin: 0; background-image: none; list-style-image: none; border-top: 1px solid #ddd;}
#produkt li.prvni {border-top: 0;}
#produkt .dolni {display: block; position: relative; clear: both; width: 200px; height: 10px; margin: 0; padding: 0; background: transparent url('../graf/bcg-menu-bot.png') no-repeat 0 0;}
a.m1 {display: block; color: #48ac26; padding: 10px 10px 10px 14px; text-decoration: none; background: transparent url('../graf/bcg-li.png') no-repeat 0 13px; font-weight: bold;}
a.m1:hover, a.aktiv1 {color: #000;}

#hlavicka {display: block; position: absolute; width: 980px; height: 180px; top: 0; left: 0; margin: 0; padding: 0; background: transparent url('/graf/bcg-hlavicka.png') no-repeat 0 0; z-index: 1;}
#menu {display: block; position: absolute; right: 8px; bottom: 2px; margin: 0; padding: 0; background: #666 url('/graf/bcg-hlavicka.png') no-repeat -440px -152px; z-index: 1;}
#menu li {display: inline; float: left; list-style: none; padding: 0; margin: 0; border-left: 1px solid #666; background-image: none;}
#menu li.prvni {border-left-width: 0;}
#menu a {display: block; float: left; line-height: 26px; padding: 0 12px; color: #fff; text-decoration: none;}
#menu a:hover {color: #fff; text-decoration: underline;}
#logo {display: block; position: absolute; left: 44px; top: 60px; width: 152px; height: 52px; z-index: 2;}
#kostext {display: block; position: absolute; left: 805px; top: 65px; width: 100px; z-index: 2; color: #0066b3;}
#koslink {display: block; position: absolute; left: 780px; top: 50px; width: 180px; height: 70px; z-index: 200;}
#kosobsah {display: block; position: absolute; left: 805px; top: 90px; width: 150px; z-index: 2; color: #000; font-size: 90%; line-height: 1.1em;}
#opeshop {display: block; position: absolute; left: 805px; top: 125px; width: 150px; z-index: 2; color: #0066b3; font-size: 85%;}
#opeshop span {color: #48ac26;}

#nahoru {display: block; position: relative; clear: both; padding: 0 0 5px 0; text-align: center;}
#nahoru img {display: block; margin: 0 auto;}

#paticka {display: block; position: relative; width: 980px; margin: 0 auto; padding: 15px 0; text-align: center; color: #999; font-size: 90%;}
#paticka a {color: #999; text-decoration: underline;}

#chargers {display: block; position: absolute; width: 680px; height: 160px; top: 410px; left: 20px; margin: 0; padding: 0; overflow: hidden; z-index: 5; background: transparent url('../graf/chargers.png') no-repeat 0 0;}
#chargers #ntb {display: block; position: absolute; width: 340px; top:0; left: 0; line-height: 30px; color: #fff; text-align: center;}
#chargers #mob {display: block; position: absolute; width: 340px; top:0; left: 340px; line-height: 30px; color: #fff; text-align: center;}
#chargers #lntb {display: block; position: absolute; width: 340px; height: 160px; top:0; left: 0; z-index: 50;}
#chargers #lmob {display: block; position: absolute; width: 340px; height: 160px; top:0; left: 340px; z-index: 50;}

#menic {display: block; position: absolute; width: 702px; height: 190px; top: 210px; left: 9px; overflow: hidden; text-align: left;}
#menic div {display: block; width: 702px; height: 190px; overflow: hidden;}
#menic .nonev {display: none;}
#menic span {display: block; width: 250px; position: absolute; top: 30px; left: 20px; z-index: 10; font-size: 100%; padding: 40px 0 0 0; text-align: left;}
#menic span strong {display: block; width: 300px; position: absolute; top: 0; left: 0; z-index: 10; font-size: 130%; color: #48ac26; font-weight: bold; text-align: left;}

#drobecky {display: block; position: absolute; width: 700px; height: 22px; top: 185px; left: 250px; margin: 0; padding: 0; z-index: 5; font-size: 11px; color: #333; line-height: 20px; overflow: hidden; letter-spacing: 0em;}
#drobecky img {padding: 0 6px 1px 6px;}

.productlist {display: block; width: 696px; clear: both; margin: 0 0 5px -8px; padding: 0; background-color: transparent;}
.productlisttop {display: block; width: 696px; height: 18px; margin: 0; padding: 0; background: transparent url('../graf/bcg-product-top.png') no-repeat 0 top;}
.productlistcontent {display: block; margin: 0; padding: 15px 30px; background: transparent url('../graf/bcg-product.png') repeat-y 0 0;}
.productlistbottom {display: block; width: 696px; height: 18px; margin: 0; padding: 0; background: transparent url('../graf/bcg-product-bottom.png') no-repeat 0 bottom;}
.productlistcontent .obr {display: block; position: relative; float: left; width: 150px; margin: 0; padding: 0;}
.productlistcontent .context {display: block; position: relative; float: right; width: 470px; margin: 0; padding: 0;}
.productlistcontent .cena {display: block; position: absolute; top: 0; right: 0; width: 70px; margin: 0; padding: 0; text-align: right; font-weight: bold; }

.ldet {display: block; position: relative; float: left; width: 230px; margin: 0; padding: 0; text-align: center;}
.pdet {display: block; position: relative; float: right; width: 420px; margin: 0; padding: 0 0 25px 0;}
.obrm {display: block; width: 200px; margin: 0 0 15px 0; padding: 15px; border: 1px solid #ccc; background-color: #fff;}
.anotace {color: #fff; background-color: #0066B3; padding: 10px 14px; margin: 0 0 15px 0;}

.cistic {display: block; position: relative; clear: both;}

.kosik {padding: 0; margin: 0 0 15px 0;}
.kosik .pocet {padding: 0; margin: 0; width: 30px; height: 17px; border: 1px solid #999; text-align: center; font-size: 11px;}
.kosik td {padding: 8px 12px; border-bottom: 2px solid #eee; vertical-align: top;}
.kosik th {padding: 8px 12px;}
.kosik td.pata {padding: 10px 12px; border-bottom: 2px solid #a4d591; vertical-align: top; background-color: #a4d591; font-weight: bold;}

.order {padding: 0; margin: 0 0 15px 0; width: 100%; font-size: 90%;}
.order fieldset {padding: 8px 0 0 0; margin: 0; border: 1px solid #ccc;}
.order legend {padding: 2px 5px; margin: 0 0 0 15px; background-color: #48ac26; color: #fff;}
.order td {vertical-align: top; padding: 4px 3px;}
.order td input {width: 140px; height: 17px; border: 1px solid #999;}
.order td textarea {width: 140px; height: 112px; border: 1px solid #999; padding: 0; margin: 0; font-size: 100%;}