body {margin:0px; padding:0px; font-size:14px; font-family:arial; min-width:320px; background:#fff;} body * {line-height:150%;} 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;} 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;} .img { background-size:cover; background-repeat:no-repeat; background-position:center; display:inline-block;} a {color:#e70000;} /*#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 *, #filterbox * */ hr {width:100%; display:inline-block; height:0px; border:0px; border-bottom:1px dotted #ddd; line-height:0px; color:#fff; } *{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:30px 10px; width:100%; text-align:center;} #logo img {width:100%; max-width:292px; min-width:300px;} /* Menu */ #menu, #menu* {box-sizing:border-box;} #menu {float:left; width:100%;} #nav-but {background:#333; float:left; width:100%; border-bottom:4px solid #e70000;} #nav-but-inside {float:left; width:calc(100% - 50px); width:-moz-calc(100% - 50px); width:-webkit-calc(100% - 50px); } #nav-but a {color:#fff; border-right:1px solid #888; float:left; padding:16px; cursor:pointer;} #nav-but a.search-button {background:url('images/search.png') no-repeat center #e70000; background-size:50%; position:relative; float:right; border:0px; padding:10px; height:53px; 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:#e70000; background:url('images/dot-hover.png') no-repeat left center; } #navigation ul li.menubottom {display:none;} /* Categories */ .bdata {float:left; width:100%; color:rgba(255,255,255,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:#e70000; 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:#e70000; 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(255,255,255,0.8); border-bottom:1px dotted rgba(255,255,255,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(255,255,255,0.2);} #categories ul li ul li ul li a:hover, #categories ul li ul li ul li a#selected2 {color:#e70000; 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);} #search input.sendbutton {background:#444; margin-right:0px; cursor:pointer; width:70px; color:#fff; } /* Close button */ #navigation .show_hide1, #categories .show_hide2, #newsletter form .row a {background:#444!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%; } #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 */ #slidepic, .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;} #static3 {background:#eee;} #static3 table, #static3 tr, #static3 td, #static3 tbody {float:left!important; width:100%!important; text-align:center!important; min-width:100%!important; } #static4 table, #static4 tr, #static4 td, #static4 tbody {float:left!important; width:100%!important; text-align:center!important; min-width:100%!important; } #static2 {background:#ddd;} #static4 {background:#222; color:#fff; text-align:center; color:rgba(255,255,2555,0.7); } /* Contact form */ #contactform {background:#fff; float:left; width:100%; padding:30px 10px 0 10px; } #contactform form, #contactform form .row {float:left; width:100%;} #contactform form .row {padding:3px 0; overflow:auto; } #contactform form strong {width:120px; float:left; margin-top:10px;} #contactform form input, #contactform form select, #contactform form textarea {background:#eee; border:1px solid #ddd; width:calc(100% - 120px); width:-moz-calc(100% - 120px); width:-webkit-calc(100% - 120px); float:left;} #contactform form textarea {height:150px;} #contactform form button {width:auto; cursor:pointer; margin-left:0px!important; background:#e70000; color:#fff; border:1px solid #e70000; margin-top:20px; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .grecaptcha-badge {float:none!important; top:0!important; left:0px!important; margin-left:0px!important; right:0px!important; bottom:0px!important; position:relative!important;} #contactform p {float:left; float:left; width:100%; padding-left:120px; overflow:auto;} /* Footer menu */ #footer-menu {background:#333; 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.7); 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:#fff; 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 table, #databox tr, #databox td, #databox th, #databox tbody, #databox iframe {box-sizing:border-box; float:left!important; text-align:center!important; width:100%!important; margin-left:0px!important; margin-right:0px!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; margin-left:0px!important; margin-right:0px!important;} #databox table {max-width:100%!important;} #databox2 table, #databox2 tr, #databox2 td, #databox2 th, #databox2 tbody {box-sizing:border-box; float:left!important; text-align:center!important; width:100%!important; margin-left:0px!important; margin-right:0px!important;} #databox img, #databox2 img {max-width:100%!important; margin-left:0px!important; margin-right:0px!important;} /* Gallery */ #data-gallery {float:left; width:100%; margin-top:20px;} #data-gallery .paging {float:left; width:100%; margin-top:5px; display:none;} #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:#e70000; border:1px solid #e70000; 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; } #data-gallery .glightbox {width:50%; float:left; padding:0 5px; height:170px; overflow:hidden;} #data-gallery .glightbox .img {float:left; width:100%!important; height:170px!important; margin-top:10px;} @media screen and (min-width: 600px) {#data-gallery .glightbox { width:25%!important;}} @media screen and (min-width: 900px) {#data-gallery .glightbox { width:20%!important;}} /* 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:#e70000; border:1px solid #e70000; 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:#111; float:left; font-size:18px; width:100%;} .articles b {color:#dd0000; float:left; width:100%; font-size:16px;} .articles b i {background:#dd0000; 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;color:#888;} .articles a.cartbut {float:left; margin-top:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .articles a.cartbut {background:#888; color:#fff; margin-right:10px;} .articles a.details {float:left; margin-top:10px; } .articles a.details i {float:left; background:url('images/ico.png') no-repeat center #e70000; width:30px; height:30px; } .articles a.details span {float:left; color:#fff; background:#666; padding:4px 5px 5px 5px; width:auto; font-size:14px;} /* Articles 2 */ .articles2 {border-bottom:1px dotted #ccc; float:left; width:25%; padding:20px 10px; height:455px; overflow:hidden;} .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:252px; overflow:hidden;} .articles2 .artcontent {float:left; width:100%; height:156px;} .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:#dd0000; float:left; width:100%; font-size:16px; margin-top:5px;} .articles2 b i {background:#dd0000; color:#fff; font-style:normal; font-size:10px; padding:5px; margin-left:5px; 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:#888;} .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 {float:left;} .articles2 a.details i {float:left; background:url('images/ico.png') no-repeat center #e70000; width:20px; height:19px; padding:8px;} .articles2 a.details span {float:left; padding:0 10px; margin-top:15px; color:#fff; background:#666;} /* Filter */ .filters {cursor:pointer;} .filterbox {float:left; width:100%;} .filter {float:left; width:100%; border:1px solid #eee; margin-top:15px;} .filter strong {font-size:14px; float:left; background:#eee; padding:10px; width:100%;} .filter form {padding:0 10px 10px 10px!important; width:100%; float:left; width:100%;} .filter form div { width:50%; padding:15px 0; border-bottom:1px dotted #eee; float:left;} @media screen and (min-width: 700px) {.filter form div { width:33.33%!important; height:auto!important;}} @media screen and (min-width: 1000px) {.filter form div { width:25%!important; height:auto!important;}} /* Detail */ #databox-top {float:left; width:100%; margin-top:30px;} #databox-top h1 {color:#111; 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:#dd0000; float:left; width:100%; font-size:16px; margin-top:5px;} #databox-top b i {background:#dd0000; 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[type="text"] {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; clear:both;} .cart-filter {float:left; width:100%; margin-top:10px; border-top:1px solid #ddd; padding-top:10px; } .cart-filter strong {float:left; width:100px;} .cart-filter form {float:left; width:calc(100% - 100px); width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px);} .cart-filter select {width:100px;} #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:#2d4da0; 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 b span {font-weight:normal;} .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; } #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;} #mycart-order form .row textarea {height:150px;} #mycart-order form button {width:auto; cursor:pointer; background:#ccc; color:#333; border:1px solid #999; margin-top:20px; } #mycart-order p {float:left; } #orderForm p {float:left; width:100%; overflow:auto; padding-left:130px; margin-top:10px;} #orderForm #message_1 {color:red;} @media (max-width: 641px) { .gallery2 a {width:48%;} .articles2 {width:50%;} }