/* common */
body {color: #d3dbdf; background: #1E1C17; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 0; margin: 0; padding: 0;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
form {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1 {color: #D8C47F; font-family: "Palatino Linotype", serif; display: inline; font-size: 1.6em; font-weight: normal;}
h2 {color: #D8C47F; font-family: "Palatino Linotype", serif; font-size: 1.3em; font-weight: normal;}
h3 {color: #fff; font-size: 1em;}
h4 {color: #D8C47F; font-size: 1em; margin-bottom: .5em;}
h5 {color: #fff; font-size: .9em; margin-bottom: .5em;}
p {font-size: .9em; margin: 0 0 1.33em 0; line-height: 1.4em;}
ul, ol, dl {font-size: .9em; margin: 0 0 1.33em 0; padding: 0;}
ul {list-style: none; position: relative;}
ol {margin-left: 3em;}
ul li, ol li {line-height: 1.4em; margin-bottom: .3em;}
img {border: 0;}
table {font-size: 1em; margin-bottom: 1.33em;}
th {text-align: left;}
a {color: #d3dbdf;}
a:hover {text-decoration: none;}
button {background-color: none; text-decoration: none; cursor: pointer; padding: 0; margin: 0; border: 0; vertical-align: middle;}
button:focus, button:active {outline: none;}

/* layout */
#Case {text-align: left; position: relative; margin: 0 auto; width: 960px;}
#Levy, #Pravy {float: left; position: relative; top: 0;}
#Pravy {width: 760px; left: 185px;}
#Levy {width: 185px; top: 140px; margin-bottom: 140px; left: -760px; background: url(../gfx/Lxevy.gif) 100% 25px no-repeat;}
#Pata {background: url(../gfx/Patxicka.png) top left repeat-x; background-color: #000; text-align: center; padding: 25px 0 1px 0;}

/* content */
.logo {position: absolute; top: 21px; left: 0;}
.logo, .logo a {color: #666; background: url(../gfx/logo.png); display: block; width: 142px; height: 72px;}
.logo {z-index: 1; overflow: hidden;}
.logo a {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

button.tlacitko-87x22 {background: url(../gfx/tlacitko-87x22.png) 50% 50% no-repeat; width: 87px; height: 22px;}
button.tlacitko-137x22 {background: url(../gfx/tlacitko-137x22.png) 50% 50% no-repeat; width: 137px; height: 22px;}
button.tlacitko-87x22-zlate {background: url(../gfx/tlacitko-87x22-zlate.png) 50% 50% no-repeat; width: 87px; height: 22px;}

h2 a {color: #D8C47F;}
h2 a:hover {text-decoration: none;}

p.nastroje {color: #d3dbdf; font-size: .8em; margin: 2em 0 1.33em 0;}
p.nastroje a {color: #d3dbdf; margin: 0 7px;}

/* lista */
#lista {background: #000; font-size: .9em; text-align: center; height: 55px;}
#lista-vnitrni {text-align: left; position: relative; z-index: 1; width: 960px; margin: 0 auto;}
#lista p {margin: 0;}

#vyhledavani {position: absolute; top: 15px; left: 0;}
#vyhledavani p * {vertical-align: middle; margin: 0;}
#vyhledavani button {margin-left: .5em;}

p.uzivatel {font-size: 1em; text-align: center; padding: 0; top: 0; left: 300px; line-height: 55px; height: 55px;}
p.uzivatel a, p.uzivatel span {margin: 0 .7em;}

.kosik-nahled {color: #fff; background: url(../gfx/kosik.png) 0% 100% no-repeat; position: absolute; top: 0; right: 15px; height: 98px; width: 234px; z-index: 2;}
.kosik-nahled p {margin: 0; padding: 0; position: relative; top: 1.4em; left: 1.5em;}
.kosik-nahled a {color: #D8C47F; font-size: 1.4em; text-decoration: none; font-weight: bold; padding: 0 80px 50px 0;}
.kosik-nahled a:active, .kosik-nahled a:focus {outline: none;}
.kosik-nahled button {position: relative; top: .3em;}

/* stredni sloupec */
#Pravy h2, #Pravy h3, #Pravy h4, #Pravy h5, #Pravy ul, #Pravy ol, #Pravy p, #Pravy img {margin-left: 20px;}
#Pravy p.nastroje {margin-left: 0;}
#Pravy * img {margin: 0;}
.katalog, .produkt, .znacky, .stranka, .uzivatel {padding-top: 2em;}

.filtr {background: url(../gfx/filtr.gif) bottom left repeat-x; background-color: #302C25; margin: 0 0 1em 20px; padding: 1em 1em 1px 1em;}
.filtr input, .filtr select {vertical-align: middle; margin: 0 .7em 0 .3em;}
button#fsubmit {background: none; cursor: pointer; width: 89px; height: 27px; padding: 0; margin: 0 0 0 .3em; border: 0; vertical-align: middle;}
.razeni a {margin-left: 1em;}
.asc, .desc {color: #D8C47F; padding-right: 1em; background-position: 100% 60%; background-repeat: no-repeat;}
.asc {background-image: url(../gfx/asc.gif);}
.desc {background-image: url(../gfx/desc.gif);}

.drobky {font-size: .8em; list-style: none; padding: 0; margin: 0 0 1em 0;}
.drobky li {display: inline; vertical-align: baseline;}
.drobky a {color: #d3dbdf; margin-right: .2em;}
.drobky h1 {font-size: 1.8em;}

.strankovani {font-size: .8em; font-weight: bold; text-align: right; border-top: 1px solid #7b704b; margin: 0 0 1em 20px;}
.strankovani a, .strankovani span {padding: 1px 7px 3px 7px;}
.strankovani a {color: #bdb7a2;}
.strankovani span {color: #000; background: #D8C47F; font-weight: bold; text-align: center; text-decoration: none;}

.seznam-znacek {margin: 0 0 0 20px;}
.seznam-znacek li {width: 185px; position: relative; float: left; z-index: 2;}
.seznam-znacek li.titulek {font-size: 1.4em; float: none; clear: both; display: block; padding-top: .5em; border-bottom: 1px solid #302C25; width: 740px;}
.seznam-znacek li a {color: #D8C47F;}

.stranka h2 {margin-bottom: .7em;}
.stranka h4 {color: #d3dbdf; font-size: .9em; font-style: italic;}
.stranka ul {margin-left: 2em; padding: 0;}
.stranka ul.drobky {margin: 0 0 2em 20px;}
.stranka ul li {background: url(../gfx/SipZlataVelka.gif) 0px 6px no-repeat; position: relative; margin-left: 1em; padding-left: 10px;}
.stranka ul.drobky li {background: none; position: relative; margin: 0; padding-left: 0;}
.produkt h1 {color: #D8C47F; display: block; margin: 0 20px .4em 20px;}
.produkt img {position: relative; z-index: 2;}
p.cena {margin: 0; line-height: 45px; height: 45px; position: relative; bottom: 5px;}
p.cena span {color: #D8C47F; font-family: "Palatino Linotype", serif; font-size: 1.8em; vertical-align: baseline; line-height: 45px; height: 45px;}
.produkt #mnozstvi {text-align: right; vertical-align: middle;}

#Pravy.produkt .varianty {background: url(../gfx/varianty.gif) bottom left repeat-x; background-color: #302C25; position: relative; z-index: 1; margin: .5em 0 2em 273px; padding: .5em .5em .2em .5em;}
#Pravy.produkt p.cena {margin-left: 0;}
#Pravy.produkt img.foto {float: left; margin: 0 20px 2em 20px;}

#detail img {margin-bottom: .5em;}
#detail {float: left; font-size: .8em; text-align: center; text-decoration: none; margin: 0 20px 2em 20px; display: block; width: 233px;}
#detail:focus, #detail:active {outline: none;}
#detail span {text-decoration: underline; display: block; background: url(../gfx/lupa.gif) 29% 60% no-repeat; padding-left: 16px;}
#detail:hover span {color: #fff;}

.slozeni {font-size: .9em; margin: 0 20px 1em 20px;}
.slozeni th, .slozeni td {padding: 0 .5em .5em 0;}
button#do-kosiku {background: none; cursor: pointer; width: 152px; height: 39px; padding: 0; margin: 0 8px 0 0; border: 0; vertical-align: middle;}

#Pravy.produkt .box {background: url(../gfx/varianty.gif) bottom left repeat-x; background-color: #302C25; float: left; margin: .5em 0 2em 0; width: 471px; padding: .5em; _width: 451px;}
#Pravy.produkt .box p.fn {line-height: 1.4em; font-size: .8em;}

.polozka {background: url(../gfx/polozka.gif) 50% 100% no-repeat; background-color: #302C25; position: relative; text-align: center; float: left; display: inline; margin: 0 0 2em 20px; width: 233px;}
#Pravy .polozka h2, #Pravy .polozka p {margin-left: 10px; margin-right: 10px;}
#Pravy .polozka p.kratky-popis {height: 2.8em; overflow: hidden; margin-bottom: .7em;}
.polozka h2 {font-size: 1.2em; height: 2.8em; margin-bottom: .3em; overflow: hidden;}
.polozka h2 a:hover {text-decoration: none; color: #000; background: #D8C47F;}
.polozka a:focus, .polozka a:active {outline: none;}

#Pravy .polozka img {margin: 0 0 .8em 0; width: 233px; height: 233px; position: relative; z-index: 1; line-height: 0;}
#Pravy .polozka img.ikona {position: absolute; top: 10px; left: 10px; z-index: 2; width: auto; height: auto;}

.baleni-cena {color: #D8C47F; font-family: "Palatino Linotype", serif; font-size: 1.1em; height: 2.8em;}
.male {color: #d3dbdf; font-size: .8em; font-family: Arial, Helvetica, sans-serif;}

p.ruzova a {color: #D8C47F; text-decoration: none; padding: 2px;}
p.ruzova a:hover {color: #fff; background: #D8C47F;}

#Pravy #Nabidka img {margin: 0 0 0 20px;}
#Pravy #Nabidka a:active, #Pravy #Nabidka a:focus {outline: none;}

#Vyhody {background: url(../gfx/vyhody.gif) bottom left repeat-x; background-color: #302C25; margin: 0 0 2em 20px; padding: 20px 20px 1px 0;}
#Vyhody h2 {color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1em; margin-bottom: .5em;}
#Vyhody ul {margin-left: 0;}
#Vyhody ul li {background: url(../gfx/SipSedaVelka.gif) 0px 8px no-repeat; position: relative; padding-left: 12px; float: left; width: 320px; margin-left: 18px;}
#Vyhody a {color: #D8C47F;}
#Vyhody a:hover {color: #d3dbdf;}

#Pravy .dlazdice {list-style: none; margin: 0;}
.dlazdice li {background: #000; margin: 0 0 1em 20px; float: left; width: 231px; border: 1px solid #7B704B; line-height: 0;}
.dlazdice h2 a {color: #C4B480; text-decoration: none; margin: 0; padding: 0;}
.dlazdice img {border-bottom: 1px solid #7B704B;}
#Pravy .dlazdice h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-transform: uppercase; margin: 0; height: 2em; line-height: 2em; text-align: center;}

#Pravy .boxy {width: 233px; height: 335px; float: right; text-align: center; position: relative; top: 100px;}
#Pravy .box {background: url(../gfx/cpolozka.gif) 50% 100% no-repeat; background-color: #302C25; margin: 0 0 1em 0; padding: 1.5em 1em;}
#Pravy .box p {font-size: 1em; line-height: 1.6em; margin: 0;}
#Pravy .box a {color: #D8C47F;}

.linka-dole {border-bottom: 1px solid #353535;}
.odsazeni-dolu {padding-bottom: 1.4em;}
.radkovani {line-height: 2.5em;}
.tab-obycejna {font-size: .9em; margin: .7em 20px 1em 20px;}
.tab-obycejna th, .tab-obycejna td {padding: 0 .5em .5em 0;}

.uzivatel td {padding: .3em .1em .5em .1em; line-height: 1.3em;}
.uzivatel #nakup-prihlaseni, #zmena-hesla, #zmena-udaju, #registrace, #zapomenute-heslo {background: #0e0e0e; margin: 0 20px; width: 383px;}
 .uzivatel .prihlaseni {font-size: .9em; margin: 1em; width: 90%;}
.uzivatel .prihlaseni input {margin-left: .3em; width: 150px;}
.uzivatel button, .zapomenute-heslo button {margin-left: .3em;}

#zmena-hesla, #zmena-udaju, #registrace, #zapomenute-heslo {margin-bottom: 1em;}
.zmena-hesla, .zmena-udaju, .zapomenute-heslo {font-size: .9em; margin: 1em; width: 92%;}
.zmena-hesla td.err, .zmena-udaju td.err {width: 16px; padding:0; vertical-align: middle;}
.zmena-hesla input, .zmena-udaju input, .zapomenute-heslo input {margin-left: .3em; width: 170px; vertical-align: middle;}
.zmena-hesla img, .zmena-udaju img, .zapomenute-heslo img {vertical-align: middle;}

.uzivatel .objednavky, .uzivatel .detail-objednavky {font-size: .9em; border: solid #302C25; border-width: 1px 1px 0 0; margin: .5em 20px 2em 20px; width: 740px;}
.uzivatel .objednavky th, .uzivatel .objednavky td, .uzivatel .detail-objednavky th, .uzivatel .detail-objednavky td {border: solid #302C25; border-width: 0 0 1px 1px; padding: .5em;}
.uzivatel .objednavky th, .uzivatel .detail-objednavky th {background: url(../gfx/th.gif) top left repeat-x; background-color: #302C25;  height: 40px;}
.uzivatel .objednavky td, .uzivatel .detail-objednavky td {background: #1E1C17;}

h1.odsazeni-leve {margin-left: 20px;}
h2.odsazeni-vertikalni {margin: 1em 0;}

.objednavky td span, .detail-objednavky td span {color: #fff; font-size: .8em; text-align: center; text-transform: uppercase; display: block; padding: .2em;}
.probiha {background: #f90;}
.odeslana {background: #090;}
.vyrizena {background: #666;}
.storno {background: #c00;}
.tab {font-size: .9em;}
.tab th, .tab td {padding: 0 .5em .5em 0;}
.pul {margin: 0 0 0 20px; display: inline; width: 360px;}
.pul h3 {margin-bottom: .5em;}
.pul p, p.mensi {font-size: .9em;}

#Pravy .pul * {margin-left: 0;}
.obycejny-text {margin: 0 0 1em 0;}
p.chyba {color: #fff; background: #c00; padding: 3px 10px;}

.sendform {background: #0e0e0e; margin: 2em 0 2em 20px; padding: 1em 0; width: 740px;}
.sendform h3 {margin-bottom: .7em;}
.sendform table, .sendform p {margin: 0 20px;}
.sendform table {font-size: .9em;}
.sendform th, .sendform td {vertical-align: top;}
.sendform th {padding: .35em .7em 0 0;}
.sendform td {padding: 0 0 .7em 0;}

#jmeno, #email, #telefon, #vzkaz {padding: 5px;}
#jmeno, #email, #telefon {width: 300px;}
#vzkaz {width: 583px; height: 130px;}
.nepovinne {font-weight: normal;}

.sendform .chyba {color: #fff; background: #c00; margin-right: 20px;}
.sendform h3.chyba {margin-bottom: 0; padding: 1em;}
.sendform ul.chyba {padding: .3em 1em 1em 1em;}
.sendform ul.chyba li {background: none; padding: 0; margin: 0 0 .3em 2em; list-style: square;}

.stranka ul.odkazy li {float: left; width: 245px; padding: 0; margin: 0 0 .5em 0; background: none; font-size: .8em;}
.ikony {margin-left: 20px;}

.kontejner {border-top: 1px solid #7b704b; clear: both; margin-left: 20px; padding: 1px 0 .5em 0;}
.kontejner h3 {color: #D8C47F; margin-bottom: .3em; margin-top: 1.5em;}
.kontejner .polozka {margin-right: 13px;}
#Pravy .kontejner * {margin-left: 0;}

ul#prodavame {clear: both; height: 143px; width: 741px; margin: 2em 0 3em 19px; overflow: hidden;}
ul#prodavame li {float: left;}
ul#prodavame a, ul#prodavame a span {background-position: top left; background-repeat: no-repeat; display: block;}
ul#prodavame a:hover, ul#prodavame a:hover span {background-position: bottom;}
ul#prodavame a {font-size: 1.5em; text-align: center; float: left; z-index: 1; position: relative; overflow: hidden;}
ul#prodavame a span {z-index: 2; position: absolute; top: 0; left: 0; cursor: pointer;}

a.l-calvin, a.l-armani, a.l-gucci, a.l-gabbana, a.l-calvin span, a.l-armani span, a.l-gucci span, a.l-gabbana span {height: 64px; line-height: 64px;}
a.l-escada, a.l-boss, a.l-dior, a.l-kenzo, a.l-escada span, a.l-boss span, a.l-dior span, a.l-kenzo span {height: 74px; line-height: 74px;}

a.l-calvin, a.l-calvin span {background: url(../gfx/loga/hp/l-calvin.png); width: 117px;}
a.l-armani, a.l-armani span {background: url(../gfx/loga/hp/l-armani.png); width: 223px;}
a.l-gucci, a.l-gucci span {background: url(../gfx/loga/hp/l-gucci.png); width: 204px;}
a.l-gabbana, a.l-gabbana span {background: url(../gfx/loga/hp/l-gabbana.png); width: 197px;}
a.l-escada, a.l-escada span {background: url(../gfx/loga/hp/l-escada.png); width: 147px;}
a.l-boss, a.l-boss span {background: url(../gfx/loga/hp/l-boss.png); width: 263px;}
a.l-dior, a.l-dior span {background: url(../gfx/loga/hp/l-dior.png); width: 177px;}
a.l-kenzo, a.l-kenzo span {background: url(../gfx/loga/hp/l-kenzo.png); width: 154px;}

/* levy sloupec */
#Levy h3 {color: #D8C47F; font-size: 1em; margin-bottom: .5em;}
#Levy ul.menu {width: 165px;}
#Levy ul.menu li {background: url(../gfx/linka.gif) bottom left repeat-x; position: relative; margin: 0; padding: 3px 0;}
#Levy ul.menu li.nbg {background: none;}
#Levy ul.menu a {color: #d3dbdf; text-decoration: none; display: block;}
#Levy ul.menu a.zlata {color: #D8C47F;}
#Levy ul.menu a:hover, #Levy ul.menu a.current {color: #D8C47F;}
#Levy ul.menu a:focus, #Levy ul.menu a:active {color: #000; background-color: #D8C47F; outline: none;}

/* pata */
#Pata h4 {color: #D8C47F; font-size: 1em; margin-bottom: .5em;}
#Pata ul.menu {margin: 0 auto 2em auto; width: 900px;}
#Pata ul.menu li {display: inline;}
#Pata ul.menu li a {color: #d3dbdf; margin: 0 7px;}

#doporuc {margin: 0 0 2em 0;}
#doporuc p input {vertical-align: middle;}
#doporuc button {margin-left: .5em;}
#doporuc-email {margin-right: 20px;}

p.copy {color: #999; font-size: .8em;}
p.copy a {color: #999; text-decoration: none;}
p.copy a:hover {text-decoration: underline;}

p.odkazy {color: #999; font-size: .7em; font-style: italic;}
p.odkazy a {margin: 0 .5em; color: #999;}

/* zazemi */
body.zazemi {background: #1E1C17;}
.zazemi #Case {padding-top: 110px; width: 780px;}
.zazemi #Case h2 {font-size: 2em; position: absolute; top: 47px; right: 0;}
.zazemi #Case h3 {color: #D8C47F;}

/* pre-defined */
.center {text-align: center;}
.right {text-align: right;}
.clr {clear: both;}
.fl {float: left;}
.fr {float: right;}
.il {margin: 4px 15px 0 0;}
.ir {margin: 4px 0 40px 15px;}
.mb {margin-bottom: 1em;}
.mt {margin-top: 1em;}
.nm {margin: 0;}
.nbg {background: none;}
.zlata {color: #D8C47F;}
.velke {font-size: 1.1em;}
.velka {font-size: 2em;}
.vetsi {font-size: 1.3em;}
.mala {font-size: .9em;}
.mensi {font-size: .8em;}
.stredni {font-size: 1.2em;}
.ps {padding-bottom: 1.5em;}
.ml {margin-left: 20px;}
.mp {margin-right: 20px;}

.mp1 {margin-right: .5em;}
.ml1 {margin-left: .5em;}