p.popisKategorie {padding: 0 0 10px 0;}
img.bannerImg {border: 1px solid #d4d4d4; margin: 10px 0;}

/* Zobrazení katalogu */
div.katalog {width: 234px; height: 230px; margin: 15px 10px 0 0; float: left; border: 1px solid #d4d4d4}
div.katalog h4 {width: 165px; height: 13px; line-height: 13px; font-size: 1.4em; overflow: none; left: 12px; top: 12px; position: absolute;}
div.katalog h4 a {color: #6ed0d8; text-decoration: none; font-weight: bold;}

div.katalog img {display: block; width: 213px; height: 102px; position: absolute; left: 12px; top: 64px;}
span.popis {font-size: 0.9em; color: #696969; display: block; position: absolute; left: 12px; top: 35px;}
span.cena {display: block; right: 11px; top: 177px; color: #de0c48; width:90px; height: 25px; font-size: 1.4em; line-height: 25px; text-align: right;}
div.katalog del {display: block; margin: 0; width: 58px; height: 15px; top: 205px; right: 11px; position: absolute; text-align: right;}

/* a.kosikPridat {display: block; width: 75px; height: 20px; line-height: 20px; text-align: right; right: 20px; top: 168px; background: url('img/doKosiku.png') left top no-repeat; color: #0eb0be; font-size: 1.4em; text-decoration: none;} */
/*span.vyrobce {font-weight: bold; color: #6a6a6a;}*/

a.zoom {display: block; left: 12px; top: 177px; width: 70px; height: 20px; background: url('img/zoom.png') left top no-repeat; color: #0eb0be; text-decoration: none; font-size: 1.2em; padding-left: 23px; line-height: 20px; font-weight: bold;}

div.strankovani {clear: both; text-align: center; padding: 1.5em;}

div.smartbox {border: 5px solid #eee; background: #fff; display: none; width: 360px; height: 177px;}
div.smartbox img {display: block; margin: 5px;}

/* Přihlašování a uživatelská sekce */
#prihlaseniKosik, #napovedaKosik {width: 260px; float: left;}
#prihlaseniKosik h2, #napovedaKosik h2 {margin-left: 0 !important;}
#prihlaseni, #prihlaseniKosik, #napovedaKosik {margin: 0 23px ; font-size: 0.85em;}
#prihlaseni label, #prihlaseniKosik label {display: block; width: 13px; line-height: 26px;}
#prihlaseni input, #prihlaseniKosik input {display: block; width: 125px; height: 15px; background: url('img/inputModry.png') top left no-repeat; border: 0; color: #000; font-weight: normal; padding: 4px;}
#prihlaseniKosik p, #napovedaKosik p {color: #636363; margin: 5px 0;}
#napovedaKosik {margin-top: 20px;}
#prihlaseni button, #prihlaseniKosik button {width: 32px; height: 32px; background: url('img/okModre.png') top left no-repeat; padding: 0; border: 0; right: 8px; top: -3px;}
#prihlaseniKosik button {margin-right: 85px;}
#prihlaseni button span, #prihlaseniKosik button span {display: none;}
.loginForm {color: #636363 !important;}

/* Detail zboží */
div#detailLevy {width: 355px;  float: left;}
div#detailPravy {width: 375px; float: left; border-left: 1px solid #d4d4d4;}
div.box {margin: 15px 15px 15px 0; border-bottom: 1px dashed #d4d4d4; padding-bottom: 10px}
div.box p {color: #636363; margin-bottom: 10px; font-size: 95%;}
div.box select {background: #fff;}

div#detail h4 {font-size: 1.3em; color: #45b5c4; font-weight: normal;}
div#detail h4 span {font-size: 1.4em; color: #b0d407;}
div#detail h3 {margin: 15px; font-size: 1.5em; font-weight: normal; padding: 0;}

div#detailCena {width: 342px; height: 73px; background: #ba1a1a; line-height: 73px; margin: 0 0 15px 15px; color: #eaff00; font-size: 1.8em; background: url('img/cena.png') left top no-repeat;}
div#detailCena span, div#detailCena del {color: #fff; font-size: 0.6em !important;}
div#detailCena span {margin-left: 20px;}
div#detailCena span#hodnotaCeny {color: #eaff00 !important; font-size: 1em !important; margin-left: 0;}

div#detailPravy h4, div#detailPravy ul {margin-left: 15px;}

div#detail img {border: 1px solid #b4b4b4; margin-bottom: 15px;}
div#detail ul, ol {margin-top: 15px;}
div#detail ul li, ol li {color: #636363; font-size: 95%;}
strong {color: #cb2727;}

div#detail ol {margin: 10px 0 0 35px;}
div#detail ol li {margin: 3px 0;}
div#detail ol li a {color: #F2410A;}

div#detail input {margin-left: 20px;}
div#detail label, div#detail span.napoveda {color: #f2410a; font-size: 1.2em;  font-weight: bold;}
div#detail label.malyModry {font-size: 95%; color: #45b5c4;}
div#detail span.napoveda {background: url('img/napoveda.png') right top no-repeat; display: block; padding-right: 25px; margin-bottom: 10px; text-decoration: none;}
#napovedaBox {position: relative !important;}
span.napoveda {cursor: pointer;}

#textyDiv, #napovedaDiv {width: 290px; border: 5px solid #eee; padding: 5px; background: #fff ; position: absolute; left: 100px; top: 30px; z-index: 1000;}
#napovedaDiv {left: 320px; top: 10px;}
#textyDiv p.ra span, #napovedaDiv p.ra span {color: #f2410a; font-size: 95%; font-weight: bold; cursor: pointer;}
span.pseudoLink {color: #cf041d; text-decoration: underline; cursor: pointer;}
#textyDiv ol {margin: 1em 2em;}
#textyDiv ol li {margin: 0.3em 0;}

#vlastniText input {margin-left: 0 !important;}
#vlastniText {margin-left: 36px;}


/* Kosik */
div.kosikPolozka {clear: both; padding: 1em; border: 1px solid #d4d4d4; margin-top: 1em;}
div.kosikPolozka div {text-align: left; width: 480px;}
div.kosikPolozka div h3 {margin: 0; padding: 0;}
div.kosikPolozka div h3 a {color: #45b5c4; font-size: 130%; text-decoration: none;}
div.kosikPolozka div h3 a:visited {color: #45b5c4;}
div.kosikPolozka div ul {margin-bottom: 1em;}
div.kosikPolozka div ul li {color: #636363; font-size: 95%;}
div.kosikPolozka span.kosikCena {color: #e84d7a; font-size: 1.4em;}

div#kosikCena {width: 342px; height: 73px; background: #ba1a1a; line-height: 73px; color: #eaff00; font-size: 1.8em; background: url('img/cena.png') left top no-repeat; float: right; margin: 1em 0 1em 1em;}
div#kosikCena span, div#kosikCena del {color: #fff; font-size: 0.6em !important;}
div#kosikCena span {margin-left: 20px;}

form#slevovyKod {margin: 1em 0 0 0; width: 350px; height: 73px;}
form#slevovyKod div {margin: 0 1em 0 0; padding-bottom: 1em;}
form#slevovyKod h3 {font-size: 120%; border-bottom: 1px dashed #d4d4d4; padding-bottom: 0.2em;}
form#slevovyKod input.inputSlevovyKod {display: block; width: 222px; height: 23px; background: url('img/slevovyKupon.png') top left no-repeat; border: 0; color: #000; margin-left: 0; float: left;}
form#slevovyKod button {width: 32px; height: 32px; background: url('img/okModre.png') top left no-repeat; padding: 0; border: 0; float: left; }
form#slevovyKod button span {display: none;}
form#slevovyKod p {color: #636363; font-size: 95%; margin: 5px 0; padding: 0;}
p.podekovani {color: #636363;}

button.kosikPridat {display: block; width: 182px; height: 62px; background: url('img/koupit.png') top left no-repeat #000; margin: 10px 15px; padding: 0; border: 0;}
button.kosikPridat span {display: none;}

div#formular {width: 400px; float: left;}
div#formular .label {color: #45b5c4; font-size: 120%; width: 10em; font-weight: bold;}
div#formular #note {vertical-align: top !important;}
div#formular #note div {color: #636363; font-size: 11px; font-weight: normal;}
div#formular h3 {font-size: 120%; border-bottom: 1px dashed #d4d4d4; padding: 0.2em 0; margin: 0.5em 0;}
div#formular input {display: block; width: 222px; height: 23px; background: url('img/slevovyKupon.png') top left no-repeat; border: 0; color: #000; margin-left: 0; float: left;}
div#formular textarea {display: block; width: 222px; height: 180px; background: url('img/textarea.png') top left no-repeat #f8f8f8; border: 0; color: #000; margin-left: 0; float: left;}
div#formular a.dokoncit {display: block; width: 181px; height: 61px; position: relative; overflow: hidden; margin: auto;}
div#formular a.dokoncit span {display: block; width: 181px; height: 61px; position: absolute; left: 0; top: 0; background: url('img/dokoncit.png') left top no-repeat; z-index: 1;}
div#formular button.pokracovat {display: block; width: 181px; height: 61px; background: url('img/pokracovat.png') left top no-repeat; z-index: 1; border: 0; padding: 0; margin: 0 auto;}
div#formular button.pokracovat span {display: none;}
div#formular .chyba {background: url('img/slevovyKupon.png') top left no-repeat !important;}

/* Dalsi prvky stranky */
button.prihlasit {display: block; width: 181px; height: 61px; background: url('img/prihlasit.png') left top no-repeat; z-index: 1; border: 0; padding: 0; margin: 10px 0 0 0;}
 button.prihlasit span {display: none;}
#infoBox strong {color: #a9cadc; font-weight: bold;}
td {vertical-align: middle !important;}
span.hvezda {color: #cf041d; font-weight: bold; font-size: 1.6em;}
#chyba {border: 1px solid #696969; background: #eee; text-align: center; font-weight: bold; color: #f00; line-height: 30px; margin: 2em;}
#obsah {margin: 20px;}

/* Hledání */
form.vyhledavani {width: 280px; background: #464646; line-height: 35px; color: #fff; font-weight: bold;}
form.vyhledavani span {right: 207px; top: 2px;}
input.hledani {width: 155px; height: 15px; background: url('img/polickoTmave.png') top left no-repeat; border: 0; color: #fff; font-weight: normal; padding: 4px; right: 34px; top: 3px;}
button.hledaniButton {width: 28px; height: 28px; background: url('img/ok.png') top left no-repeat; padding: 0; border: 0; right: 3px; top: 3px;}
button.hledaniButton span {display: none;}

/* Formularova pole */
input, select, textarea {border: 1px solid #aeaeae; background: #f9f9f9; margin: 3px;}
button.modry {background: url('img/buttonLogin.png') top left no-repeat; width: 100px; height: 29px; line-height: 29px; text-align: center; border: 0; margin: 5px; padding: 0;}

/* Kosik */
input.eshopTlacitka {background: none; border: none; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;}
table.kosik {width: 100%;}
table.kosik td {text-align: center;}

th {background: #eee; padding: 5px;}
table.kosik .souhrn {background: #eee; padding: 5px; font-weight: bold;}

/* Faktury a objednavky */
table.doklady {width: 100%; text-align: center;}
/* table.doklady td {vertical-align: top !important;} */
tr.suda {background: #fbe904;}

/* Doprava a platba */
div.doprava label {font-weight: bold;}
#fAdresa {width: 49%; float: left;}
#dAdresa {width: 49%; float: right;}

/* Ikony Akce, Novinka, Doprodej */
.novinka {background: url('img/novinka.png') right top no-repeat}
.akce {background: url('img/akce.png') right top no-repeat}
.doprodej {background: url('img/doprodej.png') right top no-repeat}

/* Filtr zboží */
#filtr button {width: 32px; height: 32px; background: url('img/okModre.png') top left no-repeat; padding: 0; border: 0; right: 8px; top: -5px;}
#filtr button span {display: none;}

/* Filtrovací linky */
div#filtrovaciLinky {color: #636363; font-size: 95%;}
div#filtrovaciLinky a {color: #636363;}