/* reset.css */ 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, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;} body {line-height:1.5;} table {border-collapse:separate;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;}
/* typography.css */ html {font-size:100.01%;} body {font-size:75%;color:#222;background:#;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;margin-top:1.8em;} h4 {font-size:1.25em;line-height:1.25;margin-bottom:0.7em;font-weight:bold;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}li ul, li ol {margin:0;} ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;} 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;} thead th {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;} tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#;} .removed {background:#900;color:#;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;}
html {background-color: #ffffff;}
body {behavior: url('css/csshover3.htc'); background: #ffffff url('../design/bg.png') left top repeat-x scroll; font-family: Georgia, "New York CE", utopia, serif;}

#head {height: 249px; background: transparent url('../design/head.jpg') center top no-repeat scroll;}
#head h1, #head .logo {position: relative; width: 240px; height: 0; margin: 0 auto; padding: 240px 0 0; overflow: hidden;}
#head h1 span, #head .logo span {position: absolute; top: 0; left: 0; width: 100%; height: 240px;}
#headin {position: relative; width: 999px; height: 416px; margin: 0 auto;}
#headin #zakaznik {position: absolute; bottom: 15px; right: 15px; margin: 0 0 0 15px; padding: 5px 10px; border: 1px solid #65530d; background: url('../design/zakaznik-bg.png'); -moz-border-radius: 4px;border-radius: 4px;}

#wrap {width: 999px; margin: 0 auto;}

#menu {position: relative; height: 40px; margin: 1px 0 0; padding: 0 0 0 17px; border-top: 8px solid #705c38; background: #000 url('../design/menu-bg.png') left top repeat-x scroll;}
#menu ul {margin: 0; padding: 0;}
#menu ul li {float: left; height: 40px; list-style-type: none;}
#menu ul li a {display: block; height: 40px; color: #705c38; background-image: url('../design/menu.png');}
#menu ul li span {display: none;}
#menu ul li a.nabizime {width: 98px; background-position: 0 0;}
#menu ul li a.nabizime:hover {background-position: 0 -40px;}
#menu ul li a.informace {width: 198px; background-position: -98px 0;}
#menu ul li a.informace:hover {background-position: -98px -40px;}
#menu ul li a.partneri {width: 102px; background-position: -297px 0;}
#menu ul li a.partneri:hover {background-position: -297px -40px;}
#menu ul li a.kosik {width: 76px; background-position: -399px 0;}
#menu ul li a.kosik:hover {background-position: -399px -40px;}
#menu ul li a.kontakt {width: 96px; background-position: -474px 0;}
#menu ul li a.kontakt:hover {background-position: -474px -40px;}

#menu ul ul {display: none; position: absolute; height: auto; border: 1px solid #000; border-top: 1px solid #fbf6cb; z-index: 999;}
#menu ul ul li {float: none; height: auto; z-index: 999;}
#menu ul ul li a {float: none; display: block; background: #fbf6cb; width: 176px; height: auto; padding: 0 0 0 20px; line-height: 30px; border: 0; color: #382C0C; text-decoration: none;}
#menu ul ul li a:hover {background: #856c28; color: #;}
#menu ul li:hover ul {display: block;}

#menu form {position: absolute; right: 15px; top: 0; padding: 8px 0 8px 34px; border-left: 1px solid #7a7250; background: transparent url('../design/search-bg.png') 12px center no-repeat;}
#menu form input {vertical-align: bottom;  font-family: Verdana, "Geneva CE", lucida, sans-serif;}
#menu form input#vyhledat {width: 185px; height: 22px; line-height: 22px; padding: 0 5px; font-weight: bold; font-size: 11px; border: 1px solid #856c28; background: #e4e1bb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

#naseptavac {position: absolute; top: 31px; right: 71px; width: 197px; font-size: 11px; font-family: Verdana, "Geneva CE", lucida, sans-serif; z-index: 999;}
#naseptavac ul {width: 195px; margin: 0; padding: 0; background-color: #e4e1bb; border: 1px solid #856c28;}
#naseptavac ul li {padding: 3px 5px; cursor: default; float: none; height: auto;  list-style-type: none;}
#naseptavac ul li.active {background: #856c28; color: #;}

#main {margin: 1px 0 0; width: 100%; background: #f0f0f0 url('../design/main.jpg') left top repeat-x scroll;}

/*uvod*/
#mainin {background: #; width: 100%;}
#main #right {float: right; width: 243px; padding: 30px; background-color: #212121; color: #efe8ac;}
#main #right a img {border: 1px solid #7a7a7a;}
#main #right a:hover img {border: 1px solid #aaa;}
#main #right div {text-align: right; margin: 57px 0 0;}
#main #right a {color: #efe8ac;}
#right h2 {color: #c4a547;}

#main #left {float: left; width: 651px; padding: 30px 15px 30px 30px; _padding: 30px 15px; background: # url('../design/mainin.jpg') left top repeat-x scroll;}

#left h2, #left h1, #right h2, #content h2, #content h1, #katalog h2, #katalog h1, #objednavka h2, #objednavka h1 {font-family: Georgia, "New York CE", utopia, serif; font-size: 1.8em;}

#left ul.nabizime {margin: 0; padding: 0; width: 309px}
#left ul.nabizime li {margin: 3px 0; list-style-type: none; line-height: 33px; height: 33px; background: transparent url('../design/list.png') 0 0 no-repeat;}
#left ul.nabizime a {padding: 0 45px; height: 33px; display: block; background: transparent url('../design/list-akce.gif') 5px center no-repeat; text-decoration: none; font-weight: bold;}
#left ul.nabizime a:hover {text-decoration: underline;}
#left ul.nabizime .akce:hover {background-image: url('../design/list-akce-a.gif');}
#left ul.nabizime .vzorky {background-image: url('../design/list-vzorky.gif');}
#left ul.nabizime .vzorky:hover {background-image: url('../design/list-vzorky-a.gif');}
#left ul.nabizime .oznameni {background-image: url('../design/list-oznameni.gif');}
#left ul.nabizime .oznameni:hover {background-image: url('../design/list-oznameni-a.gif');}
#left ul.nabizime .produkty {background-image: url('../design/list-produkty.gif');}
#left ul.nabizime .produkty:hover {background-image: url('../design/list-produkty-a.gif');}

#left .katalogy {margin: 20px 0 0;}
#left .katalogy a {float: left; margin: 0 15px 0 0; display: block; width: 202px; height: 134px; padding: 27px 0 0;}
#left .katalogy a.clasic {background: transparent url('../design/clasic-bg.png') 0 0 no-repeat scroll;}
#left .katalogy a.novinky {background: transparent url('../design/novinky-bg.png') 0 0 no-repeat scroll;}
#left .katalogy a.exclusive {background: transparent url('../design/exclusive-bg.png') 0 0 no-repeat scroll;}
#left .katalogy a:hover {background-position: 0 -27px;}

#content, #objednavka {position: relative; padding: 30px; min-height: 200px;}
#content h2, #content h1, #objednavka h2, #objednavka h1 {text-align: center;}
#content .kontakt span {display: inline-block; text-align: left;}
#content .kolaz {position: relative; height: 366px; width: 870px; margin: 40px auto 0;}

#objednavka table.kosik {width: 90%; margin: 0 auto;}
#objednavka table.kosik th {background: url('../design/detail-bg.png') 0 0 repeat-x; font-size: 13px; font-weight: bold;}
#objednavka table.kosik .vymazat, #objednavka table.kosik .kod {width: 55px;}
#objednavka table.kosik .cena, #objednavka table.kosik .cenaC {width: 130px; text-align: right;}
#objednavka table.kosik .mnozstvi {width: 70px;}
#objednavka table.kosik input {text-align: center;}
#objednavka table.kosik .input {padding-top: 20px; text-align: center;}
#objednavka table.kosik .input .send {width: 150px; margin-top: 20px; padding: 10px;}
#objednavka table.kosik .celkem td {background: url('../design/detail-bg.png') 0 0 repeat-x; color: #000; font-weight: bold;}

#objednavka table.prihlasit {width: auto;}

#progressbar {width: 870px; height: 43px; margin: 0 auto 20px;}
#progressbar div {position: relative; float: left; width: 160px; height: 35px; margin: 0 6px 0 0; padding: 2px; border: 2px solid #B39A6F; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; }
#progressbar a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-decoration: none; padding: 2px;}
#progressbar a:hover {background: #3BB; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; padding: 2px;}
#progressbar div.p1 {color: #9D9D9D; border: 2px solid #9D9D9D;}
#progressbar div.p3 {background: #F2E194; color: #000;}
#progressbar div.p2 {background: #856c28; color: #;}
#progressbar div span {display: block; float: left; font-size: 20px; font-weight: bold; margin: 0 10px 0 5px;}


#objednavka h3 {margin: 0 0 3px 45px; font-size: 1.2em; font-weight: bold;}
#objednavka label {display: block; float: left; width: 240px; text-align: left; line-height: 21px; margin-bottom: 5px !important; padding-right: 3px;}
#objednavka input {margin-right: 3px;}
#objednavka textarea {width: 370px; height: 110px;}
#objednavka .textarea {width: 370px; height: 110px; padding: 1px 2px; border: 1px solid #A5ACB2; background-color: #ebebe4; overflow: auto; font-family: monospace; font-size: 14px;}
#objednavka .submit {margin: 20px 0; text-align: center;}
#objednavka .submit input, .btn {padding: 3px 8px;}
#objednavka #dialog {display: none; position: absolute; right: 115px; top: 168px; width: 200px; padding: 3px; border: 1px solid #000; background: #fe1; font-size: 11px; text-align: left; font-family: sans-serif;}

#katalog {position: relative; padding: 30px 15px 30px 30px;}
#katalog h1, #katalog h2 {text-align: center;}
#katalog h3 {text-align: center; font-size: 1.2em}
#katalog h3 em {color: red;}

.zpet {position: absolute; top: 30px; left: 30px; padding: 2px 10px; z-index: 1;}

/*vypis*/
#main .strankovani {text-align: center; padding: 5px 0;}
#main .btm .strankovani {padding: 25px 0 20px;}
#main .strankovani a {text-decoration: none;}
#main .strankovani a:hover {text-decoration: underline;}
#main label {margin: 0 2px;}

#main .items {margin: 50px 0 0; text-align: center;}
#main .item {position: relative; display: inline-block; width: 220px;}
#main .item .popis {display: block;}
#main .item .popis span {display: inline-block; width: 10px;}
#main .item a {text-decoration: none;}

/* detail */
#dialog-confirm {display:none;}
#dleft {float: left; width: 533px; padding: 37px 0 20px 83px;} /*w550*/
#dright {float: right; width: 299px; padding: 37px 84px 20px 0;}

#dleft h1 {width: 465px; height: 31px; line-height: 31px; margin: 0; padding: 0 0 0 15px; background: url('../design/detail-bg.png') 0 0 repeat-x; font-size: 14px;}
#dleft #bigimg {position: relative; width: 438px; padding: 40px 20px; background: #; border: 1px solid #cacaca; border-top: none; text-align: center;}
#dleft #bigimg .dzoom {margin: 0 auto; outline: none;}
#dleft #bigimg .kolaz {display: block; position: absolute; bottom: -9px; right: -8px; width: 207px; height: 0; padding: 40px 0 0; overflow: hidden; background: transparent url('../design/kolaz.png') 0 0 no-repeat scroll;}
.loupe {background-color: #; border: 2px solid #cacaca; cursor: crosshair;}


#dleft #cat {margin: 15px 0 0;}
#dleft #cat a {float:left; display: block; width: 76px; margin: 0 5px 0 0; text-align: center; text-decoration: none;}
#dleft #cat a span {display: block; width: 76px; height: 76px;}
#dleft #cat a.nzpet span {background: url('../design/detail-zpet.png') 0 0 no-repeat;}
#dleft #cat a.oznameni span {background: url('../design/detail-oznameni.png') 0 0 no-repeat;}
#dleft #cat a.obalka span {background: url('../design/detail-obalka.png') 0 0 no-repeat;}
#dleft #cat a.pozvanka span {background: url('../design/detail-pozvanka.png') 0 0 no-repeat;}
#dleft #cat a.jmenovka span {background: url('../design/detail-jmenovka.png') 0 0 no-repeat;}
#dleft #cat a.ostatni span {background: url('../design/detail-ostatni.png') 0 0 no-repeat;}
#dleft #cat a.menu span {background: url('../design/detail-menu.png') 0 0 no-repeat;}
#dleft #cat a:hover span {background-position: 0 -76px;}

#dright h2 {font-size: 12px; margin: 0; font-weight: bold;}
#dright img {background: #; padding: 10px; border: 1px solid #cacaca;}
#dright .cena {position: relative; width: 270px; margin: 20px 0; padding: 10px 5px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca;}
#dright .cena p {margin: 0; text-align: right;}
#dright .cena a {text-decoration: none;}
#dright .cena p span {display: block; float: left; width: 150px; color: #856c28; text-align: left;}
#dright .cena p span.a {position: absolute; width: 270px; height: 40px;}
#dright .kosik  {margin-top: 10px; text-align: center;}
#dright .kosik img {padding: 0; border: none;}
#dright form {width: 270px; text-align: right;}
#dright form label {color: #856c28;}
#dright form input {vertical-align: bottom; margin-left: 5px;}
#dright form input#kusy {width: 27px; height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px; border: 1px solid #856c28; background: #; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center;}


/*
[   ] w185 x h115
[] w155 x h215
*/
.big {position: absolute; top: -20px; left: -12%; width: 124%}
table {width: auto;}
table td {vertical-align: top;}
table th {text-align: center;}

#foot {height: 74px; line-height: 37px; padding: 0 10px; border-top: 8px solid #705c38; background: #000 url('../design/foot.png') left top repeat-x scroll; text-align: left;}
#foot a {text-decoration: none;}
#foot a:hover {text-decoration: underline;}
#odkazy {margin-top: -15px; background-color: #ffffff; color: #6A6453; font-size: 11px; text-align: center;}
#odkazy a {color: #6A6453;}

.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.ml45 {margin-left: 45px !important;}
.ml55 {margin-left: 55px !important;}
.mb5 {margin-bottom: 5px !important;}
.w200 {width: 220px !important;}
.w300 {width: 315px !important;}
.w300 input {width: 140px;}
.clr {clear: both;}

a {color: #000;}