Debimetro per FIAT DOBLO 1.3 D JTD MJet MULTIPLA +VAN 1.9 JTD 2002- MFAR008

body {
}
#tplwrapper {
width: 100%;
margin: 0 auto 0 auto;
background: #f4f6f6;
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.21);
overflow: hidden;
}
#tplwrapper ul {
margin: 0;
padding: 0;
overflow: hidden;
list-style: none;
}
#tplwrapper a {
text-decoration: none;
margin: 0;
padding: 0;
}
input[type=text] {
margin: 0!important;
}
/*Utility*/
.clear {
clear: both;
height: 0px;
background: none;
border: none;
}
#tplwrapper a {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#tplwrapper a:hover {
opacity: .5;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#tplwrapper h1, h2, h3, h4, h5 {
font-family: ‘Roboto’, sans-serif;
font-weight: 300;
}
#tplwrapper p, div, li, input {
font-family: ‘Roboto’, sans-serif;
}
#tlpheader {
height: 102px;
}
#logo {
float: left;
margin: 0 20px;
}
#topBanner {
float: right;
}
.container1 {
width: 98%;
border: 1px solid #cccccc;
text-align: center;
margin-left: auto;
margin-right: auto;

.box1 {
box-sizing: border-box;
width: 32%;
height: 385px;
border: 1px solid blue;
float: left;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.box2 {
box-sizing: border-box;
width: 68%;
height: 385px;
border: 1px solid blue;
float: left;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#tplmenu {
background: #0e8ce8;
overflow: hidden;
padding: 0;
font-weight: 300;
clear: both;
min-height: 56px;
}
#tplmenu #menu {
float: left;
padding: 16px 0 16px 20px;
}
#tplmenu #bannerTopMini {
float: right;
}
#tplmenu #menu li {
float: left;
display: inline-block;
color: #fff;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
padding: 0px 0px 0 15px;
margin: 6px 0 6px 0;
}
#tplmenu #menu li a {
color: #fff;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#tplmenu #menu li span, #tplmenu #menu li a span {
color: #efce34;
}
#tplBoxSearch {
float: right;
font-size: 14px;
line-height: 18px;
color: #797979;
padding: 8px!important;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#cc0001), to(#9f0001));
background-image: -webkit-linear-gradient(top, #cc0001, 0%, #9f0001, 100%);
background-image: -moz-linear-gradient(top, #cc0001 0%, #9f0001 100%);
background-image: linear-gradient(to bottom, #cc0001 0%, #9f0001 100%);
background-repeat: repeat-x;
display: block;
}
.tplsearch {
margin: 0;
}
.tplsearch input#s {
background-image: -moz-linear-gradient( -90deg, rgb(230,230,230) 0%, rgb(255,255,255) 25%);
background-image: -webkit-linear-gradient( -90deg, rgb(230,230,230) 0%, rgb(255,255,255) 25%);
background-image: -ms-linear-gradient( -90deg, rgb(230,230,230) 0%, rgb(255,255,255) 25%);
border: none;
height: 26px;
width: 188px;
color: #797979;
padding: 4px 8px;
font: 12px/12px ‘Roboto’, sans-serif;
}
#tplcontent {
height: auto;
}
#tplgallery table {
margin: 0!important;
padding: 0!important;
border-spacing: 0px!important;
border-collapse: separate!important;
}
/*Gallery*/
#tplgallery table img {
border: 1px solid rgb(248, 234, 206)!important;
max-width: 570px;

#tplimgdx {

#tplgallery table td {
text-align: left!important;
width: auto;
}
#theSlider {
overflow-x: hidden;
overflow-y: auto;
height: 574px!important;
text-align: left;
width: 154px!important;
}
#theSlider img {
width: auto;
margin: 0 0 4px 0;
}
#tpldecr {
padding: 10px 4px;
clear: both;
}
#tpldecr p {
font-size: 18px;
line-height: 24px;
}
#price {
font-size: 24px;
line-height: 24px;
margin: 10px 0 0 0;
display: block;
padding: 20px;
float: right;
clear: both;
width: 30%;
background: #fff;
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.21);
}
#product_price_discount {
color: #a8a6ad;
}
#product_price {
color: #0e8ce8;
}
#listPaymentUL {
}
#listCourierUL {
float: left;
}
#listPaymentUL li, #listCourierUL li {
float: left;
margin: 4px 8px;
}
#tplBrands{
width: 100%;
overflow: auto;
background: url(https://www.dearicambi.it/img/cms/template/hr_shadow.png) no-repeat top center #fff;
padding: 10px
}
#listBrandsUL li{
float: left;
margin: 4px 8px;
}
.listPaymentInfo {
padding: 10px 14px;
background: #f4f6f6;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.21);
}
#listCourierInfo {
clear: both;
padding: 10px 14px;
background: #f4f6f6;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.21);
}
.tplContentTitle {
color: #57565b;
padding: 0;
font-weight: 300;
text-transform: uppercase;
font-size: 16px;
}
#bigpicttd {
vertical-align: top;
}
.bigpict {
width: 580px;
}
#infotext {
text-align: right;
font-size: 12px;
color: #999;
}
.brandsImg {
margin: 4px 0;
}
#tplsxcol h2 {
background: #59646a;
padding: 6px 10px;
color: #fff;
font-size: 12px;
text-align: center;
width: 127px;
text-transform: uppercase;
font-weight: 400;
margin: 0;
}
#tplsxcol h2:nth-of-type(2) {
display: none !important;
}
#menucat {
overflow: hidden;
margin: 0px 0 24px 0px!important;
display: none;
}
#menucat li a {
color: #797979;
}
#menucat .lev2 li {
background: none;
margin: 4px 0 4px 0px!important;
font-weight: 800;
}
#menucat .lev3 {
margin: 8px 0 8px 4px!important;
font-weight: normal;
}
#menucat .lev3 li {
font-weight: normal;
padding-left: 10px;
}
#menucat li {
overflow: hidden;
color: #797979;
text-decoration: none;
font-weight: 300;
font-size: 12px;
line-height: 14px;
margin: 0;
}
#tplcenter {
padding: 5%;
width: 100%
}
#tpltitle {
color: #57565b;
padding: 0 10px 20px 10px;
font-weight: 300;
}
#tplgallery { text-align:center;}
#image-block img, #single_image{ max-width:100% !important; height:auto;}

#tplShortDescr {
color: #797979;
font-size: 16px;
font-weight: normal;
line-height: 20px;
padding: 0 24px 20px 24px;
}
#tpldescr {
margin: 10px 0 20px 0;
font-weight: 300;
padding: 0 24px;
}
#tpldescr h2 {
font-size: 24px;
padding: 16px 0;
}
.leftIcon {
float: left;
margin: -6px 8px 0 0;
}
.infoBox1 {
padding: 12px;
border: 3px rgba(226, 226, 226, 1.00) solid;
}
.tplBoxHeader {
background: #0e8ce8;
padding: 8px;
clear: both;
}
.imgdim{
width: 350px;
height: 350px;
}
.tplFotoReale {
width: 350px;
margin-left: 0px;
color: #ffffff;
background: #0e8ce8 none repeat scroll 0% 0%;
text-align: center;
clear: both;
}
.tplBoxHeader h2 {
padding: 0 12px;
margin: 0;
color: #fff;
line-height: 20px;

}
.tplBoxContainer {
background: #fff;
padding: 16px 20px;
clear: both;
margin: 0 0 20px 0;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.21);
}
.tplBoxContainer a{
color: #10963F;
}
#imgSped {
float: left;
}
.tplBoxContainer .title {
font-size: 28px;
color: #898989;
margin: 0 0 10px 0;
padding: 0;
}
.align_center {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.align_center1 {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.tplBoxContainer p {
font-size: 14px;
line-height: 20px;
}
#tpltabbox {
padding: 20px 24px 40px;
}
#menutab {
overflow: hidden;
}
#menutab li {
float: left;
display: inline-block;
padding: 12px 16px;
background-color: #fff;
overflow: hidden;
color: #cc0001;
text-decoration: none;
font-weight: 300;
font-size: 14px;
border-top: 1px rgb(230,230,230) solid;
border-left: 1px rgb(230,230,230) solid;
border-right: 1px rgb(230,230,230) solid;
text-transform: uppercase;
}
#menutab li a {
color: #797979;
}
#menutab li:hover {
color: #fff;
}
#menutab li a:hover {
color: #fff;
}
#tabboxslide {
padding: 15px 30px 30px 30px;
min-height: 300px;
font-weight: 300;
border-width: 3px;
border-color: #57565b;
border-style: solid;
background-color: rgb(255, 255, 255);
height: 420px;
overflow: scroll;
}
#tabboxslide a {
color: #cc0001 !important;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#tabboxslide a:hover {
color: #810001 !important;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#tabboxslide p {
line-height: 22px;
font-size: 16px;
padding: 4px 0;
}
#tabboxslide img {
padding: 10px 0 10px 0;
}
#tabboxslide li {
list-style-position: inside;
padding: 10px;
list-style-type: square;
}
#tabboxslide h1, #tabboxslide h2, #tabboxslide h3 {
color: #57565b;
}
#tabboxslide h3 {
padding: 0;
}
.tabactive {
background-color: #57565b!important;
color: #fff !important;
font-weight: 400 !important;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.tabactive:hover {
background-color: #cc0001!important;
color: #fff!important;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#tplfoo {
margin: 0;
padding: 0px;
}
#tplfoo_top {
background: #0e8ce8;
min-height: 58px;
padding: 8px;
clear: both;
overflow: auto;
}
#tplfooLogo {
padding: 0 5px;
float: left;
}
#tplfoo_info {
background: #57565b;
padding: 10px 12px;
color: #fff;
font-weight: 200;
overflow: hidden;
}
#tplfoo_info_text1 {
float: left;
line-height: 31px;
padding: 0 5px;
}
#whatsapp_ico {
float: left;
}
#tplfoo_block_text2 {
color: #14ca36;
margin: 0 10px;
float: left;
width: 35%;
}
#tplfoo_info_text2 {
color: #14ca36;
line-height: 31px;
margin: 0px 5px;
position: absolute;
}
#tplfooService {
display: block;
padding: 5px 20px;
float: left;
color: #fff;
width: auto;
}
.tplfooServicePlus {
display: block;
padding: 5px 20px;
float: right;
color: #fff;
width: auto;
}
#tplfooBannerMini {
float: right;
}
#socialBlock {
float: right;
}
#socialUL {
list-style: none;
}
#socialUL li {
display: block;
width: 31px;
height: 31px;
margin: 0 5px;
float: left;
}
.socialIco {
}
#tplfoo_bottom {
}
#tplfoo:after{
content:”;
display:block;
float:right;
padding:8px 16px;
color:rgba(136,136,136,1.00);
font-size:12px;

@media (max-width: 990px) {
#topBanner {
width: 58%;
height: auto;
}

@media (max-width: 768px) {
#topBanner {
width: 60%;
}
#tplmenu #menu {
padding: 10px 0 16px 20px;
width: 60%;
}

@media (max-width: 767px) {
#tlpheader, #tplfoo_top {
text-align: center;
}
#logo, #tplfooLogo, #tplfooBannerMini, #tplfoo_info_text1 {
float: none;
clear: both;
}
#tplmenu #menu {
padding: 10px 0 16px 10px;
width: 100%;
}
#topBanner {
width: 100%;
}
#bannerTopMini {
display: none;
}
#tpltitle {
text-align: center;
}
#tpldecr p, .tplBoxContainer p {
text-align: justify;
}
#listPaymentUL li, #listCourierUL li {
margin: 4px;
}
#listCourierUL li img {
max-height: 30px !important;
width: auto;
}
.listPaymentInfo {
line-height: normal;
padding: 5px 14px;
text-align: center;
}
#tplfoo {
overflow: hidden;
}
#tplfoo_info {
text-align: center;
}
#tplfooService {
width: 88%;
}
.tplfooServicePlus {
display: block;
padding: 5px 2%;
float: left;
color: #fff;
width: 46%;
}
#whatsapp_ico {
float: none;
position: absolute;
}
#tplfoo_block_text2 {
display: block;
margin: 0 0 6px 0;
float: none;
width: auto;
}
#tplfoo_info_text2 {
position: relative;
margin-left: 36px;
}
#socialBlock {
float: right;
position: relative;
left: -50%;
text-align: left;
}
#socialBlock ul {
position: relative;
left: 50%;
}
#socialBlock li {
float: left;
position: relative;
}
}
@media (max-width: 420px) {
#logo{ max-width:90%; margin:0;}
#price{ float:none; margin: 4% 0 0 0;width: 90%;padding: 5%;}
#tplfooLogo{max-width: 80%;}
#tplfooBannerMini{max-width:80%;}
#listBrandsUL li{margin: 4px;width: 40%;}
#imgSped{ max-width:100%; height:auto;}

@media only screen and (max-width: 800px) {
td:nth-child(6) {
display:none;
}