/*_//! INFO **************************************************************** * Omniaweb Italia - {development lab} * http://www.omniaweb.it/ * * Copyright 2013 Omniaweb Italia S.r.l. * All rights reserved **************************************************************** * * Short description about this resource * * @copyright Copyright 2013 Omniaweb Italia S.r.l. * @link http://www.omniaweb.it/ * @package RAVELLI * @subpackage CSS * @authors Omniaweb Italia - {development lab} * **************************************************************** */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/b9QBgL0iMZfDSpmcXcE8nH6GPO4TjrCsXWY4PSfraSY.woff) format('woff'); } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/Zd2E9abXLFGSr9G3YK2MsEYkBUapGhkWjcxWm3_vZWA.woff) format('woff'); } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/b9QBgL0iMZfDSpmcXcE8nAXW-UgdjZ3YrDta4-p32EE.woff) format('woff'); } @font-face { font-family: 'Quincy Regular'; font-style: normal; src: url('/UserFiles/files/css/font/QuincyCF-Regular.eot'); src: local('Roboto Condensed Bold'), local('QuincyCF-Regular'); src: url('/UserFiles/files/css/font/QuincyCF-Regular.otf'); src: url('/UserFiles/files/css/font/QuincyCF-Regular.woff') format('woff'); } @font-face { font-family: 'Quincy Black'; font-style: normal; src: url('/UserFiles/files/css/font/QuincyCF-Black.eot'); src: local('Quincy Black'), local('QuincyCF-Black'); src: url('/UserFiles/files/css/font/QuincyCF-Black.otf'); src: url('/UserFiles/files/css/font/QuincyCF-Black.woff') format('woff'); } @font-face { font-family: 'Quincy Black Italic'; font-style: normal; src: url('/UserFiles/files/css/font/QuincyCF-BlackItalic.eot'); src: local('Quincy Black Italic'), local('QuincyCF-BlackItalic'); src: url('/UserFiles/files/css/font/QuincyCF-BlackItalic.otf'); src: url('/UserFiles/files/css/font/QuincyCF-BlackItalic.woff') format('woff'); } @font-face { font-family: 'Formular Regular'; font-style: normal; src: url('/UserFiles/files/css/font/Formular-Regular.eot'); src: local('Formular Regular'), local('Formular-Regular'), url('/UserFiles/files/css/font/Formular-Regular.woff') format('woff'); } /*************************************************************** * *_//! GENERAL * ***************************************************************/ body{background: #fff center top no-repeat; font-family: 'Quincy Regular', 'sans-serif'; font-weight: 300;} p, div p{font-weight: 300;font-size:16px;font-family: 'Quincy Regular', 'sans-serif';} h1,h2,h3,h4,h5,h6{font-family: 'Quincy Black Italic', 'sans-serif'; color: #000000;text-transform:none;} h4{font-size:18px; color:#595959; font-weight: 600;} h1{font-size: 35px; font-weight: 300;margin: 0; padding: 20px 0 20px 0px;} h2{font-size: 34px; font-weight: 300; margin: 0; padding: 0 0 20px 0px;color:#878787;} h3{font-size: 26px; font-weight: 300;text-transform: none;color:#000000; margin-top:30px;} h3.home{ text-align:center;} h5{font-size: 18px; font-weight: 400; display: block; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 10px;} strong,b{font-family: 'Quincy Black Italic', 'sans-serif';color: #595959;} .center{text-align: center;} .txtAlignRight{text-align: right;} .txtAlignCenter{text-align: center;} .txtAlignLeft{text-align: left;} .vAlignMiddle{vertical-align: middle;} .clearer{clear: both; height: 5px;} .spaceBottom{padding-bottom: 20px;} .right{float:right;} div.error{padding:0;padding-top:20px;padding-bottom:20px;color:red;font-weight:normal;font-size:16px;line-height:20px;} #boxFotoGallery {margin-top:10px;padding-right:0;max-height:120px ; overflow:hidden;} textArea{height:150px;resize:none;} a {color:#cd3a3e;} a:hover, a:focus {color: #ad2626;} button, .button {background-color: #cd3a3e !important; border-color: none; border-style:none} button:hover, button:focus, .button:hover, .button:focus {background-color: #ad2626;border-style:none} .containerAllProdsForFilter{display: flex;flex-wrap: wrap} /*label {margin-bottom:8px;}*/ /*************************************************************** * *_//! HEADER * ***************************************************************/ #headerWrapper{padding:10px 0; background: #989898; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4OTg5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzYzNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #989898 0%, #ffffff 25%, #ffffff 38%, #636363 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#989898), color-stop(25%,#ffffff), color-stop(38%,#ffffff), color-stop(100%,#636363)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #989898 0%,#ffffff 25%,#ffffff 38%,#636363 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #989898 0%,#ffffff 25%,#ffffff 38%,#636363 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #989898 0%,#ffffff 25%,#ffffff 38%,#636363 100%); /* IE10+ */ background: linear-gradient(to right, #989898 0%,#ffffff 25%,#ffffff 38%,#636363 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#636363',GradientType=1 ); /* IE6-8 */ } #header #logo{border-right: 1px solid #ccc; padding-right: 0; margin-right: 0;} #header #numeroVerde img{position: absolute; top:30px; right:0px;padding-right:10px;} #header #slogan h1,#header #slogan h2{position: absolute;display: block; font-size: 20px; top:45px;padding:0;text-transform: none;} #menuWrapper{background: #717171; margin-top: 0px; border-top:1px solid #434343;} #menuWrapper nav ul{margin: 0; padding: 0 10px;} #menuWrapper nav li{float: left; list-style: none; padding: 5px; position: relative;} #menuWrapper nav ul li a{color: #fff; font-size:17px;} #menuWrapper nav #navBarTop li:hover{background:#A9A9A9; } #menuWrapper nav li.active {background:#A9A9A9; } #menuWrapper nav li ul.dropdown{display: none; z-index: 5;padding:0;padding-top:8px;} #menuWrapper nav li.has-dropdown{padding-right: 26px;padding-left:10px;} #menuWrapper nav li.has-dropdown:after{content: " "; width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid #fff; position: absolute; top:50%; right: 15px; margin-top: -2px; margin-left: 10px;} #menuWrapper nav li.has-dropdown:hover ul{display: block; position: absolute; top:30px; left: 0;} #menuWrapper nav li.has-dropdown ul li{background: #717171; padding: 5px 10px;width:150px;} #menuWrapper nav li.active.has-dropdown ul li a{color:#fff;} #menuWrapper nav li.active.has-dropdown ul li.active{background:#A9A9A9;} #menuWrapper nav #navBarTop2 li.has-dropdown ul.dropdown li.item-lingua{background: #717171; padding: 5px 10px;width:50px;text-align:center;} #menuWrapper nav #navBarTop2 li.has-dropdown ul.dropdown li.item-lingua img{width:20px !important;text-align:center;} /* #menuWrapper nav #lingua ul{margin: 0; padding: 0 10px;} #menuWrapper nav #lingua li {float: right !important; list-style: none; padding: 5px 0px 5px 0; position:relative;} #menuWrapper nav #lingua ul li a{color: transparent; font-size:18px; font-weight: 300;} #menuWrapper nav #lingua ul li:hover{background:transparent; } #menuWrapper nav #lingua ul li.active {background:#transparent; } #menuWrapper nav #lingua li ul.dropdown{display: none; z-index: 5;} #menuWrapper nav #lingua li.has-dropdown{padding-right: 30px;} #menuWrapper nav #lingua li.has-dropdown:after{content: " "; width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid #fff; position: absolute; top:50%; right: 15px; margin-top: -2px; margin-left: 10px;} #menuWrapper nav #lingua li.has-dropdown:hover ul{display: block; position: absolute; top:30px; left: 0;} #menuWrapper nav #lingua li.has-dropdown ul li{background: transparent; padding: 5px 10px;width:150px;} #menuWrapper nav #lingua li.active.has-dropdown ul li a{color:#fff;} #menuWrapper nav #lingua li.active.has-dropdown ul li.active{background:#A9A9A9;} #menuWrapper nav #lingua li {float: right !important;} */ /*_//! MOBILE */ @media only screen and (max-width: 800px) { } @media only screen and (max-width: 760px) { #header #numeroVerde img{position: relative; top: auto;margin-top:10px;} #header #slogan h1, #header #slogan h2{position: relative; top: auto;font-size:16px;} #header #logo,#header #slogan, #header #numeroVerde{text-align: center;} h2{font-size:14px;} } /*************************************************************** * *_//! GALLERY * ***************************************************************/ #lightbox-container-image-data-box{padding: 0 10px; box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important;} #tmpVideoContainer{width: 70%; height: 90%; max-height: 500px;} #galleryTop{background: #fff; margin: 20px auto; padding: 0 10px; clear: both; display: block; overflow: hidden; position: relative; margin-bottom:50px} #slideWrapper{margin: 0; padding: 0;} #slideWrapper li{list-style: none; position: absolute; width: 100%; overflow: hidden; display: none; z-index: 2;} #slideWrapper li.activeFirst{display: block;} #slideWrapper li img{width: 100%;} #slideWrapper .slideData{position: absolute; top: 10%; left: 0; max-width: 80%;background: rgba(255,255,255,0.8); padding-right:20px;} #slideWrapper .slideData .slideTitle{padding-bottom:5px; text-indent: 30px; font-size: 35px; display: inline; line-height: 37px; word-break: break-word; /*box-shadow: 20px 0 0 rgba(255,255,255,0.8),-20px 0 0 rgba(255,255,255,0.8);*/} #slideWrapper .slideData .slideTitle p{display: inline; position: relative; left:10px; font-size: 35px; font-weight: 300;} #slideWrapper .slideData .playerVideo{display: block; clear: both; margin-top: 5px; background: rgba(0,0,0,0.6) url(/UserFiles/files/css/images/play.png) no-repeat 10px center; max-width: 40%; padding: 10px 0 10px 50px; color: #fff;} #slideWrapper .slideData .playerVideo a{color: #fff;} #slideSections{position: absolute; bottom: 0; width: 100%; max-width: 940px; margin: 0; padding: 0; z-index: 3;} #slideSections li{float: left; list-style: none; width: 25%; text-align: center; position: relative; line-height: 12px; cursor: pointer;} #slideSections li a { font-size: 18px; text-transform:uppercase; font-family: formular, sans-serif; color: #666; display: block; margin: auto; position: absolute; bottom: 25px; text-align: center; width: 100%; } #slideSections li.active a { color: #ffffff; } #slideSections li img{display: none; margin: auto; height: 1px;} #slideSections li{border: 1px solid #fff; padding: 10px 0 20px 0;} #slideSections li.active:after, #slideSections li.active:before{bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} #slideSections li.active:before{border-bottom-color: #fff; border-width: 11px; left: 50%;margin-left: -11px;} #slideSections li.active:after{border-bottom-color: #fff;border-width: 10px;left: 50%;margin-left: -10px;} /*_//! SLIDE_1 */ #slideSections li.color-blue-slide.active:after{border-bottom-color: #6fc6d3;} #slideSections li.color-blue-slide{background: #6fc6d3; height:65px} #slideSections li.color-red-slide.active:after{border-bottom-color: #ffffff;} #slideSections li.color-red-slide{background: #cd3a3e; height:65px} #slideSections li.color-gray-slide.active:after{border-bottom-color: #cd3a3e;} #slideSections li.color-gray-slide.active{background: #cd3a3e; border-bottom-color: #cd3a3e;} #slideSections li.color-gray-slide{background: #eaeaea; height:65px} #slideSections li.color-orange-slide.active:after{border-bottom-color: #ffaf46;} #slideSections li.color-orange-slide{background: #ffaf46; height:65px} #slideSections li.color-green-slide.active:after{border-bottom-color: #a5ce75;} #slideSections li.color-green-slide{background: #a5ce75; height:65px} #slideSections li.color-brown-slide.active:after{border-bottom-color: #9090e0;} #slideSections li.color-brown-slide{background: #9090e0; height:65px} /*_//! MOBILE */ @media only screen and (max-width: 760px) { #slideSections li{width: 25%;} #slideWrapper .slideData .slideTitle,#slideWrapper .slideData .slideTitle p{font-size: 16px; line-height: 27px;} #slideWrapper .slideData .playerVideo{width: 30px; text-indent: -900px;} #slideSections li.color-blue-slide{background: #6fc6d3; height:45px} #slideSections li.color-red-slide{background: #cd3a3e; height:45px} #slideSections li.color-orange-slide{background: #ffaf46; height:45px} #slideSections li.color-green-slide{background: #a5ce75; height:45px} #slideSections li.color-brown-slide{background: #9090e0; height:45px} #slideSections li.color-gray-slide{background: #eaeaea; height:45px} #slideSections li a { font-size: 15px; bottom: 15px; } } /*************************************************************** * *_//! PRODOTTI * ***************************************************************/ .prodottoWrapper{padding-bottom: 20px;} .row .large-6.imageProd{padding: 0; text-align: center;} .row .large-6.detailProd{padding: 0; font-size:13px;} .row .large-6.detailProd h2{font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px; /*min-height:50px;*/} .row .large-6.detailProd h2 a {font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px; /*min-height:50px;*/} .row .large-6.detailProd div{line-height: 21px; vertical-align: middle; height: 21px; margin-bottom: 7px;} .row .large-6.detailProd div img{float: left; padding-right: 5px;} .row .large-7.imageProd{padding: 0; text-align: center;} .row .large-7.detailProd{padding: 0; font-size:13px;} .row .large-7.detailProd h2{font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/} .row .large-7.detailProd h2 a {font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/} .row .large-7.detailProd div{line-height: 21px; vertical-align: middle; height: 21px; margin-bottom: 15px; margin-top:15px;} .row .large-7.detailProd div img{float: left; padding-right: 5px;} .row .large-3.imageProd{padding: 0; text-align: center; overflow:hidden; height:144px !important;} .row .large-3.detailProd{padding: 0; font-size:13px;} .row .large-3.detailProd h2{font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/} .row .large-3.detailProd h2 a{font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/} .row .large-3.detailProd div{line-height: 21px; vertical-align: middle; height: 21px; margin-bottom: 7px;} .row .large-3.detailProd div img{float: left; padding-right: 5px;} .row .large-2.imageProd{padding: 0; text-align: center;} .row .large-2.detailProd{padding: 0; font-size:13px;} .row .large-2.detailProd h2{font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/} .row .large-2.detailProd h2 a{font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/} .row .large-2.detailProd div{line-height: 21px; vertical-align: middle; height: 21px; margin-bottom: 7px;} .row .large-2.detailProd div img{float: left; padding-right: 5px;} .row .large-4.imageProd{padding: 0; text-align: center;} .row .large-4.detailProd{padding: 0; font-size:13px;} .row .large-4.detailProd h2{font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/} .row .large-4.detailProd h2 a {font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/} .row .large-4.detailProd div{line-height: 21px; vertical-align: middle; height: 21px; margin-bottom: 7px;} .row .large-4.detailProd div img{float: left; padding-right: 5px;} .row .large-5.imageProd{padding: 0; text-align: center; overflow:hidden; height:144px !important;} .row .large-5.imageProd img{ height:144px !important;} .row .large-5.detailProd{padding: 0; font-size:13px;} .row .large-5.detailProd h2{font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/} .row .large-5.detailProd h2 a {font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/} .row .large-5.detailProd div{line-height: 21px; vertical-align: middle; height: 21px; margin-bottom: 7px;} .row .large-5.detailProd div img{float: left; padding-right: 5px;} .containerAllProdsForFilter .prodottoWrapper .detailProd {padding-left:5px;} .containerAllProdsForFilter .prodottoWrapper .detailProd p {padding: 0; margin:0; font-size:12px;} .containerAllProdsForFilter .detailProd h2 a {font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/;text-decoration:none;border:0;color:#58585A} .prodottoWrapper .detailProd {padding-left:5px;} .prodottoWrapper .detailProd p {padding: 0; margin:0; font-size:13px;} .detailProd h2 a {font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/;text-decoration:none;border:0;color:#575759} .detailProd{padding-left:5px;} .stufa-linea-65,.stufa-linea-75,.stufa-linea-78{/*border-bottom: 3px solid #6fc6d3;*/ padding-bottom: 5px;} .stufa-linea-66,.stufa-linea-80{/*border-bottom: 3px solid #ff7980; */padding-bottom: 5px;} .stufa-linea-69,.stufa-linea-83{/*border-bottom: 3px solid #ffaf46; */padding-bottom: 5px;} .stufa-linea-67{/*border-bottom: 3px solid #a5ce75;*/ padding-bottom: 5px;} .stufa-linea-68{/*border-bottom: 3px solid #9090e0; */padding-bottom: 5px;} .stufa-linea-70,.stufa-linea-88{/*border-bottom: 3px solid #b7b7b7; */padding-bottom: 5px;} .listaPerFiltraggio .stufa-linea-65, .listaPerFiltraggio .stufa-linea-66, .listaPerFiltraggio .stufa-linea-69, .listaPerFiltraggio .stufa-linea-67, .listaPerFiltraggio .stufa-linea-68, .listaPerFiltraggio .stufa-linea-70, .listaPerFiltraggio .stufa-linea-75, .listaPerFiltraggio .stufa-linea-78, .listaPerFiltraggio .stufa-linea-80, .listaPerFiltraggio .stufa-linea-83, .listaPerFiltraggio .stufa-linea-88 {border-bottom: 0px;} h2.list_product_name a{font-weight:bold !important;} .icoh2prod{width:17px !important;height:17px !important;top:3px;bottom:auto;} /*Convection*/ .titleCategoria_90, .titleCategoria_91 {font-size:19px;color:#a5ce75;text-transform:uppercase;border-bottom: 3px solid #a5ce75; padding-bottom: 5px;padding-top:0px;padding-left:0;padding-right:0;margin-bottom:8px;} .ico2_90, .ico2_91{background:url(/UserFiles/files/css/images/ico_convection.jpg) no-repeat; position:absolute; right:0;bottom:10px;background-size:cover;} /*Hydro*/ .titleCategoria_65, .titleCategoria_75, .titleCategoria_78, .titleCategoria_79 {font-size:19px;color:#6fc6d3;text-transform:uppercase;border-bottom: 3px solid #6fc6d3; padding-bottom: 5px;padding-top:0px;padding-left:0;padding-right:0;margin-bottom:8px;} .ico2_65,.ico2_75,.ico2_78,.ico2_79{background:url(/UserFiles/files/css/images/ico_idro.jpg) no-repeat; position:absolute; right:0;bottom:10px;background-size:cover;} /*Flow*/ .titleCategoria_66, .titleCategoria_80, .titleCategoria_81, .titleCategoria_82 {font-size:19px;color:#ff7980;text-transform:uppercase;border-bottom: 3px solid #ff7980; padding-bottom: 5px;padding-top:0px;padding-left:0;padding-right:0;margin-bottom:8px;} .ico2_66,.ico2_80,.ico2_81,.ico2_82{background:url(/UserFiles/files/css/images/ico_flow.jpg) no-repeat; position:absolute; right:0;bottom:10px;background-size:cover;} /*Air*/ .titleCategoria_69, .titleCategoria_83, .titleCategoria_84, .titleCategoria_85 {font-size:19px;color:#ffaf46;text-transform:uppercase;border-bottom: 3px solid #ffaf46; padding-bottom: 5px;padding-top:0px;padding-left:0;padding-right:0;margin-bottom:8px;} .ico2_69,.ico2_83,.ico2_84,.ico2_85{background:url(/UserFiles/files/css/images/ico_air.jpg) no-repeat; position:absolute; right:0;bottom:10px;background-size:cover;} /*Box*/ .titleCategoria_67{font-size:19px;color:#a5ce75;text-transform:uppercase;border-bottom: 3px solid #a5ce75; padding-bottom: 5px;background:url(/UserFiles/files/css/images/box.png) no-repeat bottom right;padding-top:0px;padding-left:0;padding-right:0;margin-bottom:8px;} /*Wood*/ .titleCategoria_68{font-size:19px;color:#000000;text-transform:uppercase;border-bottom: 3px solid #000000; padding-bottom: 5px;padding-top:0px;padding-left:0;padding-right:0;margin-bottom:8px;} .ico2_68{background:url(/UserFiles/files/css/images/ico_air.jpg) no-repeat; position:absolute; right:0;bottom:10px;background-size:cover;} /*Cooking*/ .titleCategoria_89, .titleCategoria_86, .titleCategoria_87, .titleCategoria_88, .titleCategoria_70 {font-size:19px;color:#9090e0;text-transform:uppercase;border-bottom: 3px solid #9090e0; padding-bottom: 5px;padding-top:0px;padding-left:0;padding-right:0;margin-bottom:8px;} .ico2_86,.ico2_87,.ico2_88,.ico2_89{background:url(/UserFiles/files/css/images/ico_cooking.jpg) no-repeat; position:absolute; right:0;bottom:10px;background-size:cover;} .titleCategoria_multi{font-size:19px;color:#b7b7b7;text-transform:uppercase;border-bottom: 3px solid #b7b7b7 !important; padding-bottom: 0px;margin:0px;background:none !important;padding-top:0px;padding-left:0;padding-right:0;margin-bottom:8px;} /* ICONE */ .superMegaCat{position:relative;} .icoh2{width:34px;height:34px;} /*Pellet*/ .ico1_65,.ico1_66,.ico1_69,.ico1_75, .ico1_76,.ico1_77,.ico1_78,.ico1_79, .ico1_80,.ico1_81,.ico1_82,.ico1_83, .ico1_84,.ico1_85,.ico1_86,.ico1_87,.ico1_88,.ico1_89,.ico1_90{background:url(/UserFiles/files/css/images/ico_pellet.jpg) no-repeat;position:absolute; right:42px;bottom:10px;background-size:cover;} /*Legna*/ .ico1_68{background:url(/UserFiles/files/css/images/ico_legna.jpg) no-repeat;position:absolute; right:42px;bottom:10px;background-size:cover;} .bg_legna{background:url(/UserFiles/files/css/images/bg_legna.jpg) no-repeat bottom right;} .ico2_68.sistem_8 { background: url(/UserFiles/files/css/images/ico_convection.jpg) no-repeat; position: absolute; right: 0; bottom: 10px; background-size: cover; } /* FINE ICONE */ .filterBtn{color: #505050;} .briciolaDiPaneWrapper{margin-top: 5px;margin-bottom: 20px;border-bottom: 1px solid #CBCBCB;padding-bottom: 4px; } .list_product_name{width:100px;} /*************************************************************** * *_//! TABELLA CARATTERISTICHE PRODOTTO * ***************************************************************/ #schedaProdotto h2{text-transform:uppercase;border-bottom: 1px solid #C8C8C8; font-size:24px;font-weight:300;padding:0;color:#8E8E8E;margin-bottom:20px;line-height:24px;padding-bottom:5px;} #schedaProdotto .detailProd h2 a {font-size: 18px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/;text-decoration:none;border:0;color:#58585A} #schedaProdotto .detailProd p {padding: 0; margin:0; font-size:12px;} #schedaProdotto .detailProd{padding-left:5px;} #schedaProdotto #copertinaProd {margin-top:20px;} #schedaProdotto #copertinaProd img{width:100%;padding:0;margin:0;} #schedaProdotto #wrappColSxDx #wrappColSx #tableCaratteristiche {padding-left:0;padding-right:0;margin-top:25px;} #schedaProdotto #wrappColSxDx #wrappColSx #tableCaratteristiche table{width:100% !important;border:none !important ;font-size:17px;margin-top:10px !important} #schedaProdotto #wrappColSxDx #wrappColSx #tableCaratteristiche table tbody tr td strong{font-weight:800;} #schedaProdotto #wrappColSxDx #wrappColSx #tableCaratteristiche table tbody tr td{padding: 8px;text-align:left; vertical-align:middle; white-space:nowrap; width: 50%} #schedaProdotto #wrappColSxDx #wrappColSx #tableCaratteristiche table tbody tr:nth-child(odd){background-color:#F0F0F0; border:none;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;} #schedaProdotto #wrappColSxDx #wrappColSx #tableCaratteristiche table tbody tr:nth-child(even){background-color:#ffffff; border:none;} #schedaProdotto #wrappColSxDx #wrappColSx #tableCaratteristiche table tbody tr:nth-child(odd) td{border:none;} #schedaProdotto #wrappColSxDx #wrappColSx #tableCaratteristiche table tbody tr:nth-child(even) td{border:none;} #schedaProdotto #wrappColSxDx #wrappColSx #ulCaratteristiche{padding:0;} #schedaProdotto #wrappColSxDx #wrappColSx #ulCaratteristiche ul{list-style:square inside; } #schedaProdotto #wrappColSxDx #wrappColSx #ulCaratteristiche ul li{font-size:16px;color:#4F4F4F;font-weight: 300;} #schedaProdotto #titleCorrelati{font-size:32px;border:0;color:#7A7A7A;padding-left:10px;text-transform:none} #schedaProdotto .boxCorrelati1 h2 a {font-size: 15px; font-weight: 400; padding: 0 0 10px 0; margin: 0; line-height: 22px;/*min-height:50px;*/;text-decoration:none;border:0;color:#58585A} #schedaProdotto #mycarousel h2 {border-bottom:0;padding-top:0;margin-bottom:5px;} #wrappColoreDinamico{padding-right:0;text-align:right;} .pageBrowserContainer{ clear: both; display: block; padding: 0px; text-align:center; } .pageBrowserContainer ul{ display: block; margin: 0; padding: 0; list-style:none; } .pageBrowserContainer ul li{ float: left; } .pageBrowserContainer ul li a{ color:transparent; padding: 5px; background:url(/UserFiles/files/css/images/pag_grey.png) no-repeat center center } .pageBrowserContainer ul li.selected a{ color:transparent; background:url(/UserFiles/files/css/images/pag_red.png) no-repeat center center } .pageBrowserContainerNews{clear: both; display: block;background: transparent;padding: 0;height: 22px;overflow: hidden;margin-bottom:10px;} .pageBrowserContainerNews ul{margin: 0;padding: 0;float: right;list-style: none;} .pageBrowserContainerNews ul li{float: left;} .pageBrowserContainerNews ul li a{padding: 6px 7px 3px 7px;display: inline-block;height: 30px;margin: 0 0 0 2px;background: #E8E8E8;color: #195287;font-size: 16px;line-height: 10px;} .pageBrowserContainerNews ul li.selected a, .pageBrowserContainerNews ul li a:hover{font-weight: bold;background: #cd3a3e;color: #ffffff;} /*************************************************************** * *_//! VIDEO E VIDEO IN POPUP * ***************************************************************/ #elencoVideo a{font-size:16px;color:#cd3a3e;font-weight: 300;text-decoration:underline;text-transform:none;padding-left:40px; background: url(/UserFiles/files/css/images/play_rosso.png) no-repeat left center;line-height:30px;display:block} #elencoPdf a{font-size: 14px; background-size: 22px 22px !important; line-height: 25px; padding-left: 32px; color: #cd3a3e; font-weight: 300;text-decoration:underline;text-transform:none; background: url(/UserFiles/files/css/images/pdf.png) no-repeat left center; display:block} #elencoPdf p{ margin-bottom: 0.8em !important; } .video_icon:hover {opacity: 0.90;} /*************************************************************** * *_//! GALLERY * ***************************************************************/ .cols{float:left;} .crop,.crop_instagram{overflow:hidden;} .photoWrapper_instagram {padding:3px;border:1px solid #ccc;margin:0 13px 13px 0;} .photoWrapper {padding:3px;border:1px solid #ccc;margin:0 12px 12px 0;} .pageGallerySlide {position:relative;overflow:hidden;} .pageGallerySlide a {position:absolute;display:block;top:0;left:0;z-index:3;-moz-opacity:0;filter:alpha(opacity=0); opacity:0;} .pageGallerySlide a.active {z-index:5;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;} .pageGallerySlide a.last-active {z-index:4;} /*************************************************************** * *_//! FOOTER * ***************************************************************/ footer{ background: #989898; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4OTg5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzYzNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #989898 0%, #ffffff 25%, #ffffff 38%, #636363 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#989898), color-stop(25%,#ffffff), color-stop(38%,#ffffff), color-stop(100%,#636363)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #989898 0%,#ffffff 25%,#ffffff 38%,#636363 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #989898 0%,#ffffff 25%,#ffffff 38%,#636363 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #989898 0%,#ffffff 25%,#ffffff 38%,#636363 100%); /* IE10+ */ background: linear-gradient(to right, #989898 0%,#ffffff 25%,#ffffff 38%,#636363 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#636363',GradientType=1 ); /* IE6-8 */ padding: 10px 0; border-top: 1px solid #bdbdbd; text-align: right; line-height: 28px; } .social{float: left; width: 15px; height: 15px; text-indent: 900px; overflow: hidden; margin-right: 10px;} .social#facebook{background: url(/UserFiles/files/css/images/social/fb.png) center center no-repeat;} .social#twitter{background: url(/UserFiles/files/css/images/social/tw.png) center center no-repeat;} .social#youtube{background: url(/UserFiles/files/css/images/social/ut.png) center center no-repeat; margin: 0;} #socialWrapper{padding: 20px 0; margin-left: 231px; position: relative; width: 69px;} /*************************************************************** * *_//! LINGUA * ***************************************************************/ #selLingua{} #langChanger{display:none;} /*_//! MOBILE */ @media only screen and (max-width: 760px) { #langChanger{display:block; background:#e8e8e8; padding:10px; text-align:center;} #selLingua{display:none;} } /*************************************************************** * *_//! CAROUSEL * ***************************************************************/ .jcarousel-control { margin-bottom: 10px; text-align: center; } .jcarousel-control a { font-size: 75%; text-decoration: none; margin: 0 0 5px 0; /* border: 1px solid #fff; color: #eee; /*background-color: #4088b8; */ font-weight: bold; color:transparent; padding: 5px; background:url(/UserFiles/files/css/images/pag_grey.png) no-repeat center center; cursor:pointer; } .jcarousel-control a:hover{ color:transparent; background:url(/UserFiles/files/css/images/pag_red.png) no-repeat center center; } .jcarousel-scroll { margin-top: 10px; } #mycarousel-next, #mycarousel-prev { cursor: pointer; margin-bottom: -10px; text-decoration: underline; font-size: 11px; } #mycarousel ul, #mycarousel ul li{list-style: none; margin: 0; padding: 0;} #mycarousel ul li{height: 152px; width: 240px; overflow: hidden;} .selectedFiltro{color:#C90012;font-weight:bold} .addthis_button_tweet {width: 40px !important;} #casetta{padding:0;font-weight:400;color:#58585A;margin-left: 10px;} #peso{padding:0;font-weight:400;color:#58585A;margin-right: -30px; margin-left: 20px;} #cercaCap{padding-right:0;} #wrappTecnologie{padding-right:0;padding-left:20px;padding-top:20px;} #wrappDescrTec{padding-right:0;padding-left:20px;padding-top:20px;} #formCap{padding-right:0;} #schedaProdotto #titleTecnologie{padding-left:0px;margin-top:10px;margin-left:10px;} .boxCorrelati2{display:none;} #schedaProdotto .multicategoria_loghi{border-bottom: 3px solid #a5ce75;padding-bottom:0px;margin-bottom:8px;padding-left:0;padding-right:0;position:relative} #schedaProdotto .multicategoria_loghi:before { content: " "; position: absolute; z-index: -1; left: 0px; right: 0px; bottom: -6px; border-bottom: 2px solid #ffaf46;} #schedaProdotto .multicategoria_logo1{position:absolute;top:15px;right:0px;display: none;} #schedaProdotto .multicategoria_logo2{position:absolute;top:13px;right:60px;display: none;} #schedaProdotto .multicategoria_logo3{position:absolute;top:20px;right:125px;display: none;} #schedaProdotto .multicategoria_logo4{position:absolute;top:15px;right:185px;display: none;} #schedaProdotto .multicategoria_logo5{position:absolute;top:17px;right:245px;display: none;} #bandierine{text-align:center; } #bandierine img{display:inline; padding:0 3px;} #link_area_riservata{text-align:left;} #albero{position:absolute; top:0; left:0; z-index:99; width:200px;height:200px; background:url(/images/albero.png) top left no-repeat;} #alberoSotto{position:absolute; bottom:0; right:0; z-index:99; width:262px;height:173px; background:url(/images/albero_sotto.png) top left no-repeat;} #bannerWrapper{} #bannerWrapper p{} #bannerWrapper p img, #bannerWrapper img{width:100%; } #my_map{width:100%; height:300px;margin-bottom:20px;} #map_search{width:100%;height:300px;margin-bottom:20px;} /*_//! MOBILE */ @media only screen and (max-width: 760px) { footer { text-align:center;} #socialWrapper { text-align:center;margin-left:120px;} .titleCategoria_65{border-bottom: 3px solid #6fc6d3; padding-bottom: 55px;margin-bottom:10px;background:url(/UserFiles/files/css/images/hydro.png) no-repeat bottom right;padding-top:0px;margin-top:70px;height:40px;} .titleCategoria_66{border-bottom: 3px solid #ff7980; padding-bottom: 55px;margin-bottom:10px;background:url(/UserFiles/files/css/images/flow.png) no-repeat bottom right;padding-top:0px;margin-top:70px;height:40px;} .titleCategoria_69{border-bottom: 3px solid #ffaf46; padding-bottom: 55px;margin-bottom:10px;background:url(/UserFiles/files/css/images/air.png) no-repeat bottom right;padding-top:0px;margin-top:70px;height:40px;} .titleCategoria_67{border-bottom: 3px solid #a5ce75; padding-bottom: 55px;margin-bottom:10px;background:url(/UserFiles/files/css/images/box.png) no-repeat bottom right;padding-top:0px;margin-top:70px;height:40px;} .titleCategoria_68{border-bottom: 3px solid #9090e0; padding-bottom: 55px;margin-bottom:10px;background:url(/UserFiles/files/css/images/wood_colored.png) no-repeat bottom right;padding-top:0px;margin-top:70px;height:40px;} .titleCategoria_90 {border-bottom: 3px solid #a5ce75; padding-bottom: 55px;margin-bottom:10px;background:url(/UserFiles/files/css/images/convection.png) no-repeat bottom right;padding-top:0px;margin-top:70px;height:40px;} .titleCategoria_91 {border-bottom: 3px solid #a5ce75; padding-bottom: 55px;margin-bottom:10px;background:url(/UserFiles/files/css/images/convection.png) no-repeat bottom right;padding-top:0px;margin-top:70px;height:40px;} #wrappColoreDinamico{padding-right:10px} p#nomeColoreDinamico{font-size:11px;} #addthis{margin-top:10px;} .addthis_button_pinterest_pinit {float:left !important;margin-left:50px;} #casetta{margin-left: 0px;margin-bottom:5px;margin-top:5px;} #peso{margin-right: 0px; margin-left: 0px;margin-bottom:5px;} #schedaProdotto #wrappColSxDx #wrappColSx #tableCaratteristiche {padding:0;margin-top:15px;} #schedaProdotto #wrappColSxDx #wrappColSx #tableCaratteristiche table{width:100% !important;border:none !important ;font-size:14px;margin-top:10px !important} #schedaProdotto #wrappColSxDx #wrappColSx #tableCaratteristiche table tbody tr td{padding: 8px;text-align:left; vertical-align:middle; white-space:nowrap; width: 40%} #schedaProdotto #wrappColSxDx #wrappColSx #ulCaratteristiche{padding:5px;} #schedaProdotto #wrappColSxDx #wrappColSx #ulCaratteristiche ul li{font-size:14px;color:#4F4F4F;font-weight: 300;} #videoGrande iframe{height:200px;} #cercaCap{padding-right:0;padding-left:0;} #schedaProdotto #titleCorrelati{font-size:28px;border:0;color:#7A7A7A;padding-left:10px;text-transform:none} #schedaProdotto #mycarousel h2 {border-bottom:0;padding-top:0;margin-bottom:5px;} #schedaProdotto #titleVariantiColore{margin-left:-25px;} #schedaProdotto #titleTecnologie{margin-left:-15px;} #wrappTecnologie{padding-right:0;padding-left:0px;padding-top:20px;} #wrappDescrTec{padding-right:0;padding-left:0px;padding-top:20px;} #formCap{padding-right:10px;} #schedaProdotto .boxCorrelati2 h2 a{display:block;font-size:13px;min-height:80px;} .boxCorrelati1{display:none;} .boxCorrelati2{display:block;min-height:240px;} #schedaProdotto .boxCorrelati2 img{margin-top:10px;width:10px;} .boxCorrelati2 p{display:block;border-bottom:1px solid grey;padding-bottom:10px;margin-bottom:20px;} .jcarousel-control a {padding: 20px;} #schedaProdotto .multicategoria_loghi{border-bottom: 3px solid #b7b7b7;padding-bottom:0px;margin-bottom:70px;padding-left:0;padding-right:0;position:relative} #schedaProdotto .multicategoria_logo1{position:absolute;top:55px;left:0px;} #schedaProdotto .multicategoria_logo2{position:absolute;top:53px;left:60px;} #schedaProdotto .multicategoria_logo3{position:absolute;top:60px;left:125px;} #schedaProdotto .multicategoria_logo4{position:absolute;top:55px;left:185px;} #schedaProdotto .multicategoria_logo5{position:absolute;top:57px;left:245px;} #link_area_riservata{text-align:center;} } /*_//! MOBILE */ @media only screen and (max-width: 1400px) { #alberoSotto{display:none;} #albero{display:none;} } @media only screen and (max-width: 760px) { #alberoSotto{display:none;} #albero{display:none;} } table#sottotabella_voti tr td{font-size:14px;} .tabellaPV a, .tabellaCA a{text-decoration:underline; line-height:20px;} .zoomIn, .zoomOut { background-color:#fff; border:1px solid #ccc; color:#000; width:35px; height:35px; line-height: 35px; text-align:center; cursor:pointer; position:absolute; bottom : -45px; font-weight:bold; left : 127px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .zoomOut { left:175px; } .mapWrapperWrapperDealers{width: 354px; padding-bottom: 10px;} .mapWrapperDealers { position:relative; } /***************************************************************** * * STYLE ADD * **************************************************************** */ .large-4.columns h4 { color: #cd3a3e !important; } .large-2.small-12.columns a { background: #cd3a3e !important; } .columns h4 { color: #cd3a3e !important; } .sottotitolo_65, .sottotitolo_75, .sottotitolo_78, .sottotitolo_79, .sottotitolo_66, .sottotitolo_80, .sottotitolo_81, .sottotitolo_82, .sottotitolo_83, .sottotitolo_69, .sottotitolo_83, .sottotitolo_84, .sottotitolo_85, .sottotitolo_67, .sottotitolo_68, .sottotitolo_89, .sottotitolo_86, .sottotitolo_87, .sottotitolo_88, .sottotitolo_90, .sottotitolo_91 { font-size: 15px !important; margin-top: 0px !important; font-family:'formular', 'sans-serif' !important; } div#wrappSezione1 h3, div#wrappSezione2 h3, div#wrappSezione3 h3 { text-align: center; } .specialized_dealers table, tr { border:none !important; } .specialized_dealers, td { padding:15px !important; border:none; } @media only screen and (max-width: 800px) { .specialized_dealers td{ width:90% !important; float:left; padding:20px !important; } } /* MOBILE */ @media only screen and (max-width: 760px) { /*Altezza wrapper listato prodotti per farli tutti uguali ed eludere isotope*/ .prodottoWrapper{height:320px !important;} .titleCategoria_65{border-bottom: 3px solid #6fc6d3; padding-bottom: 110px;margin-top:5px;margin-bottom:10px;background:none;} .titleCategoria_66{border-bottom: 3px solid #ff7980; padding-bottom: 110px;margin-top:5px;margin-bottom:10px;background:none;} .titleCategoria_69{border-bottom: 3px solid #ffaf46; padding-bottom: 110px;margin-top:5px;margin-bottom:10px;background:none;} .titleCategoria_67{border-bottom: 3px solid #a5ce75; padding-bottom: 110px;margin-top:5px;margin-bottom:10px;background:none;} .titleCategoria_68{border-bottom: 3px solid #9090e0; padding-bottom: 110px;margin-top:5px;margin-bottom:10px;background:none;} .titleCategoria_90{border-bottom: 3px solid #a5ce75; padding-bottom: 110px;margin-top:5px;margin-bottom:10px;background:none;} .titleCategoria_91{border-bottom: 3px solid #a5ce75; padding-bottom: 110px;margin-top:5px;margin-bottom:10px;background:none;} } /* AREA RISERVATA febbraio 2017 */ #areaRiservata{display:block; top: 75px;} #areaRiservata a { color: #cd3a3e; text-decoration: none; line-height: inherit;background:none!important;; margin-top:0px!important; font-size: 15px;} #areaRiservata img {width:13px;height:auto;margin-left:8px; margin-bottom: -2px!important;} /* Banner tutela cliente 2017 */ .footerBan .content b { color: #c33b60 !important; font-weight: normal; } .footerBan .content { font-size: 20px !important; } .footerBan .content .btn { color: #cd3a3e !important; } /*/ Punto elenco Corsi Assistenza 2019 /*/ li.order-corsi-19 { margin-top: 10px; } ol.order-corsi-19 { list-style-position: inside; }