body {margin:0px; padding:0px; font-size:12px; font-family:arial; min-width:320px; background:#fff; } body * {line-height:150%; box-sizing:border-box;} input, textarea, select {font-size:12px; padding:10px; border:0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} p, form, table, h1, h2, h3, h4, h5, h6, span {margin:0px; padding:0px; font-weight:normal;} h1, h2 {color:#ee6133;} span.error {color:red!important;} span.success {color:green!important;} #newsletter span.error {color:#ffcc01!important;} #newsletter span.success {color:lightgreen!important;} a, a * {text-decoration:none;} a img {border:0px;} a {color:#ee6133; text-decoration:none;} a:hover { text-decoration:underline;} .img { background-size:cover; background-repeat:no-repeat; background-position:center; display:inline-block;} a.gomb {background-color:#F90; color:#fff; box-shadow:0 5px 0 #c77700; padding:10px 35px; font-size:16px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; transition:all 0.2s; display:inline-block; top:0px; position:relative;} a.gomb:hover { box-shadow:0 2px 0 #c77700; top:3px; position:relative; transition:all 0.2s; text-decoration:none;} #lang, #lang *, #logo, #logo *, #cart, #cart *, #navigation, #navigation *, #search, #search *, #newsletter, #newsletter *, #categories, #categories *, #banner, #banner *, #footer-menu, #footer-menu *, #contactform, #contactform *, #content, #databox, #data-gallery, #data-articles, #data-articles *, #mycart-products, #mycart-products *, #mycart-order, #mycart-order * {box-sizing:border-box;} /* Language */ #lang {background:#eee; border-bottom:1px solid #ddd; float:left; width:100%; text-align:center; padding:10px 0; } #lang a {display:inline-block; margin:0 6px;} a#selectlang {background:#eee; border:1px solid #ddd; color:#333; border-top:0px; font-size:11px; float:right; padding:5px; position:relative; left:-10px; margin-top:-39px; top:38px; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; } /* Logo */ #logo {background:#fff; float:left; padding:40px 10px 10px 10px; width:100%; text-align:center;} #logo img {width:100%; max-width:199px; min-width:199px;} /* Menu */ #menu, #menu* {box-sizing:border-box;} #menu {float:left; width:100%;} #nav-but {background:#ee6133; float:left; width:100%; height:50px; border-bottom:2px solid #555;} #nav-but-inside {float:left; height:50px; width:calc(100% - 50px); width:-moz-calc(100% - 50px); width:-webkit-calc(100% - 50px); } #nav-but a {color:#fff; border-right:1px solid #ff7244; float:left; padding:15px 16px; cursor:pointer;} #nav-but a.search-button {background:url('images/search.png') no-repeat center #555; background-size:50%; position:relative; float:right; border:0px; padding:10px; height:50px; width:50px; padding:0px; cursor:pointer; } /* Navigation common */ #navigation, #search, #newsletter, #categories {background:#eee; float:left; width:100%; padding:10px 10px;} /* Navigation */ #navigation ul, #navigation ul li {float:left; width:100%; margin:0px; padding:0px; list-style:none;} #navigation a {color:rgba(0,0,0,0.8); border-bottom:1px dotted rgba(0,0,0,0.2); background:url('images/dot.png') no-repeat left center; background-size:4px!important; float:left; width:100%; padding:15px 0 15px 10px;} #navigation a#selected1 , #navigation a:hover {color:#ee6133; background:url('images/dot-hover.png') no-repeat left center; } #navigation ul li.menubottom {display:none;} /* Categories */ .bdata {float:left; width:100%; color:rgba(0,0,0,0.8); padding:10px 0 0 0;} .bdata table, .bdata tr, .bdata th, .bdata td, .bdata iframe, .bdata img {width:100%!important; max-width:100%!important; height:auto!important; max-height:auto!important;} #categories h1 {background:rgba(0,0,0,0.2); color:rgba(0,0,0,0.8); float:left; width:100%; padding:10px; margin-top:10px; font-size:12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #categories ul, #categories ul li {float:left; width:100%; margin:0px; padding:0px; list-style:none;} #categories ul li a {color:rgba(0,0,0,0.8); border-bottom:1px dotted rgba(0,0,0,0.2); background:url('images/dot.png') no-repeat left center; float:left; width:100%; padding:15px 0 15px 10px; background-size:4px!important; } #categories ul li:last-child a {border-bottom:1px dotted rgba(0,0,0,0.2); } #categories ul li a:hover, #categories ul li a#selected2 {color:#ee6133; background:url('images/dot-hover.png') no-repeat left center; } #categories ul li ul li a {color:rgba(0,0,0,0.8); border-bottom:1px dotted rgba(0,0,0,0.2); background:url('images/dot.png') no-repeat 20px center rgba(0,0,0,0.2); padding:15px 10px 15px 30px;} #categories ul li ul li:last-child a { border-bottom:1px dotted rgba(0,0,0,0.2);} #categories ul li ul li a:hover, #categories ul li ul li a#selected2 {color:#ee6133; background:url('images/dot-hover.png') no-repeat 20px center rgba(0,0,0,0.2);} #categories ul li ul li ul li a {color:rgba(0,0,0,0.8); border-bottom:1px dotted rgba(0,0,0,0.2); background:url('images/dot.png') no-repeat 40px center rgba(0,0,0,0.4); padding:15px 10px 15px 50px;} #categories ul li ul li ul li:last-child a { border-bottom:1px dotted rgba(0,0,0,0.2);} #categories ul li ul li ul li a:hover, #categories ul li ul li ul li a#selected2 {color:#ee6133; background:url('images/dot-hover.png') no-repeat 40px center rgba(0,0,0,0.4); } /* Newsletter */ #newsletter {padding:10px 5px;} #newsletter p {color:rgba(255,255,255,0.8); float:left; width:100%;} #newsletter form {float:left; width:100%; margin-top:10px;} #newsletter form .row {float:left; width:100%; padding:3px 0;} #newsletter form .row strong {color:rgba(255,255,255,1); float:left; width:100px; margin-top:10px;} #newsletter form .row input {background:rgba(255,255,255,0.8); float:left; width:calc(100% - 100px); width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px);} #newsletter form .row input.sendbutton {background:#fff; color:#333; width:auto; margin-right:10px; cursor:pointer;} #newsletter form .row a {margin:0px!important;} /* Search */ #search {height:74px;} #search form {float:left; width:100%; padding:10px 0; margin:0px;} #search strong {color:rgba(255,255,255,1); float:left; margin-top:7px; width:90px; font-weight:normal; display:none;} #search input {background:rgba(255,255,255,0.8); float:left; margin-right:10px; width:calc(100% - 80px); width:-moz-calc(100% - 80px); width:-webkit-calc(100% - 80px); border:1px solid #ddd;} #search input.sendbutton {background:#ee6133; margin-right:0px; color:#fff; cursor:pointer; width:70px; } /* Close button */ #navigation .show_hide1, #categories .show_hide2, #newsletter form .row a {background:#ee6133!important; color:#fff!important; float:left; width:auto!important; padding:10px 15px!important; margin:20px 0 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} /* Cart */ #cart {background:#333; float:left; overflow:hidden; width:100%; margin-bottom:-14px;} #cart img {float:left; padding:0 10px; position:relative; top:9px; height:23px;} #cart i {color:rgba(255,255,2555,0.8); border-left:1px solid #555; float:left; padding:12px; font-size:11px; } #cart a {background:#555; float:right; padding:12px; color:rgba(255,255,2555,0.8); font-size:11px;} /* Banner */ #banner, .slider-wrapper .theme-default, .theme-default .nivoSlider {background:#eee!important; float:left; width:100%; margin:0px!important; padding:0px!important;} .theme-default .nivoSlider {box-shadow:none!important; } .nivo-controlNav {display:none;} /* .theme-default .nivo-directionNav a {display:block!important; opacity:1!important;} */ /* Static zones */ #static1, #static2, #static3, #static4 {box-sizing:border-box; float:left; width:100%; padding:30px 10px;} #static1 {background:#ee6133; color:#fff;} #static1 table {float:left; width:100%; clear:both; } #static2 {background:#fff; padding-bottom:0px;} #static3, #static4 {background:#333; color:#fff;} #static1 table, #static2 table, #static3 table, #static4 table, #static1 iframe, #static3 iframe, #static2 iframe, #static4 iframe {float:left!important; clear:both!important; width:100%!important; margin:5px 0!important;} #static1 img, #static2 img, #static3 img, #static4 img {width:auto!important; height:auto!important; max-width:100%!important;} /* Contact form */ #contactform {background:#fff; border-top:1px dotted #ccc; margin-top:30px; float:left; width:100%; padding:30px 10px 0 10px; } #contactform form, #contactform form .row {float:left; width:100%;} #contactform form .row {padding:3px 0;} #contactform form strong {width:120px; float:left; margin-top:10px;} #contactform form input, #contactform form select, #contactform form textarea {background:#fff; border:1px solid #ddd; width:calc(100% - 120px); width:-moz-calc(100% - 120px); width:-webkit-calc(100% - 120px); float:left;} #contactform form textarea {height:100px;} #contactform form input.sendbutton {background:#ee6133; border:1px solid #ee6133; color:#fff; width:auto; cursor:pointer;} /* Footer menu */ #footer-menu {background:#ee6133; float:left; width:100%; } #footer-menu ul {float:left; width:100%; margin:0px; padding:0px;} #footer-menu ul li {float:left; width:50%; margin:0px; padding:0px; list-style:none;} #footer-menu ul li:last-child {display:none;} #footer-menu a {color:rgba(255,255,255,0.8); border-bottom:1px dotted rgba(255,255,255,0.2); border-right:1px dotted rgba(255,255,255,0.2); background:url('images/arrow.png') no-repeat 10px center; background-size:4px!important; float:left; width:100%; padding:15px 10px 15px 20px;} #footer-menu a:hover, #footer-menu a#selected1 {color:#333; background:url('images/arrow-hover.png') no-repeat 10px center; } /* Content */ #content {background:#fff; float:left; width:100%; padding:0 10px 30px 10px; } /* Databox */ #databox {float:left; width:100%; margin-top:30px;} #databox iframe {box-sizing:border-box; float:left; margin:0px!important; width:100%!important; height:auto!important; max-width:auto!important; max-height:auto!important;} #databox img {max-width:100%!important; height:auto!important;} #databox2 {float:left; width:100%; margin-top:30px;} #databox2 iframe {box-sizing:border-box; float:left; margin:0px!important; width:100%!important; height:auto!important; max-width:auto!important; max-height:auto!important;} #databox table {width:100%!important; max-width:100%!important; height:100%!important; box-sizing:border-box!important; clear:both!important; display:block!important; overflow-x: auto!important; white-space: nowrap!important;} #databox2 table {width:100%!important; max-width:100%!important; height:100%!important; box-sizing:border-box!important; clear:both!important; overflow-x: auto!important; white-space: nowrap!important;} /* Gallery */ #data-gallery {float:left; width:100%; margin-top:20px;} #data-gallery .paging {float:left; width:100%; margin-top:5px;} #data-gallery .paging a {background:#eee; border:1px solid #ddd; color:#333; float:left; margin:5px 5px 0 0; padding:8px 12px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #data-gallery .paging a:hover, #data-gallery .paging a#selected3 {background:#ee6133; border:1px solid #ee6133; color:#fff; } #images_holder, #images_holder_inner, .gallery2 {float:left; width:100%;} .gallery2 a {float:left; width:23%; height:160px; margin:2% 2% 0 0;} .gallery2 .img {float:left; width:100%!important; height:160px;} /* Articles */ #data-articles {float:left; width:100%; margin-top:30px;} #data-articles .artpaging {float:left; width:100%; margin-top:15px;} #data-articles .artpaging a {background:#eee; border:1px solid #ddd; color:#333; float:left; margin:5px 5px 0 0; padding:8px 12px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #data-articles .artpaging a:hover, #data-articles .artpaging a#selected4 {background:#ee6133; border:1px solid #ee6133; color:#fff;} #data-articles .artpaging form {float:left; width:100%; margin:0px; padding:0px;} #data-articles .artpaging form select {background:#eee; border:1px solid #ddd; float:left; width:100%;} /* Articles 1 */ .articles {border-bottom:1px dotted #ccc; float:left; width:100%; padding:20px 0;} .articles .artpic {background:url('images/noimage.gif') no-repeat center #f5f5f5; width:150px; height:150px; float:left; background-size:75%; margin-right:10px;} .articles .artpic .img {width:150px!important; height:150px!important;} .articles .artright {float:left; width:calc(100% - 160px); width:-moz-calc(100% - 160px); width:-webkit-calc(100% - 160px);} .articles .artcontent {float:left; width:100%;} .articles h1 {color:#ee6133; float:left; font-size:18px; width:100%;} .articles span {color:#888; float:left; width:100%; font-size:12px;} .articles b {color:#dd3333; float:left; width:100%; font-size:16px;} .articles b i {background:#dd3333; color:#fff; font-style:normal; font-size:12px; padding:5px; margin-left:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .articles p {float:left; width:100%; margin-top:10px;} .articles a.cartbut, .articles a.details {float:left; margin-top:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 15px;} .articles a.cartbut {background:#888; color:#fff; margin-right:10px;} .articles a.details {background:#2970c2; color:#fff;} /* Articles 2 */ .articles, .articles *, .articles2, .articles2 * {box-sizing:border-box;} .articles2 {border-bottom:1px dotted #ccc; float:left; width:25%; padding:20px 10px; height:399px; overflow:hidden; text-align:center; } .articles2 .artpic {background:url('images/noimage.gif') no-repeat center #f5f5f5; border:1px solid #ddd; text-align:center; float:left; width:100%; height:150px; background-size:50%; overflow:hidden; text-align:center; } .articles2 .artpic .img {width:100%!important; height:150px!important;} .articles2 .artright {float:left; width:100%; margin-top:10px; height:198px; overflow:hidden;} .articles2 .artcontent {float:left; width:100%; height:145px;} .articles2 h1 {color:#111; float:left; font-size:18px; width:100%; overflow:hidden; height:27px;} .articles2 span {color:#888; float:left; width:100%; font-size:12px;} .articles2 b {color:#dd3333; float:left; width:100%; font-size:16px; margin-top:15px;} .articles2 b i {background:#dd3333; color:#fff; font-style:normal; font-size:10px; padding:5px; margin-left:0px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .articles2 p {float:left; width:100%; margin-top:10px; overflow:hidden; height:54px; color:#555;} .articles2 a.cartbut, .articles2 a.details {float:left; text-align:center; width:100%; margin-top:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 15px;} .articles2 a.cartbut {background:#888; color:#fff;} .articles2 a.details {background:#F90; color:#fff; box-shadow:0 5px 0 #c77700; -moz-box-shadow:0 5px 0 #c77700; -webkit-box-shadow:0 5px 0 #c77700; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;} #toparticles {background:#fff; float:left; width:100%; display:none; position:relative; margin:-20px 0 20px 0;} /* Detail */ #databox-top {float:left; width:100%; margin-top:30px;} #databox-top h1 {color:#ee6133; font-size:18px; float:left; width:100%;} #databox-top .big-image {float:left; width:100%; height:auto!important;} #databox-top .big-image img {float:left; width:100%;} #databox-top span {color:#888; float:left; width:100%; margin-top:10px;} #databox-top b {color:#dd3333; float:left; width:100%; font-size:16px; margin-top:5px;} #databox-top b i {background:#dd3333; font-style:normal; color:#fff; font-size:12px; position:relative; margin-top:-5px; padding:5px; margin-left:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .selectquanty {background:#eee; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; box-sizing:border-box; float:left; width:100%; padding:0 10px 10px 10px; margin-top:20px; } .selectquanty input {width:60px; border:1px solid #ddd; margin-right:10px; float:left; margin-top:10px;} .selectquanty a.cart-button-plus { background:#fff; color:green; border:1px solid #ddd; padding:4px 10px; float:left; margin-top:10px; margin-right:10px; font-size:20px; font-weight:bold;} .selectquanty a.cart-button-minus { background:#fff; color:red; border:1px solid #ddd; padding:1px 12px; float:left; margin-top:10px; margin-right:10px; font-size:24px; font-weight:bold;} .selectquanty .addcartdetail {background:#2970c2; color:#fff; padding:11px; float:left; margin-top:10px; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; } #databox-bottom {float:left; width:100%; margin-top:30px;} #databox-bottom a.back {background:#eee; border:1px solid #ddd; color:#333; float:left; padding:10px; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; } /* Addd to basket */ #articleAddedBasket {background:green; color:#fff; position:fixed; z-index:10; bottom:0px; width:100%; float:left; padding:30px 10px; text-align:center;} /* Mycart */ #mycart-products {float:left; padding:30px 10px; width:100%;} #mycart-products h1 {color:#ee6133; font-size:18px; float:left; width:100%; border-bottom:1px dotted #ddd; padding-bottom:10px;} #mycart-products h3 {float:left; width:100%; margin-top:10px;} #mycart-products h3#noproduct {color:red;} #mycart-products h3#send-success {color:green;} #mycart-products .back {background:#eee; border:1px solid #ddd; color:#333; margin-top:20px; float:left; padding:10px; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; } .cartback {width:100%; text-align:center; padding:16px 0!important; border:0px!important;} .mycart-product {float:left; width:100%; padding:20px 0; border-bottom:1px dotted #ddd;} .mycart-product .img {float:left; width:90px; height:90px; margin-right:10px;} .prod-info {float:left; width:calc(100% - 100px); width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); } .prod-info b {float:left; width:100%;} .prod-info u {color:red; float:left; width:100%; text-decoration:none;} .prod-info i {width:70px; border:1px solid #ddd; margin-right:10px; float:left; margin-top:10px; padding:10px;} .prod-info a.cart-button-plus { background:#fff; color:green; border:1px solid #ddd; padding:4px 10px; float:left; margin-top:10px; margin-right:10px; font-size:20px; font-weight:bold;} .prod-info a.cart-button-minus { background:#fff; color:red; border:1px solid #ddd; padding:1px 12px; float:left; margin-top:10px; margin-right:10px; font-size:24px; font-weight:bold;} .prod-info a.cart-delete { background:#fff; color:darkred; border:1px solid #ddd; padding:6px 12px; float:left; margin-top:10px; margin-right:10px; font-size:18px; font-weight:bold;} .prod-info a:hover {background:#eee;} #mycart-products h2 {color:darkred; font-size:18px;} #mycart-order {float:left; padding:0 10px 30px 10px; width:100%; position:relative; margin-top:-31px;} #mycart-order h1 {background:#eee; border:1px solid #fff; float:left; width:100%; padding:10px; color:#333; font-size:16px; } #mycart-order form {float:left; width:100%; margin-top:20px;} #mycart-order form .row {float:left; width:100%; padding:3px 0;} #mycart-order form .row strong {float:left; width:120px; margin-right:10px;} #mycart-order form .row input, #mycart-order form .row select, #mycart-order form .row textarea {background:#eee; border:1px solid #ddd; float:left; width:calc(100% - 130px); width:-moz-calc(100% - 130px); width:-webkit-calc(100% - 130px);} #mycart-order form .row input.sendbutton {background:#666; border:1px solid #666; color:#fff; width:auto; cursor:pointer;} @media (max-width: 641px) { .gallery2 a {width:48%;} .articles2 {width:50%;} }