@charset "UTF-8";
/* CSS Document */

/* reset form */


/* reset ************************************************************************************************************************************************/
* {margin: 0;}
*+html .wrap .tipo .top .menu .accessori ul {float:right;width:280px;}
*+html .wrap .tipo .top .menu .accessori ul li{max-width:19px;float:left}
*+html .wrap .tipo .top .menu .accessori ul.lingue{width:100%;float:right;text-align:right;}
*+html .wrap .tipo .top .menu .accessori ul.lingue li{float:right}
html, body {height: 100%;-webkit-font-smoothing: antialiased;}
body{margin:0;padding:0;font-size: 13px;line-height: 1.5em;color:#000;background-color:#fff;font-family: 'KlavikaBasic_light', Arial, sans-serif;}
ul, ol {margin:0;padding:0;list-style:none}
img, a{border:0}
a{color:#000;text-decoration:underline}
a:hover{text-decoration:underline}
img{width:100%;height:auto;float:left}
p{padding-top:10px;margin:0;color:#000;line-height:1.5em}
ul{margin-top:10px}
ol li span{list-style-type:none;margin-right:15px;float:left;line-height:0.7;vertical-align:middle}
ol li {display:inline-block;line-height: 1.2;margin-bottom: 20px;width:100%;}
label{vertical-align:middle}
input, textarea, select{border:none;padding-right:1%;padding-left:1%;padding-top:1px;padding-bottom:2px; background: #d0cccb; border: 0;border-radius: 0;background-color:#ecebe8;vertical-align:top;font-size:10px}
input:focus, select:focus, textarea:focus{ color:#000; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;background-color:#f5f4f3}
input[type=submit]{cursor:pointer}
h1{font-weight:600;font-size:43px;font-family: 'KlavikaRegular';line-height:1}
h2{font-weight:200;font-size: 20px;line-height: 1.05;}
h3{text-transform:uppercase;font-family: 'KlavikaRegular';font-size:13px;font-weight:800;margin:7% 0 1% 0}
ul.lipuntata a{text-decoration:none;font-family: 'KlavikaBasic_medium';text-transform:uppercase;margin-left:3px}
ul.lipuntata li{margin-top:3px}
ul.lipuntata li:before{content: "■ "}

/* generale ************************************************************************************************************************************************/
.bg-fixed{float:left;width:100%;min-height:100%;}
.bg-fixed li{position:fixed!important;top:0;left:0;width:100%;height:100%;background-position:center top;background-repeat:no-repeat;background-size: cover;z-index:-9999 !important}
.scheda h1{font-family: 'KlavikaBasic_light', Arial, sans-serif;font-weight: 100;font-style: italic;}
.testo h2{color:#FFB83C;font-size:24px;font-family: 'KlavikaRegular';font-weight:800;text-transform:uppercase;}
.testo h1{color:#FFB83C;font-size:24px;font-family: 'KlavikaRegular';font-weight:800;text-transform:uppercase;}
ul.ul-quad li:before{content: "■ ";color:#000}{}
ul.ul-quad li a{text-decoration:none;margin-left:4px}
ul.ul-quad li a:hover{text-decoration:underline}
#interna .bg-fixed li{width:39.2% !important;}
ul.slides li{display:none}
#interna ul.slides li span{position: absolute;top:84%;right:0;margin-top:10px;margin-right:92px;padding-right:4%;font-size:20px;font-family: 'KlavikaBasic_light';text-align:right}
.primaslide{background:url(../img/bg/bg3.jpg)}
.secondaslide{;background:url(../img/bg/bg2.jpg);}
span.evidenza{text-transform:uppercase;color:#fff;font-size:19px; font-family: 'KlavikaRegular';}
input.cerca{height:15px;background-color:#fff}
.wrap{width:100%;min-height:100%;float:left;overflow:hidden;position:relative;}
.wrap .tipo{width:100%;float:left;overflow:hidden;}
.wrap .tipo .top{width:96%;float:left;overflow:hidden;padding:0.7% 2%;background-color:#fff}
.wrap .tipo .top .logo{width:13%;float:left}
.wrap .tipo .top .logo h1{display:inline-block;float:left;width:100%;margin:0;padding:0;}
.wrap .tipo .top .menu{float:left;width:81%;margin-left:6%;overflow:hidden}
.wrap .tipo .top .menu .accessori{float:right;overflow:hidden;width:100%}
.wrap .tipo .top .menu .accessori ul{width:100%;float:left;overflow:hidden;text-align:right;}
.wrap .tipo .top .menu .accessori ul li{display:inline-block;margin-left: 7px;}
.wrap .tipo .top .menu .accessori ul li.cercaform{margin-right:5px;min-width: 190px;}
.wrap .tipo .top .menu .accessori ul li.cercaform form button{border:0;background:#fff;margin:0;padding:0;cursor:pointer}
.wrap .tipo .top .menu .accessori ul li.cercaform form input{vertical-align:middle;border-width: 0 0 1px 0;border-color:#d9d9d9;border-style:solid;background-color:#fff;color:#d9d9d9;width:150px}
.wrap .tipo .top .menu .accessori ul li.actual-lang{padding-bottom:7px;background:url(../img/lingue/freccia.jpg) no-repeat center bottom;cursor:pointer;color:#ED2314;font-family: 'KlavikaRegular';text-transform:uppercase}
.wrap .tipo .top .menu .accessori ul.lingue{margin:0;display:none}
.wrap .tipo .top .menu .accessori ul.lingue a{text-decoration:none;color:#A3A3A3;text-transform:uppercase}
.wrap .tipo .top .menu nav{width:100%;float:left;overflow:hidden}
.wrap .tipo .top .menu nav ul.left{float:left}
.wrap .tipo .top .menu nav ul.left li{border-right:1px solid #000}
.wrap .tipo .top .menu nav ul.left li.ultimo{border:none}
.wrap .tipo .top .menu nav ul.right{float:right}
.wrap .tipo .top .menu nav ul.right li.ultimo{padding:0;margin:0}
.wrap .tipo .top .menu nav ul.right a{color:#a3a3a3}
.wrap .tipo .top .menu nav ul li{float:left;display:inline-block;margin-right:6px;padding-right:6px;}
.wrap .tipo .top .menu nav ul li a{text-transform:uppercase; text-decoration:none}
.wrap .tipo .top .menu nav ul li a:hover{color:#ED2314}
.wrap .tipo .banda-trasparente{width:85%;float:left;overflow:hidden;padding:2% 7.5%;background:url(../img/bg/bg-white.png) repeat}
.footer{width:85%;padding:1% 7.5%;position:absolute;background-color:#fff;bottom:0;left:0;text-align:center;font-size:12px}
.footer .certificazioniFooter{max-width:120px;float:none;margin-top:5px;}
/** banda rossa **/
.wrap .medio{width:100%;float:left;overflow:hidden;}
.wrap .medio .blocco-rosso{float:left;background-color:#ed2314;padding:10px;margin-top:7%;border-bottom:7px solid #ffb83c}
.wrap .medio .blocco-rosso a{color:#fff;text-decoration:none}
.wrap .medio #linee-home{width:50%;float:left;}
.wrap .medio #linee-home span.evidenza{margin-left:47.7%;margin-top: 10px;display: inline-block;}
.wrap .medio #linee-home ul{width:43%;margin-right:7%;margin-top:0;float:left}
.wrap .medio #linee-home ul.lista-linee{position:relative; list-style-type: square; list-style-image:url(../img/li.jpg);margin-left:50%;margin-top:2%;}
.wrap .medio #linee-home ul.lista-linee li{margin-top:5px}
.wrap .medio #linee-home ul.lista-linee li a{text-transform:uppercase;}
.wrap .medio #linee-home ul.lista-img{position:relative;}
.wrap .medio #linee-home ul.lista-img li{position:absolute;top:0;left:0}
.wrap .medio #linee-home ul.lista-img li img{width:100%;float:left;display:inline-block}
.wrap .medio #linee-home ul.lista-img li span{position:absolute;right:5%;color:#fff;font-family: 'KlavikaBasic_medium';font-size:15px;width:90%;text-align:right;bottom:5%;zoom:1;text-shadow:-2px 2px 3px #000; filter: dropshadow(color=#000000, offx=-2, offy=2); /* IE */}
.wrap .medio #ricerca-nome{width:50%;float:left;margin-top:10px}
.wrap .medio #ricerca-nome form span{margin-right:2%;padding-left:4%}
.wrap .medio #ricerca-nome form input.spazio{width:30%;max-width:155px;}
.wrap .medio #ricerca-nome form input.cerca{margin-left:1%}
.wrap .medio #ricerca-nome form ul.alfabeto{width:96%;padding-left:4%;max-width:450px;float:left;overflow:hidden;padding-bottom:3%;border-bottom:1px solid #f5867e;margin-top: 3.5%;}
.wrap .medio #ricerca-nome form ul.alfabeto li{width:7.692%;float:left;display:inline-block;margin-bottom:3px;color:#FFB83C}
.wrap .medio #ricerca-nome form ul.alfabeto li a{width:100%;display:inline-block;text-transform:uppercase}
.wrap .medio #ricerca-nome form.ricerca-per-nome{width:100%;float:left;overflow:hidden}
.wrap .medio #ricerca-nome form.ricerca-per-utilizzo{width:48%;float:left;margin-top:3.4%;padding-left:4%}
.wrap .medio #ricerca-nome form.ricerca-per-utilizzo span{display:block;width:100%;padding-left:0}
.wrap .medio #ricerca-nome form.ricerca-per-utilizzo select{width: 62%;margin: 1.5% 38% 1% 0;}
.wrap .medio #ricerca-nome form.ricerca-per-utilizzo input.cerca{margin:3px 0}
.wrap .medio #ricerca-nome .certificazioni{float: left;margin-top: 3%;width: 48%;max-width: 199px;display:none}
.inline-nascondi{display:none}
.testo-inline-color{padding:20px}
.login-form{padding: 15px;border: 1px solid #DDD;margin-bottom:20px}
.login-form h3{margin:0 0 7px 0}
.login-form input{width:100px}
.login-form #pass{margin-left:5px}
.recupera-form .invia{padding:2px 15px 1px 15px;margin:0}
.recupera-form #rec-email{width:150px}
#utente-login{margin:0;padding:0;float:right;text-align:right;color:#A3A3A3}
#utente-login a{color:#A3A3A3}

/* homepage ************************************************************************************************************************************************/
.wrap .tipo .banda-trasparente{margin-top:4%}
.wrap .tipo .banda-trasparente h1{float:left;margin:0 2% 0 0;padding:0;display:inline-block;max-width:38%;}
.wrap .tipo .banda-trasparente h2{float:right;padding:0;display:inline-block;width:62%}
.wrap #home {margin-bottom:95px}
.wrap #home .medio .blocco-rosso{width:75%;float:right}
.wrap .medio .utility{float:right;width:100%;overflow:hidden}
.wrap .medio .utility ul{float:right;margin-right:4%;}
.wrap .medio .utility ul li{float:left;display:inline-block;background-color:#fff;margin-left:5px;min-width:180px;padding: 1% 0 0.5% 0;margin-bottom:5px}
.wrap .medio .utility ul li a{display:inline-block;width:100%;height:100%;color:#ee3022;text-align:center;text-transform:uppercase;text-decoration:none}

/* interna ************************************************************************************************************************************************/
.wrap #interna .medio{width:61.03%;float:right}
.wrap #interna .medio .blocco-rosso{width:98%;margin-top:0;padding: 1% 0.8%;float: right;}
.wrap #interna .medio #linee-home {width:39%}
.wrap #interna .mefio #ricerca-nome{width:60%}
.wrap #interna .medio #linee-home ul.lista-linee{margin-left:13%;float:left;width:78%}
.wrap #interna .medio #linee-home span.evidenza{margin-left:10%;float:none;display:block}
.wrap #interna .banda-trasparente{position:fixed;top:70%;padding: 1% 3%;width:33.2%;}
.wrap #interna .banda-trasparente h1{width:100%;margin:0;max-width:100%;font-size:27px}
.wrap #interna .banda-trasparente h2{width:100%;margin:0;font-size:13px;margin-top:5px;font-weight:normal}
.wrap #interna .contenuti{width:96%;margin-left:4%;float: left;position:relative}
.wrap #interna .contenuti .wrap-contenuti{width:66%;float:left;margin: 0 4% 0 0;min-height:535px;}
.wrap #interna .contenuti .briciole {width:100%;float:left;overflow:hidden;margin-top: 2%;}
.wrap #interna .contenuti .briciole ul{width:100%;float:left;overflow:hidden;margin:0 0 4% 0}
.wrap #interna .contenuti .briciole li{float:left;display:inline-block;margin-right:3px}
.wrap #interna .contenuti .briciole li a{text-decoration:none}
.wrap #interna .contenuti .briciole li span{font-weight:bold}
.wrap #interna .contenuti .testo{width:100%;float:left;margin-bottom:95px;}
.wrap #interna .contenuti .testo h1{font-size:25px;margin-bottom:1.5%}
.wrap #interna .contenuti .colonna-dx{width:27%;float:right;background-color:#f2f2f2;padding:4% 1.5%;position:absolute;right:0;top:0;height:100%}
.wrap #interna .contenuti .colonna-dx .bottoni-utili{width:100%;float:left;overflow:hidden}
.wrap #interna .contenuti .colonna-dx .bottoni-utili ul{width:100%;float:left;overflow:hidden;}
.wrap #interna .contenuti .colonna-dx .bottoni-utili ul li{width:100%;display:inline-block;background-color:#ed2314;float:left;margin-top:5%}
.wrap #interna .contenuti .colonna-dx .bottoni-utili ul li a{text-decoration:none;float: left;display: inline-block;width: 100%;margin: 0;padding: 0;}
.wrap #interna .contenuti .colonna-dx .bottoni-utili ul li a:hover span{text-decoration:underline}
.wrap #interna .contenuti .colonna-dx .bottoni-utili ul li img{float: left;max-width: 58px;margin-right: 2%;width: 21%;min-width:50px;}
.wrap #interna .contenuti .colonna-dx .bottoni-utili ul li span{color: white;text-transform: uppercase;padding: 2%;display: inline-block;float: left;line-height:1;padding: 4% 2%;}
.wrap #interna .contenuti .colonna-dx .bottoni-utili ul.bottoni-bianchi li {background-color:#fff;}
.wrap #interna .contenuti .colonna-dx .bottoni-utili ul.bottoni-bianchi li a{width:90%;padding:2% 5%;text-transform:uppercase;text-align:center;color:#ed2314}
/** azienda **/
.wrap #interna .contenuti .testo ul.ass{width:100%;float:left;overflow:hidden;margin:2% 0}
.wrap #interna .contenuti .testo ul.ass li{width:100%;float:left;display:inline-block;margin-top:30px}
.wrap #interna .contenuti .testo ul.ass li img{width:27%;float:left;max-width:180px;}
.wrap #interna .contenuti .testo ul.ass li div{width:68%;float:right;}
.wrap #interna .contenuti .testo ul.ass li div span{text-transform:uppercase;font-family: 'KlavikaBasic_medium';width:100%;display:block}
.wrap #interna .contenuti .testo ul.ass li div p{margin:0}
/** linee prodotti **/
.wrap #interna .contenuti .testo ul#prodottiul li a{text-decoration:none}
.wrap #interna .contenuti .testo ul#prodottiul li a:hover span{color:#ed2314}
.wrap #interna .contenuti .testo ul#prodottiul li a p{padding:0}
.wrap #interna #connav{padding: 0;width:39.2%;}
.wrap #interna #connav h1{float:right;width:auto;padding-top: 0.4em;margin-right: 4%;font-style:normal;font-family: 'KlavikaBasic_medium';font-weight:normal}
.wrap #interna #connav #nav-bg-fixed{position:relative;width:92px;float:right;height:46px;}
.wrap #interna #connav #nav-bg-fixed ul{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:9999;}
.wrap #interna #connav #nav-bg-fixed ul li{width:46px !important;height:46px;position:relative !important;float:left;opacity: 0.5;background-color:#fff}
.wrap #interna #connav #nav-bg-fixed ul li a{background-repeat:no-repeat;background-position:center;cursor:pointer;display:inline-block;height:50%;margin:25% 0 25%;width:100%;}
.wrap #interna #connav #nav-bg-fixed ul li:hover{opacity:1}
.wrap #interna #connav #nav-bg-fixed ul li a.flex-prev{background-image:url(../img/contenuti/bottoni/nav-l.png);border-right:1px solid #42505d}
.wrap #interna #connav #nav-bg-fixed ul li a.flex-next{background-image:url(../img/contenuti/bottoni/nav-r.png);border-left:1px solid #42505D}
/** rivenditori **/
.wrap #interna .contenuti form.rivenditori{width:100%;float:left}
.wrap #interna .contenuti form.rivenditori ul{width:100%;float:left;overflow:hidden}
.wrap #interna .contenuti form.rivenditori li {width:100%;float:left;overflow:hidden;margin-bottom:7px}
.wrap #interna .contenuti form.rivenditori li label{width:100%;float:left;font-weight:bold;margin-bottom:2px} 
.wrap #interna .contenuti form.rivenditori li select{min-width:200px}
/** contatti **/
.asterisco{color:#ED2314}
.wrap #interna .contenuti ul.risultato {margin-top:5%}
.wrap #interna .contenuti ul.risultato ul{margin:0 0 0 12px}
.wrap #interna .contenuti ul.risultato h2{margin-top:0;}
.wrap #interna .contenuti ul.risultato h3{margin:0;border-bottom:1px solid #000}
.wrap #interna .contenuti ul.risultato h3:before{content: "■ "}
.wrap #interna .contenuti ul.risultato h3 span a{text-transform:none;float:right;text-decoration:none}
.wrap #interna .contenuti ul.risultato h3 span{font-weight:100}
.wrap #interna .contenuti ul.risultato li{margin-top:15px}
.wrap #interna .contenuti ul.risultato li li{margin:0}
.wrap #interna .contenuti ul.risultato li li a{text-decoration:none;font-weight:600}
.wrap #interna .contenuti ul#contatti-pag {width:100%;float:left;overflow:hidden}
.wrap #interna .contenuti ul#contatti-pag li{margin-bottom:2%;width: 100%;float: left;overflow: hidden;}
.wrap #interna .contenuti ul#contatti-pag li span{width:100%;float:left;display:inline-block;font-weight:normal}
.wrap #interna .contenuti ul#contatti-pag li a{font-weight: normal;margin-left: 5px;color: black;font-size: 12px;text-decoration: none;background:#E6E6E6;padding: 2px 5px 0 5px;text-transform: uppercase;}
.wrap #interna .contenuti ul#contatti-pag li a:hover{background:#F2F2F2}
.wrap #interna .contenuti ul#contatti-pag li li{margin: 10px 0 2px 0;width: 100%;float: left;font-weight:bold;}
.form-contatti input, .form-contatti select, .form-contatti textarea{width:150px;}
.form-contatti label{width:100px;display:inline-block}
.form-contatti ul{width:100%;float:left;overflow:hidden;margin-top:15px;padding-bottom: 15px;border-bottom: 1px solid #F2F2F2;}
.form-contatti li{margin-bottom: 8px;width: 46%;float: left;margin-right: 2%;}
.form-contatti .aggiuntivo li, .form-contatti li#messaggio{width:100%;margin:0;}
.form-contatti li#messaggio textarea{display: block;width: 247px;}
.form-contatti .aggiuntivo{border:none}
.form-contatti .aggiuntivo li input{width: auto;vertical-align:middle}
.form-contatti .aggiuntivo li label{vertical-align:text-top;width:auto}
.form-contatti .aggiuntivo li.codice{margin: 10px 0;}
.form-contatti .aggiuntivo li.codice label{float: left;display: block;width: 100%;}
.form-contatti .aggiuntivo li.codice img{display:inline-block;float:left}
.form-contatti .aggiuntivo li.codice input{margin-left:7px;width:50px;text-align:center}
.form-contatti .aggiuntivo p#informativa{font-size: 11px;padding: 0;line-height: 1.3;}
.invia{padding:6px 30px 4px 30px;text-align:center;text-transform:uppercase;width:auto !important;margin-top:3%}
.invia:hover{background:#ED2314;color:#fff}
/** dove siamo **/
.wrap .dovesiamo .contenuti .testo iframe{margin-top:6%}
/** calcolo **/
.wrap #interna .contenuti .testo .consumo-prodotto{width:100%;float:left;overflow:hidden}
.wrap #interna .contenuti .testo .calcolo-form{width:55%;float:left;overflow:hidden;}
.wrap #interna .contenuti .testo .calcolo-form ul{width:100%;float:left;overflow:hidden}
.wrap #interna .contenuti .testo .calcolo-form ul li{width:100%;float:left;overflow:hidden;margin-top:10px}
.wrap #interna .contenuti .testo .calcolo-form ul li label{width: 129px;margin-right: 5px;vertical-align: middle;display: inline-block;float: left;line-height: 1.3;}
.wrap #interna .contenuti .testo .calcolo-form ul li input{width:25px;vertical-align:middle}
.wrap #interna .contenuti .testo .calcolo-form ul li span{margin:0 5px}
.wrap #interna .contenuti .testo #utilizzo label{width:95%}
.wrap #interna .contenuti .testo .risultato-consumo{float:right;width:44%}
.wrap #interna .contenuti .testo .risultato-consumo img{max-width:200px;float:right}
.wrap #interna .contenuti .testo .risultato-consumo ul{width:100%;float:right;overflow:hidden}
.wrap #interna .contenuti .testo .risultato-consumo ul li{text-align:right;width:100%;float:right}
.wrap #interna .contenuti .testo .risultato-consumo ul li span{font-weight:bold}
.wrap #interna .contenuti .testo .sol-alternative{width:100%;float:left;overflow:hidden;margin-top:3%}
.wrap #interna .contenuti .testo .sol-alternative ul#prodottiul-linea li ul.aggiuntivi li{width:100%;float:left}
.wrap #interna .contenuti .testo .sol-alternative ul#prodottiul-linea{margin-top:0}
.wrap #interna .contenuti .testo .sol-alternative ul#prodottiul-linea li{margin-top:0}
.wrap #interna .contenuti .testo .sol-alternative ul#prodottiul-linea li.prince{margin-bottom:3px}
/** scheda **/
.wrap #interna .contenuti .testo .descrizione{width:52%;margin:2% 10% 0 0;float:left;padding-bottom:30px}
.wrap #interna .contenuti .testo .descrizione strong{text-transform:uppercase;font-family: 'KlavikaRegular';font-size:13px;font-weight:800;margin:7% 0 1% 0}
.wrap #interna .contenuti .testo .descrizione p{padding:0}
.wrap #interna .contenuti .testo .altro{width:35%;float:left}
.wrap #interna .contenuti .testo .altro ul.link-scheda{margin:0 0 30% 0}
.wrap #interna .contenuti .testo .altro ul li a:hover{text-decoration:underline;}
.wrap #interna .contenuti .testo .colori-disponibli{width:100%;float:left;overflow:hidden}
.wrap #interna .contenuti .testo .colori-disponibli h3{background-color:#FFB83C;color:#fff;display:inline-block;padding:2px 10px 0px 10px}
.wrap #interna .contenuti .testo .colori-disponibli ul{width:100%;float:left;overflow:hidden}
.wrap #interna .contenuti .testo .colori-disponibli ul li{width:18%;float:left;margin-right:2%;min-width: 70px;}
.wrap #interna .contenuti .testo .colori-disponibli ul li a{display:inline-block;width:100%; text-decoration:none}
.wrap #interna .contenuti .testo .colori-disponibli ul li a span{min-height:42px;display: inline-block;line-height: 1.1em;text-align: center;width:100%;float: left;margin-top:2px;}
.wrap #interna .contenuti #colonna-scheda{padding-top:2%}
.wrap #interna .contenuti .colonna-dx h3{margin-top:0}
.wrap #interna .contenuti .colonna-dx div.campi-impiego{width:100%;float:left;overflow:hidden}
.wrap #interna .contenuti .colonna-dx div.campi-impiego img.dove{float:left;width:85px;margin-top:6%}
.wrap #interna .contenuti .colonna-dx div.campi-impiego ul{width:100%;float:left;overflow:hidden;margin-top:8%}
.wrap #interna .contenuti .colonna-dx div.campi-impiego ul li{width:33.333%;float:left;text-align:center;margin:5% 0 0 0;}
.wrap #interna .contenuti .colonna-dx div.campi-impiego ul li img{width:90%;max-width:46px;float:none}
.wrap #interna .contenuti .colonna-dx div.campi-impiego ul li span{min-height: 27px;line-height: 1em;display: inline-block;width:100%;float:left}
/**linea**/
.wrap #interna .contenuti .testo ul#prodottiul-linea li{width:100%;float:left;margin-right:2%;margin-top:1%}
.wrap #interna .contenuti .testo ul#prodottiul-linea li ul.aggiuntivi{width:100%;float:left;overflow:hidden}
.wrap #interna .contenuti .testo ul#prodottiul-linea li ul.aggiuntivi li.prince {margin-right: 3%;}
.wrap #interna .contenuti .testo ul#prodottiul-linea li ul.aggiuntivi li.prince a{color:#000;font-family: 'KlavikaBasic_medium';text-decoration:none;margin-right:15px;margin-left:5px;font-style:normal}
.wrap #interna .contenuti .testo ul#prodottiul-linea li ul.aggiuntivi li.prince a:hover{color:#ED2314}
.wrap #interna .contenuti .testo ul#prodottiul-linea li ul.aggiuntivi li.prince:before{content: "■ "}
.wrap #interna .contenuti .testo ul#prodottiul-linea li ul.aggiuntivi li{margin: 0 5px 0 0;width: auto;}
.wrap #interna .contenuti .testo ul#prodottiul-linea li ul.aggiuntivi a{color:#5F5F5F;margin-right:5px;font-style:italic}
/** system dett **/
.wrap #interna .contenuti #system-dett ul.disegni-tecnici{width:100%;float:left;overflow:hidden}
.wrap #interna .contenuti #system-dett ul.disegni-tecnici li{display:inline-block;float:left;margin-right:2%;max-height:190px;overflow:hidden;margin-bottom:3%}
.wrap #interna .contenuti #system-dett ul.disegni-tecnici li a{width:100%;display:inline-block;float:left;max-height:190px;overflow:hidden}
.wrap #interna .contenuti #system-dett ul.disegni-tecnici li a img{width:auto;max-height:190px;}
/** referenze **/
.wrap #interna .contenuti ul#ris-referenze a{text-decoration:none}
.wrap #interna .contenuti ul#ris-referenze a:hover{color:#ED2314}
.wrap #interna .contenuti ul#ris-referenze span{float:right;text-transform:none}
.wrap #interna .contenuti ul#ris-referenze li img{max-width:180px;width:50%;float:left;margin-top:10px}
.wrap #interna .contenuti ul#ris-referenze ul{margin-top:10px;float:left;width: 47%;margin-left: 3%;}
.wrap #interna .contenuti ul#ris-referenze li.li-prodotti{text-transform:uppercase}
.wrap #interna .contenuti ul#ris-referenze li.li-prodotti span{display:inline-block;float:left;width:100%;margin-top:10px;font-weight:bold;text-transform:none}
.wrap #interna .contenuti ul#ris-referenze-dett {margin:0}
.wrap #interna .contenuti ul#ris-referenze-dett img{height:145px;width: auto;max-width: 33.333%;margin-bottom:2%;margin-right:2%;float:left;display:inline-block}
.wrap #interna .contenuti ul#ris-referenze-dett ul{margin:0}
.wrap #interna .contenuti h3.referenzeh3{margin-top:6%;float:left}
/** liste come pag links **/
.wrap #interna .contenuti #ris-lista-conlink a{text-decoration:none}
.wrap #interna .contenuti #ris-lista-conlink a:hover{color:#ED2314}
.wrap #interna .contenuti #ris-lista-conlink span{float:right;text-transform:none}
.wrap #interna .contenuti #ris-lista-conlink ul{margin-top:2px}

/*** background slider **************************************************************************************************************************************/
#prodotti-slide .primaslide{background-image:url(/img/bg/prodotti/preparatori.jpg)}
#prodotti-slide .secondaslide{background-image:url(/img/bg/prodotti/impermeabilizzanti.jpg)}
#prodotti-slide .terzaslide{background-image:url(/img/bg/prodotti/collanti-adesivi.jpg)}
#prodotti-slide .quartaslide{background-image:url(/img/bg/prodotti/riempitivi.jpg)}
#prodotti-slide .quintaslide{background-image:url(/img/bg/prodotti/posa-legno.jpg)}
#prodotti-slide .sestaslide{background-image:url(/img/bg/prodotti/risanamento-finiture.jpg)}
#prodotti-slide .settimaslide{background-image:url(/img/bg/prodotti/accessori.jpg)}
/*** preparatori * ****/
#preparatori .primaslide{background-image:url(../img/bg/preparatori.jpg)}
#preparatori .secondaslide{background-image:url(/img/bg/prodotti/preparatori.jpg)}
/*** risanamento * ****/
#risanamento .primaslide{background-image:url(../img/bg/risanamento-finiture.jpg)}
#risanamento .secondaslide{background-image:url(/img/bg/prodotti/risanamento-finiture.jpg)}
/*** accessori * ****/
#accessori .primaslide{background-image:url(../img/bg/accessori.jpg)}
#accessori .secondaslide{background-image:url(/img/bg/prodotti/accessori.jpg)}
/*** riempitivi * ****/
#riempitivi .primaslide{background-image:url(../img/bg/riempitivi.jpg)}
#riempitivi .secondaslide{background-image:url(/img/bg/prodotti/riempitivi.jpg)}
/**** legno ****/
#legno .primaslide{background-image:url(../img/bg/legno-res.jpg)}
#legno .secondaslide{background-image:url(/img/bg/prodotti/posa-legno.jpg)}
/**** impermeabilizzanti ****/
#impermeabilizzanti .primaslide{background-image:url(../img/bg/impermeabilizzanti.jpg)}
#impermeabilizzanti .secondaslide{background-image:url(/img/bg/prodotti/impermeabilizzanti.jpg)}
/**** collanti ****/
#collanti .primaslide{background-image:url(../img/bg/collanti.jpg)}
#collanti .secondaslide{background-image:url(/img/bg/prodotti/collanti-adesivi.jpg)}



.popnuovoprodotto{position:absolute;width:60%;background:none;height:0;z-index:9;bottom:0; margin-left: 20%}
.popnuovoprodotto .popup-wrap{width:100%;float:left;overflow:hidden;-webkit-box-shadow: 0 -1px 10px 0 #DADADA;
box-shadow: 0 -1px 10px 0 #DADADA;margin-top: 20%;height:100%; background:#FFF;}
.popnuovoprodotto .popup-wrap a{width:100%;display:inline-block;float:left;text-align:center}
.popnuovoprodotto .popup-wrap img{width:100%;height:auto;max-width:1500px;float:none}
.popnuovoprodotto #chiudipop{float: right;padding: 2px 10px;cursor:pointer; position: relative; z-index: 99999; margin-top: 10px}
/**** fine popoup nuovo prodotto ****/

.popnuovoprodotto .popup-wrap .Title{width: 90%; float: left; font-size: 48px; text-align: center; background-color: #f5f5f5; padding: 5%; margin-top: -34px;border-bottom: 2px solid red; position: relative; z-index: 99}
.popnuovoprodotto .popup-wrap p{width: 80%;float: left;font-size: 17px;text-align: center;margin-left: 0%; padding: 3% 10% 3% 10%;  background-color: #FFF }
.popnuovoprodotto .popup-wrap p strong{    font-size: 30px;text-align: center;margin-top: 3%;float: left;width: 100%;margin-bottom: 3%;}

.popnuovoprodotto .popup-wrap .image{width: 40%; float: left; margin-left: 30%;margin-top: 3%;}

.popnuovoprodotto .popup-wrap .image img{width: 100%; }



@media only screen and (max-width:976px){ /* altro intermedio */
.wrap #home .medio .blocco-rosso{width:95%}
.wrap .tipo .banda-trasparente h1{font-size:30px}
}

	@media only screen and (max-width:1280px){ /*contatti*/
.popnuovoprodotto .popup-wrap .Title {
    width: 90%;
    float: left;
    font-size: 36px;
    text-align: center;
    background-color: #f5f5f5;
    padding: 5%;
    margin-top: -34px;
    border-bottom: 2px solid red;
    position: relative;
    z-index: 99;
}
}
	
@media only screen and (max-width:1260px){ /* altro */
.wrap .tipo .top .menu nav ul.right{float:left}
.wrap .tipo .top .menu{margin-left:2%}
.wrap .tipo .top .logo{width:17%}
}


@media only screen and (max-width: 1024px) and (min-width: 768px){
.popnuovoprodotto .popup-wrap .Title {
    width: 90%;
    float: left;
    font-size: 30px;
    text-align: center;
    background-color: #f5f5f5;
    padding: 5%;
    margin-top: -34px;
    border-bottom: 2px solid red;
    position: relative;
    z-index: 99;
}.popnuovoprodotto #chiudipop {
    float: right;
    padding: 2px 10px;
    cursor: pointer;
    position: relative;
    z-index: 99999;
    margin-top: 10px;
    font-size: 10px;
}
	.popnuovoprodotto .popup-wrap p strong {
    font-size: 22px;
    text-align: center;
    margin-top: 3%;
    float: left;
    width: 100%;
    margin-bottom: 3%;
}	
		.popnuovoprodotto .popup-wrap p {
    width: 80%;
    float: left;
    font-size: 18px;
    text-align: center;
    margin-left: 0%;
    padding: 3% 10% 3% 10%;
    background-color: #FFF;
}.popnuovoprodotto .popup-wrap {
    width: 100%;
    float: left;
    overflow: hidden;
    -webkit-box-shadow: 0 -1px 10px 0 #DADADA;
    box-shadow: 0 -1px 10px 0 #DADADA;
    margin-top: 29%;
    height: 100%;
    background: #FFF;
}
	
.popnuovoprodotto .popup-wrap .Title {
    width: 90%;
    float: left;
    font-size: 30px;
    text-align: center;
    background-color: #f5f5f5;
    padding: 5%;
    margin-top: -34px;
    border-bottom: 2px solid red;
    position: relative;
    z-index: 99;
}.popnuovoprodotto #chiudipop {
    float: right;
    padding: 2px 10px;
    cursor: pointer;
    position: relative;
    z-index: 99999;
    margin-top: 10px;
    font-size: 10px;
}
	.popnuovoprodotto .popup-wrap p strong {
    font-size: 22px;
    text-align: center;
    margin-top: 3%;
    float: left;
    width: 100%;
    margin-bottom: 3%;
}	
		.popnuovoprodotto .popup-wrap p {
    width: 80%;
    float: left;
    font-size: 18px;
    text-align: center;
    margin-left: 0%;
    padding: 3% 10% 3% 10%;
    background-color: #FFF;
}.popnuovoprodotto .popup-wrap {
    width: 100%;
    float: left;
    overflow: hidden;
    -webkit-box-shadow: 0 -1px 10px 0 #DADADA;
    box-shadow: 0 -1px 10px 0 #DADADA;
    margin-top: 44%;
    height: 100%;
    background: #FFF;
}
	}


@media only screen and (orientation : portrait), only screen and (max-width:800px){ /* tablet e smartphone portrait */
.wrap .tipo .top .logo{width:200px;float:none;margin:0 auto}
.wrap .tipo .top .menu{width:96%;margin-left:2%}
.wrap .tipo .top .menu nav ul.right{float:left}
.wrap #home .medio .blocco-rosso{width:97.5%}
.wrap #interna .medio .blocco-rosso{width:96%;padding:2%}
.wrap #home .medio #ricerca-nome{width: 45%;float: right;}
.wrap #home .medio #linee-home{width:50%}
.wrap #home .medio #linee-home ul{width:52%}
.wrap #home .medio #linee-home span.evidenza{margin-left:54%}
.wrap #home .medio #linee-home ul.lista-linee{margin-left:57%;width:52%}
.wrap #interna .medio #linee-home{width:96%;margin-left:2%;margin-bottom:10px}
.wrap #interna .medio #linee-home span.evidenza{margin-left:2%}
.wrap #interna .medio #linee-home ul.lista-linee{margin-left:2%;width:98%}
.wrap #interna .medio #linee-home ul.lista-linee li{width:48%;margin-right:2%;float:left}
.wrap #interna .medio #ricerca-nome{width:96%;margin-bottom:5px}
.wrap #interna .contenuti{width:100%;margin-left:0}
.wrap #interna .contenuti .wrap-contenuti{width: 95.2%;float: none;margin: 0 auto;min-height:1px}
.wrap #interna .contenuti .colonna-dx{position:relative;width:93%;float:left;margin-left:2.5%;margin-bottom:32px}
.wrap #interna .contenuti .colonna-dx img, .wrap #interna .contenuti .colonna-dx .ul-quad{width:48%;float:left}
.wrap #interna .contenuti .colonna-dx h3{display:inline-block;width:100%}
.wrap #interna .contenuti .colonna-dx .bottoni-utili{float:right;width:50%}
.wrap #interna .contenuti .colonna-dx .bottoni-utili ul{margin-top:0}
.wrap #interna .contenuti .colonna-dx .bottoni-utili ul li{margin:0 0 5px 0}
	
	.popnuovoprodotto .popup-wrap {
    width: 100%;
    float: left;
    overflow: hidden;
    -webkit-box-shadow: 0 -1px 10px 0 #DADADA;
    box-shadow: 0 -1px 10px 0 #DADADA;
    margin-top: 89%!important;
    height: 100%;
    background: #FFF;
}	.popnuovoprodotto {
    position: absolute;
    width: 90%!important;
    background: none;
    height: 0;
    z-index: 9;
    bottom: 0;
    margin-left: 5%;
}
}

@media only screen and (min-width:1400px){ /*altro*/
.wrap #interna .contenuti .wrap-contenuti{min-height:600px}
}

@media only screen and (min-width:1400px){ /*contatti*/
.wrap #interna .contenuti .wrap-contenuti{min-height:600px}
}

@media only screen and (max-width:1455px){ /*contatti*/
.form-contatti label{display:inline-block}
.form-contatti input, .form-contatti select{display:inline-block;width:80%;margin:0}
.form-contatti li#messaggio textarea{width:84%;}
.form-contatti .invia{width:auto;}
}


@media only screen and (max-width:1000px){ /*contatti*/
.form-contatti li{width:100%}
.form-contatti input, .form-contatti select{display:inline-block;width:100%;margin:0}
.form-contatti li#messaggio textarea{width:100%;}
}

@media only screen and (max-width:800px){ /* solo smartphone */

}

	@media only screen and (max-width: 768px) and (min-width: 0){
.popnuovoprodotto .popup-wrap {
    width: 100%;
    float: left;
    overflow: hidden;
    -webkit-box-shadow: 0 -1px 10px 0 #DADADA;
    box-shadow: 0 -1px 10px 0 #DADADA;
    margin-top: 76%!important;
    height: 100%;
    background: #FFF;
}	}

/***cookies bar***/
.cookiesbar{position:fixed;bottom:0;left:0;width:98%;padding:0.5% 1%;background-color:#000;background:rgba(0, 0, 0, 0.73);display:none;font-size:0.9em; text-align:center}
.cookiesbar p{padding:0;color:#fff;}
.cookiesbar p a{display:inline-block;margin-right:5px; color:#FFFFFF}
.cookiesbar button{border: none;color:#000;min-height:1px;margin-left: 10px;background:#EAEAEA;text-transform: uppercase; padding: 0 12px;height:20px;cursor:pointer;font-size:0.9em}