/* ============================ misto pro import webfontů ============================ */

.webfont1 {}
.webfont2 {}

/* ============================ obecne prvky ============================ */
html, body { min-height: 100%; padding: 0; margin: 0; }
body { font-size: 14px; font-family: Arial, sans-serif; text-align: center; background: url(/img/bg.jpg) no-repeat scroll center top #273150; }

a { text-decoration: underline; color: #e74731; }
a:hover { text-decoration: none; }
a img { border:0 }
img{ max-width: 100%; height: auto;}
h1 { line-height: 1em; font-size: 24px; margin: 5px 0 20px; }
.uvodni h1 {display:none;}
h2 { margin: .6em 0 ; line-height:1.1em;}
h2.nomarginb { margin-bottom:0;}
h3 { line-height:100%; }
h1:first-letter {text-transform: uppercase}
h2 a { text-decoration: none; }
h3 a { text-decoration: none; }
h4 a { text-decoration: none;}
p {}
ul{ padding:0 0 0 15px; margin: 0 0 0 15px; }
ul li{ padding:0; margin-bottom: .5em;}
blockquote { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #DDDDDD; margin: 0 0 1.5em; padding: 10px 14px;}
blockquote p { font-size: 1.2em; margin: 0;}
table {}
table th {}
table td {}
hr { width: 100%; height: 1px; margin: 8px 0;  }

/* ============================ časté vlastnosti ============================ */
.hid{ display: none; }
.blok { display: block; }
.blokradek { display: inline-block; }
.table { display:table; }
.tr { display:table-row; }
.td { display:table-cell; }
.vlevo,.left { float: left; }
.vpravo,.right { float: right; }
.cleaner { clear: both; width: 100%; height: 0px; display: block;}

.nalevo { text-align: left; }
.napravo { text-align: right; }
.nastred { text-align: center; }
.dobloku { text-align: justify; }
.line-top{ vertical-align: top; }

.bez-paddingu { padding: 0; }
.bez-marginu { margin: 0; }
.bez-ohraniceni { border: none; }
.pruhledne-pozadi { background: transparent none; }
.pozadi1x { background-repeat: no-repeat; }
.pozadileft { background: left center no-repeat; }
.pozadiright { background: right center no-repeat; }
.pozaditop { background: center top no-repeat; }
.pozadibottom { background: center top no-repeat; }
.pozadistred { background: center center no-repeat; }
.transparent { width: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);
               -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.tucny  { font-weight: bold;}
.hubeny { font-weight: normal; }
.italika { font-style: italic }
.narovnany { font-style: normal; }
.podtrzeny { text-decoration: underline; }
.necarnuty { text-decoration: none; }
.preskrtnute {text-decoration: line-through; }
.mensi-pismo { font-size: .8em; }
.vetsi-pismo { font-size: 1.2em;  }
.pismo2x { font-size: 2em; }
.pismoUp { text-transform: uppercase; }
.prvniUp:first-letter { text-transform: uppercase; }

.kurzor-sipka { cursor: default; }
.kurzor-otaznik { cursor: help; }
.kurzor-ruka { cursor: pointer; }
.radius-maly {border-radius: 3px;}
.radius-stredni {border-radius: 5px;}
.radius-velky {border-radius: 8px;}

.hoverline {text-decoration: none;}
.hoverline:hover {text-decoration: underline;}

.bublifuk {border-bottom:1px dashed;text-decoration: none;}

/* ============================ časté vlastnosti per web ============================ */
.mainbarva{color: #1c2133;}
.secbarva{}
.tercbarva{}
.gbarva{color: #fff;}
.gbarvatext{ color:#fff;}
.mainbg{ background-color: #1c2133; }
.secbg{}
.tercbg{}
.gbg{background-color:#f3f3f3;}
.secfontsize{}
.tercfontsize{}

.chyba { font-weight: bold; margin: 20px 0; }
.hlaska { font-weight: bold; padding: 20px; background-color: #aaeeaa}
.tlacitko {border:0; cursor:pointer; text-transform: uppercase; font-size: 10px; text-align: center; font-weight: bold; color:#fff; border-radius: 3px; text-decoration: none; padding: 0 9px; line-height: 30px; display: inline-block; background-color: #dd4739; }
.tlacitko:hover { background-color: #28334f; }
.tlacitko:active {}

.obalka-stranky{ height: auto; margin: 0 auto; position: relative; width:1000px; background: transparent; }

/* ============================ styly identifikované ============================ */

#graphics-container { position: absolute; left:0; top:0; height: auto; min-height:100%; width:100%;overflow:hidden;}

/* ============================ Hlavicka ============================ */

#hlavicka { margin-top: 30px; height: 160px; background: url(/img/header.png) no-repeat scroll center top transparent; border-radius: 0 0 5px 5px; }
#hlavicka #logo { position:relative; float:left; margin: 12px 0 30px 17px; width: 130px; }
#hlavicka #slogan { position:relative; width: 250px; margin: 28px 0 15px 1.8%; float: left; text-align: left; }
#hlavicka #slogan p { font-size: 19px; font-style: italic; color: #818991; line-height: 26px; }
#hlavicka #vprostred { position:relative; width: 20%; margin:0; float: left;  }
#hlavicka #top { position:relative; width: 40%; margin:0; float: right;  }
#hlavicka #bottom { position:relative; width: 50%; margin:0; float: right;  }

#kosik { width: 150px; position: relative; margin: 20px 0 0 0; padding: 0 30px 0 10px; float: right; text-align: left; }
#kosik a { display: block; width: 150px; font-size: 13px; padding: 0; color: #000; text-decoration: none; }
#kosik a:hover .h2 { text-decoration: underline; }
#kosik .h2 { color: #435990; padding: 2px 0 2px 50px; margin: 4px 0 15px; font-weight: bold; text-transform: uppercase; font-size: 17px; background: url(/img/ic_cart.png) no-repeat scroll left center transparent; }
#kosik span { display: inline-block; vertical-align: middle; text-align: left; line-height: 20px; }

#prihlaseni {  width: 105px; float: right; text-align: right; margin: 25px 45px 0 30px; }
#prihlaseni a { }
#prihlaseni-form { display: none; position: absolute; width: 300px; top: 40px; right:235px; z-index: 1; padding: 10px 10px 0; line-height: 1.75em; border: 1px solid #eee;}
#prihlaseni-form .vlevo { width: 200px; }
#prihlaseni-form label { width: 65px; display: inline-block; margin-top:3px;}
#prihlaseni-form input { width: 110px; height: 18px; margin-bottom: 2px; vertical-align: middle; margin:3px }
#prihlaseni-form .tlacitko { margin-top: 10px; }
#prihlaseni-form p label { width: 55px; }

/* Horizontalni menu v hlavicce */
#horizontalni-menu { width: 790px; position: relative; float: left; text-align: left; display: table; }
#horizontalni-menu div { position: relative; display:table-cell;}
#horizontalni-menu div.oddelovac { width:1px; padding:0; margin: 0; background-color: #ececec; }
#horizontalni-menu a { display:table; width: 100%; text-align: center; text-transform: uppercase; color: #506497; font-size: 12px; font-weight: bold; text-decoration: none;}
#horizontalni-menu a span { display:table-cell;vertical-align: middle; height: 60px;}
#horizontalni-menu div.active a { color: #de4732; }
#horizontalni-menu a:hover { color: #ed1c24; background-color: rgba(243,243,245,0.8); }

/* Vysouvací menu */
#horizontalni-menu .vysouvaci_menu { display: none; position: absolute; text-align: left; margin-top: 0px; z-index: 10; width: auto; }
#horizontalni-menu .vysouvaci_menu div {display:block;}
#horizontalni-menu div:hover .vysouvaci_menu,
#horizontalni-menu div:active .vysouvaci_menu {display:block;}
#horizontalni-menu .vysouvaci_menu a { white-space: nowrap; }
#horizontalni-menu .vysouvaci_menu .active a,
#horizontalni-menu .vysouvaci_menu a:hover { }


/* ========================= Vyhledávání ========================= */

#vyhledavani { margin: 20px 0 0 220px; width:250px; float: left; text-align: left; height: 40px; min-width: 200px; position: relative; border: 1px solid #d4d4d4; border-radius: 5px; background-color: #fff; }
#vyhledavani .vyhledavani { border:0; width: 79%; height: 30px; margin: 4px 0 0 5%; font-style: italic !important; vertical-align: top;}
#vyhledavani .hledat { width:13%; height: 30px; padding:0; margin: 5px 0 0; vertical-align: top; background: url(/img/icon_search.png) no-repeat scroll center center transparent; }

#naseptavac { width:125%; position:absolute; top: 40px; left:12px; height: 255px; background: #fff; border: 1px solid #ddd; z-index: 100}
#naseptavac a { padding:0; margin:0;  text-decoration: none; }
#naseptavac a.naseppolozka { display:block;padding:3px 0 2px 2%;width:98%; height: 18px; overflow: hidden; clip: auto; text-align: left; line-height:18px; }
#naseptavac a.naseppolozka:hover, #naseptavac a.naseppolozka:focus { }
#naseptavac #nasepfoto { width:200px; text-align:center; position: absolute; top:-1px; left:-212px; height:245px;  border: 1px solid #ddd; background: #fff;  padding:5px }
#naseptavac #nasepfoto .nadpis { height:38px; padding-top: 7px; width:200px; overflow: hidden;  }
#naseptavac #nasepfoto .innernasep { height:200px; line-height: 200px; position:absolute; width: 200px }
#naseptavac #nasepfoto img { vertical-align: middle; position: relative; left:0; top:0; }

/* ============================ Boxy a struktury ============================ */

#prezentace { text-align: center; padding-top: 20px; }
#prezentace * { color: #fff; text-transform: uppercase; font-size: 28px; font-weight: bold; margin: 13px 0 35px; }
#prezentace .h2 { text-transform: none; font-size: 20px; padding-bottom: 13px; margin-bottom: 13px; background: url(/img/headline.png) no-repeat scroll center bottom transparent; }

#stranka{ text-align: left; padding: 0; }

#telo { background-color: #fff; margin: 0 0 0 10px; float:left; width:740px; border-radius: 5px;padding:25px; box-sizing: border-box; -moz-box-sizing: border-box; }
.neuvodni #telo {}

#stred { border-radius: 5px; }
#stred .h1 { font-size: 24px; margin: 5px 0 20px; }
#stred .anotace {  }

#stred p{  }
#stred blockquote p:last-child{ margin-bottom: 0; }
#stred p,#stred td{  }
#stred img {margin: 0 auto 0 auto;}
#stred p img,#stred td img { margin:0; }
#stred p img.left,#stred td img.left { margin-right: 15px; }
#stred p img.right,#stred td img.right { margin-left: 15px; }

ul.podkat { list-style-type:none; padding: 0; margin:-7px 0 0 0; }
ul.podkat li { width:28%; margin: 2%; line-height:120%; list-style-position: inside; overflow: hidden; border: 1px solid #eee; border-radius: 5px; display: inline-block;vertical-align: top;}
ul.podkat .pkfoto {display:block; height:140px; text-align: left; padding:12px 7%; position:relative; }
ul.podkat .pkfoto img {max-width: 100%; max-height: 100px; vertical-align: middle; margin: 40px 0 5px; padding:15px 0 0;}
ul.podkat li:hover {border: 1px solid #ccc; }
ul.podkat .posunute{ display:block;height:140px; line-height: 140px; text-align: right; max-width: 100%;}
ul.podkat .prekryv{ position:absolute; max-width: 100%;  text-decoration: underline; font-size: 1.2em; line-height: 1.5em;  }
ul.podkat.bezfoto li {padding: 0; }
ul.podkat.bezfoto li { margin:.75%; margin-left:0; margin-right: 1.5%; width: 30%; }
ul.podkat.bezfoto li a { padding: .65em 0;  display: block; text-decoration: none;}
ul.podkat.bezfoto .prekryv{ margin:0 .9em; position: relative; display: block; }

.fradek{ width:100%; margin: 10px 0;  }
.fradek .fotka{ display:inline-block; text-align: center; width: 33%; vertical-align: top; margin:5px 0; padding-bottom: 6px; }
.fradek .fotka img{ margin: auto; padding:2%; border: 1px solid #fafafa; max-width: 94%; margin-bottom: 2px;}
.fradek .fotka a{ margin:0; width: 100%;}
.fradek.prod .fotka{ width: 50% }

.file-link {list-style-type: none; padding-left: 0; margin-left: 0; max-width:700px; }
.file-link li { line-height: 1.2em;clear:both;border-bottom: 1px solid #eee;}
.file-link li a {width: 100%; display: block; text-decoration: none;padding: .9em 0;}
.file-link li a .tail { text-align: right; float:right;}
.file-link li a:hover .pod {text-decoration: underline;}
.file-link li img {vertical-align: middle; margin-right: 8px }


/* Postranní sloupec */
#sloupec-levy { width: 250px; float: left; height: auto; margin: 0; }
#sloupec-pravy { width: 24%; float: right; height: auto; margin: 0;}
.sloupec-box { height: auto; width: 100%; background-color: transparent; border-bottom: 2px solid #b91312; border-radius: 5px; margin-bottom: 10px; }

.sloupec-box p { line-height: 20px; }
.sloupec-box p.h2 {  }
.sloupec-box p.h3 {  }
.sloupec-box p.datum {  }
.sloupec-box p.obrazek {  }
.sloupec-box p.obrazek img {  }

.sloupec-box.newsletter { border-bottom-color: #141a2b; width: 232px; background: url(/img/ic_newsletter.png) no-repeat scroll 165px 148px #181e32; padding: 20px 0 0 18px; }
.sloupec-box.newsletter p { color: #9ca2b5; margin: 0; font-size: 15px; margin-bottom: 17px; }
.sloupec-box.newsletter p.h2 { color: #fff; margin: 0; padding: 5px 0 15px; font-size: 17px; }

/*prvky seznamu*/
.kat { margin: 0; padding: 0; position:relative; width:100%; padding-bottom: 5px; list-style-type: none; background-color: #dd4739; border-radius: 5px; }
.kat li { margin:0; padding: 0; width:100%; border-bottom: 1px solid #be161d; }
.kat li:first-child { border-radius: 5px 5px 0 0; }
.kat li a { display: block; padding: 11px 4% 11px 0; font-size: 14px; text-decoration: none; color: #fff; }
.kat li:hover { background-color: #c73f33; }
/*.kat li:hover > a img { visibility: hidden; }*/
/*.kat li:hover > a { background: url(/img/menu_plus2.png) no-repeat scroll center center transparent; }*/
.kat li ul { list-style-type: none;margin:0; padding:0;  }
.kat li ul li{ border-top: 1px solid #be161d; border-bottom: none; }
.kat li ul li ul { list-style-type: none; }
.kat li ul li ul li { }
/*viditelnosti*/
.kat li ul { display:none; }
.kat li.viditelne ul { display: block; }
.kat li.viditelne ul li ul { display:none; }
.kat li.viditelne ul li.viditelne ul { display: block; }
/*obsah seznamu*/
.kat .js { margin:0; padding:0; width:16%; display: inline-block; vertical-align: middle; text-align: center; }
.kat .js img { text-align: center; }
.kat .js2 { margin:0; padding:0; width:16%; display: inline-block; vertical-align: text-bottom; text-align: center; }
.kat .js img { text-align: center; }
.kat .js3 { margin:0; padding:0; width:10%; display: inline-block; text-align: center; }
.kat .js2 { width:15%; margin-left: 10px; }
.kat .js3 { width:20%; }
.kat .empty { visibility: hidden; }
.kat .h2 { width: 80%; vertical-align: middle; display: inline-block; margin: 0; }
.kat .h2 a { text-decoration: none; }
.kat .h2 a:hover { /*text-decoration: underline;*/ }
.kat .h3 { width: 70%; vertical-align: middle; display: inline-block; margin: 0; }
.kat .h3 a { line-height: 30px; font-weight: normal; color: #fff; font-size: 15px; text-decoration: none; padding-left: 2px; }
.kat .h3 a:hover { font-weight: bold; }
.kat .h4 {position: relative; padding:0; display:inline-block; width: 70%; margin: 0 0 0 30%; vertical-align: middle; }
.kat .h4 a { line-height: 30px; font-weight: normal; color: #fff; font-size: 14px; text-decoration: none; }
.kat .h4 a:hover { font-weight: bold; text-decoration: underline; }
.kat .rozkliknute { background-color: rgba(50,0,0,0.8); }
/*.kat .rozkliknute ul { border-top: 1px solid #660000; }*/
.kat .rozkliknute li { border-top: 1px solid #bec4bc; }

.kat a { font-size: 14px; }
.kat li.hider > a { width: 45px; vertical-align: top; margin-top: 16px; display: inline-block; text-align: center; }
.kat li.hider ul li.hider > a { margin-top: 12px; }
.kat p a { display:block;}
.kat li.viditelne ul p a { padding: 0.2em 0 0.2em; }
.kat li.viditelne ul li.viditelne ul p a {}

.kat li:hover { /*background-color: rgba(145,12,2,0.6);*/ }
.kat li:hover.rozkliknute { /*background-color: rgba(50,0,0,0.8);*/ }
.kat .rozkliknute li:hover { /*background-color: rgba(50,0,0,0.8);*/ }
.kat li.viditelne p a { }
.kat li.viditelne ul li:hover p a { }
.kat li.viditelne ul li.viditelne p.h3 a { font-weight: bold; }
.kat li.viditelne ul li.viditelne p a li p a { }
.kat li.viditelne ul li.viditelne ul li:hover p a,
.kat li.viditelne ul li.viditelne li.viditelne ul p a { }

/* ============================ Modul novinky ============================ */
#novinky { width: 100%; position: relative; }
#novinky .nbox { width: 210px; border: 1px solid #6d7079; border-radius: 3px; height: 35px; margin: 0 0 12px 0; padding: 0; vertical-align: top; background-color: #fff; }
#novinky .novinky { width: 90%; margin: 4px 0 0 8px; height: 25px; line-height: 25px; border: none; font-size: 13px; color: #000; font-style: italic; }
#novinky .vlozit { margin: 0 0 30px; }
#novinky .post{display:none;}

/* ============================ Modul slider ============================ */

.slider { width:740px;  height: 270px; position:relative; padding: 0; float:right; padding-bottom: 20px; }

.slider .navigace {  width: 740px; text-align: center; margin: 10px 0 0; }
.slider .navigace a { width: 12px; height: 12px; display: inline-block; margin: 0 2px; background: url(/img/slide.png) no-repeat scroll center center transparent; }
.slider .navigace .aktualni {background-image: url(/img/slide_active.png)}

.slider .vnitrek { background-color: #181f32; border-radius: 5px; }
.slider .vnitrek a.vnitrek { display: block; width: 100%; height: 100%; }
.slider .bx-prev { display: none; position: relative; top: -90px; left: -30px; }
.slider .bx-next { display: none; position: relative; top: -90px; left: 615px; }
.slider #slider1 { height:100%; position:relative; overflow: hidden; }
.slider #slider1 .tlacitko { font-size: 12px; padding: 0 12px; }
.slider #slider1 .fotka { position: relative; overflow: hidden; margin: 20px; overflow: hidden; border-radius: 5px; width: 250px; height: 200px; line-height: 200px; float:left; text-align: center; }
.slider #slider1 .fotka img { vertical-align: middle; }
.slider #slider1 .informace { float:right; text-align:left; position: relative; width: 415px; padding-left: 5px; margin-right: 30px; overflow: hidden; max-height: 163px; overflow: hidden; margin-bottom: 15px; }
.slider #slider1 .informace .h1 { margin: 35px 0 20px; font-size: 18px; max-height: 40px; overflow: hidden; }
.slider #slider1 .informace .h1 a{ color: #fff; text-decoration: none; }
.slider #slider1 .informace .h1 a:hover{ color: #fff; text-decoration: underline;}
.slider #slider1 .informace .informace-vnitrek { height:66px; overflow: hidden;}
.slider #slider1 .informace .informace-vnitrek * { font-size: 15px!important; line-height: 22px!important; color: #787f92; margin-top: 0}
.slider #slider1 .cena { float: right; margin: 3px 30px 0 0; text-align: right; width: 330px; font-size: 18px; color: #fff;}
.slider #slider1 .tlacitko {margin-left: 5px;}

#produkt .bx-next {float:right;margin: 10px 0 20px;}
#produkt .bx-prev {float:left;margin: 10px 0 20px;}

/* ============================ Drobeckova navigace ============================ */

.drobeckova { line-height: 1.2em; color:#888; margin-bottom: 1.5em}
.drobeckova a {color:#888; }
.drobeckova .odkaz { padding:0 ; margin:0 10px 0 0;}

/* ============================ E-shop / Produkty ============================ */

/* Produkty */
.produkty { width: 100%; background-color: #fff; border-radius: 5px;  }
.produkty .produkt { position:relative; width: 220px; overflow: hidden; margin: 0 10px 10px 0; text-align: center; display: inline-block; vertical-align: top; }
.produkty .zabal { border: 1px solid #d5d5d5; border-radius: 5px; padding-bottom: 15px; }
.produkty .h3 { height: 44px; width: 160px; margin: 15px 0 0; line-height: 22px; padding: 0 30px; overflow:hidden; font-size: 15px;  }
.produkty .h3 .tucny { font-size: 16px; }
.produkty .h3 a { text-decoration: none; display: block; }
.produkty .h3 a:hover { color: #000; text-decoration: underline; }
.produkty .fotka { height: 130px; line-height: 130px; margin: 0 0 20px;; width:100% }
.produkty .fotka a { margin: auto; }
.produkty .fotka img { vertical-align: middle; max-height: 130px; }
.produkty .popis { height: 140px;  overflow: hidden; text-align: center; line-height: 20px; }
.produkty .popis p { padding: 0 9.2%; margin: 0; font-size: 12px; color: #a3a8ae; }
.produkty .lspodek { width: 115px; float: left; padding-left: 18px; text-align: left; }
.produkty .rspodek { float: right; padding-right: 18px; text-align: left; }
.produkty .lspodek p { margin: 0; }
.produkty .sklad { float: right; text-align: right; margin: 0 8px 20px 0; padding: 9px 10px 7px; font-size: 11px; text-transform: uppercase; }
.produkty .sklad.ok { color: #666666; }
.produkty .cena { position:relative; line-height: 19px; font-size: 12px; }
.produkty .cena .tucny { font-size: 14px; }
.produkty .produkt .tlacitko { font-size: 12px; padding: 0 12px; margin-top: 5px; }
.produkty .produkt .stitky { position: absolute; left:0; bottom: 70px; text-align: left; text-transform: uppercase; font-size: 12px; }
.produkty .produkt .stitky p { padding: 8px 10px; margin: 0 0 5px; border-radius: 0 3px 3px 0; background-color: #ecedef; color: #445990;  }
.produkty .produkt .stitky .novinka { }

.produkty .v2 {width: 99%; margin: 0 0 19px;}
.produkty .v2 .zabal {display: table; width: 99%; padding-right: 0; background:none; }
.produkty .v2 .blox {display: table-cell; vertical-align: middle;text-align: left; }
.produkty .v2 .fotka {width:75px; height: 100%; line-height: 1em;min-height: 90px; text-align: center; background: none;}
.produkty .v2 a.h3 {text-decoration: none; font-weight: bold;font-size: 13px; padding: 0 3%; width: 35%; overflow: hidden;}
.produkty .v2 a.h3:hover {text-decoration: underline;}
.produkty .v2 .cena { text-align: right; padding: 0 1%; width: 18%; font-weight: bold; }
.produkty .v2 .sklad { padding: 0 1.25%; text-align: center; width: 18%; float:none; }
.produkty .v2 .sklad.ok {}
.produkty .v2 .tl {padding: 24px 1.25% 25px; text-align: center;}
.produkty .produkt.v2 .tlacitko {}

#spodniCompare {position: absolute; top: 100%; right: 0; width: auto;padding: 1em 2.5em 1em 1em; border: 1px solid #ddd; text-align: left; white-space: nowrap;background: #fff; z-index: 10; }
#spodniCompare .link {}
#spodniCompare .x { position: absolute; right: 1em; top:1em; }

#vlezleCompare {position: relative; width: 100%; box-sizing: border-box; padding: 3em 1em 1em; border: 1px solid #ddd; text-align: left; white-space: nowrap; }
#vlezleCompare .link { position: absolute; right: 1em; top: 1em;}
#vlezleCompare > div { display: inline-block; width: auto; margin: .5em 2em 0 0; }
#ComplinkPH { display: none; }

.filtrForm {height:auto; padding: 10px; padding-top:7px; margin-top: 16px; position:relative; }
.filtrForm h4 { padding-top: 6px; margin-top :0; }
.filtrForm div.cbox {display: inline-block; vertical-align: top; width: auto; margin-right: 3%; width: 22%;overflow: hidden; margin-top: 6px;white-space: nowrap;}
.filtrForm div.cbox a { display: inline-block; white-space: normal; vertical-align: text-top; max-width: 80%; }
.filtrForm div.cbox input { vertical-align: text-top;}
.filtrForm div.Z {width:30%}
.filtrForm .f1 {float:left; width: 11%; height :100%}
.filtrForm .f2 {float:left; width: 78%; }
.filtrForm .f3 {float:left; width: 11%; height:35px; margin: auto; vertical-align: middle; position: absolute; top:50%; margin-top:-17px; right:1%}
.filtrForm .f3 .tlacitko{padding-left: 1em; padding-right: 1em;}
.filtrForm .jslider { width:60%; top:.9em; margin-left: 2%; }
.filtrForm .jslider .jslider-value {font-size: 12px; background: none transparent;}

.paging {margin: 1em; text-align: right; font-size: 1.1em;}
.paging a,.paging .a{ margin: 0 .25em; }
.paging .curpage{ font-weight: bold; }

.radzalozky {  border-bottom: 1px solid #eee; padding-right: 6em; }
.radzalozky .zalozka { float: left; border: 1px solid #eee; border-bottom: 0; border-radius: 2px 2px 0 0; line-height: 2em }
.radzalozky .zalozka * { display: block; padding: 0 20px; }
.radzalozky .hid { display:none}

.prepinace {position: absolute; right: 2%; margin-top: -1.5em; font-size: 24px; line-height:1.1em;}
.prepinace .prepinac {margin-left: 6px;display: inline-block; vertical-align: middle; width: 26px; height: 26px; background: center center no-repeat; }
.prepinace .prepinac img { vertical-align: middle;  }
.prepinace .hid { display:none}
.prepinace.posun {position: relative; margin-top: 1em; float: right }

/* Produkt */
#produkt{}
#produkt .fotosloupec {width: 58%; display: inline-block; vertical-align: top; position: relative; float: left;}
#produkt .fotosloupec .stitky { position: absolute; left:0; top: 0; text-align: left; text-transform: uppercase; font-size: 12px; }
#produkt .fotosloupec .stitky p { padding: 8px 10px; margin: 0 0 5px; border-radius: 0 3px 3px 0; background-color: #ecedef; color: #445990;  }
#produkt .fotosloupec .stitky .novinka { }
#produkt .fotka-hlavni { text-align: center; white-space: nowrap; line-height: 250px; height: 252px; }
#produkt .fotka-hlavni img { vertical-align: middle;}
#produkt .fotocontainer { position: relative; padding: 2px 5%; }
#produkt .fotoinner { position: relative; }
#produkt .fotoinner a { width: 23%; margin:0 1%; white-space: nowrap; display: inline-block; height: 77px; line-height: 75px; text-align: center; }
#produkt .fotoinner a img { vertical-align: middle; }
#produkt .fotoinner .borderer { border: 1px solid #eee; width: 100%; height: 75px; display: block;}
#produkt .fotoinner img { vertical-align: middle;}
#produkt .fotocontainer .bx-prev,#produkt .fotocontainer .bx-next{ position: absolute; left:-5%; top:0; display: block; text-align: center; line-height: 77px; height: 77px; width: 5%; white-space: nowrap; margin:0; }
#produkt .fotocontainer .bx-next{ left:auto; right:-5%; }
#produkt .fotocontainer .bx-prev img,#produkt .fotocontainer .bx-next img { vertical-align: middle; }
#produkt .fotocontainer .fragment { text-align: center; }
#produkt .vpravo { display: inline-block; width: 38.4615%; }
#produkt .vpravo .radek { border-bottom: 1px solid #eee; padding: 6px 2%; }
#produkt .vpravo fieldset .radek { padding: 6px 0; }
#produkt .vpravo .radek label { width: 40%; display: inline-block; vertical-align: middle; color:#777; }
#produkt .vpravo .radek span { width: 60%; display: inline-block; vertical-align: middle; }
#produkt .vpravo .cradek {width: 100%; text-align: right;}
#produkt .vpravo #procentaDiv {float:left; padding: .5em 1em; width: auto; text-align: left; font-weight: bold; color:#fff}
#produkt .vpravo #staracenaDiv,#produkt .vpravo #bezDPHDiv {color:#777; margin-top:1.5em}
#produkt .vpravo #staracenaDiv {text-decoration: line-through;}
#produkt .vpravo #cenaDiv {margin-top: 1.25em}
#produkt .vpravo #cenaDiv #cena,#produkt fieldset #summall {font-size: 2em; font-weight: bold; white-space: nowrap; vertical-align: middle; margin-left: 10px;}
#produkt .vpravo #cenaDiv .mensi { font-size: .8em; color:#aaa; }
#produkt fieldset { border:0; padding: 18px 1%; margin: 1.5em 0 0; text-align: right}
#produkt fieldset.uzsi { padding: 18px 5%;}
#produkt fieldset .omezovac { width: 45%; display: inline-block; vertical-align: top; margin: 0 2.5%;}
#produkt fieldset .radek { margin-bottom: 15px; text-align: left }
#produkt fieldset .cradek { margin-bottom: 20px;}
#produkt fieldset label { width: 40%; display: inline-block; vertical-align: middle; color:#777; }
#produkt #bvarianta {vertical-align: middle; display: inline-block;}
#produkt fieldset .cradek span{ text-align: right; }
#produkt fieldset .cradek.mensi { color:#aaa; margin-top: -10px; }
#produkt fieldset select { width: 60%; display: inline-block; vertical-align: middle; padding: .5em 0; }
#produkt fieldset .input { width: 30%; display: inline-block; vertical-align: middle; text-align: left }
#produkt fieldset .input input { height: 2em; max-width: 66%; }
#produkt fieldset button { width: 65%; margin-left: 5%; display: inline-block; vertical-align: middle; padding-top: .5em; padding-bottom: .5em;}
#produkt .moznosti {margin: 10px 0; border: 1px solid #eee; border-bottom: 0; }
#produkt .moznost {  border-bottom: 1px solid #eee; display: table; width: 100%; height: 60px; cursor: pointer}
#produkt .moznost span, #produkt .moznost a { display:table-cell; vertical-align: middle }
#produkt .moznost .cena { width: 20%; text-align: center;}
#produkt .moznost a { width: 15%; text-align: center; }
#produkt .moznost .forimg { width: 14.5%; text-align: center; }
#produkt .moznost .forimg.b { width: 12%;  }
#produkt .moznost .forimg img { max-width: 80%; max-height: 60px; text-align: center; }
#produkt .moznost .pcast { display: table-cell; width: 9%; vertical-align: middle;text-align: center; border-left: 1px solid #eee; }
#produkt #zalozky {margin: 1.5em 0;}
#produkt .social-likes{margin-top: 1em;}

a.more { margin:auto;}

/* Kosik */
#kos {  }
#kos .tabulka { width: 98%; padding-top: 10px; margin-bottom: 30px; }
#kos .tabulka thead th { height: 25px;  text-align: center; padding: 0 10px; background-color: #f8f8f8;}
#kos .tabulka thead th.p1 { text-align: left;}
#kos .tabulka td { height: 60px;  vertical-align: middle; text-align: center }
#kos .tabulka td.odkazova { text-align: left }
#kos .tabulka td.cenova { text-align: right }
#kos .tabulka td.inputovka { white-space: nowrap; }
#kos .tabulka td img { max-height: 60px; max-width: 60px; }
#kos .odeslat { width: 169px; height: 35px; margin-left: 0px; margin-top: 0px; display: block; }
#kos form a.plusminus { background-color: #f8f8f8; display:inline-block; width:20px; height: 20px; line-height: 20px; text-decoration: none; color:#000; }
#kos form input.mnozstevni {}
#kos .tlacitko { display:inline-block; vertical-align: middle; float:right; margin-right:36px;}
#kos .prepocitat { width:100px; float:right; margin-right:36px; padding: 1em; }
#kos .zpet { float:left; padding:1em 0; }

#kos.addrz .tabulka td{ border-bottom: 1px solid #eee; padding: .5em 0; height:auto;}

/* Objednavka */
#objednavka{ margin: 20px 0;  }
#objednavka #tab {display: table; width: 100%; }
#objednavka .adresa{ width: 50%; display: table-cell; vertical-align: top; }
#objednavka .adresa label { width: 45%; display: inline-block; }
#objednavka .adresa input[type=text],
#objednavka .adresa select { width: 45%; }
#objednavka .dodatky{ width: 100%; display: block;  }
#objednavka .dodatky label { width: 22.5%; display: inline-block; }
#objednavka .dodatky input[type=text],#objednavka .dodatky textarea { width: 40%; }
#objednavka .dodatky textarea { vertical-align: top; }
#objednavka table.summary { width: 95%; padding-top: 10px; margin-bottom: 30px; }
#objednavka button { margin-top: 16px; }

#regtab p > label:first-child {width:20%; display:inline-block;}
#regtab.mensilabel p > label:first-child {width:13%;}
#regtab p > input[type=text],#regtab p > input[type=password] {width: 40%;}
#regtab p > input[type=checkbox] {vertical-align: middle;}
#regtab p > input[type=checkbox]+label {width: 60%;vertical-align: middle;}
#regtab p {margin: 6px 0;}
#regtab .post {display: none;}

.roztaznik {min-width: 100%; overflow:auto;}
.roztaznik table {width: 100%;}
.roztaznik thead td,.roztaznik td {padding: .5em 1em; text-align: center; vertical-align: middle; border:1px solid #ddd; border-top: 0; border-left: 0;}
.roztaznik thead td {border-top: 1px solid #ddd;}
.roztaznik .info {text-align: left;border-left: 1px solid #ddd; background: #eee;}
.roztaznik .info,.roztaznik thead td {font-weight: bold;background: #eee;}
.roztaznik .info.center {text-align: center;}
.roztaznik tbody tr:nth-child(even) td{background: #f8f8f8;}
.roztaznik tbody tr:nth-child(even) td.info { background: #eee;}
.roztaznik .wpic { border:0; background: transparent; vertical-align: middle;}

/* ============================ Kontaktní formulář ============================ */
.kontaktform #mailform { padding: 20px; margin: 5px 0;}
.kontaktform #mailform input[type=text] {width: 100% }
.kontaktform #mailform input[type=submit] {margin-top:15px }
.kontaktform #mailform textarea { width: 100%}
.kontaktform #mailform label { width: 100%}
.kontaktform #mailform .post {display: none}
.kontaktform #mailform .frmhlaska { margin:0 0 15px 0; font-size: 1.3em; font-weight: bold}
.kontaktform #mailform .vlevo {width:45%;}
.kontaktform #mailform .vpravo {width:45%; }
.kontaktform { text-align: left; width: 60%}

/* ============================ Paticka ============================ */

#obalka-paticka { }
#paticka-vnitrek { padding: 25px 30px 40px 0; text-align: right; color: #4e5772; }
#paticka-vnitrek a { color: #4e5772; }
#paticka-vnitrek a:hover { text-decoration: none; }