html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body {background: #333 url('img/background.png'); color: #fff; min-width: 960px; font: 75%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif}
table {border-collapse: collapse; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
table, td, th {vertical-align: middle}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
a img {border: none}

h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #f6ad1c}
h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em} /*; border-bottom: 2px solid #f6ad1c; letter-spacing: -2px; text-transform: uppercase}*/
h2 {font-size: 2em; margin-bottom: 0.75em}
h3 {font-size: 1.5em; line-height: 1; margin-bottom: 1em}
h4 {font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 1.5em}
h6 {font-size: 1em; font-weight: bold}

p {margin: 0 0 1.5em}
strong {font-weight: bold}
em {font-style: italic}
li ul, li ol {margin: 0 1.5em}
ul, ol {margin: 0 1.5em 1.5em 1.5em}
ul {list-style-type: disc}
ol {list-style-type: decimal}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em}
table {margin-bottom: 1.4em; width: 100%}
th {font-weight: bold}
th a {color: #000}
th, td {padding: 4px 10px 4px 5px}
tr.even td {background: #E5ECF9}
tfoot {font-style: italic}
thead, tfoot {background: #de8f14 url('img/thead-bg.gif') repeat-x top}
caption {background: #eee}
ol ol {list-style-type: lower-alpha}

a {color: #ffb11d; text-decoration: underline}
a:visited {color: #dd9015}
a:hover {color: #ffcb74}
a:active {color: #603c04}

.clearfix:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix, .container {display: inline-block}
* html .clearfix, * html .container {height: 1%}
.clearfix, .container {display: block}
.clear {clear: both}

label {font-weight: bold}
fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 0; border-top: 1px solid #ffb11d}
fieldset.button {text-align: center}
fieldset.button input {font-weight: bold; font-size: 1.2em}
legend {font-weight: bold; font-size: 1.2em; padding: 0 .5em}
.error, .notice, .success {padding: .8em; margin-bottom: 1em; border: 2px solid #ddd}
.error {background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4}
.notice {background: #FFECCF; color: #514721; border-color: #FFB11D}
.success {background: #E6EFC2; color: #264409; border-color: #C6D880}
.error a {color: #8a1f11}
.notice a {color: #514721}
.success a {color: #264409}

#header {background: url('img/header-bg.png'); height: 140px; margin-bottom: 15px; overflow: hidden; width: 100%}
#heading {background: url('img/heading-bg.jpg') center no-repeat; height: 100px; margin: 0 auto; width: 100%}
#heading div {height: 100px; margin: 0 auto; position: relative; width: 960px}
#topMenu {height: 30px; margin: 0 auto; width: 960px}

#heading h2 {margin: 0; overflow: hidden; position: relative; top: 10px; height: 80px; width: 225px; z-index: 1}
#heading h2 span {background: url('img/logo.png'); position: absolute; left: 0; top: 0; height: 80px; width: 225px; cursor: pointer}
#heading form {position: absolute; top: 40px; text-align: right; width: 500px}

#mainMenu {background: url('img/menu.png') no-repeat; height: 30px; float: left; left: 20px; list-style: none; margin: 0; position: relative; width: 388px}
#mainMenu li {display: inline}
#mainMenu li a:link, #mainMenu li a:visited {position: absolute; top: 0; height: 30px; overflow: hidden; text-indent: -9000px; z-index: 10}
#mainMenu .uvod a:link, #mainMenu .uvod a:visited {left: 0; width: 82px}
#mainMenu .uvod a:hover, #mainMenu .uvod a:focus {background: url('img/menu.png') no-repeat 0 -30px}
#mainMenu .uvod a:active {background: url('img/menu.png') no-repeat 0 -60px}
.nav-uvod, .nav-uvod-click {position: absolute; top: 0; left: 0; width: 82px; height: 30px; background: url('img/menu.png') no-repeat 0 -30px}
.nav-uvod-click {background: url('img/menu.png') no-repeat -23px -60px}
#mainMenu .onas a:link, #mainMenu .onas a:visited {left: 83px; width: 84px}
#mainMenu .onas a:hover, #mainMenu .onas a:focus {background: url('img/menu.png') no-repeat -83px -30px}
#mainMenu .onas a:active {background: url('img/menu.png') no-repeat -83px -60px}
.nav-onas, .nav-onas-click {position: absolute; top: 0; left: 83px; width: 84px; height: 30px; background: url('img/menu.png') no-repeat -83px -30px}
.nav-onas-click {background: url('img/menu.png') no-repeat -83px -60px}
#mainMenu .kontakt a:link, #mainMenu .kontakt a:visited {left: 168px; width: 107px}
#mainMenu .kontakt a:hover, #mainMenu .kontakt a:focus {background: url('img/menu.png') no-repeat -168px -30px}
#mainMenu .kontakt a:active {background: url('img/menu.png') no-repeat -168px -60px}
.nav-kontakt, .nav-kontakt-click {position: absolute; top: 0; left: 168px; width: 107px; height: 30px; background: url('img/menu.png') no-repeat -168px -30px}
.nav-kontakt-click {background: url('img/menu.png') no-repeat -168px -60px}
#mainMenu .doprava a:link, #mainMenu .doprava a:visited {left: 276px; width: 111px}
#mainMenu .doprava a:hover, #mainMenu .doprava a:focus {background: url('img/menu.png') no-repeat -276px -30px}
#mainMenu .doprava a:active {background: url('img/menu.png') no-repeat -276px -60px}
.nav-doprava, .nav-doprava-click {position: absolute; top: 0; left: 276px; width: 111px; height: 30px; background: url('img/menu.png') no-repeat -276px -30px}
.nav-doprava-click {background: url('img/menu.png') no-repeat -276px -60px}

#userMenu {float: right; font-size: 1.25em; font-weight: bold; height: 30px; line-height: 28px; list-style: none; margin-right: 15px; position: relative}
#userMenu li {display: inline; margin-left: 5px}
#userMenu li a {color: #000; padding: 0 5px; text-decoration: none}
#userMenu li a:hover {border-bottom: 2px solid #000; border-top: 2px solid #000; color: #666}

#container {margin: 0 auto; width: 960px}
#rightColumn {float: left; margin: 0 -225px 0 225px; padding-right: 20px; width: 715px}
#leftColumn {float: left; margin-left: -735px; padding-left: 20px; width: 180px}
#footer {background: #000; border-top: 1px solid #555; margin-top: 3em; padding: 1.5em 0; text-align: center}
#footer p {margin: 0 auto; padding: 0 20px; width: 920px}

#counters {display: none}

#leftColumn div {margin-bottom: 20px}
#leftColumn h4 {background: #dd9015; color: #000; margin: 0; height: 30px; line-height: 30px; position: relative; text-indent: 1em}
#leftColumn h4 span {background: url('img/zbozi-bg.png'); position: absolute; left: 0; top: 0; height: 30px; width: 180px}
#leftColumn ul {margin: 0; border-left: 1px solid #222; border-right: 1px solid #222; list-style: none}
#leftColumn li a {border-bottom: 1px solid #222; border-top: 1px solid #444; background: #393939; color: #fff; display: block; padding-left: 10px; text-decoration: none; width: 168px; line-height: 2em}
#leftColumn li a:hover {border-bottom: 1px solid #111; border-top: 1px solid #333; background: #222}
#leftColumn ul ul {border: 0}
#leftColumn li li a {padding-left: 20px; width: 158px}
#leftColumn li li li a {padding-left: 30px; width: 148px}

.userText span {display: block}

tr.need label {color: #c00}
tr.need label:after {content: ' *'; color:#a33; font-weight: bold} 

.zbozi-row {background: url('img/zbozi-row.gif') repeat-y; border-bottom: 2px solid #4a4133; border-top: 2px solid #4a4133; margin-bottom: -2px; position: relative}
.zbozi-row p {margin: 0}
.zbozi-small {float: left; padding: 5px 10px; width: 218px}
.zbozi-small h4 {margin-bottom: .625em}
.zbozi-small .image, .zbozi-block .image, .gallery .image {width: 80px; height: 80px; float: left; background: url('img/image.png') no-repeat; padding: 3px 7px 7px 3px}
.zbozi-small .info, .zbozi-block .info {margin-left: 95px}
.zbozi-small .info p, .zbozi-block .info p {margin: 0 0 .5em 0}
.zbozi-small .perex, .zbozi-block .perex {clear: both; padding-top: .5em}
.zbozi-small .cena, .zbozi-block .cena {font-weight: bold; font-size: 1.2em}
.zbozi-small .kosik {clear: both; padding: 5px 0; text-align: center}
.zbozi-small .more {text-align: right}
.gallery .image {float: left; margin-right: 5px}
.info table {margin: 0; width: auto}

.table_form td:first-child {width: 150px}
.form_no_margin table, .form_no_margin fieldset {margin: 0}
.htmlList td {border-bottom: 1px solid #dd9015}
.htmlList a {color: #000}
.htmlList a:hover {color: #ffcb74}
.htmlList a:active {color: #603c04}

#druhy-container, #obrazky-container {margin-top: 1.5em; width: 340px}
#druhy-container {float: left}
#obrazky-container {float: right}

.lista {background: #ffb11d url('img/lista-bg.gif') repeat-x top; color: #000; margin: 20px 0; height: 30px; line-height: 30px; padding: 0 10px}
.lista input {position: relative; top: 4px}

.ajax_ring {position: absolute; left: 50%; top: 50%; height: 140px; width: 140px; margin: -70px 0 0 -70px; z-index: 10}
.ajax_div {display: none; position: absolute; left: 50%; border: 3px double #ffb11d; padding: 1em; z-index: 10} 
.ajax_ok, .ajax_ko {top: 40%; width: 200px; margin-left: -100px; text-align: center}
.ajax_ok {background: #9f9; color: #000}
.ajax_ko {background: #f99; color: #000}

.popis-kategorie {float: left; width: 340px}
.obrazek-kategorie {float: right; text-align: center; width: 300px}
.obrazek-kategorie img {border: 1px solid #ffb11d; padding: 2px}

p.registrovat {font-size: 1.5em; margin: 2em 0 0 0}
.admin-block {float: right}

.tal {text-align: left}
.tac {text-align: center}
.tar {text-align: right}
.vcard, .vcard .adr {margin-bottom: 1.5em}
th.header {background: #de8f14 url('img/thead-bg.gif') repeat-x top}

.cartNavigation {margin: 1.5em 0}
.cartNavigation h3 {float: left; text-align: center; width: 25%}
.cartNavigation h3.active {}
.cartNavigation h3.inactive {color: #ccc}
.cartNavigation a {display: block}

.news {background: #393939; float: right; width: 220px}
.news h4.header {background: #dd9015; color: #000; margin: 0; height: 30px; line-height: 30px; position: relative; text-indent: 1em}
.news h4.header span {background: url('img/aktuality-bg.png'); position: absolute; left: 0; top: 0; height: 30px; width: 220px}
.all-news .item, .news .item {border-bottom: 1px solid #222; border-top: 1px solid #444; padding: 1.5em 10px}
.all-news .item {padding-left: 0; padding-right: 0}
.all-news .item:first-child {border-top: 0}
.all-news .item:last-child {border-bottom: 0}
.news h3 a {text-decoration: none}
.news h3 a:hover {text-decoration: underline}
.news .more {margin: 0; font-weight: bold; text-align: right}
.news .more a {display: block; border-bottom: 1px solid #222; border-top: 1px solid #444; color: #fff; display: block; width: 200px; height: 3em; line-height: 3em; padding: 0 10px}
.news .more a:hover {border-bottom: 1px solid #111; border-top: 1px solid #333; background: #222; color: #ccc}
.item-info {margin: 0}
.item-info span {color: #999; float: left}
.news .item-info a {float: right}
.all-news .item-info a {margin-left: 1em}

.multiple {height: 10em; overflow: auto}
.multiple ul {list-style: none; margin: 0}
.multiple ul ul {margin-left: 10px}

.left {float: left; width: 400px}
.right {float: right; padding: 1.5em 1.5em 0 1.5em; border-bottom: 1px solid #ffb11d; border-top: 1px solid #ffb11d; width: 250px}
.right {background: #393939; border-bottom: 1px solid #222; border-top: 1px solid #444}
.left input#email, .left textarea {width: 100%}

.pagination {margin-top: 1.5em; text-align: right}

.stav_objednavky10 {}
.stav_objednavky20 {color: #f6ad1c}
.stav_objednavky30 {}
.stav_objednavky40 {color: #f00}
.stav_objednavky50 {color: #0f0}

.stav_zbozi1 {color: #f6ad1c}
.stav_zbozi10 {color: #0f0}
.stav_zbozi20 {color: #f00}
.stav_zbozi30 {color: #00f}

.chkbox {width: auto}
.chkbox td {width: 25%}