/* SEPO */

/* ---------- TEXT COLOR ---------- */
/*	


*/

body, html { margin: 0px; padding: 0px; font-family: Arial; font-size: 11px; color: #666; line-height: 18px; }
body { background: url(img/bg-subpage.png) repeat-x; }

body.home { background: #FFFFFF url(img/bg.jpg) repeat-x; }
body.home a.home { float: left; width: 62px; height: 46px; margin-right: 2px; display: block; background: url(img/menu-home.png) no-repeat 0px -46px; }
/* ---------- ALL PAGE ---------- */
a { outline: none; moz-outline: none; }
p { margin: 0px; padding: 0px; }
h1 { color: #D2102C; font-size: 24px; font-weight: 100; text-align: left; margin: 15px 0px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
h2 { color:#111111; font-size: 18px; margin: 25px 0px 10px 0px; padding: 0px; }
h3 { color:#111; font-size: 14px; margin: 25px 0px 10px 0px; padding: 0px; }
h4 { color:#fff; font-size: 30px; padding: 36px 0px 10px 0px; font-weight: 100; }
hr { background: #ddd; height: 1px; border: 0px; margin: 5px 0px 10px 0px; }

* { margin:0; padding:0; }

.left  { float:left;  }
.right { float:right; }
.clear { clear: both; }
.none { display: none; }

a { color: #D2102C; text-decoration: underline; }
a:hover { color: #D2102C; text-decoration: none; }
a.logo { display: block; position: absolute; left: 2%; top: 5%; width: 232px; height: 51px; background: url(img/logo.jpg) no-repeat; }

a.top-produkt { font-weight: bold; font-size: 12px; } 

/* ---------- WRAPPER --------- */
/*#wrapper { width: 1330px; height: auto; margin: auto; background: url(img/bg-wrapper.png) repeat-x; }*/
body.home #wrapper { width: 1330px; height: auto; margin: auto; background: url(img/bg-wrapper.png) repeat-x; }
#wrapper { width: 950px; height: auto; margin: auto; background: url(img/bg-wrapper.png) repeat-x; }
/* ---------- HEADER ---------- */
#header { width: 950px; height: auto; margin: 20px auto 0px auto; position: relative; }
#header ul { height:46px; width:960px; float: left; margin-top: 40px; list-style-type:none; padding:0px; overflow: hidden; }
/*ie6*/
*html #header ul { height:46px; width:950px; margin-top: 38px; list-style-type:none; padding:0px; overflow: hidden; float: left; }
*html #header ul li a span.left { background:url('img/menu-items-left.png'); display:block; height:9px; padding:14px 10px 10px 27px; float:left; }

a.home { float: left; width: 62px; height: 46px; display: block; background: url(img/menu-home.png) no-repeat 0px 0px; }
a.home:hover { float: left; width: 62px; height: 46px; display: block; background: url(img/menu-home.png) no-repeat 0px -46px; }
ul li a:hover span.arrow { width: 7px; height:6px; position: absolute; left: 45%; top: 93%; padding: 0px; display:block; background:url(img/menu-items-arrow.png) no-repeat center bottom; }	
ul li { padding:0px; margin:0px 2px 0px 0px; float:left; position: relative; }
ul li a { text-decoration:none; color:#333333; font-weight:bold; text-transform:uppercase; cursor: hand; }
ul li a span.left { background:url('img/menu-items-left.png'); display:block; height:9px; padding:14px 6px 20px 20px; float:left; }
ul li a span.right { background:url('img/menu-items-right.png') right top; display:block; float:left; width:15px; height:40px; }
ul li a:hover span.right { background:url('img/menu-items-right-hover.png') right top; display:block; float:left; width:15px; height:40px; }
ul li a:hover span.left, menu li a.selected span.left, menu li a.selected span.right { background-image:url('img/menu-items-left-hover.png'); color:#fff; }
ul li a.selected span.left { background:url('img/menu-items-left-hover.png'); display:block; height:9px; padding:14px 10px 17px 23px; float:left; color: #fff; }
ul li a.selected span.right { background:url('img/menu-items-right-hover.png') right top; display:block; float:left; width:15px; height:40px; }
ul li a.selected span.arrow { width: 7px; height:6px; position: absolute; left: 45%; top: 100%; padding: 0px; display:block; background:url(img/menu-items-arrow.png) no-repeat center bottom; }	

*html ul li a span.left { background:url('img/menu-items-left.png'); display:block; height:9px; padding:14px 10px 10px 27px; float:left; }

ul li.page_item.page-item-3.current_page_item { display: none; }
li#linkcat-4 h2 { display: none; }
ul li#linkcat-4 ul { list-style-type: none; }
/* IE8 fixs */

#header .search { width: 230px; height: 30px; margin: 10px 0px 0px; background: url(img/bg-search.png) no-repeat; float: right; }
#header .search a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; float: right; margin: 7px 10px 0px 0px; }
#header .search a:hover { color: #fff; text-decoration: none; text-transform: uppercase; }
#header .search input { border: 0px; width: 100px; height: 20px; background: none; outline: none; padding: 5px; }
#header .search input.input-text { width: 140px; margin-right: 20px; color: #333; }
#header .search input.input-button { background: none; color: #fff; width: 50px; }
#header .search ul { list-style-type: none; margin-top: 1px; width: auto; }
/* --------- CONTENT ---------- */
#top-content-main { width: 1330px; height: 405px; margin: 10px 0px 0px 0px; background: url(img/fire.jpg) center bottom no-repeat; }
#top-content-main .top-content { width: 950px; height: auto; margin: 0px auto; }
#top-content-main .top-content .tc-box { width: 230px; height: auto; margin-right: 10px; }
#top-content-main .top-content a.box-button-1 { width: 230px; height: 51px; display: block; background: url(img/tc-hasiace-pristroje.png) no-repeat; }
#top-content-main .top-content a.box-button-2 { width: 230px; height: 51px; display: block; background: url(img/tc-hydranty.png) no-repeat; }
#top-content-main .top-content a.box-button-3 { width: 230px; height: 51px; display: block; background: url(img/tc-dvere.png) no-repeat; }
#top-content-main .top-content a.box-button-4 { width: 230px; height: 51px; display: block; background: url(img/tc-systemy.png) no-repeat; }

/* -------- SUBPAGE CONTENT -------- */
#top-content-s { width: 950px; height: 95px; background: url(img/fire-subpage.jpg) no-repeat right bottom; }


.cb-main menu li.cat-item { list-style-type: none; display: block; height: 26px; padding-bottom: 1px; float: none; }
.cb-main menu li.cat-item a { width: 200px; height: 26px; padding-left: 10px; display: block; margin: 0px 0px 10px 10px; text-decoration:none; color:#D2102C; line-height: 26px; font-weight:bold; font-size: 12px; background: url(img/submenu.png) repeat-x; }
.cb-main menu li.cat-item a:hover { display: block; background: url(img/submenu-hover.png) repeat-x; color: #fff; } 
.cb-main menu li.page_item { list-style-type: none; display: block; height: 26px; padding-bottom: 1px; float: none; }
.cb-main menu li.page_item a { width: 200px; height: 26px; padding-left: 10px; display: block; margin: 0px 0px 10px 10px; text-decoration:none; color:#D2102C; line-height: 26px; font-weight:bold; font-size: 12px; background: url(img/submenu.png) repeat-x; }
.cb-main menu li.page_item a:hover { display: block; background: url(img/submenu-hover.png) repeat-x; color: #fff; } 

#content { width: 950px; height: auto; margin: 20px auto; }
blockquote#foto { width: auto; height: auto; margin: 10px 0 20px 0; overflow: hidden; }
blockquote#foto a.cboxElement { display: block; float: left; margin: 15px 0 0 15px; background: #f2f2f2; padding: 5px; text-align: center; width: 155px; height: auto; text-decoration: none; color: #777; font-weight: bold; border: 1px solid #ddd; }
blockquote#foto a.cboxElement:hover { background: #fff; }
blockquote#foto span { float: left; margin: 0px; font-size: 14px; color: #D2102C; }

/*text*/
.c-box { width: 448px; height: auto; font-size: 12px; }
.c-box-s { width: 680px; height: auto; font-size: 12px; }
.c-box-s .c-box-s-left { width: 500px; height: auto; float: left; }

.content-s-left { padding: 10px; background: #F2F2F2 url(img/c-s-top.png) no-repeat; float: left; width: 230px; height: auto; }
.content-s-left .kosik { width: 155px; height: 40px; padding: 5px 5px 5px 70px; margin: 0px 0px 10px 0px; background: url(img/bg-shop-kosik.png) no-repeat; color: #111; font-weight: bold; }


.c-box-s menu.ul-content { display: block; list-style-type: square; color: #D2102C; margin: 10px 20px;}
.c-box-s menu.ul-content li p { color: #111; } 
.c-box-s p.cbs { width: 600px; margin: 15px 0px; padding-left: 20px; background: url(img/uvodzovky.png) no-repeat left top; font-style: italic; color: #999999; }
.c-box-s table { padding: 0px; margin: 0px; text-align: left; border-collapse: collapse; }
.c-box-s table th { width: auto; padding: 2px 50px 2px 10px; margin: 0px; border: 1px solid #AC0D25; border-bottom: 0px; background: #D3102D; color: #fff; }
.c-box-s table td { width: auto; padding: 0px 10px; margin: 0px; border: 1px solid #E3E3E3; color: #666; }
.c-box-s .sort { width: 645px; height: 18px; background: #f2f2f2; border: 1px solid #ddd; margin: 10px 0px 10px 13px; color: #666666; padding: 6px 5px 5px 10px; }
.c-box-s p { padding: 10px 0; }

/*top produkt
#content .c-box-2 { width: 230px; height: auto; margin: 0px 10px 0px 30px; background: #F6F6F6 url(img/c-box-bottom2.png) no-repeat center bottom; line-height: 16px; }
#content .c-box-2 .cb-top { width: 220px; height: 29px; padding: 5px 0px 0px 10px; background: url(img/c-box-top.png) no-repeat; color: #fff; font-weight: bold; } 
#content .c-box-2 .cb-main { width: 230px; height: auto; background: url(img/c-box-main.png) repeat-y; }
#content .c-box-2 .cb-main img { margin: 10px auto; }
#content .c-box-2 .cb-bottom { width: 230px; height: 2px; background: url(img/c-box-bottom.png) no-repeat; } 
#content .c-box-2 p { padding: 10px 10px 0px 15px; color: #525252; }
#content .c-box-2 a.box-button2 span.main2 p { padding: 10px; }
*/
#content .c-box-2 { width: 230px; height: auto; margin: 0px 10px 0px 30px; background: #F6F6F6 url(img/c-box-bottom2.png) no-repeat center bottom; line-height: 16px; }
#content .c-box-2 .cb-top { width: 220px; height: 29px; padding: 5px 0px 0px 10px; background: url(img/c-box-top.png) no-repeat; color: #fff; font-weight: bold; } 
#content .c-box-2 .cb-main { width: 230px; height: auto; background: url(img/c-box-main.png) repeat-y; }
#content .c-box-2 .cb-main img { margin: 10px auto; }
#content .c-box-2 .cb-bottom { width: 230px; height: 2px; background: url(img/c-box-bottom.png) no-repeat; } 
#content .c-box-2 p { padding-bottom: 10px; color: #525252; }
#content .c-box-2 p.euro { color: #D2102C; font-size: 16px; width: 80px; float: left; padding-top: 4px; }
#content .c-box-2 a.box-button2 span.main2 p { padding: 10px; }

/*top produkt submenu*/
#content .c-box-4 { width: 230px; height: auto; margin: 0px 0px 10px 0px; background: url(img/c-box-bottom.png) no-repeat center bottom; line-height: 16px; }
#content .c-box-4 .cb-top { width: 220px; height: 26px; padding: 8px 0px 0px 10px; background: url(img/c-box-s-top.png) no-repeat; color: #fff; font-weight: bold; } 
#content .c-box-4 .cb-main { width: 230px; height: auto; padding: 7px 0px; background: url(img/c-box-main.png) repeat-y; }
#content .c-box-4 .cb-main img { margin: 10px auto; }
#content .c-box-4 p { padding: 10px 10px 0px 15px; color: #525252; }
#content .c-box-4 a.box-button2 span.main2 p { padding: 10px; }
#content .c-box-4 .cb-bottom { width: 230px; height: 2px; background: url(img/c-box-bottom.png) no-repeat; } 

/*novinky*/
#content .c-box-3 { width: 230px; height: auto; clear: both; margin: 0px 10px 0px 0px; line-height: 16px; background: #f6f6f6; }
#content .c-box-3 .cb-top { width: 220px; height: 26px; padding: 8px 0px 0px 10px;  background: url(img/c-novinka-top.png) no-repeat; color: #666; font-weight: bold; } 
#content .c-box-3 .cb-main { width: 210px; height: auto; padding: 0px 10px; padding-top: 7px; background: url(img/c-novinka-main.png) repeat-y; border-bottom: 1px solid #ddd; }
#content .c-box-3 .cb-main img { margin: 10px auto; }
#content .c-box-3 .cb-bottom { width: 230px; height: 2px; background: url(img/c-novinka-bottom.png) no-repeat; } 
#content .c-box-3 p { padding: 0px; color: #D2102C; }
#content .c-box-3 a.novinka { color: #D2102C; text-decoration: underline; font-weight: 100; display: block; border-bottom: 1px dashed #ccc; padding: 0px 0px 10px 0px; margin-bottom: 5px; }
#content .c-box-3 a.novinka:hover { color: #D2102C; text-decoration: none; }
#content .c-box-3 a.novinka-last { color: #D2102C; text-decoration: underline; font-weight: 100; display: block; padding: 0px 0px 10px 0px; }
#content .c-box-3 a.novinka-last:hover { color: #D2102C; text-decoration: none; }

/*novinky sortiment*/
#content .c-box-3 .cb-main2 a.novinka2 { height: auto; color: #D2102C; text-decoration: none; font-weight: 100; display: block; padding: 3px 0px 0px 0px; font-weight: bold; }
#content .c-box-3 .cb-main2 a.novinka2:hover { color: #D2102C; text-decoration: underline; }
#content .c-box-3 .cb-main2 a p { text-decoration: underline; }
#content .c-box-3 .cb-main2 a:hover p { text-decoration: none; }
#content .c-box-3 .cb-main2 p.euro { text-decoration: none; font-size: 12px; font-weight: bold; display: inline; color: #111; }
#content .c-box-3 .cb-main2 p.sk { display: inline; padding-left: 5px; color: #999999; text-decoration: none; }
#content .c-box-3 .cb-main2 a:hover p.sk { display: inline; padding-left: 5px; color: #999999; text-decoration: none; }
#content .c-box-3 .cb-main2 { width: 200px; height: 388px; overflow: hidden; padding: 5px 15px 0px 15px; background: url(img/c-novinka-main.png) repeat-y; border-bottom: 1px solid #ddd; }
#content .c-box-3 .cb-main2 .ns-img { width: 50px; height: 50px; padding: 3px 5px 5px 4px; margin: 5px 7px 5px 0px; background: #f2f2f2; float: left; }
#content .c-box-3 .cb-main2 .ns-img img { border: 1px solid #ddd; margin: 0px; padding: 0px; background: #fff; }

a.box-button { width: auto; height: 22px; display: block; margin: 0px 10px 0px; color: #fff; text-decoration: none; }
a.box-button span.left { width: 10px; height: 22px; float: left; display: block; background: url(img/box-button-left.png) left top no-repeat; }
a.box-button span.right { width: auto; height: 19px; float: left; padding: 3px 7px 0px 7px; display: block; background: url(img/box-button.png) right top; }
a.box-button2 { width: auto; float: left; height: 22px; display: block; margin: 0px; background: #999 url(img/li2.png) no-repeat 12% 50%; color: #fff; text-decoration: none; }
a.box-button2 span.left2 { width: 10px; height: 22px; float: left; display: block; background: url(img/box-button2-left.png) no-repeat; }
a.box-button2 span.right2 { width: auto; height: 22px; padding: 3px 7px 0px 7px; float: left; display: block; background: url(img/box-button2-right.png) right top no-repeat; }
p.date { color: #525252 !important; background: url(img/calendar.png) 0% 50% no-repeat; display: block; padding-left: 15px !important; }

/*SHOP*/
#content .shop-produkt { border: 1px solid #ddd; width: 210px; height: auto; float: left; margin-left: 13px; margin-bottom: 13px; background: #f2f2f2; }
/*ie6*/ *html .shop-produkt { margin-left: 4px; }
#content .shop-produkt a.box span.euro { display: inline; padding-left: 5px; color: #111; text-decoration: none; }
#content .shop-produkt a.box span.sk { display: inline; padding-left: 5px; color: #999999; text-decoration: none; }
#content .shop-produkt a.box span { display: block; padding-left: 5px; min-height: 36px; text-decoration: underline; }
#content .shop-produkt a.box:hover span { padding-left: 5px; text-decoration: none; }
#content .shop-produkt a.box { width: 200px; height: auto; display: block; border: 5px solid #F2F2F2; text-decoration: none; }
#content .shop-produkt a.box:hover { width: 200px; height: auto; display: block; border: 5px solid #ccc; }
#content .shop-produkt span.img { display: block; width: 195px; min-height: 100px !important; margin: auto; text-align: center; padding: 25px 0px; background: #fff; margin-bottom: 5px; }

#bottom-content { width: 950px; height: auto; margin: 10px 0px 1px 0px; padding: 24px 0px 24px 10px; }

/* -------- KONTAKT ------- */
.bg-mapa { width: 400px; float: right; background: #F2F2F2; padding: 5px; margin-top: 15px; border: 1px solid #ddd; color: #000; }


/* --------- FOOTER ---------- */
#footer { clear: both; width: 950px; height: auto; margin: 20px auto 0px auto; margin-bottom: 20px; padding: 0px; color: #525252; }
.nav { width: 950px; height: 34px; }
.nav .nav-left { width: 25px; height: 34px; background: url(img/nav-left.png) no-repeat; float: left; }
.nav .nav-main { width: 923px; height: 34px; background: url(img/nav-main.png) repeat-x; float: left; }
.nav .nav-right { width: 2px; height: 34px; background: url(img/nav-right.png) no-repeat; float: left; }
.nav .nav-main a { display: block; width: auto; padding: 7px 30px 0px 10px; height: 27px; background: url(img/nav-li.png) right center no-repeat; color: #777777; font-weight: 100; float: left; } 
.nav .nav-main a:hover { color: #525252;  }
.nav .nav-main a.current { color: #777777; display: block; padding: 7px 0px 0px 10px; background: none; text-decoration: none; font-weight: bold; float: left; }
.loga-main { width: 898px; height: auto; padding: 20px 25px; background: url(img/footer-bottom.png) no-repeat center bottom; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.loga-main a.makoma { display: block; width: 169px; height: 38px; background: url(img/makoma-logo.jpg) no-repeat; }
.podpis { width: 940px; height: 30px; margin-bottom: 20px; padding: 15px 0px 20px 10px; border-bottom: 1px solid #E6E6E6;  }

a.top { width: auto; height: 22px; display: block; margin: 0px 10px 0px; color: #fff; text-decoration: none; }
a.top span.left { width: 10px; height: 22px; float: left; display: block; background: url(img/box-button2-left.png) left top no-repeat; }
a.top span.right { width: auto; height: 19px; float: left; padding: 3px 7px 0px 7px; display: block; background: url(img/box-button2-right.png) right top; }

#footer .loga-main .partneri { width: auto; height: 50px; float: left; }
#footer .loga-main .partneri a { position: absolute; display: block; width: 100px; height: 50px; }

p.creditline { display: none; }

/* -------- FORMULAR -------- */

.formular table { border: 0px; }
.formular table td { border: 0px; padding: 0px 5px 0px 0px; }
.formular table input { height: 16px; width: 210px; padding: 5px 0px 0px 5px; margin-bottom: 5px; background: #EEEEEE; border: 0px;  border-left: 1px solid #D6D6D6; border-top: 1px solid #D6D6D6; }
.formular table textarea { height: 80px; width: 400px; padding: 3px; margin-bottom: 3px; background: #EEEEEE; border: 0px;  border-left: 1px solid #D6D6D6; border-top: 1px solid #D6D6D6; }
.formular .send { width: 77px; height: 32px; float: right; border: 0px; margin-top: 5px; background: url(img/send.png) no-repeat; text-indent: -9999px; font-size: 0px; line-height: 0px; }
.formular tr td p { width: 100px; }

/* -------- CONTACT FORM-------- */
div.wpcf7{margin:0; padding:0}
div.wpcf7-response-output{margin:2em 0.5em 1em; padding:0.2em 1em}
div.wpcf7-mail-sent-ok{border:2px solid #398f14}
div.wpcf7-mail-sent-ng{border:2px solid #f00}
div.wpcf7-spam-blocked{border:2px solid #ffa500}
div.wpcf7-validation-errors{border:1px solid #D70404 !important;}
span.wpcf7-form-control-wrap{position:relative}
span.wpcf7-not-valid-tip{position:absolute; top:-8px !important; left:0px !important; z-index:100; font-size: 11px !important; background:#fff; border:1px solid #D70404 !important; font-size:10pt; width:210px !important; padding:2px 0px 0px 5px !important;}
span.wpcf7-not-valid-tip-no-ajax{color:#f00; font-size:10pt; display:block}
span.wpcf7-list-item{margin-left:0.5em}
.wpcf7-display-none{display:none}
img.ajax-loader{border:none; vertical-align:middle}


/*ESHOP HACK*/
p.creditline { display: none; }
#cboxCurrent { left: 120px !important; }
#cboxNext { left: 80px !important; }
p.eshopshipping, div.sort { display: none;}	
.eshoppayvia { display: none; }
form.eshop fieldset .eshop.fld4, div.eshop.fld4 { margin: 15px 0 15px 0; }
span.altstate, span.state { display: none; }
div.custdetails p small.privacy a { display: none; }
small.privacy { width: 50px; overflow: hidden; }

fieldset .eshop label { display: block; }

table.eshop tr.alt { }
p.testing strong { display: none; }
p.eshop_tandc { padding: 0 0 0 7px; width: 30px; float: left; }
p.eshop_tandc label { padding-left: 5px; float: left; }
p.eshop_tandc input { float: left; }

div.eshop.fld0 { width: 280px; float: left; } 
div.eshop.fld4 { width: 280px; float: left; margin: 0px; }
form.eshop { clear: both; }
form.eshop div label small { display: none; }
form.eshop fieldset.eshop.fld2 label { display: block; }
form.eshop fieldset.eshop.fld4 legend { color: #AC0D25 !important; }

form.eshop legend#mainlegend { color: #AC0D25 !important; font-size: 14px; margin: 0 -11px 10px -6px; padding: 13px !important; width: 645px; background: #fff !important; border: 1px solid #DBE3F0 !important; }
form.eshop legend { border: 0px !important; background: none !important; font-size: 14px; color: #000 !important; padding: 0px !important; }
table tr td.amts span.sk { color: #999; font-size: 11px; }

table.eshop.cart caption { display: none; }
span.ship_state,span.ship_altstate { display: none; }

a.obchodne { color: #000; }

ul.errors { background: #FFFDE8; border: 1px solid #B10202; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px; list-style: none; }
ul.errors li { float: none; }
ul.errors li strong { color: #A22F2F; }

div.c-box-s p strong.error, div.c-box-s p small.privacy { display: none; }

ul.continue-proceed li,ul.continue-proceed { display: none !important; }
input#submitit,span.buttonwrap { clear: both; }

small#eshopshowshipcost strong { font-size: 12px; }

form.eshop input.button { margin-top: 20px !important; }

label input#ppsubmit { padding-top: 1px; font-size: 13px; color: #fff !important; margin: 0px !important; }

ul.continue-proceed2 li {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #F6F6F6;
border:1px solid #E3E3E3;
cursor:pointer;
display:inline-block;
margin:0;
padding:5px;
text-align: center;
margin: 3px;
}
ul.continue-proceed2 li:hover { background: #f1f1f1; }

ul.continue-proceed2 {
margin:0;
padding:0;
width:100%;
}

ul.continue-proceed2 li a {
color:#333333;
display:block;
font-size:11px;
text-decoration:none;
width:317px;
text-transform: none;
font-weight: 100;
}

p.testing strong { display: none; }

form.eshop input:focus, form.eshop textarea:focus { border: 1px solid #AC0D25 !important; }


/*ESHOP HACK*/

.c-box-s h4 {
color:#AC0D25;
font-size:16px;
padding:10px 0;
}
 
ul.eshop.confirm li, ul.eshop.confirmship li { margin: 0px; float: none; }
ul.eshop.confirm li span,ul.eshop.confirmship li span { font-weight: bold; }
 
ul.eshoppanels li{min-height:200px; min-width:200px}

ul.eshoppanels li, ul.eshop li a img, table.eshop img, 
form.eshopform fieldset.eshoppayvia li label, .paginate ul li{float:left}

form.eshopform fieldset.eshoppayvia li label{float:left}
ul.eshop li, form.addtocart, .pagfoot{clear:left}

form.eshop input.buttonimg{width:111px; height:33px; position:relative; top:10px}

table.eshop, table.eshop th, table.eshop td{border:1px solid #e3e3e3 !important}
table.eshop img{border:none}
table.eshop thead th, table.cart thead th{background:#CBD1E7; color:#404040}
table.eshop tbody th{background:#fafafa !important}
table.eshop tr{background:#fff !important; color:#999 !important; border:0px !important}
table.eshop tr.alt{background:#f6f6f6 !important; color:#fff !important; border:0px !important}
table.eshop tr.alt a{color:#aaa !important}

table.cart tr.stotal{background:#E6FDCD; color:#404040}
table.cart tr.total{background:#EFDEF1; color:#404040}

ul.eshop li a img{border-width:1px; border-style:solid; border-color:#CBD1E7}
ul.eshop li a:hover img, ul.eshop li a:active img, ul.eshop li a:focus img{border-color:#0d0}

ul.eshoppanels li form.addtocart{background:transparent; color:#404040; border:none}

ul.eshopaz li a{border:1px solid #b5b5b5}
ul.eshopaz li.current a{border:1px solid #000}
ul.eshopaz li span{ color:#b5b5b5;  border:1px solid #b5b5b5}
ul.eshopaz li a:hover, ul.eshopaz li a:active, ul.eshopaz li a:focus{border:1px solid #060}
ul.eshopaz li a:active, ul.eshopaz li a:focus{background:#D1FDA5; color:#000}

form.eshop input.button{background:url(img/vlozit-do-kosika.png) no-repeat !important; color:#fff !important; border-width:0px !important; border-style:solid; border-color:0px !important; width:100px; height:22px; margin-top:1px; font-size:11px; display:inline; margin-top:10px; margin-left:7px}
form.eshop input.button:hover, form.eshop input.button:active, form.eshop input.button:focus{background:!important; color:#fff !important}
form.eshop input.buttonimg{background:transparent; border:none}
form.eshop fieldset{background:#fafafa !important; color:#606060; border:1px solid #DBE3F0 !important; min-width:400px !important; padding:5px}
form.eshop fieldset .eshop{background:#fafafa !important; color:#606060; border:0px !important; min-width:400px !important; padding:5px}
form.eshop fieldset fieldset{background:#EEEEF8}
form.eshop legend{background:#CFCFE0; color:#404040; border-width:1px; border-style:solid; border-color:#DBE3F0 #B6BAC9 #B6BAC9 #DBE3F0}

input.med{background:#fff}
form.eshop input, form.eshop textarea{background:#FAFAFA; color:#000; border:1px solid #ccc}
form.eshop input:focus, form.eshop textarea:focus, form.eshop input.focus, form.eshop textarea.focus{background:#fff; color:#404040; border-color:#0d0}
form.dlproduct label{color:#A22F2F}

#content .eshop li, 
#content ul.eshopfeatured li, #content ul.eshopfeatured li, #content ul.eshopsubpages li, 
#content ul.eshoprandomlist li, #content ul.eshopshowproduct li, #content ul.eshoppanels li, 
#content fieldset.eshoppayvia li, 
#content .pagfoot ul li, #content ul.continue-proceed li{list-style-type:none; list-style-image:none}

div.paginate ul li{background:#DEE0F1; color:#404040; border-width:1px; border-style:solid; border-color:#EAEAF6 #CECFDB #CECFDB #EAEAF6}

#process{background:#fafafa !important; color:#333 !important; border:1px solid #ddd !important}

.reqd, .error{color:#A22F2F}

.creditline{color:#969696}

table.eshop a { font-size: 12px; }
table.eshop th { font-size: 12px; }
table.eshop{width:99%; border-collapse:collapse; line-height:1.3em}
table.eshop caption{margin-bottom:0; padding:2px 0; font-size:.9em}
table.eshop thead th{font-weight:100 !important; text-align:center; background:#D2102C !important; color:#fff !important; border:1px solid #AC0D25 !important; border-bottom:0px !important}
table.eshop tbody th{text-align:left; color:#333}
table.eshop tr{padding:3px; background:#fff; color:#999}
table.eshop td{padding:3px}
table.eshop .center{text-align:center}
table.eshop dfn{font-style:normal}
table.eshop img{margin:0 10px 0 0; vertical-align:top}

table.cart td, table.cart th{padding:5px 8px}
table.cart td.amts{text-align:right; color:#333}
table.cart td.amts.lb{text-align:right; color:#ab0000; font-size:14px}

table.cart td.cqty{text-align:center; font-size:11px; color:#333 !important; font-weight:100}
table.cart td.cqty input{text-align:right}
table.cart tr.stotal{text-align:right; background:#fafafa !important}

table#eshopshiprates td{text-align:right}
table#eshopshiprates td.center{text-align:center}
table#eshopshiprates thead th, #zonelist thead th{padding:2px}
table#eshopshiprates{margin-bottom:10px}
#zonelist td{text-align:left}
#zonelist td.code, #zonelist td.zone{text-align:center}
.eshopzones label{display:inline}
.eshopzones .button{padding:0 5px}

table.eshopdiscounts thead th#ediscount{width:8em}
table.eshopdiscounts tbody th{text-align:center}
table.eshopdiscounts td.amts{text-align:right}
table.eshopdiscounts td.disc{text-align:right}
.shipdiscount span{font-weight:bold}

ul.eshop{margin:0; padding:0}
ul.eshop li{margin:0 20px 20px; padding:0; line-height:1.3em}
ul.eshop li a{display:block; margin:0 0 10px; padding:0; text-decoration:none}
ul.eshop li a img{margin-right:20px; margin-bottom:20px}
ul.eshop li a.itemref{font-size:1.3em}

ul.eshoppanels li{clear:none; text-align:center}
ul.eshoppanels li a img{float:none; margin:0}

ul.eshoppanels li form select, ul.eshoppanels li form.input{display:block; width:auto; margin:2px auto}
ul.eshoppanels li form.addtocart{width:auto; margin-top:0; padding:0}

ul.eshopfeatured form.addtocart{clear:none}

ul.eshopaz li{line-height:1.8em; list-style:none; display:inline; margin:0 1px 0 0}
ul.eshopaz li a{ display:inline; padding:1px 3px; margin:0}
ul.eshopaz li a:active, ul.eshopaz li a:hover, ul.eshopaz li a:focus{text-decoration:underline}
ul.eshopaz li span{ padding:1px 3px}

input.button{width:auto; padding:2px 5px; margin-right:1em}
input.button:hover, input.button:active, input.button:focus{cursor:pointer}

form.eshop{width:99% !important; margin:0px !important; line-height:1.3em}
form.eshop label{font-weight:bold}
form.eshop input, form.eshop textarea{font-size:1em; background:#fff !important; padding:4px}
form.eshop textarea{width:98%; background:#fff !important}

form.addtocart{width:99%; margin-top:10px !important; padding:5px 5px 5px 0px !important}
form.addtocart fieldset{padding:0px 0px 11px 9px !important}
form.addtocart select{width:auto; margin-right:20px; border:1px solid #999; padding-left:2px}
form.addtocart select option{padding-left:5px}

form.addtocart span.sglprice{width:auto; margin-right:20px}
form.addtocart label{display:inline}
form.addtocart input.iqty{width:2.5em; font-size:11px; font-weight:100; padding:1px}
form.addtocart dfn{font-style:normal; color:#999; font-size:11px; font-weight:100}

form#eshopdlform fieldset{width:20em; margin:0 auto}
form#eshopdlform input#email, form#eshopdlform input#code{width:99%; font-size:.9em; margin:0 0 10px}
form#eshopdlform label{display:block; font-size:1em}
form#eshopdlform input.button{display:block; margin:0 auto}

form.dlproduct{margin-bottom:20px}
form.dlproduct fieldset, form#dlall fieldset{padding:15px; margin-bottom:5px}
form.dlproduct .ro{width:2em; margin-right:10px}
form.dlproduct label{display:inline}

.cartopt{text-align:center}
.cartopt p{width:20em; margin:10px auto}
.cartopt label{display:inline}
.continue-proceed{margin:10px 0 0; padding:0; text-align:center}
.continue-proceed li{margin:0 10px; padding:0; display:inline}

.eshop_dcode{text-align:center; font-weight:bold}
.eshop_dcode span{font-size:1.2em}

#process{ width:90% !important;  margin:10px auto 0;  padding:15px !important;  line-height:1.5em}
#process strong{font-size:1.2em}
#process em{ font-weight:bold;  font-style:normal}
#eshopgateway{text-align:right; padding-bottom:10px}

p.eshopwidget span{font-size:2em; letter-spacing:.02em}

.paginate{margin:5px 2px; font-size:90%}
.paginate p{padding:0; line-height:2em}
.paginate p span{font-weight:bold}
.paginate ul{margin:0; padding:0}
.paginate ul li{padding:0 4px; margin-right:5px}
.paginate ul li a{display:block}

p.jdl{text-align:center; font-size:1.2em}

a.eshopmore{display:block; text-align:right}

.offset{color:#000; font-size:14px; margin-top:10px; display:block}

.creditline{text-align:center; font-size:.7em}

.wp-pagenavi a, .wp-pagenavi a:link{padding:2px 2px 2px 2px !important; margin:2px; text-decoration:underline !important; border:0px !important; color:#D2102C !important; background-color:#FFF}
.wp-pagenavi a:visited{padding:2px 2px 2px 2px !important; margin:2px; text-decoration:none; border:0px !important; color:#06c; background-color:#FFF}
.wp-pagenavi a:hover{border:0px !important; color:#000; text-decoration:none; background-color:#FFF}
.wp-pagenavi a:active{padding:2px 2px 2px 2px !important; margin:2px; text-decoration:none; border:0px !important; color:#06c; background-color:#FFF}
.wp-pagenavi span.pages{padding:2px 2px 2px 2px !important; margin:2px 2px 2px 2px; color:#000; border:0px !important; background-color:#FFF}
.wp-pagenavi span.current{padding:2px 2px 2px 2px !important; margin:2px; font-weight:bold; border:0px !important; color:#000; background-color:#FFF}
.wp-pagenavi span.extend{padding:2px 2px 2px 2px !important; margin:2px; border:0px !important; color:#000; background-color:#FFF}

/*SAFARI HACK*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    span.wpcf7-not-valid-tip { padding-bottom: 3px !important; }
}