f/***** Standard HTML reset *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, embed, param, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; line-height: 1em; }
input, textarea{ margin:0; padding:0; border:0; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; }
/***** Global Classes *****/
.clear{ clear:both;width:0;height:0;line-height:0; font-size:0; }
.lclear{ clear:left;width:0;height:0;line-height:0; font-size:0; }
.rclear{ clear:right;width:0;height:0;line-height:0; font-size:0; }
.striken{ text-decoration:line-through; }
.mb0{ margin-bottom:0px !important; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px; }
.mt0{ margin-top:0px !important; }
.float { float: left; }
.floatRight { float: right; }
.red { color: #d90400; }
.pt0 { padding-top: 0 !important; }
.mt15{ margin-top:15px !important; }
.justify { text-align: justify !important; }
/***** Common formatting *****/
strong{ font-weight:bold; }
small{ font-size:0.7em; }
sup{ position:relative; bottom:0.3em; vertical-align:baseline; }
sub{ position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr{ cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
/***** Forms *****/
form{ display:block; }
label{ cursor:pointer; }
/***** Body *****/
html{ height:100%; }
body{ height:100%; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; text-align:center; font-size:12px; background:#fff url(https://www.numa.sk/en/images/layout/bggradienttop.jpg) top center repeat-x; color:#303030; line-height:16px; position:relative; }
/***** Links *****/
a { color:#D90400; text-decoration:underline; }
a:hover{ color:#D90400; text-decoration:none; }
/***** This is it *****/
.container1{ width:100%; background: url(https://www.numa.sk/en/images/layout/bggradientbottom.jpg) bottom center repeat-x; }
.container2{ width:100%; background: url(https://www.numa.sk/en/images/layout/bgtop.jpg) top center no-repeat; padding-top:30px; }
.container3{ width:100%; background: url(https://www.numa.sk/en/images/layout/bgdown.gif) bottom center no-repeat; }
.wrapper{ text-align:left; position:relative; min-height:900px; width:960px; margin:0 auto; }
/* =HEADER
---------------------------------------------------------------------------------------------------*/
.header{ width:960px; height:127px; float:left; }
.header a{ color:#B41B1E; text-decoration:underline; }
.header a:hover{ color:#B41B1E; text-decoration:none; }
.logo{ width:230px; height:120px; float:left; position:relative; overflow:hidden; }
.logo img{ position:absolute; top:0; left:0; width:230px; height:120px; }
.logo span{ line-height:120px; display:block; height:120px; font-size:55px; color:#333; letter-spacing:-2px; width:210px; text-align:right; }
.logo span span{ line-height:120px; display:inline; font-size:55px; color:#D90400; letter-spacing:-2px; }
.logo .flashlogo { position: absolute; left: 0; top: 0; }
.header .language span{ background:#003A89 url(https://www.numa.sk/en/images/layout/language.jpg) 0 0 no-repeat; display:block; height:0; width:27px; padding:34px 0 0 0; float:right; overflow:hidden; cursor:pointer; margin:0 0 0 5px; }
.header .language:hover span{ background:#D80000 url(https://www.numa.sk/en/images/layout/language.jpg) 0 -34px no-repeat; }
.header .registracia, .header .prihlasenie{ display:block; height:14px; padding:0 8px; float:right; margin:10px 0; font-size:12px; }
.header .registracia{ border-left:1px solid #bbb; }
.basket{ width:135px; height:50px; background: url(https://www.numa.sk/en/images/layout/basket.gif) 0 0 no-repeat; float:right; padding:0 0 0 45px; }
.basket a{ display:block; font-size:16px; text-decoration:none !important; line-height:20px; padding:7px 0 0 0; }
.basket a:hover{ text-decoration:underline !important; }
.basket span{ display:block; font-size:12px; line-height:16px; color:#212C2B; }
.basket span.empty{ font-size:16px; line-height:20px; padding:7px 0 0 0; }
.head_info{ width:550px; float:right; text-align:center; }
.head_info span{ display:inline-block; color:#474747; font-size:19px; font-weight:bold; line-height:47px; height:47px; }
.head_info span a{ color:#474747; font-size:19px; font-weight:bold; line-height:47px; text-decoration:none !important; }
.head_info span a:hover{ text-decoration:underline !important; }
.head_info .mobil{ background: url(https://www.numa.sk/en/images/layout/mobil.gif) 0 0 no-repeat; padding:0 35px 0 23px; }
.head_info .mail{ background: url(https://www.numa.sk/en/images/layout/mail.gif) 0 0 no-repeat; padding:0 0 0 30px; }
.searchform{ width:185px; height:34px; padding:8px 0 0 0; overflow:hidden; float:right; }
.searchform .searchinput{ width:145px; height:24px; float:left; overflow:hidden; background:#eee url(https://www.numa.sk/en/images/layout/searchinput.gif) 0 0 no-repeat; margin:0 0 0 1px; }
.searchform .searchinput input{ background:transparent; font-size:12px; padding:4px 10px; height:16px; width:125px; }
.searchform .searchinput .default{ font-style:italic; color:#6B6B6B; }
.searchform .searchinput .active{ font-style:normal; color:#333; }
.searchform .searchsubmit{ width:38px; height:26px; float:left; overflow:hidden; background:#B71C1F; color:#fff; }
.topmenu{ float:right; width:545px; list-style:none; height:43px; position:relative; z-index: 50; }
.topmenu li{ float:left; }
.topmenu li a{ float:left; height:43px; line-height:40px; font-size:15px; font-weight:bold; text-decoration:none; letter-spacing:-1px; }
.topmenu li a span{ display:inline-block; height:40px; line-height:40px; font-size:15px; font-weight:bold; text-decoration:none; padding:0 15px 3px 12px; letter-spacing:-1px; cursor:pointer; }
.topmenu li a:hover{ color:#fff; background:#B41B1E url(https://www.numa.sk/en/images/layout/topmenua.jpg) top left no-repeat; }
.topmenu li a:hover span{ color:#fff; background: url(https://www.numa.sk/en/images/layout/topmenuspan.jpg) top right no-repeat; }
.topmenu .dropdown{ position:relative; }
.topmenu li ul {display:none;}
.topmenu .dropdown ul {display:block !important;}
.topmenu .dropdown a:hover, .topmenu .dropdown:hover a, .topmenu .dropdown.hover a{ color:#fff; background:#B41B1E url(https://www.numa.sk/en/images/layout/topmenua2.jpg) top left no-repeat; }
.topmenu .dropdown a:hover span, .topmenu .dropdown:hover a span, .topmenu .dropdown.hover a span{ color:#fff; background: url(https://www.numa.sk/en/images/layout/topmenuspan2.jpg) top right no-repeat; }
.topmenu .dropdown div{ display:none; position:absolute; left:0; top:38px; width:156px; }
.topmenu .dropdown div ul{ background: url(https://www.numa.sk/en/images/layout/submenu.png) top left no-repeat; width:156px; list-style:none; padding:10px 0 5px 0; }
.topmenu .dropdown div ul li{ float:none; }
.topmenu .dropdown div ul li a{ float:none; height:20px; line-height:20px; font-size:12px; font-weight:bold; text-decoration:none; letter-spacing:0; color:#fff; padding:0 10px 0 25px; background: url(https://www.numa.sk/en/images/layout/submenuli.gif) 13px 4px no-repeat; }
.topmenu .dropdown:hover div ul li a, .topmenu .dropdown.hover div ul li a{ background:none; background: url(https://www.numa.sk/en/images/layout/submenuli.gif) 13px 4px no-repeat; }
.topmenu .dropdown div ul li a:hover{ text-decoration:underline; background:none; background: url(https://www.numa.sk/en/images/layout/submenuli.gif) 13px 4px no-repeat; }
.topmenu .dropdown div div{ background: url(https://www.numa.sk/en/images/layout/submenu_bottom.png) top left no-repeat; width:156px; height:11px; overflow:hidden; position:static; }
.topmenu .dropdown:hover div, .topmenu .dropdown.hover div{ display:block; }
/* =MAIN CONTENT
---------------------------------------------------------------------------------------------------*/
.mainpic{ width:960px; height:273px; float:left; }
.mainpic h1{ font-size:32px; font-family: Helvetica, Arial, sans-serif; font-weight:100; text-shadow: 1px 1px 5px white, -1px -1px 5px white, 1px 1px 1px white, -1px -1px 1px white; width:550px; padding:45px 0 0 30px; letter-spacing:-1px; line-height:40px; }
.mainpic p{ font-size:15px; font-family: Helvetica, Arial, sans-serif; font-weight:100; text-shadow: 0 0 15px white; width:450px; padding:10px; line-height:18px; background: rgba(255,255,255,.65); margin-left: 20px; border-radius: 8px; }
.mainpic p a{ font-size:15px; font-family: Helvetica, Arial, sans-serif; font-weight:100; text-shadow: 0 0 15px white; line-height:18px; }
.mainpic p a:hover{ color:#fff; }
.maincontent{ width:960px; height:auto; float:left; }
.maincontent h2{ color:#363636; height:25px; line-height:25px; font-size:16px; font-weight:bold; letter-spacing:0; padding:0 0 10px 32px; }
h2.vyberame{ background: url(https://www.numa.sk/en/images/layout/h2vyberame.jpg) top left no-repeat; }
h2.novinky{ background: url(https://www.numa.sk/en/images/layout/h2novinky.jpg) top left no-repeat; }
h2.fotogaleria{ background: url(https://www.numa.sk/en/images/layout/h2fotogaleria.jpg) top left no-repeat; }
h2.photogallery{ background: url(https://www.numa.sk/en/images/layout/h2fotogaleria.jpg) top left no-repeat; }
.introduces{ font-size:12px; width:600px; float:left; color:#8A8A8A; padding:10px 0 0 0; line-height:16px; }
.manufacturers{ list-style:none; width:340px; float:right; height:45px; overflow:hidden; padding:5px 0 0 0; }
.manufacturers ul{ list-style:none; width:8000px; float:left; height:45px; overflow:hidden; }
.manufacturers li{ padding:0 7px 0 0; float:left; }
.manufacturers li img{ float:left; }
.slide_out{ height:290px; width:960px; position:relative; margin:0 0 12px 0; border-bottom: 1px solid #EAEAEA; }
.arrow{ width:13px; height:26px; position:absolute; text-align:left; display:block; top:127px; }
.arrowleft{ background: url(https://www.numa.sk/en/images/layout/arrowleft.gif) top left no-repeat; text-align:left; z-index:50; left:0; }
.arrowright{ background: url(https://www.numa.sk/en/images/layout/arrowright.gif) top left no-repeat; text-align:left; z-index:50; right:0; }
.slide{ height:290px; width:897px; overflow:hidden; margin:0 auto; position:relative; }
.slide ul{ list-style:none; width:8000px; float:left; height:290px; overflow:hidden; position:relative; }
.slide li{ padding:0 5px 0 0; float:left; }
/*.slide li img{ width:155px; height:155px; }
.slide li h2{ width:155px; font-size:12px; font-weight:bold; padding:7px 0 3px 0; height:auto; line-height:12px; margin:0; text-align:center; }
.slide li h2 a{ font-size:12px; font-weight:bold; line-height:1em; text-decoration:none; display:inline-block; height: 24px; overflow: hidden; }
.slide li h2 a:hover{ font-size:12px; font-weight:bold; text-decoration:underline; }
.slide li span{ width:155px; font-size:16px; font-weight:bold; text-decoration:none; line-height:1em; text-align:center; }
.slide li span.no-price { font-weight: normal; color: #888888; font-style: italic; font-size: 12px; }
.slide li .popisok-od { font-size: 12px; font-weight: normal; }*/
.newsarticles{ float:left; width:720px; height:155px; padding:0 0 15px 0; }
.newsarticles ul{ list-style:none; width:720px; }
.newsarticles ul li{ float:left; width:210px; padding:0 30px 10px 0; }
.newsarticles ul li small{ color:#999; font-size:10px; font-weight:bold; display:block; line-height:12px; }
.newsarticles ul li h3{ color:#D90400; font-size:12px; font-weight:bold; line-height:18px; padding:0 0 7px 0; }
.newsarticles ul li h3 a{ color:#D90400; font-size:12px; font-weight:bold; line-height:16px; }
.newsarticles ul li p{ line-height:16px; }
.main_photgallery{ float:left; width:228px; }
/* =SIDEBAR
---------------------------------------------------------------------------------------------------*/
.sidebar{ width:230px; float:left; padding:24px 0 0 0; }
.sidebar .menubox{ width:228px; float:left; overflow:hidden; background:#B41B1E url(https://www.numa.sk/en/images/layout/menubox.jpg) top left repeat-y; }
.sidebar .menubox h2{ width:198px; float:left; height:40px; overflow:hidden; background: url(https://www.numa.sk/en/images/layout/menuboxh2.jpg) top left no-repeat; font-size:16px; color:#fff; font-weight:bold; padding:0 15px; line-height:40px; }
.sidebar .menubox .menubox_bottom{ width:228px; float:left; overflow:hidden; height:15px; background: url(https://www.numa.sk/en/images/layout/menubox_bottom.jpg) top left no-repeat; }
.sidebar .menubox ul{ width:196px; float:left; list-style:none; color:#fff; padding:0 15px; }
.sidebar .menubox ul li a{ float:left; width:186px; padding:0 0 0 10px; color:#fff; text-decoration:none; line-height:20px; font-weight:bold; font-size:12px; background: url(https://www.numa.sk/en/images/layout/menuboxlia.gif) 0 5px no-repeat; }
.sidebar .menubox ul li a:hover{ color:#fff !important; text-decoration:underline; }
.sidebar .menubox ul li a.active{ background: url(https://www.numa.sk/en/images/layout/menuboxliaactive.gif) 0 7px no-repeat; }
.sidebar .menubox ul li a.active2 { color:#F6BFBF; text-decoration:none !important; }
.sidebar .menubox ul li a.active2:hover { color:#F6BFBF !important; text-decoration:none !important; }
.sidebar .menubox ul li ul{ padding: 0 0 5px 15px; width:181px; }
.sidebar .menubox ul li ul li a{ float:left; width:186px; padding:0 0 0 10px; color:#fff; text-decoration:underline; line-height:16px; font-weight:100; font-size:12px; background: none; }
.sidebar .menubox ul li ul li a:hover{ color:#fff; text-decoration:none; }
.sidebar .menubox ul li ul li a.active{ background: none; color:#F6BFBF; text-decoration:none; }
.sidebar .menubox ul li a.active.parent{ background: url(https://www.numa.sk/en/images/layout/menuboxliaactive.gif) 0 7px no-repeat; color:#fff; }
.sidebar .menubox ul li a.parent{ background: url(https://www.numa.sk/en/images/layout/menuboxlia.gif) 0 5px no-repeat; color:#fff; }
.sidebar .moj_ucet, .sidebar .novinky_clanky, .sidebar .novinky_v_eshope, .sidebar .porovnanie, .sidebar .photogallery{ float:left; color:363636; height:25px; line-height:25px; font-size:16px; font-weight:bold; letter-spacing:0; padding:0 0 10px 32px; margin:10px 0 0 0; }
.sidebar .porovnanie{ padding:0 0 20px 32px; }
h2.moj_ucet{ background: url(https://www.numa.sk/en/images/layout/moj_ucet.gif) top left no-repeat; }
h2.novinky_clanky{ background: url(https://www.numa.sk/en/images/layout/novinky_clanky.gif) top left no-repeat; }
h2.porovnanie{ background: url(https://www.numa.sk/en/images/layout/porovnanie.gif) top left no-repeat; }
h2.novinky_v_eshope{ background: url(https://www.numa.sk/en/images/layout/novinky_v_eshope.gif) top left no-repeat; }
h2.fotogaleria{ background: url(https://www.numa.sk/en/images/layout/h2fotogaleria.jpg) top left no-repeat; }
.sidebar h2 .porovnanych{ display:block; font-size:12px; text-decoration:none; }
.sidebar h2 .porovnanych:hover{ text-decoration:underline; }
.sidebar .moj_ucet.uptop{ margin-top:0; }
.my_acc{ width:196px; float:left; list-style:none; padding:0 15px; }
.my_acc.uptop{ padding:0 15px 15px 15px; }
.my_acc li{ float:left; width:186px; padding:0 0 0 10px; color:#000; text-decoration:none; line-height:18px; font-weight:bold; font-size:12px; background: url(https://www.numa.sk/en/images/layout/my_accli.gif) 0 5px no-repeat; }
.my_acc li.active{ background: url(https://www.numa.sk/en/images/layout/my_accli2.gif) 0 5px no-repeat; }
.my_acc li a{ color:#BE1F22; text-decoration:none; line-height:18px; font-weight:bold; font-size:12px; }
.my_acc li a:hover{ color:#BE1F22; text-decoration:underline; }
.my_acc li.active a{ color:#000; text-decoration:none; line-height:18px; font-weight:bold; font-size:12px; }
.new_items{ width:226px; float:left; list-style:none; padding:0; }
.new_items li{ float:left; width:220px; padding:0 0 10px 0; }
.new_items li img{ float:left; margin:0 5px 0 0; }
.new_items li h3{ }
.new_items li h3 a{ display:block; color:#DB1410; text-decoration:none; line-height:18px; font-weight:bold; font-size:12px; }
.new_items li h3 a:hover{ color:#DB1410; text-decoration:underline; }
.new_items li span{ display:block; color:#363636; font-size:16px; font-weight:bold; letter-spacing:0; }
.new_items li span.no-price { color: #888888; font-weight: normal; font-style: italic; font-size: 12px; }
.new_items .popisok-od { font-size: 12px; font-weight: normal; }
.sidenews{ width:226px; float:left; list-style:none; padding:0; }
.sidenews li{ float:left; width:220px; padding:0 0 10px 0; }
.sidenews li small{ color:#999; font-size:10px; font-weight:bold; display:block; line-height:12px; }
.sidenews li h3{ }
.sidenews li h3 a{ display:block; color:#DB1410; text-decoration:none; line-height:15px; font-weight:bold; font-size:12px; }
.sidenews li h3 a:hover{ color:#DB1410; text-decoration:underline; }
/* =CONTENT
---------------------------------------------------------------------------------------------------*/
.content{ width:710px; float:right; padding:24px 0 0 20px; overflow:hidden; }
.breadcrumbs{ display:block; text-transform:uppercase; float:left; width:710px; font-size:11px; color:#363636; line-height:20px; height:20px; margin:0 0 15px 0; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; }
.breadcrumbs a{ font-size:11px; font-weight:100; line-height:16px; text-decoration:none; display:inline-block; padding:0 5px; line-height:20px; }
.breadcrumbs span{ display:inline-block; padding:0 5px; line-height:20px; }
.breadcrumbs a:hover{ text-decoration:underline; }
.breadcrumbs span{ color:#000; line-height:16px; }
.content h1{ font-size:32px; letter-spacing:-2px; line-height:1em; padding:0 0 15px 0; font-weight:100; }
.content h1 .limit { float: right; font-size: 12px; letter-spacing: 0; line-height: 36px; }
.content h2.title { font-size: 16px; font-weight: bold; margin: 0 0 10px; padding: 0; }
.content p{ font-size:12px; line-height:1.4em; text-align:justify; }
.content p.desc { font-size:16px; color: #363636; }
.content p.descr {
font-size:16px;
color:#363636;
padding-bottom:20px;
}
/* my account*/
.content .account {
min-height: 143px;
width: 100%;
background: #fff;
}
.content .account li { list-style: none; float: left; height: 143px; text-align: center; margin: 0 1px 0 0; border-radius: 10px; }
.content .account li a { color: #fff; font-size: 12px; text-decoration: none !important; display: block; height: 36px; padding: 107px 0 0 0; line-height: 1.3em; }
.content .account li a:hover { text-decoration: underline !important; }
.content .account li.one { background: #be1f22 url(https://www.numa.sk/en/images/layout/bg_moj_ucet_1.gif) no-repeat left top; width: 142px;}
.content .account li.two { background: #be1f22 url(https://www.numa.sk/en/images/layout/bg_moj_ucet_2.gif) no-repeat left top; width: 141px;}
.content .account li.three { background: #be1f22 url(https://www.numa.sk/en/images/layout/bg_moj_ucet_3.gif) no-repeat left top; width: 141px;}
.content .account li.four { background: #be1f22 url(https://www.numa.sk/en/images/layout/bg_moj_ucet_4.gif) no-repeat left top; width: 141px;}
.content .account li.five { background: #be1f22 url(https://www.numa.sk/en/images/layout/bg_moj_ucet_5.gif) no-repeat left top; width: 141px; margin: 0; }
.content h3.objednavka { font-size: 16px; margin-bottom: 5px; font-weight: normal; }
/* =PRODUCT DETAIL
---------------------------------------------------------------------------------------------------*/
/* left box */
.content .product-detail .left-box { float: left; width: 364px; padding: 0 20px 0 0; }
.content .product-detail .left-box span.info-label { color: #FFFFFF; float: left; font-size: 14px;height: 23px;line-height: 23px;margin: 0 5px 5px 0;text-align: center;text-transform: uppercase;}
.content .product-detail .left-box span.info-label.novinka {background: #f58100 url("https://www.numa.sk/en/images/layout/bg-label-novinka.gif") no-repeat left top; width: 73px;}
.content .product-detail .left-box span.info-label.akcia {background: #77c11b url("https://www.numa.sk/en/images/layout/bg-label-akcia.gif") no-repeat left top; width: 73px;}
.content .product-detail .left-box span.info-label.top {background: #19bbff url("https://www.numa.sk/en/images/layout/bg-label-top.gif") no-repeat left top; width: 73px;}
.content .product-detail .left-box span.info-label.overene {background: #cabf02 url("https://www.numa.sk/en/images/layout/bg-label-overene.gif") no-repeat left top; width: 73px;}
.content .product-detail .left-box span.info-label.vypredaj {background: #f70241 url("https://www.numa.sk/en/images/layout/bg-label-vypredaj.gif") no-repeat left top; width: 73px;}
.content .product-detail .left-box span.code { display: block; line-height: 18px; }
.content .product-detail .left-box span.availability { display: block; line-height: 18px; }
.content .product-detail .left-box span.availability .green { color: #688c08; }
.content .product-detail .left-box .desc { margin: 10px 0 0 15px; }
.content .product-detail .left-box .desc li { line-height: 18px; margin: 0 0 10px 0; }
.content .product-detail .left-box .product-form {
position: relative;
width: 100%;
padding: 6px 0 0;
margin: 15px 0 0;
background: #f5f5f5;
border: 1px solid #e8e7e3;
border-radius: 8px;
}
.content .product-detail .left-box .product-form .no-price { font-size: 16px; color:#000; padding: 25px 0 0 0; font-weight: bold; }
.content .product-detail .left-box .product-form .flag { text-indent: -999px; display: block; width: 61px; height: 61px; overflow: hidden; position: absolute; bottom: 0; left: 0;}
.content .product-detail .left-box .product-form .flag.akcia { background: url(https://www.numa.sk/en/images/layout/flag-akcia.png) no-repeat left top; }
.content .product-detail .left-box .product-form-bottom {
width: 345px;
min-height: 92px;
padding: 4px 5px 10px 15px;
}
* html .content .product-detail .left-box .product-form-bottom { height: 92px; }
.content .product-detail .left-box .product-form-bottom .old-price { display: block; color: #868686; font-size: 12px; margin: 0 0 5px 0; }
.content .product-detail .left-box .product-form-bottom .price { float: left; color: #000; font-size: 25px; font-weight: bold; letter-spacing: -1px; display:inline-block; padding: 0 5px 0 0; }
.content .product-detail .left-box .product-form-bottom .price .dph { font-size: 12px; font-weight: normal; letter-spacing: 0;}
.content .product-detail .left-box .product-form-bottom .row { float: left; width: 33px; height: 34px; background: url(https://www.numa.sk/en/images/layout/bg_detail_input_add_cart.gif) no-repeat left top; margin: 0 5px 0 0; overflow: hidden; }
.content .product-detail .left-box .product-form-bottom .row input { width: 23px; height: 16px; background: transparent; font-weight: bold; font-size: 12px; padding: 9px 5px; margin: 0; text-align: center; }
.content .product-detail .left-box .product-form-bottom .add_cart { float: left; background: #be1f22; color: #fff; width: 117px; height: 36px; overflow: hidden; }
.content .product-detail .left-box .product-form-bottom p { font-size: 10px; color: #8f8f8f; text-align: center; margin: 8px 0 0 0; padding: 0 0 0 10px;}
.content .product-detail .left-box .product-form-bottom .bezdph { float:right; font-size:11px; color:#888; font-weight:normal; margin-right: 8px;}
/* right box */
.content .product-detail .right-box { float: right; width: 323px;}
.content .product-detail .right-box .image-box {
position: relative;
width: 323px;
/* height: 405px;*/
overflow: hidden;
border: 1px solid #ddd;
box-sizing: border-box;
border-radius: 8px;
}
.content .product-detail .right-box .image-box img { max-width: 100%; display: block; margin: auto; }
.content .product-detail .right-box .round { position: absolute; left:0; top: 0; width: 323px; height: 405px; background: url(https://www.numa.sk/en/images/layout/bg_round_box.png) no-repeat left top; display: block; }
.content .product-detail .right-box .zoom { position: absolute; right:10px; bottom: 10px; width: 26px; height: 25px; background: url(https://www.numa.sk/en/images/layout/icon_zoom.png) no-repeat left top; display: block; text-indent: -999px; }
.content .product-detail .right-box .info { margin: 20px 0 10px 0; float: left; }
.content .product-detail .right-box .info li { list-style: none; float: left; width: 160px; margin: 0 0 3px 0; white-space: nowrap; }
.content .product-detail .right-box .info li a { display: block; padding: 0 0 0 30px; line-height: 15px; height: 15px; width: 115px;}
.content .product-detail .right-box .info li a.print { background: url(https://www.numa.sk/en/images/layout/icon_print.gif) no-repeat left top; }
.content .product-detail .right-box .info li a.favorite { background: url(https://www.numa.sk/en/images/layout/icon_favorite.gif) no-repeat left top; }
.content .product-detail .right-box .info li a.send { background: url(https://www.numa.sk/en/images/layout/icon_send.gif) no-repeat left top; }
.content .product-detail .right-box .info li a.compare {background: url(https://www.numa.sk/en/images/layout/icon_compare.gif) no-repeat left top; }
.social-box,
.content .product-detail .right-box .social-box { display: inline-block; float:left; }
.social-box img,
.content .product-detail .right-box .social-box img { float:left; margin:0 5px 0 0; }
.social-box strong,
.content .product-detail .right-box .social-box strong { line-height: 16px; display:block; float:left; padding:0 5px 0 0; }
/* variants */
.content .product-detail .variants { width: 710px; margin: 20px 0 40px 0; border: 0; }
.content .product-detail .variants th { background: #848484; color: #fff; border: 0; height: 23px; line-height: 23px; padding: 0 5px;}
.content .product-detail .variants th.first { background: #848484 url(https://www.numa.sk/en/images/layout/bg_table_head_left.gif) no-repeat left top; padding: 0 0 0 15px; width: 250px; }
.content .product-detail .variants th.last { background: #848484 url(https://www.numa.sk/en/images/layout/bg_table_head_right.gif) no-repeat right top; width: 55px; }
.content .product-detail .variants td { padding: 10px 5px; vertical-align: middle; border-bottom: 1px solid #eeeeee; }
.content .product-detail .variants td.first { padding-left: 15px; }
.content .product-detail .variants td.first img { float: left; margin: 0 5px 0 0; }
.content .product-detail .variants td .availability { color: #688c06; }
.content .product-detail .variants td .price { display: block; margin: 0 0 2px 0; }
.content .product-detail .variants td .old-price { display: block; color: #858585; text-decoration:line-through; }
.content .product-detail .variants td .flag_akcia { display: block; width: 50px; height: 17px; background: url(https://www.numa.sk/en/images/layout/flag_akcia_small.gif) no-repeat left top; }
.content .product-detail .variants td .row { float: left; width: 33px; height: 34px; background: url(https://www.numa.sk/en/images/layout/bg_detail_input_add_cart.gif) no-repeat left top; margin: 0 5px 0 0; overflow: hidden; }
.content .product-detail .variants td .row input { width: 23px; height: 16px; background: transparent; font-weight: bold; font-size: 12px; padding: 9px 5px; margin: 0; text-align: center; }
.content .product-detail .variants td .add_cart { float: left; background: #be1f22; color: #fff; width: 99px; height: 36px; overflow: hidden; }
.content .product-detail .variants td.no-price { text-align: center; color: #888888; font-style: italic; }
/* tabs */
.content .product-detail .tab-boxes-nav { width: 710px; height: 39px; background: #be1f22 url(https://www.numa.sk/en/images/layout/bg_tabs_product_detail.gif) no-repeat left top; overflow: hidden; }
.content .product-detail .tab-boxes-nav li { list-style: none; float: left; background: url(https://www.numa.sk/en/images/layout/bg_tabs_product_detail_separator.gif) no-repeat left top; }
.content .product-detail .tab-boxes-nav li.one { background: none; width: 125px;}
.content .product-detail .tab-boxes-nav li.two { width: 64px; }
.content .product-detail .tab-boxes-nav li.three { width: 61px; }
.content .product-detail .tab-boxes-nav li.four { width: 63px; }
.content .product-detail .tab-boxes-nav li.five { width: 155px; }
.content .product-detail .tab-boxes-nav li.six { width: 144px; }
.content .product-detail .tab-boxes-nav li.seven { width: 98px; padding: 0; }
.content .product-detail .tab-boxes-nav li a { display: block; height: 39px; text-decoration: none; text-align: center; color: #fff; font-weight: bold; line-height: 42px; }
.content .product-detail .tab-boxes-nav li a span { display: block; height: 39px; line-height: 42px; cursor: pointer; }
.content .product-detail .tab-boxes-nav li a:hover { text-decoration: underline; }
.content .product-detail .tab-boxes-nav li a.active span { background: url(https://www.numa.sk/en/images/layout/bg_tabs_product_detail_left.gif) no-repeat left top; color: #000; padding: 0 0 0 8px; }
.content .product-detail .tab-boxes-nav li a.active { background: #fff url(https://www.numa.sk/en/images/layout/bg_tabs_product_detail_right.gif) no-repeat right top; text-decoration: none; padding: 0 8px 0 0; }
.content .product-detail .tab-box { padding: 15px 0 15px 0; }
.content .product-detail .tab-box h2 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; padding: 0;}
.content .product-detail .tab-box p { margin-bottom: 10px; }
/* =PRODUCTS LIST
---------------------------------------------------------------------------------------------------*/
.slide .products-list,
.content .products-list { display: flex; flex-wrap: wrap; gap: 8px; column-gap: 8px; }
.slide_out { padding-bottom: 10px; }
.content .products-list li,
.slide .products-list li {
list-style: none;
float: left;
width: calc(25% - 8px);
padding: 8px 0 0;
border-radius: 8px;
border: 1px solid #ccc;
}
.slide .products-list li {
width: 171px;
}
.content .products-list div.bottom,
.slide .products-list div.bottom {
padding: 2px 10px 10px;
float: left;
width: calc(100% - 20px);
}
.products-list img { }
/*
.slide .products-list li,
.content .products-list li { list-style: none; float: left; width: 171px; background: url(https://www.numa.sk/en/images/layout/bg_border171_top.gif) no-repeat left top; padding: 8px 0 0 0; margin: 0 8px 8px 0; }
.slide .products-list li.rear,
.content .products-list li.rear { margin-right: 0; }
.slide .products-list li{ margin: 0 10px 8px 0; }
.slide .products-list div.bottom,
.content .products-list div.bottom { width: 151px; background: url(https://www.numa.sk/en/images/layout/bg_border171_bottom.gif) no-repeat left bottom; padding: 2px 10px 10px 10px; height: 260px; float: left; }
*/
.slide .products-list h3,
.content .products-list h3 { margin: 0 0 10px 0; text-align: center;}
.slide .products-list h3 a,
.content .products-list h3 a { font-size: 14px; line-height: 16px; height: 32px; display: inline-block; overflow: hidden; }
.slide .products-list a,
.content .products-list a { text-decoration: none; }
.slide .products-list a:hove,
.content .products-list a:hover { text-decoration: underline; }
.slide .products-list li .flag-box,
.content .products-list li .flag-box { position: relative; text-align: center; overflow: hidden; margin: auto; margin-bottom: 8px; }
.content .products-list li .flag-box img { max-width: 100%; height: auto !important; padding-bottom: 5px; }
.content .products-list li p { text-align: left !important; }
.slide .products-list li .flag-box span,
.content .products-list li .flag-box span { position: absolute; width: 52px; height: 52px; }
.slide .products-list li .flag-box span.akcia,
.content .products-list li .flag-box span.akcia { left: 0; top: 0; background: url(https://www.numa.sk/en/images/layout/flag-list-akcia.png) no-repeat left top; }
.slide .products-list li .flag-box span.novinka,
.content .products-list li .flag-box span.novinka { top: 0; right: 0; background: url(https://www.numa.sk/en/images/layout/flag-list-novinka.png) no-repeat left top; }
.slide .products-list li .flag-box span.top,
.content .products-list li .flag-box span.top { right: 0; bottom: 0; background: url(https://www.numa.sk/en/images/layout/flag-list-top.png) no-repeat left top; }
.slide .products-list li .flag-box span.overene,
.content .products-list li .flag-box span.overene { left: 0; bottom: 0; background: url(https://www.numa.sk/en/images/layout/flag-list-overene.png) no-repeat left top; }
.slide .products-list p,
.content .products-list p { height: 28px; overflow: hidden; margin: 0 0 8px 0; line-height: 14px; }
.content .products-list .price,
.slide .products-list .price {
font-size: 16px;
display: block;
width: calc(100% - 65px);
float: left;
line-height: 24px;
}
.slide .products-list .price {
height: 26px;
}
.variants .btn-detail,
.slide .products-list .detail,
.content .products-list .detail { text-decoration: none; float: right; width: 55px; height: 26px; display: block; color: #fff; background: #be1f22 url(https://www.numa.sk/en/images/layout/bg_button_detail2.gif) no-repeat left top; text-align: center; line-height: 22px; overflow: hidden; }
.slide .products-list .no-price,
.content .products-list .no-price { font-size: 11px; line-height: 26px; padding: 0; color: #888888; font-style: italic; float:left; }
.slide .products-list .popisok-od,
.content .products-list .popisok-od { font-size: 10px; font-weight: normal; }
/* =CATEGORIES
---------------------------------------------------------------------------------------------------*/
/*
.content .categories li { list-style: none; float: left; width: 141px; height: 165px; text-align: center; padding: 0 0 5px 0; }
.content .categories li.rear { margin-right: 0; }
.content .categories a { text-decoration: none; }
.content .categories a:hover { text-decoration: underline; }
*/
.content .categories {
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
row-gap: 15px;
width: 100%;
justify-content: space-between;
}
.content .categories::after {
content: "";
flex: auto;
}
.content .categories li {
list-style:none;
display: inline-block;
text-align:center;
width: calc(25% - 8px);
}
.content .categories li img {
max-width: 100%;
height: auto;
border-radius: 8px;
}
.homepage-categories .categories {
display: none !important;
padding-bottom: 10px;
}
@media all and (max-width:576px) {
.content .categories li {
width: calc(33.3% - 8px);
}
.content .products-list li { width: calc(50% - 8px) !important; }
.content .products-list .price { font-size: 12px !important; }
}
@media all and (max-width: 768px) {
.homepage-categories .categories {
display: flex !important;
}
.content .product-detail .right-box .info { margin-top: 0px; }
.formbox.login .podmas_inputfield label.povinny_udaj,
.formbox.login .sendbutton,
.formbox.zmena-hesla .podmas_inputfield .povinny_udaj,
.formbox.zmena-hesla .sendbutton,
.formbox .savebutton,
.formbox .regbutton,
.formbox .textik,
.formbox .registrovat_check { margin-left: 0px !important; padding-left: 0px !important; }
.podmas_inputfield label.gdpr_check.remember,
.formbox .podmas_inputfield label.remember,
.podmas_inputfield label.newsletter_check.remember { width: calc(100% - 40px) !important; }
.desktop-only { display: none; }
}
/* =COMMENTS
---------------------------------------------------------------------------------------------------*/
.content .comments li { list-style: none; padding: 15px 5px; }
.content .comments li.odd { background: #f8f8f8; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.content .comments span { font-weight: bold; color: #be1f22; display: block; margin: 2px 0; }
.content .comments span.date { color: #999; font-size: 11px; }
.content .comments p { font-weight: bold; }
.content .comments-form .row { background: url(https://www.numa.sk/en/images/layout/bg_comment_textarea.gif) no-repeat left top; width: 363px; height: 74px; overflow: hidden; margin: 0 0 8px 0;}
.content .comments-form .row textarea { background: transparent; width: 343px; height: 54px; padding: 10px; overflow: auto; font-size: 12px; font-weight: normal; }
.content .comments-form .send {width: 140px; height: 36px; background: #be1f22; color: #fff; overflow: hidden; }
/* =TXT
---------------------------------------------------------------------------------------------------*/
.content .txt h3 { font-size: 12px; font-weight: bold; margin: 0 0 5px 0; }
.content .txt p { margin: 0 0 10px 0; line-height: 18px; text-align:justify; }
.content .txt img.main { float: left; margin: 0 20px 10px 0; }
.content .txt img.main-large { float:none; margin-right:0; }
.content .txt .desc { font-size: 16px; font-weight: bold; margin: 0 0 20px 0; }
.content .txt ul { margin: 0 0 10px 0; }
.content .txt ul li { font-weight: bold; list-style: none; background: url(https://www.numa.sk/en/images/layout/bullet_txt.gif) no-repeat 0 4px; padding: 0 0 0 15px; line-height: 18px; }
.content .txt-title { font-weight: bold; font-size: 16px; margin: 15px 0 10px 0; }
.content .txt img.left { float: left; margin: 5px 10px 5px 0px; }
.content .txt img.right { float: right; margin: 5px 0px 5px 10px; }
.content .txt table { margin: 0 0 10px 0; }
/* =GALLERY
---------------------------------------------------------------------------------------------------*/
.content .gallery li { list-style: none; width: 135px; height: 135px; background: #e7e7e7; padding: 3px; float: left; margin: 0 1px 1px 0; overflow: hidden; }
.content .gallery li.rear { margin-right: 0; }
.content .gallery.add-name li { width: 135px; height: 160px; text-align: center; background: #fff;}
.content .gallery.add-name li a.obr { display: block; width: 135px; height: 135px; background: #e7e7e7; padding: 3px;}
.content .gallery.add-name li a.nazov-galerie { line-height: 18px; text-decoration: none !important;}
.content .gallery.add-name li a.nazov-galerie:hover { text-decoration: underline !important;}
/* =PAGINATION
---------------------------------------------------------------------------------------------------*/
.pagination { display: block; float: left; height: 29px; overflow: hidden; text-align: center; width: 710px; margin: 10px 0 20px 0; }
.pagination a { display: inline-block; font-weight: bold; height: 18px; line-height: 18px; padding: 0 5px; text-decoration: none !important; }
.pagination a:hover { text-decoration: underline !important; }
.pagination strong { background: url(https://www.numa.sk/en/images/layout/bg_pagination_select.gif) no-repeat left top; display: inline-block; font-weight: bold; height: 29px; width: 29px; line-height: 29px; text-decoration: none; }
/* =FILTER BOX
---------------------------------------------------------------------------------------------------*/
.content .filter-box { width: 708px; height: 57px; background: #f3f3f3 url(https://www.numa.sk/en/images/layout/bg_filter.jpg) no-repeat left top; margin: 0 0 17px 0; overflow: hidden; }
.content .filter-box li { list-style: none; float: left; height: 37px; padding: 10px 13px;}
.content .filter-box li label { display: block; line-height: 14px; margin: 0 0 3px 0; }
.content .filter-box li select { width: 69px; }
.content .filter-box .fulltext { background: #fff url(https://www.numa.sk/en/images/layout/bg_filter_input_search.gif) no-repeat left top; width: 141px; height: 18px; overflow: hidden; }
.content .filter-box .fulltext input { background: transparent; width: 131px; height: 18px; padding: 0 5px; font-size: 11px; color: #333; font-style: normal; }
.content .filter-box .fulltext input.default { color: #6b6b6b; font-style: italic; }
.content .filter-box .fulltext input.active { color: #333; font-style: normal; }
.content .filter-box .price { background: #fff url(https://www.numa.sk/en/images/layout/bg_filter_input_price.gif) no-repeat left top; width: 54px; height: 18px; overflow: hidden; }
.content .filter-box .price input { background: transparent; width: 44px; height: 18px; padding: 0 5px; font-size: 11px; color: #333; font-style: normal; }
.content .filter-box li.last input {margin: 4px 0 0 0; background: #be1f22; color: #fff; width: 69px; height: 31px; }
.content .filter-box.skrimmre li { padding: 10px 7px; }
.content .filter-box.skrimmre li select.w1 { width: 114px; }
.content .filter-box.skrimmre li select.w2 { width: 95px; }
.content .filter-box.skrimmre li.last { float:right; }
.content .filter-box.cerpadla li,
.content .filter-box.ryby li { padding: 10px 12px; }
/* =FORMBOX
---------------------------------------------------------------------------------------------------*/
.formbox {
width: 100%;
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 8px;
/* background:#F2F2F2 url(https://www.numa.sk/en/images/layout/formbox.png) top left no-repeat; */
padding: 10px 15px 8px 25px;
background: rgb(237,237,237);
background: linear-gradient(180deg, #f6f6f6 0%, #e3e3e3 100%);
}
.formbox.zabudnute_heslo {
width: 615px;
/* background:#F2F2F2 url(https://www.numa.sk/en/images/layout/zabudnute_heslo.png) top left no-repeat;*/
}
/*
.formbox_bottom{ width:710px; height:7px; overflow:hidden; background:#F2F2F2 url(https://www.numa.sk/en/images/layout/formbox_bottom.jpg) top left no-repeat; margin:0 0 20px 0; }
.formbox_bottom.zabudnute_heslo_bottom{ width:655px; background:#F2F2F2 url(https://www.numa.sk/en/images/layout/zabudnute_heslo_bottom.png) top left no-repeat; }
*/
.formbox h2{ font-size:16px; letter-spacing:0; padding:5px 0 11px 0; line-height:16px; }
.formbox label{ display:block; width:80px; float:left; line-height:17px; padding:2px 5px 3px 0; text-align:right; font-weight:bold; margin:0 0 7px 0; }
.zabudnute_heslo label{ line-height:24px; }
.formbox label span{ color:#b71e21; }
.formbox .radio_for{ width:auto; }
.formbox .podmas_inputfield label{ width:135px; }
.zabudnute_heslo p{ font-weight:bold; padding:0 0 10px 0; font-size:11px; }
.formbox .regbutton{ display:block; float:left; width:109px; height:29px; background:#bb2023; color:#fff; text-align:center; margin:3px 0 5px 140px; }
.formbox .savebutton{ display:block; float:left; width:69px; height:29px; background:#bb2023; color:#fff; text-align:center; margin:3px 0 5px 140px; }
.formbox .sendbutton{ display:block; float:left; width:70px; height:29px; background:#bb2023; color:#fff; text-align:center; margin:3px 0 5px 140px; }
.formbox .ulozit_zmeny{ display:block; float:left; width:107px; height:27px; background:#672557; color:#fff; text-align:center; margin:0 0 5px 140px; }
.formbox .prihlasit{ display:block; float:left; width:78px; height:27px; background:#672557; color:#fff; text-align:center; margin:0 0 5px 90px; }
.podmas_input{ float:left; height:20px; width:280px; color:#333; margin:0 0 5px 0; }
.formbox .podmas_input{ /* background: url(https://www.numa.sk/en/images/layout/reginput.gif) top left no-repeat; */ }
.item #login-block .row .field-box input,
.podmas_input input,
.podmas_textarea textarea,
.heslo_input input,
.item .row .field-box input,
.item .row.textarea .field-box textarea,
.cart-box .small-form .row input,
.item .row .field-box-small input
{
border: 1px solid #DFDFDF;
border-radius: 4px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,.2);
color: #333;
background: white;
width: 100%;
}
.podmas_input input {
height: 20px;
font-size: 11px;
padding: 3px 5px;
box-sizing: border-box;
}
.podmas_textarea {
float: left;
width: 280px;
color: #333;
margin: 0 0 5px;
}
.podmas_textarea textarea {
height: 64px;
width: 100%;
font-size: 11px;
padding: 3px 5px;
overflow: auto;
box-sizing: border-box;
}
.podmas_input_small {
float: left;
height: 20px;
width: 50px;
/* overflow: hidden; */
color: #333;
margin: 0 5px 5px 0;
}
.formbox .podmas_input_small{ /* background: url(https://www.numa.sk/en/images/layout/reginput_small.gif) top left no-repeat; */ }
.podmas_input_small input{ height:14px; width:40px; font-size:11px; padding:3px 5px; overflow:hidden; color:#333; background:transparent; }
.podmas_input_small input.default{ color:#999; }
.heslo_input {
float: left;
height: 27px;
width: 100%;
max-width: 280px;
color: #333;
margin: 0 0 5px;
}
.formbox .heslo_input {
/* background:url(https://www.numa.sk/en/images/layout/heslo_input.gif) top left no-repeat; */
}
.heslo_input input {
/* width: 270px; */f.podmas_input input
font-size: 11px;
padding: 6px 5px;
color: #333;
height: 20px;
box-sizing: border-box;
}
.podmas_inputfield select{ display:block; width:280px; float:left; margin:0 0 5px 0; background:#F5F5F5; }
.podmas_inputfield select.narodenie{ width:auto; }
.formbox .podmas_inputfield select{ background:#fff; }
.podmas_inputfield .povinny_udaj{ float:left; display:block; padding:0 0 0 80px; line-height:20px; }
.formbox .podmas_inputfield .povinny_udaj{ padding:5px 0 0 140px; color:#717171; font-weight:bold; }
.formbox.zabudnute_heslo .podmas_inputfield .povinny_udaj{ padding:0 0 5px 140px; }
.podmas_inputfield .povinny_udaj span{ color:#b71e21; }
.podmas_inputfield .kontaktna_osoba{ float:left; display:block; padding:0 0 0 80px; line-height:20px; font-weight:bold; font-size:13px; }
.podmas_inputfield h3{ padding:5px 0 3px 140px; font-size:13px; }
.wrapper .formbox .podmas_inputfield .vydane_bolo{ margin-top:7px; }
.wrapper .formbox .podmas_inputfield label.vydane_bolo{ margin-top:0; }
.formbox .podmas_inputfield p{ padding:0 150px 5px 140px; line-height:15px; font-size:10px; color:#666; }
.formbox .podmas_inputfield span.for_sphere{ padding:0 0 5px 140px; line-height:15px; font-size:11px; color:#333; font-weight:bold; }
.sphere2{ margin-left:140px; }
.hidden_option{ display:none; }
.formbox .textik{ display:block; padding:0 0 8px 140px; line-height:16px; }
.formbox .registrovat_check{ width:15px; height:15px; float:left; margin:0 5px 10px 140px; }
.formbox .podmas_inputfield label.remember{ width:auto; text-align:left; font-weight:100; padding:0 15px 0 0; }
.formbox.login{ /* width:345px; background:#F2F2F2 url(https://www.numa.sk/en/images/layout/bg_login_box.png) top left no-repeat !important; */ padding:20px 15px 10px 15px;}
.formbox_bottom.login_bottom{ width:375px; /* background:#F2F2F2 url(https://www.numa.sk/en/images/layout/bg_login_box_bottom.png) top left no-repeat !important; */ margin-bottom: 5px; }
.formbox.login {
/*
width: 345px;
background:#F2F2F2 url(https://www.numa.sk/en/images/layout/bg_login_box.png) top left no-repeat !important;*/
padding: 20px 15px 10px;
}
.formbox.login .podmas_inputfield label.povinny_udaj { width: auto; }
.formbox.login .sendbutton{ display:block; float:left; width:76px; height:29px; background:#bb2023; color:#fff; text-align:center; margin:10px 0 0px 140px; }
.formbox.login .podmas_inputfield .povinny_udaj{ float:left; display:block; padding:0 0 0 140px; line-height:20px; color: #363636; font-weight: normal; }
.formbox.zmena-hesla{ /* background:#F2F2F2 url(https://www.numa.sk/en/images/layout/bg_zmena_hesla_box.png) top left no-repeat !important; */ padding:20px 15px 10px 15px;}
/*
.formbox_bottom.zmena-hesla-bottom{ width:445px; height: 9px; background:#F2F2F2 url(https://www.numa.sk/en/images/layout/bg_zmena_hesla_box_bottom.png) top left no-repeat; margin-bottom: 5px; }*/
.formbox.zmena-hesla .podmas_inputfield label{ width:125px; }
.formbox.zmena-hesla .sendbutton{ display:block; float:left; width:69px; height:29px; background:#bb2023; color:#fff; text-align:center; margin:10px 0 0px 130px; }
.formbox.zmena-hesla .podmas_inputfield .povinny_udaj{ float:left; display:block; padding:0 0 0 130px; line-height:20px; color: #363636; font-weight: normal; }
.formbox.tabform { float:left; width:605px; /* background:#F2F2F2 url(https://www.numa.sk/en/images/layout/bg_product_detail_form_box.jpg) top left no-repeat !important; */ padding:20px 15px 10px 50px; margin-left: 20px;}
.formbox_bottom.tabform_bottom{ float:left; width:670px; height: 10px;/* background:url(https://www.numa.sk/en/images/layout/bg_product_detail_form_box_bottom.jpg) top left no-repeat !important; */ margin-bottom: 5px; margin-left: 20px; }
.formbox.tabform .podmas_input { /* background: #fff url(https://www.numa.sk/en/images/layout/bg_product_detail_form_input.gif) top left no-repeat; */ width: 100%; max-width: 320px; height: 20px; margin-bottom: 10px; }
.formbox.tabform .podmas_input input { width: 100%; height: 20px; padding: 3px 5px; }
.formbox.tabform .podmas_textarea {
float: left;
max-width: 320px;
width: 100%;
margin: 0 0 5px;
/* background:#fff url(https://www.numa.sk/en/images/layout/bg_product_detail_form_textarea.gif) top left no-repeat; */
}
.formbox.tabform .podmas_textarea textarea {
height: 54px;
width: 100%;
font-size: 11px;
padding: 3px 5px;
overflow: auto;
color: #333;
box-sizing: border-box;
}
.formbox.tabform .podmas_inputfield.www .povinny_udaj { font-weight: normal; margin-bottom: 7px; padding-top: 0; color: #848484; }
.formbox .podmas_input.error,
.formbox .podmas_input.error1,
.formbox .podmas_input.error2 { position:relative; }
.formbox .podmas_input label.error { text-indent:-999px; overflow:hidden; }
.formbox .podmas_input.error label.error { position:absolute; top:4px; right:0px; width:46px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-povinny-udaj.gif) no-repeat top left; }
.formbox .podmas_input.error1 label.error { position:absolute; top:4px; right:0px; width:58px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-zly-format.gif) no-repeat top left; }
.formbox .podmas_input.error2 label.error { position:absolute; top:4px; right:0px; width:58px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-min-char.gif) no-repeat top left; }
.formbox .podmas_textarea.error,
.formbox .podmas_textarea.error1 { position:relative; }
.formbox .podmas_textarea label.error { text-indent:-999px; overflow:hidden; }
.formbox .podmas_textarea.error label.error { position:absolute; top:4px; right:0px; width:46px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-povinny-udaj.gif) no-repeat top left; }
.formbox .podmas_textarea.error1 label.error { position:absolute; top:4px; right:0px; width:58px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-zly-format.gif) no-repeat top left; }
.formbox.tabform .podmas_input.error,
.formbox.tabform .podmas_input.error1 { position:relative; }
.formbox.tabform .podmas_input label.error { text-indent:-999px; overflow:hidden; }
.formbox.tabform .podmas_input.error label.error { position:absolute; top:4px; right:0px; width:46px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-povinny-udaj.gif) no-repeat top left; }
.formbox.tabform .podmas_input.error1 label.error { position:absolute; top:4px; right:0px; width:58px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-zly-format.gif) no-repeat top left; }
.formbox.tabform .podmas_textarea.error,
.formbox.tabform .podmas_textarea.error1 { position:relative; }
.formbox.tabform .podmas_textarea label.error { text-indent:-999px; overflow:hidden; }
.formbox.tabform .podmas_textarea.error label.error { position:absolute; top:4px; right:0px; width:46px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-povinny-udaj.gif) no-repeat top left; }
.formbox.tabform .podmas_textarea.error1 label.error { position:absolute; top:4px; right:0px; width:58px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-zly-format.gif) no-repeat top left; }
.formbox .heslo_input.error,
.formbox .heslo_input.error1 { position:relative; }
.formbox .heslo_input label.error { text-indent:-999px; overflow:hidden; }
.formbox .heslo_input.error label.error { position:absolute; top:7px; right:0px; width:46px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-povinny-udaj.gif) no-repeat top left; }
.formbox .heslo_input.error1 label.error { position:absolute; top:7px; right:0px; width:58px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-zly-format.gif) no-repeat top left; }
.item .row .field-box.error,
.item .row .field-box.error1 { position:relative; }
.item .row .field-box label.error { text-indent:-999px; overflow:hidden; }
.item .row .field-box.error label.error { position:absolute; top:7px; right:0px; width:46px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-povinny-udaj.gif) no-repeat top left; }
.item .row .field-box.error1 label.error { position:absolute; top:7px; right:0px; width:58px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-zly-format.gif) no-repeat top left; }
#login-block .row .field-box.error label.error { position:absolute; top:7px; right:0px; width:46px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-povinny-udaj.gif) no-repeat top left; }
#login-block .row .field-box.error1 label.error { position:absolute; top:7px; right:0px; width:58px; height:12px; background:url(https://www.numa.sk/en/images/layout/icon-zly-format.gif) no-repeat top left; }
/* =FOOTER
---------------------------------------------------------------------------------------------------*/
.foot_links{ text-align:left; position:relative; width:960px; margin:0 auto; background: url(https://www.numa.sk/en/images/layout/foot.jpg) top center no-repeat; padding:15px 0; }
.foot_links h3{ padding:0 0 5px 0; font-weight:900; }
.foot_links .first{ float:left; width:450px; font-size:11px; padding:0 30px 0 0; }
.foot_links .second{ float:left; width:150px; font-size:11px; padding:0 30px 0 0; }
.foot_links .last{ float:left; width:300px; font-size:11px; padding:0; }
.foot_links ul{ list-style:none; }
.foot_links ul li{ color:#8A8A8A; float:left; width:150px; height:16px; line-height:16px; }
.foot_links ul li a { color:#8A8A8A; height:16px; line-height:16px; }
.foot_links ul li a:hover{ color:#8A8A8A; height:16px; line-height:16px; }
.footer{ text-align:center; position:relative; width:960px; height:339px; margin:0 auto; }
.footer .links{ display:inline-block; padding:20px 0 8px 0; color:#8A8A8A; font-size:11px; line-height:15px; }
.footer .links a{ display:inline-block; padding:0 10px; color:#8A8A8A; font-size:11px; line-height:15px; }
.footer small{ display:block; color:#A1AEAE; font-size:11px; }
.footer small a { color: #A1AEAE; text-decoration: none !important; }
.footer small a:hover { text-decoration: underline !important; }
/* =CART-BOX
---------------------------------------------------------------------------------------------------*/
.cart-box { width:710px; position:relative; margin:35px 0 0 0; }
.cart-box h2 { margin: 0 0 10px 0; font-size: 18px; font-weight: bold; }
.cart-box h2 span { color: #898989; font-weight:normal; }
.cart-box.border { margin-top:0; background:#fff; padding:0 !important; border:0 !important; }
.cart-box.border .form { border-top:1px solid #DFDFDF !important; }
.cart-box ul.menu { width:710px; height:39px; position:absolute; top:-33px; left:0px; background: url(https://www.numa.sk/en/images/layout/bg_tabs_product_detail.gif) no-repeat scroll left top #BE1F22; }
.cart-box ul.menu li { list-style: none; float: left; background: url(https://www.numa.sk/en/images/layout/bg_tabs_product_detail_separator.gif) no-repeat left top; }
.cart-box ul.menu li.one { background: none; width: 176px;}
.cart-box ul.menu li.two { width: 178px; }
.cart-box ul.menu li.three { width: 178px; }
.cart-box ul.menu li.four { width: 178px; padding: 0; }
.cart-box ul.menu li span.a strong { display: inline-block; height: 13px; padding: 0 0 0 20px; }
.cart-box ul.menu li span.a.active strong { background-position: left bottom; }
.cart-box ul.menu li.one strong { background: url(https://www.numa.sk/en/images/layout/cart_01.gif) no-repeat left top; }
.cart-box ul.menu li.two strong { background: url(https://www.numa.sk/en/images/layout/cart_02.gif) no-repeat left top; }
.cart-box ul.menu li.three strong { background: url(https://www.numa.sk/en/images/layout/cart_03.gif) no-repeat left top; }
.cart-box ul.menu li.four strong{ background: url(https://www.numa.sk/en/images/layout/cart_04.gif) no-repeat left top; }
.cart-box ul.menu li span.a { display: block; height: 39px; text-decoration: none; text-align: center; color: #fff; font-weight: bold; line-height: 42px; }
.cart-box ul.menu li span.a span { display: block; height: 39px; line-height: 42px; }
.cart-box ul.menu li span.a.active span.number { background: url(https://www.numa.sk/en/images/layout/bg_tabs_product_detail_left.gif) no-repeat left top; color: #000; padding: 0 0 0 8px; }
.cart-box ul.menu li span.a.active { background: #fff url(https://www.numa.sk/en/images/layout/bg_tabs_product_detail_right.gif) no-repeat right top; text-decoration: none; padding: 0 8px 0 0; }
.cart-box .form { width:690px; background:#fff; padding:20px 9px 1px 9px; border:1px solid #DFDFDF; border-top:0; color:#303030; border-bottom: none; }
.cart-box .form-in { width:650px; padding: 10px 20px; position:relative; background:#F6F6F6 url(https://www.numa.sk/en/images/layout/bg_form_in.gif) repeat-y left top; /*border:1px solid #DFDFDF;*/ border-bottom: none; border-top: none; overflow: hidden; }
/* doplnene */
.cart-box .form-in .left { float:left; width:338px; }
.cart-box .form-in .left .check { float: left; font-weight: bold; line-height: 14px; margin: 0 5px 0 0; }
.cart-box .form-in .right { float:right; width:310px; }
.cart-box .form-in #unregister-block {width: 655px; float: left; display:none; margin-top: 15px;}
.cart-box .form-in #register-block {width: 655px; float:left; display:none; margin-top: 15px;}
/* -- doplnene -- */
.cart-box .form .round-top { width:690px; height: 8px; display:block; overflow:hidden; background:#F6F6F6 url(https://www.numa.sk/en/images/layout/bg_cart_register_top.gif) no-repeat left top; }
.cart-box .form .round-bottom{ margin: 0 0 5px 0; width:690px; display:block; height: 8px; background:#F6F6F6 url(https://www.numa.sk/en/images/layout/bg_cart_register_bottom.gif) no-repeat left top; overflow: hidden; }
.cart-box .form.cart5 { padding-top: 5px; border-top: none !important; }
.cart-box .border-top { width: 710px; height: 8px; background: url(https://www.numa.sk/en/images/layout/bg_form_top.gif) no-repeat left top; overflow:hidden; }
.cart-box .border-bottom { width: 710px; background: url(https://www.numa.sk/en/images/layout/bg_form_bottom.gif) no-repeat left top; float: left; padding: 20px 0 0 0; margin-bottom: 15px;}
.cart-box table { width:690px; font-size:11px; margin-bottom:10px; }
.cart-box table thead { height:20px; line-height:20px; font-size:10px; background:#e1e1e1; text-transform:uppercase; }
.cart-box table th { padding:0 10px; line-height:20px; text-align:right; font-weight:normal; }
.cart-box table td { padding:10px; text-align:right; vertical-align: middle; border-bottom:1px solid #DFDFDF; font-size: 11px; font-weight: bold; }
.cart-box table tr.color td { background:#f6f6f6; }
.cart-box table td img { display:inline; margin-right:12px; }
.cart-box table th.first-produkt,
.cart-box table td.first-produkt { text-align:left; width:230px; }
.cart-box table td.first-produkt a { text-align: left; float: left; font-weight: normal; font-size: 12px; font-weight: bold; text-decoration: none; }
.cart-box table td.first-produkt img { border:1px solid #DFDFDF; float:left; margin-right:10px; }
.cart-box table td.first-produkt span.red { font-size: 12px; color: #D90400; font-weight: bold; }
.cart-box table td.first-produkt span { font-weight: normal; color: #000; font-size: 11px; color: #000; }
.cart-box table td.first-produkt span.block strong { color: #87b107; }
.cart-box table th.first-produkt { background:#e1e1e1 url(https://www.numa.sk/en/images/layout/table-head-left.gif) no-repeat top left; }
.cart-box table th.rear { background:#e1e1e1 url(https://www.numa.sk/en/images/layout/table-head-right.gif) no-repeat top right; }
.cart-box table .rear { text-align:right; }
.cart-box table .ks { text-align:center; width:40px; }
.cart-box table .ks .row { width:20px; height: 20px; background: url(https://www.numa.sk/en/images/layout/bg_cart_input_amount.gif) left top no-repeat; overflow: hidden; display: inline-block; }
.cart-box table .ks .row input { background: transparent; width: 14px; height: 14px; padding: 3px 3px; font-size: 11px; text-align:center;}
.cart-box table .ks .unit {
position: relative;
top: -6px;
}
.cart-box table tr.celkovo td { background:#F6F6F6; border-bottom:1px solid #dfdfdf; }
.cart-box table tr.celkovo .uhrada { font-size:18px; font-weight:bold; }
.cart-box table td.price { width:85px; }
.cart-box table.user-profil { width:710px; }
.cart-box table.user-profil .center { text-align:center; }
.cart-box table.user-profil th.rear-small { width:50px; }
.cart-box table.user-profil a.detail { float: right; width: 62px; height: 26px; display: block; color: #fff; background: #be1f22 url(https://www.numa.sk/en/images/layout/bg_button_detail.gif) no-repeat left top; text-align: center; line-height: 22px; overflow: hidden; text-decoration: none; }
.cart-box table.user-profil a.detail:hover { text-decoration: underline; }
.cart-box .sumarum { width:690px; background:#F6F6F6; margin:10px 0 10px 0; padding:5px 0; border-top:2px solid #DCDCDC; }
.cart-box .sumarum td.first { text-align:left; }
.cart-box .sumarum td { text-align:right; padding:3px 10px; border:0; }
.cart-box .button-refresh { width:98px; height:31px; margin-left:232px; display:block; border:none; background: #be1f22; color: #fff; overflow: hidden; }
.cart-box .table-zlava { background:#F6F6F6 }
.cart-box .table-zlava td { border:0; padding:5px 10px; }
.cart-box .total-result-box { width: 660px; padding:0 15px; margin-bottom:5px; font-size:18px; font-weight:bold; height:40px; line-height:40px; background:url(https://www.numa.sk/en/images/layout/bg-total-result.gif) no-repeat; }
.cart-box .total-result-box .float {float:left; line-height: 40px; height: 40px; width: 200px; }
.cart-box .total-result-box .floatRight { text-align:right; line-height: 40px; height: 40px; width: 200px; }
.cart-box .small-form { float:left; width:335px; background:#e9e9e9 url(https://www.numa.sk/en/images/layout/form-small-top.gif) no-repeat top; margin: 0 0 10px 0; overflow: hidden; }
.cart-box .small-form fieldset { background:url(https://www.numa.sk/en/images/layout/form-small-bottom.gif) no-repeat bottom; }
.cart-box .small-form fieldset .small-form-in { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; margin: 10px 0 10px 0; padding: 0 10px; width:313px; overflow: hidden; }
.cart-box .small-form.rear { float:right; }
.cart-box .small-form input { float:left; margin-left:6px; }
.cart-box .small-form input.delete { float:left; margin-left:3px; }
.cart-box .small-form img.delete { float:left; margin-left:3px; }
.cart-box .small-form .row { width:83px; height: 24px; /* background: url(https://www.numa.sk/en/images/layout/bg_cart_discount_input.gif) left top no-repeat; overflow: hidden; */ display: inline-block; float: left; }
.cart-box .small-form .row input { width: 73px; height: 12px; font-size: 11px; padding: 5px; margin: 0; }
.cart-box .small-form ul { margin-bottom:15px; }
.cart-box .small-form ul li { float:none; clear:both; line-height:150%; list-style: none; }
/* .cart-box .small-form ul li b { float:right; } */
.large-label { margin: 0 0 10px 0; font-size: 18px; font-weight: bold; line-height:140%; }
.large-label span { color:#898989; font-weight:normal; }
label.large-label { margin:0 0 15px 5px; }
.item { background:#f6f6f6; display:block; font-size:12px; }
.item .item-in { width:648px; padding:15px 10px; background:url(https://www.numa.sk/en/images/layout/bg-cart-item-bottom.gif) no-repeat bottom; }
.form-large .item { background:#DCDCDC url(https://www.numa.sk/en/images/layout/bg-form-top.gif) no-repeat top; display:block; font-size:11px; }
.form-large .item .item-in { width:670px; padding:15px 10px; background:url(https://www.numa.sk/en/images/layout/bg-form-bottom.gif) no-repeat bottom; }
.form-large .item .row { width:330px; }
.form-large .item .row label { width:105px; }
.item.borderer { width:670px; padding:15px 10px; background: #fff; border:1px solid #DFDFDF; border-left: none; border-right: none; }
.item.borderer.color { border-top:0; border-bottom:0; background:#F6F6F6 !important; }
.item.color { background:#fff; }
.item.last { margin:0 0 10px 0; }
.item.nopadding { padding-bottom:0px; }
.item input.check { width:14px; height:14px; margin:0 7px 10px 0; float:left; }
.item label.check { float:left; font-weight:bold; margin:0 5px 0 0; line-height:14px; }
.item .row { width:320px; height: 26px; margin:2px 0; }
.item .row input { width:200px; }
.item .row label { width:80px; padding-right:5px; text-align:right; float:left; line-height: 26px; font-size: 11px; white-space:nowrap; }
.item .row .field-box { float:right; width:233px; height: 23px; padding: 3px 0 0 0; /* background: #fff url(https://www.numa.sk/en/images/layout/bg_cart_register_input.gif) left top no-repeat; overflow: hidden; */ }
.item .row .field-box input {
width: calc(100% - 10px);
height: 14px;
font-size: 11px;
padding: 2px 5px;
}
.item .row .field-box-small {
margin: 0 12px 0 0;
float: left;
width: 70px;
height: 23px;
padding: 3px 0 0;
}
.item .row .field-box-small.rear {
margin: 0;
}
.item .row .field-box-small input {
width: calc(100% - 10px);
height: 14px;
font-size: 11px;
padding: 2px 5px;
}
.item .row.textarea {
width: 650px;
height: 105px;
}
.item .row.textarea .field-box {
float: right;
width: 562px;
height: 94px;
padding: 3px 0 0;
max-width: 100%;
}
.item .row.textarea .field-box textarea {
width: 100%;
height: 87px;
overflow: auto;
font-size: 11px;
padding: 5px;
box-sizing: border-box;
}
.form-large #ch1,
#ch2,
#ch3 { width:15px; height:15px; margin-top:4px; }
.item span.boldRight { float:right; font-weight:bold; }
.item p { margin:0 0 0 20px; }
.item p.note { font-size:10px; margin-top:10px; }
.item .left { width:305px; float:left; }
.item .right { width:310px; float:right; font-size:10px; }
.item .box-labels { display:block; }
.item .box-labels .left { width:305px; }
.item .box-labels .right { width:410px; }
.item .left-large-note { width:305px; float:left; font-size:10px; }
.item .right-large-note { width:320px; float:right; font-size:10px; padding-top:4px; }
.item #login-block { width:648px; float:left; display:none; margin-top: 15px; }
.item #login-block input { float:left; }
.item #login-block .row .field-box { float:right; width:163px; height: 23px; padding: 3px 0 0 0; /* background: #fff url(https://www.numa.sk/en/images/layout/bg_cart_register_input_login.gif) left top no-repeat; overflow: hidden; */ }
.item #login-block .row .field-box input { width:153px; height: 14px; font-size: 11px; padding: 2px 5px; }
.item #login-block .row { width:230px; margin-right:10px; float:left !important; }
.item #login-block .row label { width:60px; text-align:right; line-height:30px; font-size: 11px; }
.item #login-block .row.pass label { width:40px; }
.item #login-block .row.pass { width:210px; }
.item #login-block .lost-password { line-height:30px; margin-left:10px; font-size: 11px; }
.item #login-block .login-button {margin-top: 2px; overflow: hidden; color: #fff; background: #be1f22; width: 67px; height: 26px; }
.cart-box .box-udaj { width:300px; float:left; margin:0 30px 20px 0; }
.cart-box .box-udaj.rear { margin-right:0; }
.cart-box .box-udaj .line { display:block; margin:0 0 3px 0; color:#858585; font-style:italic; font-size:11px; }
.cart-box .box-udaj b { color:#000; font-style:normal; font-weight:normal; width:60px; float:left; }
.cart-box .poznamka { color:#858585; font-style:italic; font-size:11px; margin:0 0 20px 0; }
.cart-box .box-udaj strong { padding-right:10px; text-align:right; font-style:normal; color:#313131; display:inline-block; width:90px; font-family:Arial, Helvetica; }
.cart-box .info-box { padding:13px 15px 15px 45px; font-size:11px; color:#fff; background:#000 url(https://www.numa.sk/en/images/layout/icon-info.gif) no-repeat top left; }
.cart-box .underline { text-decoration:underline; }
.cart-box .compare-products { width: 710px; margin-bottom: 15px; }
.cart-box .compare-products .first-produkt { width: 470px; }
.cart-box .compare-products .center { text-align: center; }
.cart-box .compare-products .add_cart_big { background: #be1f22; color: #fff; width: 94px; height: 25px; overflow: hidden; }
/* =STATUS BOX
---------------------------------------------------------------------------------------------------*/
.status-box { margin-bottom:15px; background:#7f7f7f url(https://www.numa.sk/en/images/layout/status-box-top.gif) no-repeat top left; }
.status-box-in { padding:10px 10px 10px 45px; line-height:150%; color:#fff; background:url(https://www.numa.sk/en/images/layout/status-box-bottom.gif) no-repeat bottom left; }
.content .status-box-in a { color:#fff; }
.metatag a {display: inline-block; margin-right: 20px; text-decoration: underline !important; line-height: 1.3em; }
.metatag a:hover { text-decoration: none !important; }
/* =CONTACT RED BOX
---------------------------------------------------------------------------------------------------*/
.contact-red-box { margin-bottom:15px; background:#bb1e21 url(https://www.numa.sk/en/images/layout/contact-red-box-top.gif) no-repeat top left; }
.contact-red-box-in { padding:20px 20px 20px 45px; line-height:150%; color:#fff; background: url(https://www.numa.sk/en/images/layout/contact-red-box-bottom.gif) no-repeat bottom left; }
/* =CREDIT CARD BOX
---------------------------------------------------------------------------------------------------*/
.credit-card-box { width: 670px; padding: 10px; height: 65px; text-align:center; background: #be1f22 url(https://www.numa.sk/en/images/layout/bg_credit_card_box.jpg) no-repeat top left; color:#fff; font-size:13px; overflow: hidden; }
.credit-card-box p { margin-bottom: 15px; }
.credit-card-box ul { margin:0 auto; width:150px; }
.credit-card-box ul li { width:110px; height:31px; float:left; position:relative; margin:0 10px 0 0; list-style: none; }
.credit-card-box ul li.rear { margin:0; }
.credit-card-box ul li span { width:110px; height:31px; cursor:pointer; position:absolute; top:0; left:0; background:url(https://www.numa.sk/en/images/layout/corner-credit-card.gif) no-repeat; }
/* =GREY BOX
---------------------------------------------------------------------------------------------------*/
.grey-box { width: 680px; background: #f1f1f1 url(https://www.numa.sk/en/images/layout/bg_grey_box.gif) no-repeat left top; position: relative; padding: 10px 15px 15px 15px; overflow:hidden; }
.grey-box p { margin-bottom: 15px; }
.grey-box span { display: block; font-weight: bold; margin-top: 5px; }
.grey-box .grey-box-bottom { width: 710px; background: #f1f1f1 url(https://www.numa.sk/en/images/layout/bg_grey_box_bottom.gif) no-repeat left top; position: absolute; left: 0; bottom: 0; height: 5px; overflow:hidden; }
/* =CONTACT BOX
---------------------------------------------------------------------------------------------------*/
.contact-box { width: 710px; overflow: hidden; }
.contact-box h3 { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.contact-box li { float: left; list-style: none; }
.contact-box li.one { margin-right: 4px; width:255px; }
.contact-box li.two { margin-right: 5px; width:180px; }
.contact-box .mapa-box { position: relative; width: 266px; height: 90px; overflow: hidden; }
.contact-box .mapa-box span{ position: absolute; width: 266px; height: 90px; left: 0; top:0; display: block; background: url(https://www.numa.sk/en/images/layout/bg_mapa_box.gif) no-repeat left top; cursor: pointer; }
.contact-box p.left { float: left; }
.contact-box p.right { float: right; text-align: left; width: 100px; padding-left: 20px;}
/* =POPUP
---------------------------------------------------------------------------------------------------*/
.formbox.popUp { float:left; width:610px; max-width: calc(100vw - 35px); /* background:#e5e5e5 url(https://www.numa.sk/en/images/layout/bg_popup_box.png) top left no-repeat !important; */ padding:20px 15px 10px 15px;}
/* .formbox_bottom.popUp_bottom{ float:left; width:609px; background:url(https://www.numa.sk/en/images/layout/bg_popup_box_bottom.png) top left no-repeat !important; margin-bottom: 5px; } */
.formbox.popUp .podmas_input { /* background: #fff url(https://www.numa.sk/en/images/layout/bg_popup_input.gif) top left no-repeat; */ width: 100%; max-width: 449px; height: 26px; margin-bottom: 10px; }
.formbox.popUp .podmas_input input { width: 100%; height: 20px; padding: 6px 0; }
.formbox.popUp .podmas_textarea{ float:left; height:116px; width:449px; /* overflow:hidden; */ color:#333; margin:0 0 5px 0; }
.formbox.popUp .podmas_textarea{ /* background: #fff url(https://www.numa.sk/en/images/layout/bg_popup_textarea.gif) top left no-repeat; */ }
.formbox.popUp .podmas_textarea textarea{ height:110px; width:100%; font-size:11px; padding:3px 5px; overflow:auto; color:#333; box-sizing: border-box; }
.formbox.popUp .podmas_inputfield label{ width:124px; line-height: 22px; }
.formbox.popUp .sendbutton{ display:block; float:left; width:69px; height:29px; background:#bb2023; color:#fff; text-align:center; margin:10px 0 0px 130px; }
#send-friend { background: #fff; width: 610px; overflow: hidden;}
#send-friend h1 { font-size:16px; padding:0 0 15px 0; font-weight:bold; color: #3b3b3b; text-align: left; }
#send-friend form { width: 710px; float:left;}
#send-friend .povinny_udaj { display:block; padding:2px 0 0 0; line-height:20px; color: #363636; font-weight: normal; width: 79px; margin-bottom: 5px; }
#send-friend .povinny_udaj span { color:#b71e21; }
#send-friend .send-fiend { width: 609px; float: left; }
#send-friend .send-fiend input { float: left; width: 146px; height: 36px; text-align: right; background: #be1f22; color: #fff; overflow: hidden; text-align: center; }
.content #send-friend { display: none; }
/* =COMPARE
---------------------------------------------------------------------------------------------------*/
.compare { width: 709px; border-right: 1px solid #e8e8e8;}
.compare a { text-decoration: none; }
.compare a:hover { text-decoration: underline; }
.compare td { padding: 15px; border-bottom: 1px solid #e8e8e8; text-align: left; color: #363636; width: 158px; }
.compare .first { width: 115px; color: #fff; text-transform: uppercase; vertical-align: middle; background: #9d9d9d; font-size: 11px; border: none; }
.compare .name { border-bottom: none; border-top: 1px solid #e8e8e8; text-align: left; font-size: 14px; }
.compare .image { border-bottom: none; text-align: left; padding-top: 0; }
.compare .price { font-size: 16px; font-weight: bold; }
.compare .price_dph { font-size: 16px; font-weight: bold; }
.compare .no-price { font-size: 12px; font-weight: normal; font-style: italic; color:#888888; }
.compare .availability { color: #66a208; }
.compare .flag-box { position: relative; width: 148px; height: 148px; overflow: hidden; margin: 0 0 8px 0; }
.compare .flag-box span { position: absolute; left: 0; top: 0; width: 52px; height: 52px; }
.compare .flag-box span.akcia { background: url(https://www.numa.sk/en/images/layout/flag-list-akcia.png) no-repeat left top; }
.compare .flag-box span.vypredaj { background: url(https://www.numa.sk/en/images/layout/flag-list-vypredaj.png) no-repeat left top; }
.compare .flag-box span.zlava { background: url(https://www.numa.sk/en/images/layout/flag-list-zlava.png) no-repeat left top; }
/* =MESSAGE BOX
---------------------------------------------------------------------------------------------------*/
.message-box { width:710px; overflow: hidden; margin-bottom:15px; background:#7f7f7f url(https://www.numa.sk/en/images/layout/message-box-top.gif) no-repeat top left; margin-bottom: 15px; }
.message-box-in { width:655px; overflow: hidden; padding:15px 15px 20px 45px; line-height:150%; color:#fff; background:url(https://www.numa.sk/en/images/layout/message-box-bottom.gif) no-repeat bottom left; }
.message-box-in p { font-size: 12px; line-height: 14px; }
.message-box-in a { color: #fff !important; }
/* =ARTICLE LIST
---------------------------------------------------------------------------------------------------*/
.article-list { margin: 0 0 15px 0; }
.article-list h2 { font-size: 16px; font-weight: bold; margin: 2px 0; }
.article-list a { text-decoration: none !important; }
.article-list a:hover { text-decoration: underline !important; }
.article-list p { margin: 0; padding: 0; }
.article-list .date { font-size: 10px; color: #8A8A8A; font-style: italic; }
/* =DOWNLOAD
---------------------------------------------------------------------------------------------------*/
.download { margin: 0 0 10px 0; }
.download li { font-weight: bold; list-style: none; background: url(https://www.numa.sk/en/images/layout/bullet_txt.gif) no-repeat 0 4px; padding: 0 0 0 15px; line-height: 18px; }
/* =FOOTER CONTACT BOX
---------------------------------------------------------------------------------------------------*/
.footer-contact-box { width: 300px; overflow: hidden; height: 110px; }
.footer-contact-box li { float: left; list-style: none; width: 300px !important; }
.footer-contact-box p { line-height: 16px; }
.footer-contact-box p.left { float: left; line-height: 16px; width: 200px; }
.footer-contact-box p.right { float: right; text-align: left; width: 100px; }
/* =ESHOP CATEGORY
---------------------------------------------------------------------------------------------------*/
#category-menu li ul { display: none; }
/* =PARAMETERS
---------------------------------------------------------------------------------------------------*/
.content ul.parameters { margin: 10px 0 10px 0; }
.content ul.parameters li { list-style: none; background: url(https://www.numa.sk/en/images/layout/bullet_txt.gif) no-repeat 0 4px; padding: 0 0 0 15px; line-height: 18px; font-weight: bold; }
.content ul.parameters li strong { font-weight: normal; }
/* =FREE SHIPPING BOX
---------------------------------------------------------------------------------------------------*/
.free-shipping-box {
background:url(https://www.numa.sk/en/images/layout/doprava-zdarma.gif) top right no-repeat;
padding-bottom: 60px;
background-position: bottom left;
}
.mobile-btn { display:none; }
.tabs-panel { position:absolute; top:20px; right:0; }
.tabs-panel .tab-panel { position:relative; z-index:150; margin-bottom:5px; }
.tabs-panel .tab-panel-title { font-size:0px; display:block; }
.tabs-panel .tab-panel-text { width:500px; min-height:100%; text-align:left; font-size:12px; padding:0 20px; display:none; position:absolute; top:0; right:-600px; z-index:50; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; transition:0.2s; }
.tabs-panel .tab-panel-text img { position:absolute; top:0; right:100%; }
.tabs-panel .tab-panel-text p { line-height:1.4em; padding:20px 0; text-align: justify; }
.tabs-panel .tab-panel:hover .tab-panel-text { display:block; right:0px; }
.tabs-panel .tab-panel-1 .tab-panel-text { background:#da251c; color:#fff; }
.tabs-panel .tab-panel-2 .tab-panel-text { background:#007ec1; color:#fff; }
.tabs-panel .tab-panel-3 .tab-panel-text { background:#02913f; color:#fff; }
.tabs-panel .tab-panel-4 .tab-panel-text { background:#fdf309; color:#222; }
.product-form-left { float:left; }
.product-form-right { float:left; padding-left:5px; }
.product-form-right .input-small { padding:2px; border:1px solid #ddd; border-radius:4px; width:30px; height:20px; text-align:center; }
.product-form-right .product-form-calculate { padding-bottom:5px; }
.product-form-right label { font-size:11px; color:#888; display:block; padding-bottom:5px; }
@media all and (max-width:1020px) {
body, .container1, .container2, .container3 { background:#fff; }
.container2 { padding-top:10px; }
.wrapper, .foot_links, .footer { width:740px; }
.header, .mainpic, .slide_out, .maincontent { width:100%; }
.header { height:auto; padding-bottom:10px; }
.header .logo .flashlogo { display:none; }
.header .logo { width:180px; height:94px; }
.header .logo span { font-size:40px; line-height:94px; height:94px; text-align:left; }
.header .logo span span { line-height:94px; }
.header .head_info { width:380px; }
.header .head_info span, .header .head_info span a { font-size:16px; }
.header .logo img { width:180px; height:auto; }
.header .topmenu { float:left; padding-top:10px; }
.header .searchform { padding-top:30px; }
.mainpic { border-radius:8px; }
.introduces { width:380px; padding-bottom:15px; }
.slide { width:718px; }
.maincontent { padding-bottom:10px; }
.content,
.sidebar { width:100%; }
.content { padding-left:0; padding-top:0; }
.content .product-detail .variants,
.cart-box,
.cart-box table.user-profil,
.breadcrumbs { width:100%; }
.breadcrumbs { height:auto; }
.cart-box ul.menu { width:100%; background-image:url(https://www.numa.sk/en/images/layout/bg_tabs_product_detail2.gif); }
.cart-box .border-top { display:none; }
.cart-box .border-bottom { width:100%; background:none; }
.cart-box .form { width:100%; border:1px solid #DFDFDF; padding:14px 9px 1px 9px !important; border-radius:8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.cart-box .sumarum,
.cart-box table { width:100%; }
.cart-box .total-result-box { width:100%; height:auto; float:left; line-height:1.3em; padding:10px 15px; border:2px solid #000; background:none; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.cart-box .total-result-box span { width:auto !important; height:auto !important; line-height:1.3em !important; }
.cart-box .form-in { margin-bottom:10px; }
.cart-box .form-in,
.grey-box { width:100%; background-image:none; border:1px solid #e1e1e1; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.content .gallery li { margin:0 6px 6px 0; }
.txt img { max-width:100%; height:auto !important; float:none !important; margin:0 0 10px 0; display:block; }
.contact-box,
.txt iframe,
.txt table{ width:100% !important; }
.contact-box li.two { width:160px; }
.contact-red-box { width:100%; background-image:url(https://www.numa.sk/en/images/layout/contact-red-box-top2.gif); border-radius:8px; }
.contact-red-box-in { background:none; }
.content .product-detail .left-box { width:384px; }
.content .product-detail .tab-boxes-nav { width:100%; background-image:url(https://www.numa.sk/en/images/layout/bg_tabs_product_detail2.gif); }
.content .product-detail .tab-boxes-nav li.one { width:135px; }
.content .product-detail .tab-boxes-nav li.five { width:165px; }
.content .product-detail .tab-boxes-nav li.six { width:154px; }
.formbox.tabform,
.formbox_bottom.tabform_bottom { margin-left:32px; background-image:none !important; }
.formbox { width:100%; background:#dcdcdc url(https://www.numa.sk/en/images/layout/formbox2.png) top left repeat-x; border:1px solid #DFDFDF; padding:14px 9px !important; border-radius:8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.formbox_bottom { background:none; }
.sidebar .h2side,
.sidebar .my_acc,
.sidebar .new_items,
.sidebar .sidenews,
.sidebar .main_photgallery,
.hide-tablet,
.cart-box .form .round-top ,
.cart-box .form .round-bottom { display:none !important; }
.sidebar .menubox { width:100%; padding:0 15px; margin-bottom:20px; background-image:none; border-radius:8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.sidebar .menubox .menubox_bottom { background:none; }
.sidebar .menubox h2 { width:100%; background:none; padding:0; }
.sidebar .menubox ul { width:100%; padding:0; }
.sidebar .menubox ul li { width:100%; float:left; }
.sidebar .menubox ul li a { width:auto; display:block; float:none; }
.content .product-detail .left-box {
width: calc(100% - 343px);
padding: 0;
}
.free-shipping-box { padding-bottom:60px; background-position:bottom left; }
.footer { height:auto; padding-bottom:50px; }
}
@media all and (max-width:768px) {
body { padding:0 10px; }
.wrapper, .foot_links, .footer { width:100%; }
.content .product-detail .left-box,
.content .product-detail .right-box {
width: 100%;
padding: 0;
}
.content h1 { font-size:28px; letter-spacing:-1px; }
.content .products-list li { width: calc(33.3% - 8px); }
.hide-mobile,
.head_info { display:none !important; }
.header form { float:left; }
.basket { width:auto; }
.basket a,
.basket span.empty { font-size:14px; }
.basket span { font-size:11px; }
.header .logo { width:120px; height:75px; clear:left; }
.header .logo img { width:120px; }
.header .logo span { display:none; }
.header .basket { float:right; padding:8px 0 0 0; background:none; text-align:right; }
.header .searchform { padding-top:15px; }
.header .prihlasenie { min-width:60px; text-align:right; }
.header .mobile-btn { font-size:15px; color:#fff !important; margin-top:12px; text-decoration:none; padding:7px 10px !important; display:block; float:right; padding:5px 0; background:#B41B1E; border-radius:5px; }
.header .mobile-btn:hover { background:#8a0f12; }
.mobile-nav { display:none; width:100%; float:left; padding:5px 0; background:#B41B1E; border-radius:5px; }
.mobile-nav li { width:100%; }
.mobile-nav li a { width:100%; height:auto !important; line-height:1.4em !important; color:#fff; display:block; background:none; }
.mobile-nav li a span { background:none !important; height:auto !important; line-height:1.4em !important; padding:5px 10px; }
.mobile-nav li:hover a,
.mobile-nav li a:hover { background:#8a0f12 !important; }
.mobile-nav .topmenu { width:100%; height:auto; padding:0; }
.mobile-nav .topmenu .dropdown div { width:100%; position:static; top:auto; left:auto; float:left; background:#8a0f12 !important; }
.mobile-nav .topmenu .dropdown div ul { background:none; }
.mobile-nav .topmenu .dropdown div a { padding:5px 20px; }
.mainpic { background:none !important; height:auto; }
.mainpic h1 { width:100%; color:#000; padding:0; }
.mainpic p { width:100%; color:#000; padding-left:0; margin-left: 0; }
.mainpic p a, .mainpic p a:hover { color:#000; }
.introduces { width:100%; }
.manufacturers { width:100%; margin-bottom:20px; }
.slide { width:170px; padding:0 0px; }
.content .product-detail .right-box .image-box { width:100%; text-align:center; border:1px solid #eaeae8; border-radius:8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.content .product-detail .right-box .round { display:none; }
.content .product-detail .right-box .info li { width:100%; padding-bottom:2px; }
.content .product-detail .right-box .info li a { width:auto; display:block; }
.content .product-detail .right-box .info li a.compare { border:0; }
.cart-box .form-in #register-block,
.foot_links .first,
.foot_links .second,
.foot_links .last,
.footer-contact-box,
.footer-contact-box p { width:100% !important; }
.newsarticles,
.newsarticles ul { width:100% !important; height:auto; }
.foot_links .first,
.foot_links .second,
.foot_links .last { margin-bottom:15px; padding-right:0; }
.newsarticles ul li { width:100%; padding-right:0; }
.content .catImg img,
.content .catImg { float:none; clear:both; margin:0 0 5px 0; }
.large-label { font-size:16px; }
.mobile-checkbox { padding-left:20px; position:relative; }
.mobile-checkbox input { position:absolute; top:0; left:0; }
.content .gallery.add-name li { width:120px; height:140px; }
.content .gallery.add-name li a.obr,
.content .gallery.add-name li a.obr img { width:115px; height:115px; }
.content .product-detail .left-box .product-form-bottom .price { width:100%; margin:0 0 10px 0; display:block; text-align:left !important; }
.content .product-detail .left-box .product-form-bottom p { padding:0; text-align:left; }
.content .product-detail .left-box .product-form-bottom .bezdph { float:left; }
.content .product-detail .left-box .product-form,
.content .product-detail .left-box .product-form-bottom { width:100%; background:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.content .product-detail .left-box .product-form { background:#f5f5f5; border:1px solid #e9e8e4; border-radius:8px; margin-bottom:20px; }
.button-add-small-box { width:140px; }
.cart-box table td.first-produkt img,
.variants .first img { display:none; }
.cart-box .button-refresh { margin-left:0; clear:both; }
.cart-box .small-form,
.cart-box .small-form fieldset .small-form-in { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.cart-box .item.borderer { width:auto; }
.responsive-table { width:100%; overflow-x:auto; float:left; clear:both; }
.responsive-table table { width:100%; }
.responsive-table table td,
.responsive-table table th { width:auto !important; white-space:nowrap; }
.item .item-in { width:100%; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.item #login-block,
.cart-box .form-in .left { width:100%; }
.cart-box .form-in .right { width:100%; }
body .cart-box .item { margin-bottom:20px; }
body .cart-box .item .row { width:100%; height:auto; float:left; }
body .cart-box .item .row label,
body .cart-box .item .row.pass label { width:100% !important; text-align:left !important; float:left !important; }
body .cart-box .item .row .field-box { float:left !important; }
.content .product-detail .tab-boxes-nav { background:#e9e8e4; height:auto; border:1px solid #e9e8e4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.content .product-detail .tab-boxes-nav li { width:100% !important; background:none; }
.content .product-detail .tab-boxes-nav li a { color:#000; background:none !important; padding:0 !important; }
.content .product-detail .tab-boxes-nav li a.active span { background:#fff; }
.content .product-detail .tab-boxes-nav li a span { background:none; padding:0 !important; }
.cart-box .total-result-box span { width:100% !important; text-align:left !important; }
.cart-box .form-in .left,
.cart-box .form-in .right { padding-left:20px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.cart-box .form-in .left input.check { position:absolute; top:0px; left:0; }
.cart-box { margin-top:0; }
.cart-box ul.menu { display:none; }
.cart-box .form-in #unregister-block,
.item .left-large-note,
.item .right-large-note { width:100%; float:left; }
.item .right-large-note { margin-bottom:10px; }
.item #login-block .row,
.message-box,
.message-box-in { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:8px;}
.item #login-block .row.pass { width:100%; margin-right:0; }
.formbox.tabform { width:100%; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.formbox_bottom.tabform_bottom { display:none; }
.formbox .podmas_inputfield label:not(.error):not(.error):not(.remember) {
width: calc(100% - 20px) !important;
text-align: left;
margin-bottom: 2px;
}
.formbox .podmas_inputfield .povinny_udaj { padding-left:0; clear:both; }
.formbox .sendbutton { margin-left:0; }
.podmas_inputfield div[style="margin-left: 140px; margin-bottom: 5px"],
.formbox div[style="margin-left: 140px; margin-bottom: 5px;"]
{
margin: 0 0 5px 0 !important;
float: left;
}
.podmas_inputfield div[style="margin-left: 140px; margin-bottom: 5px"],
.formbox div[style="margin-left: 140px; margin-bottom: 5px;"],
div[style="margin-left: 130px; margin-bottom:5px"]
{
margin: 0 0 5px 0 !important;
float: left;
}
/*
.formbox.tabform .podmas_input input,
.formbox.tabform .podmas_textarea textarea,
.item #login-block .row .field-box input,
.item .row.textarea .field-box textarea,
body .cart-box .item .row .field-box input {
max-width: calc(100% - 28px)
} */
/*
.item #login-block .row .field-box input,
.item .row.textarea .field-box textarea,
body .cart-box .item .row .field-box input,
.formbox.tabform .podmas_input input,
.formbox.tabform .podmas_textarea textarea { width:98%; }
.item #login-block .row .field-box,
body .cart-box .item .row .field-box,
.formbox.tabform .podmas_input,
.formbox.tabform .podmas_textarea { width:100%; background:#fff; border:1px solid #d2cec9; border-radius:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*/
.tabs-panel { display:none; }
.formbox.popUp .podmas_textarea,
.formbox .podmas_input,
.formbox .podmas_textarea {
width: 100%;
max-width: 449px;
}
}
.field-box.select { background: none !important; }
.field-box.select select { width: 100%; }
.saec {
display:inline-block;
font-size: 10px;
margin-top: 10px;
}
.saec img { display: block; }
.content .txt h2 { font-size: 2em; font-weight: normal; line-height: 1.3em; margin: 0; padding: 10px 0 20px;}
.cc_banner-wrapper { text-align: left !important; }
#disqus_thread { margin-top: 40px; }
.submit-order-desc { line-height: 150%; color: #999; }
.podmas_inputfield label.gdpr_check.remember { width: 320px; }
.podmas_inputfield label.gdpr_check2 { width: 320px !important; }
.podmas_inputfield label.gdpr_check3 { width: 320px !important; }
.checkbox_required { color: #be1e23; }
.order-terms-box { background: #F6F6F6; border: 1px solid #DFDFDF; border-radius: 8px; padding: 10px; }
.order-terms-box input { display: block; float:left; width: 25px; }
.order-terms-box label { display: block; float:left; width: 640px; }