body {margin:0px; padding:0px; font-size:16px; font-family:arial; min-width:320px; background:#fff;} body * {line-height:150%; box-sizing:border-box;} input, textarea, select { font-size:16px; padding:10px; border:0px; } p, form, h1, h2, h3, h4, h5, h6, span {margin:0px; padding:0px;} h1, h2, h3, h4, h5, h6 {font-weight:normal;} h1 {font-size:30px;} h2 {font-size:24px;} h3 {font-size:20px;} 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;} #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;} .photoswipe-gallery {text-align:center!important;} .photoswipe-gallery figure {float:none!important; display:inline-block!important;} .photoswipe-gallery img {float:left; max-width:100%!important; } /* 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; width:25px; height:25px; overflow:hidden; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #lang a .img {width:25px; height:25px;} 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:10px 10px 10px 10px; width:100%; text-align:center; } #logo img {width:250px} /* Menu */ #menu, #menu* {box-sizing:border-box;} #menu {float:left; width:100%;} #nav-but {background:#1c1925; float:left; width:100%; height:57px; border-bottom:2px solid #56ce9e;} #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 #56ce9e; float:left; padding:16px; cursor:pointer;} #nav-but a.search-button {background:url('http://www.traduce.ro/lai/mobil/images/search.png') no-repeat center #56ce9e; background-size:50%; position:relative; float:right; border:0px; padding:10px; height:50px; width:50px; padding:0px; cursor:pointer; } /* Navigation common */ #navigation, #search, #categories {background:#eee; float:left; width:100%; padding:10px 10px; border-bottom:2px solid #56ce9e;} #newsletter {background:#1c1925; float:left; width:100%; padding:10px 10px; border-bottom:2px solid #56ce9e;} /* 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:#56ce9e; 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:#56ce9e; 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:#56ce9e; 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:#56ce9e; background:url('images/dot-hover.png') no-repeat 40px center rgba(0,0,0,0.4); } .bdata 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; } .bdata a:hover {color:#56ce9e; background:url('images/dot-hover.png') no-repeat left center; } /* 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:#ffcc01; margin-right:0px; cursor:pointer; width:70px; } /* Close button */ #navigation .show_hide1, #categories .show_hide2, #newsletter form .row a {background:#e9521d!important; color:#fff!important; float:left; width:auto!important; padding:10px 15px!important; margin:20px 0 10px 0; } /* 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 */ #static, .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;} .slider-wrapper {float:left; width:100%;} .nivoSlider {float:left; width:100%;} video {float:left; width:100%!important; height:auto!important;} /* .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:50px 10px;} #static1 {padding:100px 0; background-image:url('images/primarie.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center; color:#fff; } #static1 a {color:#fff;} #static2 {color:#fff; background:url('images/asphalt.jpg') center; overflow-x:auto;} #static2 a {float:left; width:20%; text-align:center; padding:5px;} #static2 img {width:auto; max-width:100%;} #static2 a:hover img {-webkit-filter: grayscale(100%); filter: grayscale(100%);} #static2 table {width:100%!important;} @media only screen and (max-width: 1100px) { #static2 a {float:left; width:33.3%; text-align:center;} } @media only screen and (max-width: 800px) { #static2 a {float:left; width:50%; text-align:center;} } #static3 {background:#56ce9e; padding:0px;} #static3 img {float:left; width:100%;} #static3 a {float:left; width:25%;} #static3 a:last-child {display:none;} #static3 a:hover img {opacity: 0.80; filter: alpha(opacity=80);} @media only screen and (max-width: 600px) { #static3 a {float:left; width:50%; text-align:center;} } @media only screen and (max-width: 300px) { #static3 a {float:left; width:100%; text-align:center;} } #static4 table, #static4 table tr, #static4 table td, #static4 table tbody {width:100%!important; text-align:center!important; max-width:100%!important; float:left; margin:0px!important; padding:0px!important;} #static4 img {float:none!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:#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:100px;} #contactform form input.sendbutton {background:#56ce9e; border:1px solid #56ce9e; color:#fff; width:auto; cursor:pointer;} /* Footer menu */ #footer-menu {background:#1c1925; 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:#f7cc48; 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; text-align:center!important; } #databox table, #databox tr, #databox td, #databox th, #databox tbody {box-sizing:border-box; text-align:center!important; float:left; margin:0px!important; width:100%!important; height:auto!important; max-width:auto!important; max-height:auto!important;} #databox2 {float:left; width:100%; margin-top:30px; text-align:center!important; } #databox2 table, #databox2 tr, #databox2 td, #databox2 th, #databox2 tbody {box-sizing:border-box; text-align:center!important; float:left; margin:0px!important; width:100%!important; height:auto!important; max-width:auto!important; max-height:auto!important;} #databox img, #databox2 img {max-width:100%!important; float:none!important;} #databox iframe, #databox2 iframe {width:100%!important;} /* Gallery */ #data-gallery {float:left; width:100%; margin-top:20px;} #data-gallery .paging {float:left; text-align:center; width:100%; margin-top:5px;} #data-gallery .paging a {background:#eee; color:#333; float:none; display:inline-block; margin:3px 3px 0 0; padding:8px 12px; } #data-gallery .paging a:hover, #data-gallery .paging a#selected3 {background:#56ce9e; 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:#2d4da0; border:1px solid #2d4da0; 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:#2d4da0; float:left; font-size:18px; width:100%;} .articles span {color:#888; float:left; width:100%; font-size:12px;} .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;} .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 */ .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:#2d4da0; 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;} .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:#2970c2; color:#fff;} /* Detail */ #databox-top {float:left; width:100%; margin-top:30px;} #databox-top h1 {color:#2d4da0; 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 {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:#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 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%;} }