@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin-ext';
@import 'https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&subset=latin-ext';
a img { border: 0; }
hr { display: none; }
#addressbox { display: none; }
body {background: #fff; font-size: 15px;font-weight: 400;color: #2f2f2f;font-family: "Roboto"; background: #fff; line-height: 1.5; }
.clear { clear: both; }
a { color: #f73051; }
a:hover { color: #2f2f2f; }
a:focus { color: #2f2f2f;outline: none; }
img {max-width: 100%;}
h1 { font-family: "Poppins"; font-size: 25px;font-weight: 600; margin: 0 0 15px 0; color: #232323; text-transform: uppercase;line-height: 1.5;}
h2.katalog { font-size: 18px; font-weight: 700; color: #f73051; margin: 10px 0; }
h2 { font-size: 20px; font-weight: normal; color: #f73051; margin: 15px 0 15px 0; font-family: 'Roboto'; }
p {margin: 0 0 25px 0;}
#content { position: relative; margin: 0 auto 0; width: 1000px; padding: 0; text-align: left; z-index: 1000; }
.top-wrapper {width: 100%;float: left;}
.top-line {width: 100%;float: left;background: #f2f2f2 url('../layout/top-line.png');padding: 23px 0;}
.top-main {width: 100%;float: left;padding: 40px 0;border-bottom: 1px solid #e3e3e3;}
.top-menu {width: 100%;float: left;border-bottom: 1px solid #e3e3e3;}
#topmenu { float: right;}
#topmenu ul { list-style: none;margin: 0;padding: 0; }
#topmenu ul li {float: left;}
#topmenu ul li.red { }
#topmenu ul li a {color: #000000; font-weight: 400;font-family: "Roboto"; text-decoration: none;padding: 0 15px;border-left: 1px solid #000; }
#topmenu ul li:first-child a {border-left: none; }
#topmenu ul li a:hover { text-decoration: none; color: #c61426; }
.facebook-sticker {position: fixed;top: 110px;right: 0;}
.top-category-menu {width: 100%;float: left;padding: 20px 0;}
.top-category-menu ul {margin: 0;padding: 0;list-style-type: none;}
.top-category-menu ul li {float: left;width: 13%;position: relative;margin: 0 14px 0 0;}
.top-category-menu ul li .sortiment {float: left;height: 48px;line-height: 48px;background: url('../layout/top-category.png') left center no-repeat;padding: 0 15px 0 20px;text-transform: uppercase;color: #000;font-size: 15px;font-weight: 500;font-family: "Poppins";}
.top-category-menu ul li a {float: left;padding: 0 5px 0 0;text-transform: uppercase;color: #000;font-size: 14px;font-weight: 600;font-family: "Poppins";white-space: normal;text-align:center;}
/*.top-category-menu ul li a:hover,.top-category-menu ul li.active a,.top-category-menu ul li .sortiment:hover,.top-category-menu ul li.active .sortiment {background: url('../layout/top-category.png') left center no-repeat;}*/
.top-category-menu ul li ul {display: none;}
.top-category-menu ul li:hover > ul { display: block; position: absolute; top: 100%; left: 0; background: #fff; border-top: 3px solid #f73051; z-index: 999; padding: 15px; min-width: 300px;-webkit-box-shadow: 0px 0px 15px 4px rgba(217,217,217,0.85);
-moz-box-shadow: 0px 0px 15px 4px rgba(217,217,217,0.85);
box-shadow: 0px 0px 15px 4px rgba(217,217,217,0.85); }
.top-category-menu > ul > li > ul > li:hover ul {top: 0;left: 100%;}
.top-category-menu ul li ul li {float: left;width: 100%;margin: 2px 0;}
.top-category-menu ul li ul li a {height: auto;line-height: normal;text-transform: none;font-size: 14px;}
.slider {width: 100%;float: left;margin: 15px 0;position: relative;}
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.rslides_tabs { position: absolute; width: 100%; right: 0; bottom: -25px; z-index: 99; list-style-type: none; text-align: center;margin: 0; }
.rslides_tabs li {display: inline-block;margin: 0 5px;}
.rslides_tabs li a {width: 9px;height: 9px;display: block;font-size: 0;background: url('../layout/slider-nav.png') no-repeat left top;}
.rslides_tabs li.rslides_here a {background: url('../layout/slider-nav.png') no-repeat left bottom;}
.home-content {width: 100%;float: left;margin: 30px 0;}
.home-content-title {width: 100%;float: left;margin-bottom: 20px;text-transform: none;line-height: 1.3;font-size: 32px;font-weight: 400;color: #2f2f2f;}
.home-content-text {width: 100%;float: left;font-size: 14px;color: #2f2f2f;}
.small-banner {width: 100%;float: left;text-align: center;margin: 10px 0;}
.home-info {width: 100%;float: left;}
.home-info-item {width: 100%;float: left;padding: 20px 35px;margin-top: 50px;min-height: 250px;}
.home-info-item.red {background: #f73051 url("../layout/info-red.png") right 35px bottom 50px no-repeat;}
.home-info-item.gray {background: #232323 url("../layout/info-gray.png") right 35px bottom 50px no-repeat;}
.home-info-item-title {width: 100%;float: left;color: #ffffff;font-weight: 500;font-size: 26px;font-family: "Poppins";margin-bottom: 10px;}
.home-info-item-red-text {width: 100%;float: left;color: #ffffff;font-size: 18px;font-family: "Poppins";}
.home-info-item-gray-text {width: 100%;float: left;color: #ffffff;font-size: 16px;font-family: "Poppins";font-weight: 500;}
.home-info-item-gray-smalltext {width: 100%;float: left;color: #808080;font-size: 16px;font-family: "Poppins";font-weight: 500;margin-top: 15px;}
.home-info-item-gray-btn {background: #313131;float: left;margin-top: 20px;padding: 0 30px;height: 50px;line-height: 50px;color: #fff;font-size: 15px;font-family: "Poppins";font-weight: 400;}
.home-info-item-gray-btn:hover {text-decoration: none;background: #f73051;color: #fff;}
.home-help {width: 100%;float: left;}
.home-help-item {width: 100%;float: left;margin: 30px 0;}
.home-help-item-img {width: 100%;float: left;height: 150px;-webkit-background-size: cover;
background-size: cover;}
.home-help-item-title {width: 100%;float: left;color: #2f2f2f;font-family: "Poppins";font-weight: 600;font-size: 16px;margin-bottom: 20px;min-height: 72px;margin-top: 20px;}
.home-help-item-title a {color: #2f2f2f;}
.home-help-item-text {width: 100%;float: left;color: #2f2f2f;font-size: 14px;}
.home-help-item-text p {margin-bottom: 0;overflow: hidden;
height: 210px;}
.home-news {width: 100%;float: left;background: #eeeeee;padding: 50px 0;margin-top: 60px;}
.home-news-title {float: left;font-family: "Poppins";font-weight: 500;font-size: 24px;color: #000000;height: 41px;line-height: 41px;padding-left: 50px;margin-bottom: 40px;}
.home-news-more {float: right;font-family: "Roboto";font-weight: 500;font-size: 15px;color: #f73051;height: 41px;line-height: 41px;margin-bottom: 40px;}
.home-news-more:hover {text-decoration: underline;color: #f73051;}
.home-news-title.topic-ico {background: url("../layout/topic-ico.png") left center no-repeat;}
.home-news-title.cert-ico {background: url("../layout/cert-ico.png") left center no-repeat;}
.home-news-topic {width: 100%;float: left;}
.news-detail {width: 100%;float: left;padding-right: 15%;}
.home-cert {width: 100%;float: left;background: #fff;padding: 35px;text-align: center;}
.home-cert a {display: block;margin: 0 0 30px 0;}
.footer {width: 100%;float: left;}
.footer-top a {display: inline-block;margin: 0 20px;}
.footer-bottom {width: 100%;float: left;padding: 30px 0;}
.partners {display: table;margin: 0 auto;}
.partners a {display: inline-block;color: #2f2f2f;text-transform: uppercase;margin: 0 15px;font-weight: 700;}
.copyright {width: 100%;float: left;margin: 15px 0;text-align: center;color: #2f2f2f;font-size: 15px;font-weight: 500;}
.copyright a {text-decoration: none;color: #2f2f2f;}
#logo { float: left;margin: 5px 0; }
#header { float: left; }
#header h2 { font-family: "Roboto", "Luxi Sans" Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -1px; color: #5c6366; margin: 0; }
#header h1 { font-size: 13px; margin: 0; font-weight: normal; color: #5c6366; }
#kosik { color: #fff; font-weight: 700; float: right;background: url(../layout/basket.png) left center no-repeat; text-transform: uppercase;height: 43px;line-height: 43px;margin-left: 20px;cursor: pointer;padding-left: 55px;padding-right: 10px; }
#kosik.green {background-color: #2ecc71;}
#kosik.green a {color: #fff;}
#kosik.green a:hover {color: #fff;}
#kosik a { color: #000000; font-weight: normal; text-decoration: none;font-size: 15px;font-family: "Poppins";font-weight: bold; }
#kosik a:hover { color: #000000; text-decoration: underline; }
#obsah { width: 100%; float: left; margin-top:20px}
#rp { float: right; width: 770px; overflow: hidden; text-align: left; }
#rp ol { margin-left: 30px }
#rp ul { margin-left: 30px }
.bigbanner { display: block; margin: 0 0 20px 0; }
#centerpanel { float: left; width: 755px; overflow: hidden; margin: 0 0 0 15px; }
.detailpanel { width: 100%; }
#centerpanel p { padding: 5px 0; max-width: 100%; }
.prodbox { position: relative; float: left; margin: 0; width: 90%; padding: 0; background: url('../layout/comment.gif') no-repeat; padding: 0 0 10px 50px; }
.prodbox .img { width: 100%; text-align: center; height: 140px; overflow: hidden; padding-bottom: 10px; }
.prodbox h3 { font-size: 16px; margin: 0 0 10px 0; color: #be0232; font-family: "Roboto"; padding: 0; font-weight: normal; text-transform: uppercase }
.prodbox a { text-decoration: none; }
.prodbox p { text-align: left; margin: 7px 0; line-height: 150% }
.prodbox a.more { font-weight: 700; margin: 0; display: block; }
#rightpanel { float: right; width: 200px; overflow: hidden; }
strong.rhead { display: block; width: 175px; height: 25px; background: url('../layout/rightheadbg.gif') 0% 0% no-repeat; }
.rbox { padding: 25px; width: 100%; height: auto; background: #FFFFFF; float: left; margin: 0 15px 15px 15px; /* shadow*/ -moz-box-shadow: 1px 1px 1px #dedede; -webkit-box-shadow: 1px 1px 1px #dedede; box-shadow: 1px 1px 1px #dedede; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#dedede')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#dedede'); }
.rbox1 { padding: 15px; width: 100%; height: auto; background: #FFFFFF; float: left; margin: 0 0 30px 0; /* shadow*/ -moz-box-shadow: 1px 1px 1px #dedede; -webkit-box-shadow: 1px 1px 1px #dedede; box-shadow: 1px 1px 1px #dedede; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#dedede')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#dedede'); }
.rproduct { width: 100%; height: 260px; display: none; }
.tip-desc { color: #fff; overflow: hidden; }
.tip { background: #232323 url('../layout/bg-tip.gif') no-repeat; margin: 0; width: 240px; height: 146px; }
.pictit { background: #FFF; position: relative; width: 250px; height: 260px; }
.tipn { font-family: 'Roboto'; font-size: 26px; color: #FFFFFF; margin: 20px 20px 3px 20px; display: block; font-weight: 700; font-style: normal; }
.first { background: none; }
.rproduct a.headline { color: #fff; display: block; font-family: 'Roboto'; font-size: 14px; margin: 0 20px 0 20px; text-decoration: none; line-height: 16px; text-transform: uppercase; font-weight: normal; }
.rproduct .acena { color: #fff; display: block; font-family: 'Roboto'; font-size: 14px; margin: 20px 20px 0 20px; text-decoration: none; line-height: 16px; text-transform: uppercase; }
.rproduct a.headline:hover { }
.rproduct .img { margin: 0; padding: 0; }
.rproduct a.img { }
.rproduct a.img img { }
.rproduct .tiptab { float: left; width: 100%; height: 260px; }
.rproduct .bnrf { float: left; margin: 0 0 0 15px; border: none; }
.uvod { clear: both; margin: 15px 0 }
.rproduct .akcena { background: #232323; width: 240px; height: 114px; }
.rproduct span.cena { font-family: "Roboto"; display: block; margin: 5px 0 0 0; float: left; color: #fff; font-size: 28px; }
.rproduct .minfo { float: right }
input.tocart { width: 87px; height: 23px; background: url('../layout/tocartbg.gif') 0% 0% no-repeat; border: none; cursor: pointer; padding: 0 0 0 18px; font-size: 11px; color: #5f6054; margin: 2px 0 0 0; }
input.tocart2 { width: 89px; height: 21px; background: url('../layout/tocart2bg.gif') 0% 0% no-repeat; border: none; cursor: pointer; float: right; padding: 0 0 0 18px; font-size: 11px; color: #5f6054; margin: 2px 0 0 0; }
input.tocart3 { width: 101px; height: 34px; background: url('../layout/tocart3bg.png') 0% 0% no-repeat; border: none; cursor: pointer; margin: -2px 90px 0 0; padding: 0; float: right }
#leftpanel { float: left; width: 215px; overflow: hidden; }
#srch { float: right;height: 44px;border: 1px solid #eeeeee;margin: 0 0 0 35px;}
#srch input.text { float: left; width: 280px;height: 42px;line-height: 42px; border: 0;padding: 0 10px; color: #2f2f2f; font-size: 14px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; background: #fff;outline: none; margin: 0;}
#srch input.submit { float: left;width: 42px;height: 42px; background: url('../layout/search.png') center center no-repeat; border: none; color: #FFFFFF; font-size: 0; cursor: pointer;outline: none; }
#leftpanel .an { background: url('../layout/bg-red.gif') repeat-x; width: 205px; height: 26px; display: block; color: #fff; text-decoration: none; padding: 10px 0 0 10px; margin: 0; font-family: "Roboto"; font-weight: normal; font-size: 13px; text-transform: uppercase; font-weight: 700 }
#leftpanel .sortiment { background: #FFF; width: 205px; height: 26px; display: block; color: #232323; text-decoration: none; padding: 10px 0 0 10px; margin-bottom: 10px; font-family: "Roboto"; text-transform: uppercase; font-size: 13px }
.leftboxbody { width: 100%; background: #f1f1f1; }
ul.nabidka { list-style: none; }
ul.nabidka li a { color: #353535; text-decoration: none; display: block; padding: 3px 5px }
ul.nabidka li a:hover { background: #FFFFFF; }
ul.nabidka li ul { padding: 5px 0; list-style: none; }
ul.nabidka li ul li { background: none; border: none; padding: 0 0 0 10px }
ul.nabidka li ul li a { font-weight: normal; color: #f73051; }
ul.nabidka li ul { display: none }
ul.nabidka li.activni ul { display: block }
ul.nextmenu { list-style: none; padding: 3px 5px; }
ul.nextmenu li { padding: 2px 10px; }
ul.nextmenu li a { color: #5f6054; text-decoration: none; font-weight: 700; padding: 0 0 0 10px; background: url('../layout/nextmenuli.gif') 0% 50% no-repeat; }
ul.nextmenu li a:hover { text-decoration: underline; }
.whitebox { margin: 0 0 10px 0; }
ul.redmenu { list-style: none; padding: 3px 5px; }
ul.redmenu li { padding: 2px 10px; }
ul.redmenu li a { text-decoration: none; font-weight: 700; padding: 0 0 0 10px; background: url('../layout/redmenuli.gif') 0% 4px no-repeat; }
ul.redmenu li a:hover { text-decoration: underline; }
#footer { height: auto; margin-bottom: 20px; padding: 20px 0; }
#footer p.left { float: left; }
#footer p.alt { float: left; line-height: 24px }
#footer p.right { float: right; padding: 0 20px 0 0; }
#footer a { color: #be0232 }
.nav-bread { background: url('../layout/navbar.png') left center no-repeat; padding: 0 0 0 35px; margin: 35px 0 35px 0;float: left;width: 100%; }
.nav-bread h2 { font-size: 11px; font-weight: normal; display: inline; }
.nav-bread .last + a {color: #000;font-weight: bold;}
.allcenterbody { overflow: hidden; }
.allcenterbody h2 { font-size: 12px; display: inline-block; margin: 0 10px 0 0; padding: 0 }
ul.subcats { list-style: none; }
ul.subcats li { display: inline; background: #FFF; }
ul.subcats li a { color: #5f6052; }
ul.subcats li h3 { border: none; margin: 0; display: inline; font-size: 11px; }
ul.subcats li a:hover { color: #f73051; }
.subcats h3 { display: block; margin: 0; padding: 5px 0; background-repeat: no-repeat; background-position: 0px 8px; font-size: 12px; }
.pr-item {width: 100%;float: left; margin: 40px 0;position: relative; }
.pr-line {width: 100%;height: 1px;background: url(../layout/gray.png) left center repeat-x;}
.pr-item-img-wrap {width: 100%;display: table;height: 205px;margin:40px 0 20px 0 ;text-align: center;}
.pr-item-img-wrap a {display: table-cell;vertical-align: middle;}
.pr-item-img-wrap a img {max-height: 205px;}
.pr-item-text {width: 100%;float: left;height: 85px;
overflow: hidden;}
.pr-item-title {width: 100%;float: left;margin-bottom: 10px;min-height: 74px;}
.pr-item-title h2 {color: #000000;font-weight: bold;font-size: 16px;font-family: "Poppins";margin: 0;}
.pr-item-title a {color: #000000;font-weight: bold;line-height: 1.4;}
.pr-item span.cena { font-family: 'Roboto'; font-weight: 700; color: #232323; font-size: 18px; padding: 5px 0 0 5px; }
.pr-item-price-wrap {width: 100%;float: left;margin-top: 20px;font-family: "Roboto";font-weight: bold;font-size: 14px;color: #565656;}
.pr-item-price {font-weight: bold;display: block;font-weight: 600;font-family: "Poppins";font-size: 21px;color: #f73051;}
.skladem { position: absolute;top: 0; left: 0; }
.skladem img {display:inline-block;margin-bottom: 10px;}
.strankovani { float: right; padding: 5px 0 0 0; word-spacing: 5px; width: 400px; text-align: right; margin: 15px; }
.strankovani a { font-weight: 700; color: #2f2f2f; text-decoration: none; padding: 3px 5px; background: #CCCCCC }
.strankovani a.active { text-decoration: none; background: #cb0303; padding: 3px 5px; color: #FFFFFF }
.strankovani a:hover { text-decoration: none; background: #cb0303; padding: 3px 5px; color: #FFFFFF }
.kimg { float: left; width: 100%; height: 385px; overflow: hidden; text-align: center; padding: 0 15px; background: #FFF;border: 1px solid #dedede; display: table; position: relative;}
.kimg .flags {position: absolute;top: 0;}
.kimg .flags img {display: inline-block;margin-bottom: 5px;}
.kimg img {max-width: 100%;max-height: 385px;}
.kimg .kimg1 { display: table-cell; vertical-align: middle; }
.ttds { width: 95%; float:right; background: #f3f3f3; padding: 30px; border: 1px solid #dedede; min-height: 385px; }
.ttds h1 { margin: 0 0 20px 0; }
.detailboxbody { width: 100%;float: left;color: #000000; }
.detailboxbody span.cena { font-size: 21px; font-family: 'Roboto'; padding: 0; margin: 0; }
.detailboxbody form { padding: 5px 0 0; }
.detailboxbody label { font-weight: 700; }
.detailboxbody input.count { width: 47px; padding: 0; text-align: center; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5f6054; background: url('../layout/bcg-kusu.png') no-repeat; height: 30px; margin-left: 5px; }
.flags { padding: 25px 0;width: 100%;float: left; }
h3 { color: #353535; font-weight: 700; font-size: 18px; padding: 10px 0 10px 0; }
h2.uni { color: #000; font-size: 24px; margin: 50px 0 30px 0; font-family: 'Poppins'; font-weight: 500;width: 100%;float: left;padding-bottom: 12px;border-bottom: 1px solid #e3e3e3;}
h2.uni.red { color: #f73051;}
h3.payment { background: url('../layout/h3payment.gif') 0% 50% no-repeat; padding-left: 20px }
h3.order { background: url('../layout/h3order.gif') 0% 50% no-repeat; padding-left: 20px }
h3.address { background: url('../layout/h3address.gif') 0% 50% no-repeat; padding-left: 20px }
h3.note { background: url('../layout/h3note.gif') 0% 50% no-repeat; padding-left: 20px }
.techpars { border-collapse: collapse; width: 100%; }
.techpars td { padding: 10px 20px; }
.techpars tr.light td { background: #fff; }
.techpars tr.dark td { background: #ebebeb; }
.techpars td.val { text-align: right; }
.colvar { text-align: center; float: left; margin: 0 10px 0 0; }
.colvar img {height:60px}
.sendorder { width: 94px; height: 30px; background: url('../layout/sendorder.png') 0% 0% no-repeat; border: none; }
.allbox { width: 700px; padding: 20px; background: #FFF; /* shadow*/ -moz-box-shadow: 1px 1px 1px #dedede; -webkit-box-shadow: 1px 1px 1px #dedede; box-shadow: 1px 1px 1px #dedede; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#dedede')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#dedede'); }
.allbox input { margin: 5px }
.sendorderform label { vertical-align: top; padding: 0 5px; }
input.text { width: 250px; float: left; background: #f5f5f5; padding: 7px 5px; border-left: #ddd 1px solid; border-top: #ddd 1px solid; border-right: #fff 1px solid; border-bottom: #fff 1px solid; color: #666666; margin: 5px 0; }
#addressbox {width: 100%;float: left; }
.lselect { width: 500px; font-size: 12px; color: #444444; background: #f5f5f5; padding: 7px 5px; border-left: #ddd 1px solid; border-top: #ddd 1px solid; border-right: #fff 1px solid; border-bottom: #fff 1px solid; margin: 15px 0; }
.platba { padding: 0 0 0 80px; background: url(../layout/platba.gif) no-repeat; }
.doprava { padding: 0 0 0 80px; background: url(../layout/doprava.gif) no-repeat; }
.altcolor2 { color: #f73051; }
.altcolor3 { color: #f73051; font-family: 'Roboto'; font-size: 24px;font-weight: bold; }
#kosik_stepper { margin: 20px 0 20px 3px; }
#kosik_stepper td { background: url('../layout/kosik_step.gif'); width: 52px; height: 36px; padding: 0 13px; overflow: hidden; vertical-align: center; text-align: center; font-weight: 700; color: #5f6054; }
#kosik_stepper td.active { background: url('../layout/kosik_active_step.gif'); }
#kosik_stepper td.separator { background: url('../layout/kosik_step_separator.gif'); width: 20px; padding: 0; }
#kosik_stepper td a { font-weight: 700; text-decoration: none; color: #5f6054; }
#kosik_stepper td a:hover { text-decoration: underline; }
#kosik_stepper td.active a { color: #ffffff; }
table.kosikcontent { border-collapse: collapse; margin: 1px; }
table.kosikcontent .nazev { width: 300px; }
table.kosikcontent .cenaks { width: 80px; }
table.kosikcontent .dph { width: 40px; }
table.kosikcontent .ks { width: 50px; text-align: center; }
table.kosikcontent .cena { width: 125px; }
table.kosikcontent .del { width: 15px; }
table.kosikcontent th { text-align: left; vertical-align: top; padding: 10px; background: #d3d3d3; font-weight: normal !important; }
table.kosikcontent td { text-align: left; vertical-align: top; padding: 10px; line-height: 18px; }
table.kosikcontent tr.dark td { background: #fff; }
table.kosikcontent tr.light td { background: #ebebeb; }
table.kosikcontent input.ks { text-align: center; font-size: 11px; color: #444444; width: 22px; background: #f5f5f5; padding: 7px 5px; border-left: #ddd 1px solid; border-top: #ddd 1px solid; border-right: none; border-bottom: none; }
table.kosikcontent span.wide { letter-spacing: 0.2em; }
table.kosikcontent td.nazev a { color: #f73051; }
table.kosikcontent tr.celkem { background: #FFF; border-top: solid #d3d3d3 1px; }
table.kosikcontent td.nazev a:hover { color: #232323; }
#centerpanel .podkategorie { list-style: none; padding: 0; margin: 0; }
.submshop { width: 114px; height: 30px; margin: 20px 0 0 0; background: url(../layout/prepocitat.png) no-repeat; border: none; }
.podkategorie-maintitle {width: 100%;float: left;margin-bottom: 25px;color: #2f2f2f;}
.podkategorie {width: 100%;float: left; background:#F3F3F3; padding:20px;margin-bottom:30px}
.podkategorie .row {margin:0}
.podkategorie .podkategorie-item {width: 100%;float: left;margin-bottom: 15px; border-right:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3;border-top:1px solid #fff;border-left:1px solid #fff;padding:15px; min-height:225px; background:#fff}
.podkategorie .podkategorie-item:hover {border:2px solid #F9264B; }
.podkategorie .podkategorie-img {width: 100%;float: left;text-align: center;margin-bottom: 15px;}
.podkategorie .podkategorie-name {width: 100%;float: left;color: #2f2f2f;text-align: center; font-family:"Poppins"; font-weight:600; font-size:14px}
/* moje styly */
#centerpanel ul { margin: 25px 0 25px 25px }
#velikost {height: 45px;line-height: 45px;border: none;background: #fff;padding: 0 20px;font-size: 14px;font-family: "Roboto";font-weight: 500;color: #000;margin-bottom: 25px;margin-left: 10px;outline: none; }
.contact-form {width: 100%;float: left;margin-top: 40px;}
.reklamace {width: 100%;float: left;}
.reklamace form {width: 100%;float: left;}
.reklamace input, .reklamace select { width: 100%; float: left; background: #fff; height: 40px; line-height: 40px; border: 1px solid #dedede; margin: 0 0 15px 0; outline: none;padding: 0 10px; }
.reklamace textarea { width: 100%; float: left; background: #fff; padding: 10px; border: 1px solid #dedede; margin: 0 0 15px 0; outline: none; }
.butr { border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; background: #f73051 !important; padding: 8px; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; margin: 5px; width: 100px !important; color: #FFFFFF; font-weight: 700;text-transform: uppercase; }
.reklamace label {width: 100%;float: left;height: 40px;line-height: 40px;font-weight: normal;text-align: left;}
.pr-item .moreinfo { float: right }
.headlinec { height: 21px; display: block; color: #f73051; text-decoration: none; margin: 0 0 15px 0; font-size: 21px; font-family: 'Roboto'; text-transform: uppercase; }
.linka { background-color: #DFE1D3; height: 1px; width: 100%; line-height: 0px; font-size: 0px; margin: 10px 0 10px 0 }
.contact { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: left; line-height: 15px }
.contact .header { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; display: block; height: 23px; background: url('../layout/phone.gif') 0% 0% no-repeat; padding: 3PX 0 0 30px; margin: 0 0 10px 0 }
.links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: left; line-height: 15px; margin: 15px 0 0 0 }
.links .header { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; display: block; margin: 0 0 10px 0 }
.redb { background: #232323; color: #fff; padding: 15px 20px !important; margin: 15px 15px 15px 0; font-family: 'Roboto'; font-size: 18px; }
.ncena { background: url(layout/bcg-ncena.gif) no-repeat; padding: 35px 10px 10px 10px; margin: 10px 0 10px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: left; line-height: 15px; height: 179px }
.ncena .first { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; font-weight: 700; color: #c61426 }
#barvy { position: absolute; background: white; z-index: 9999; top: 250px; left: 0px; width: 1150px; display: none; -webkit-box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, .75); -moz-box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, .75); box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, .75); padding:30px }
#barvy h2 {font-size: 19px;color: f73051;font-weight: normal;padding: 0 0 5px 16px; font-family: 'Poppins'; font-weight:600}
#barvy .barva { float: left; width: 107px; height: 150px; text-align: center; margin: 0; }
#barvy .barvy_close { position: absolute; top: 6px; right: 7px; background:none !important }
#barvy #barvy_nahledy {float:left; width: 500px;}
#barvy .barva_nahled a {padding:5px 10px !important;text-transform:uppercase; font-size:13px; font-weight:bold; display:block;}
#barvy #barvy_velke {margin-top: 50px; margin-right: 50px; float:left; width: 250px;}
#barvy #barvy_popis {margin-top: 50px; float:left; width: 250px;}
.latka_aktivni {border: 1px solid #f73051; background:#fff!important}
.vybaveni_tooltip { position: absolute; top:620px !important; padding:30px; background: white; z-index: 9999; top: px; left: 0px; width: 900px; display: none; -webkit-box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, .75); -moz-box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, .75); box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, .75); }
.vybaveni_tooltip img {max-width:400px; max-height:400px}
.karta_varianty { position: relative; }
.karta_varianty table td span { color: #f73051; font-weight: 700; }
.barva-latky td { padding-right: 5px; }
.barva-latky input { position: relative; top: 2px; }
#karta_latky { background: #f1f1f1; padding: 15px; background: #FFF;line-height: 20px }
#karta_latky .bg_bot a {color:#2f2f2f; background:#f3f3f3; padding:15px 20px; margin:0 5px 5px 0; display:inline-block}
#karta_latky .bg_bot a:hover {color:#f73051; text-decoration:none}
.nadstandard, .nadstandard.treti { float: left; width: 100%;}
/*.nadstandard.treti {
padding-right:0px !important;
padding-left:1px !important;
}*/
.nadstandard .obr { width: 140px; height: 120px; padding-top: 20px; text-align: center; }
.nadstandard .normal { padding: 5px 0 0 7px; }
.nadstandard .normal input { float: left; margin-right: 5px; }
.nadstandard .red { padding: 0 0 0 26px; color: #f73051; font-weight: 700; }
.sendmail { background: #e8e8e8; padding: 15px; margin: 15px 0; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; }
.sendmail td { padding: 0 5px }
.sendmail input { border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; background: #FFF; border-radius: 3px; padding: 8px; -moz-box-shadow: inset 1px 1px 1px 1px #d9d9d9; -webkit-box-shadow: inset 1px 1px 1px 1px #d9d9d9; box-shadow: inset 1px 1px 1px 1px #d9d9d9; }
.sendmail .send { background: url('../layout/bgsend.png') no-repeat; width: 97px; height: 30px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.titulka { margin-bottom: 20px; width: 100%; }
.titulka h1 {font-size: 28px; line-height: 34px; text-transform: initial; font-weight: normal; }
.titulka h2 { font-size: 18px; margin: 5px 0; }
.bcg-left { width: 479px; height: 639px; background: url('../layout/bcg-left.png') no-repeat; position: fixed; left: -20px; top: 130px; z-index: 0; }
.bcg-right { width: 252px; height: 374px; background: url('../layout/bcg-right.png') no-repeat; position: fixed; right: 0; top: 315px; z-index: 0; }
.barvy { background: #FFF; /* shadow*/ -moz-box-shadow: 1px 1px 1px #dedede; -webkit-box-shadow: 1px 1px 1px #dedede; box-shadow: 1px 1px 1px #dedede; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#dedede')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#dedede'); padding: 15px; }
.imgd { background: #FFF;/*border: 1px solid #dedede;*/ padding: 10px; width: 100%; height: 205px; min-height: 215px; float: left; margin: 0 15px 15px 0; text-align: center; display: table; }
.imgd1 { display: table-cell; vertical-align: middle; padding: 0; margin: 0; border-spacing: 0; }
.vybava { background: #FFF; }
.detailpanel .pr-item { margin: 0 10px 15px 0 !important; }
.fb { clear: both; margin: 30px 0; border: none; }
.upozorneni { width: 90%; padding: 15px; color: #FFFFFF; font-size: 14px; background: #f73051; }
.dtest { margin: 10px 0; }
.cenas { width: 100%;float: left; margin: 15px 0 0 0; color: #000; font-family: 'Roboto'; }
.leftban { text-align: center }
.catalog-filter {float: left;width: 100%;padding: 20px 50px;background: #f3f3f3;}
.catalog-filter-item {float: left;}
.catalog-filter-item label {float: left;font-family: "Roboto";font-weight: 500;font-size: 14px;color: #565656;margin: 0 15px 0 0;height: 40px;line-height: 40px;}
.catalog-filter-item select {float: left;height: 40px;line-height: 40px;border: none;outline: none;padding: 0 18px;}
.catalog-filter-item.right-filter {float: right;}
.catalog-products {float: left;width: 100%;}
.products {float: left;width: 100%;}
.products .title span {display: inline-block;text-align: left;padding-bottom: 20px;margin-right: 20px;background: none;}
.products .title span.active {margin-right: 20px;background: url('../layout/title-span.png') bottom center repeat-x;}
.products .title a {color: #2f2f2f;text-decoration: none;font-family: "Poppins";font-weight: normal;font-size: 20px;font-weight: 500;}
.products .title .active a {color: #f73051;text-decoration: none;font-weight: bold;}
.products .title {font-weight: 400;color: #2f2f2f;font-size: 20px;text-transform: none;text-align: left;width: 100%;float: left;margin: 0 0 15px 0;background: url('../layout/gray.png') bottom 1px center repeat-x;position: relative;}
.basket-payment {width: 100%;float: left;}
.basket-payment-item {width: 100%;float: left;background: #f3f3f3;padding: 30px;min-height: 300px;font-family: "Roboto";font-weight: 500;font-size: 14px;margin: 15px 0;}
.basket-payment-item-addition {width: 100%;float: left;}
.basket-payment-item-addition input {float: left;}
.basket-payment-item-addition label {font-weight: 500;margin-left: 5px;}
.basket-payment-item p {width: 100%;float: left;margin-top: 15px;}
.basket-payment-item select {max-width: 100%;float: left;height: 44px;line-height: 44px;border: 3px solid #dedede;background: #fff;padding: 0 20px;margin: 0 0 25px 0;outline: none;}
.basket-payment-item-title {width: 100%;float: left;padding-left: 70px;font-family: "Poppins";font-size: 18px;color: #f73051;font-weight: bold;text-transform: uppercase;height: 41px;line-height: 41px;margin-bottom: 30px;}
.basket-payment-item-title.pay-ico {background: url('../layout/pay-ico.png') left center no-repeat;}
.basket-payment-item-title.ship-ico {background: url('../layout/ship-ico.png') left center no-repeat;padding-left: 60px;}
.basket-address {width: 100%;float: left;padding: 20px 0;}
.basket-address h2 {width: 100%;float: left;font-family: "Poppins";font-weight: 600;font-size: 18px;color: #000000;margin: 0 0 10px 0;}
.basket-address-box {width: 100%;float: left;background: #f3f3f3;padding: 30px 20px;}
.basket-address-box label {margin-right: 15px;margin-bottom: 0;margin-left: 10px;font-weight: normal;color: #565656;}
.basket-note {width: 100%;float: left;padding: 20px 0;}
.basket-note h2 {width: 100%;float: left;font-family: "Poppins";font-weight: 600;font-size: 18px;color: #000000;margin: 0 0 10px 0;}
.basket-note textarea {float: left;border: 3px solid #dedede;background: #fff;padding: 10px;outline: none;width: 100%;}
.basket-contact {width: 100%;float: left;padding: 20px 0;}
.basket-contact h2 {width: 100%;float: left;font-family: "Poppins";font-weight: 500;font-size: 24px;color: #000000;margin: 0 0 20px 0;}
.basket-contact-box {width: 100%;float: left;background: #f3f3f3;padding: 30px 20px;}
.basket-contact-box label {width: 100%;float: left;margin-bottom: 10px;font-family: "Roboto";font-weight: 500;font-size: 14px;color: #565656;}
.basket-contact-box input {width: 100%;float: left;background: #fff;height: 40px;line-height: 40px;border: 1px solid #dedede;margin: 0 0 15px 0;outline: none;padding: 0 10px;}
.basket-btn {display: inline-block;height: 57px;line-height: 57px;background: #484848;color: #fff;text-transform: uppercase;text-align: center;font-weight: 700;font-family: "Poppins";font-size: 14px;padding: 0 25px;border: none;}
.basket-btn:hover {color: #fff;text-decoration: none;}
.basket-send {height: 57px;line-height: 57px;background: #f73051;color: #fff;text-transform: uppercase;text-align: center;font-weight: 700;font-family: "Poppins";font-size: 14px;padding: 0 25px;border: none;margin-top: 15px;}
.basket-table {width: 100%;float: left;margin-bottom: 25px;}
.basket-table.table th {background: #f3f3f3;padding: 25px 20px;font-size: 14px;font-family: "Roboto";font-weight: 500;color: #565656;border: none;}
.basket-table.table td {padding: 25px 20px;background: #fff;font-size: 16px;font-family: "Roboto";font-weight: 500;color: #000;border-bottom: 1px solid #e7e7e7;vertical-align: middle;}
.basket-table input {height: 40px;line-height: 40px;border: 1px solid #dedede;text-align: center;padding: 0 10px;}
.kostab {width: 100%;float: left;}
.basket-steps {width: 100%;float: left;margin-bottom: 15px;}
.basket-step {float: left;margin-right: 20px;}
.basket-step a {float: left;height: 50px;line-height: 50px;padding: 0 22px;background: #484848;color: #fff; font-family:"Poppins"; font-size:16px}
.basket-step a#active {background: #F73051;}
.banner-service-wrap {position: fixed;top: 200px;right: 10px;width: 116px;z-index: 9999;}
.banner-service {width: 116px;height: 116px;position: relative;display: table;background: url('../layout/banner-service.png') center center no-repeat;margin-bottom: 12px;z-index: 998;}
.banner-service-popup {width: 485px;min-height: 100px;display: none;position: absolute;right: 150px;top: 0;background: #f6f6f6;padding: 25px;z-index: 9999;font-size: 14px;line-height:23px; font-family:"Poppins";-webkit-box-shadow: 5px 5px 10px 0px rgba(120,120,120,1);
-moz-box-shadow: 5px 5px 10px 0px rgba(120,120,120,1);
box-shadow: 5px 5px 10px 0px rgba(120,120,120,1);}
.banner-service-popup {}
.banner-service-popup:after {width: 21px;height: 26px;content: "";background: url("../layout/popup-arrow.png") left center no-repeat;position: absolute;top: 15px;right: -21px;z-index: 99;}
.banner-service:hover .banner-service-popup {display: block;}
.banner-service-content {vertical-align: middle;display: table-cell;}
.banner-service-img {width: 100%;text-align: center;margin-bottom: 5px;}
.banner-service-text {width: 100%;text-align: center;padding: 0 10px;font-size: 14px;font-weight: bold;font-family: "Poppins";line-height: 1.3;color: #000;}
.detail-value {float: left;width: 100%;padding-bottom: 25px;border-bottom: 1px solid #fff;}
.detail-value-price {float: left;height: 57px;line-height: 57px;padding: 0 35px;text-align: center;background: #fff;font-size: 14px;font-family: "Poppins";font-weight: bold;text-align: center;color: #f73051;}
.detail-value-count {float: left;height: 57px;line-height: 57px;width: 60px;text-align: center;background: #fff;border: none;border-left: 1px solid #dedede;outline: none;}
.detail-value-tocart {float: left;height: 57px;line-height: 57px;padding: 0 35px;background: #f73051;color: #fff;text-transform: uppercase;font-size: 14px;font-family: "Poppins";font-weight: bold;text-align: center;border: none;outline: none;}
.detail-value-paybefore {margin-left: 15px;padding-left: 35px;float: left;background: url('../layout/detail-value-paybefore.png') left top no-repeat;}
.detail-value-paybefore span {width: 100%;float: left;margin-bottom: 5px;}
.detail-desc {margin-top: 10px;width: 100%;float: left;}
.detail-info {margin-top: 25px;width: 100%;float: left;}
.detail-info-more {margin-top: 50px;width: 100%;float: left;}
.detail-info-more-ask {width: 100%;float: left;height: 14px;line-height: 14px;padding-left: 35px;background: url('../layout/detail-info-more-ask.png') left center no-repeat;color: #000000;margin-bottom: 10px;}
.detail-info-more-rec {width: 100%;float: left;height: 14px;line-height: 14px;padding-left: 35px;background: url('../layout/detail-info-more-rec.png') left center no-repeat;color: #000000;}
.detail-nav {width: 100%;float: left;margin-top: 15px;}
.detail-nav a { background: #f73051; color: #fff; height: 35px; line-height: 35px; padding: 0 15px; }
.detail-nav-prev {float: left;}
.detail-nav-next {float: right;}
.detail-bottom {width: 100%;float: left;padding: 45px 0;background: #f1f1f1;margin-top: 60px;}
.modal-body {float: left; margin:20px 0 0 0}
.modal-content {padding:20px}
.modal-title { font-family:"Poppins"; }
.modal-header { padding:15px 0; border:none}
/* -- BY Jiřà S. -- */
#topmenu li:last-child a {
padding-right: 0;
}
.top-category-menu {}
.top-category-menu > ul > li {}
.top-category-menu > ul > li::before {
content: "";
display: block;
position: absolute;
background: url('../layout/top-category.png') no-repeat left center;
width: 11px;
height: 100%;
}
.top-category-menu > ul > li > a {
padding-left: 20px;
text-align: left;
}
.product-detail {}
.product-detail h1 {
font-size: 30px;
font-weight: 700;
}
.product-detail .ttds h1 {
padding-left: 25px;
padding-right: 25px;
}
.product-detail .detailboxbody {
padding: 25px;
}
.product-detail .pr-velikost span {
font-weight: 500;
}
.product-detail .product-optional {
padding: 15px;
border: 1px solid #f73051;
}
.product-detail .detail-info, .product-detail .detail-info-more {
margin-top: 15px;
}
.product-detail .detail-value {
border-bottom: none;
}
.product-detail .cancel-product-options {
display: inline-block;
color: #000;
padding: 7px 12px;
background: #fff;
margin-top: 8px;
}
.product-detail .cancel-product-options span {
padding-left: 30px;
}
.product-detail .cancel-product-options span::before {
content: "";
display: block;
background: url('../layout/cancel_product_options.png') no-repeat left center;
width: 18px;
height: 18px;
position: absolute;
margin-top: 2px;
}
.product-detail .nadstandard {
text-align: center;
margin-bottom: 20px;
}
.product-detail .nadstandard .obr {
width: auto;
padding-top: 0;
}
.product-detail .nadstandard .normal input {
float: none;
position: relative;
top: 1.5px;
margin-right: 15px;
}
.product-detail .nadstandard .red {
padding-left: 0;
}
.product-detail #barvy {
width: 100%;
}
.product-detail .techpars {
width: auto;
max-width: 100%;
}
.product-detail .techpars td {
padding-right: 35px;
}
.product-detail .techpars td.val {
text-align: left;
}
.catalog-products .row {
margin-left: 5px;
}