/*---------------------------- G e n e r a l i ----------------------------*/
/*-Carico i font*/
font-family: 'Muli', sans-serif;
font-family: 'Montserrat', sans-serif;
/*-Applico i font*/
body {margin:0px; padding:0px}
body {background-color: white; margin:0px; padding:0px; z-index: -100; text-transform: none; font-family:'Muli'; font-size:17px; font-weight: 400; text-align: justify; line-height: 18px; letter-spacing: 0p}
.light {font-weight: 300;font-size: 17px}
u {font-family:'Montserrat';font-size:18px;color:#C92F7A;line-height: 30px}
h1 {font-family:'Muli'; text-align:left; color:#439714; text-transform:none; font-size:15px}
h2 {font-family:'Muli'; text-align:left; color:black; text-transform:none; font-size:20px; font-weight: 400; line-height: normal}
h3 {font-family:'Muli'; text-align:left; color:black; text-transform:none; font-size:25px; font-weight: 400}

a:link {text-decoration: none; color:inherit}
a:visited {text-decoration: none; color: inherit}
a:hover {text-decoration: underline; color: inherit}
a:focus {text-decoration: none; color: inherit}
a:active {text-decoration: none; color: inherit}
img {border: none}
.click {display:block}

/*---------------------------- Contenitore centrato di altezza adattiva ----------------------------*/

.sub_content {position:absolute; width:1000px; height:100%; left:50%; margin-left:-500px; top:0px}

/*---------------------------- H e a d e r ----------------------------*/
#header_contenitore {width:100%;height:500px;position:relative;top:0px;left:0px;background-color:white;overflow:hidden}

#header_contenitore_ridotto {width:100%;height:335px;position:relative;top:0px;left:0px;background-color:white;overflow:hidden}

#FASCIA_a {width:100%; height:100px; position:relative; top:0px; left:0px; background-color:#303030}
.logo {width:418px;height:55px;position:absolute;top:30px;left:0px;background-image:url(../img/vers2021/logo.png)}
    .logo{transition: opacity .1s ease-in-out;-moz-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out}
    .logo:hover {opacity:0.7}

#bottone_preventivo {width:145px; height:48px; position:absolute; top:37px; right:0px; background-image:url(../img/vers2021/bottone_fucsia.png)}
    #bottone_preventivo{transition: opacity .1s ease-in-out;-moz-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out}
    #bottone_preventivo:hover {opacity:0.7}
#bottone_preventivo p {line-height: 100%; font-size: 16px; color:white; text-transform:none; text-align:center; letter-spacing: 1px}

.ico_facebook {width:9px; height:14px; position:absolute; top:8px; right:-40px; background-image:url(../img/vers2021/facebook_ico.png); z-index: 1;display: block}
.ico_facebook {background-position:top}
.ico_facebook:hover {background-position:bottom}

.mio_sito_ico {width:10px; height:14px; position:absolute; top:10px; right:-20px; background-image:url(../img/vers2021/mio_sito_ico.png); z-index: 1;display: block}
.mio_sito_ico {background-position:top}
.mio_sito_ico:hover {background-position:bottom}

#FASCIA_b {width:100%; height:235px; position:relative; top:0px; left:0px; background-image: url(../img/vers2021/poligoni_ok.jpg); background-repeat:repeat-x;z-index: 0}
#retinatura {width:100%;height:229px;position:absolute;top:0px;left:0px;background-image:url(../img/vers2021/retina.png);background-repeat: repeat-x;z-index: 1}
#ape_tipo {width:390px; height:146px; position:absolute; bottom:0px; right:0px; background-image:url(../img/vers2021/ape_tipo.png);z-index: 1}
    #ape_tipo{transition: bottom .1s ease-in-out;-moz-transition: bottom .1s ease-in-out; -webkit-transition: bottom .1s ease-in-out}
    #ape_tipo:hover {bottom:-10px}

#FASCIA_c {width:100%;height:100px;position:relative;top:0px;left:0px;z-index:2; background-color:#303030}
#img_io {width:194px;height:194px;position:absolute;top:-47px;left:0px;background-image:url(../img/vers2021/io2.png);z-index: 1}
#presentazione {width:200px;height:50px;position:absolute;top:30px;left:240px;z-index: 1}
#presentazione p {font-weight: 400; color:white;line-height: 100%; font-size: 18px; text-transform:none; text-align:left; letter-spacing: 1px; font z-index: 1}
#presentazione2 {width:450px;height:50px;position:absolute;top:30px;left:460px;z-index: 1}
#presentazione2 p {font-weight: 100; color:white;line-height: 100%; font-size: 18px; text-transform:none; text-align:left; letter-spacing: 1px; font z-index: 1}
#anni {width:117px;height:20px;position:absolute;top:44px;right:40px;background-image:url(../img/vers2021/15anni.png);z-index: 2}


/*---------------------------- A R E A   C O N T E N U T I ----------------------------*/
#bloccoa,#bloccob,#bloccoc,#bloccocondizioni,#blocco1,#blocco1bis,#blocco2,#blocco3,#blocco4,#blocco5,#blocco6,#blocco7,#blocco7bis,#blocco8,#blocco20,#bloccofooter,#bloccodati,#bloccograzie,#bloccocondizioni,#bloccoprivacy,#auguri,#ecobonus {width:100%; position:relative; background-color: white}
#bloccoa {height:100px}
#bloccob {height:200px; background-color: #f8f7f7}
#bloccoc {height:350px}
#blocco1 {height:1000px}
#blocco1bis {height:500px}
#blocco2 {height:1420px; background-color: #366f8b}
#blocco3 {height:500px}
#blocco4 {height:700px; background-color: #D8D8D8}
#blocco5 {height:130px}
#blocco6 {height:800px; background-color: #D8D8D8}
#blocco7 {height:4450px}
#blocco7bis {height:680px; background-color: #D8D8D8}
#blocco8 {height:3050px}
#blocco20 {height:550px}
#bloccofooter {height:390px; background-color: #366f8b}
#bloccodati {height:50px; background-color:#303030; border-top: solid 0px white}
#bloccograzie {height:640px; background-color: #366f8b}
#bloccocondizioni {height:2100px}
#bloccoprivacy {height:3850px}

.intfaq {width:940px; height:100%; position:absolute; top:100px; left:50%; margin-left:-470px;}
.divisorio {z-index: 0; width:940px; height:140px; position:absolute; bottom:-69px; left:30px; background-image: url('../img/divis.png')}

#descrizione {position:absolute; width:500px; height:auto; left:0px; top:130px; z-index: 1}
#descrizione p {line-height: 140%; color:#14515F; text-transform:none; text-align: justify}
#descrizione-dopo {position:absolute; width:900px; height:auto; left:0px; top:600px; z-index: 1}
#descrizione-dopo p {line-height: 140%; color:#14515F; text-transform:none; text-align: justify}
#conteggio {position:absolute; width:900px; height:auto; left:75px; top:550px; z-index: 1}
#conteggio p {line-height: 140%;font-size:18px; text-transform:none; text-align: justify;color:#14515F}

#contatore {position:absolute; width:245px; height:110px; left:115px; top:440px;background-color:none}
.tappo1,.tappo2 {position:absolute; width:5px;height:15px; top:48px;border-left:8px solid #14515F}
.tappo1 {left:0px}
.tappo2 {right:8px}
.lineetta {position:absolute; width:215px;height:55px; top:0px;left:8px;border-bottom: 1px solid #DEDCDD}
.cont1,.cont2,.cont3 {position:absolute; width:28%;height:108px; top:0px;border: 1px solid #14515F;border-radius:10px;background-color: white}
.cont1 {left:3%}
.cont2 {left:33%}
.cont3 {left:63%}
.cont1 p,.cont2 p,.cont3 p {color:#14515F; text-transform:none; text-align: center;font-size:40px; line-height:30px}

#imgcert {position:absolute; background-image: url('../img/new/classe2.png'); width:390px; height:300px; right:10px; top:130px}


.titolo-sintesi p,.titolo-preventivo p,.titolo-cosa p,.titolo-dove p {text-transform:none; text-align: left;font-size:29px; line-height:0px;font-weight: 600}

.titolo-sintesi {position:absolute;top:35px;left:0px;width:1000px;height:60px}
.titolo-sintesi p {color:#14515F}

.titolo-preventivo {position:absolute;top:80px;left:0px;width:1000px;height:60px}
.titolo-preventivo p {color:white}

.titolo-cosa {position:absolute;top:60px;left:0px;width:1000px;height:60px}
.titolo-cosa p {color:#14515F}

.titolo-dove {position:absolute;top:60px;left:0px;width:1000px;height:60px}
.titolo-dove p {color:white}

.sintesi {background: url('../img/vers2021/sequenza.png'); width:865px; height:360px; position:absolute; top:110px; left:50%;margin-left:-432px; z-index: 0}

#descrizione1s,#descrizione2s,#descrizione3s,#descrizione4s {position:absolute; width:200px; height:50px; top:260px;font-weight: 400;transition: opacity .1s ease-in-out;-moz-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out}
    #descrizione1s:hover {opacity:0.7}
    #descrizione2s:hover {opacity:0.7}
    #descrizione3s:hover {opacity:0.7}
    #descrizione4s:hover {opacity:0.7}
#descrizione1s,#descrizione1l {left:103px}
#descrizione2s,#descrizione2l {left:315px}
#descrizione3s,#descrizione3l {left:522px}
#descrizione4s,#descrizione4l {left:720px}
#descrizione1s p,#descrizione2s p,#descrizione3s p,#descrizione4s p {font-size:22px;text-align:center; letter-spacing:0px; color:#C92F7A; text-transform:none}

#descrizione1l,#descrizione2l,#descrizione3l,#descrizione4l {position:absolute; width:200px; height:120px; top:320px}
#descrizione1l p,#descrizione2l p,#descrizione3l p,#descrizione4l p {font-size: 16px; text-align:center; letter-spacing:0px; color:#366f8b; text-transform:none}

#descrizione2 {position:absolute; width:1000px; height:120px; left:0px; top:160px}
#descrizione2 p {text-align:left; line-height: 140%; color:white; text-transform:none}

#descrizione2bis {position:absolute; width:1000px; height:220px; left:0px; top:1110px}
#descrizione2bis p {text-align:left; line-height: 140%; color:white; text-transform:none}

#descrizione4 {position:absolute; width:800px; height:40px; left:110px; top:866px}
#descrizione4 p {line-height: 140%; color:#C92F7A; text-transform:none}
#descrizione4 p:hover {color:#366f8b}

.link {position:absolute; background-image: url('../img/link.png'); width:28px; height:29px; left:70px; top:880px}

#descrizione5 {position:absolute; width:900px; height:80px; left:0px; top:680px; z-index: 1}
#descrizione5 p {text-align:justify; line-height: 140%; color:black; text-transform:none;color:#274A64}

#descrizione6 {position:absolute; width:500px; height:400px; left:0px; top:160px}
#descrizione6 p {text-align:justify; line-height: 140%; color:white; text-transform:none}

#descrizione7 {position:absolute; width:500px; height:230px; left:50px; top:220px}
#descrizione7 p {text-align:justify; color:#439714; text-transform:none}

#descrizionea {position:relative; width:500px; height:auto; left:50px; top:25px; z-index: 10}
#descrizionea p {color:black; text-transform:none; text-align: justify}

#descrizioneb {position:relative; width:500px; height:auto; left:50px; top:10px; z-index: 10}
#descrizioneb p {color:black; text-transform:none; text-align: justify}

#descrizionec {position:relative; width:500px; height:auto; left:50px; top:25px}
#descrizionec p {color:black; text-transform:none; text-align: justify}

#mappa {position:absolute; width:394px; height:225px; right:10px; top:185px}
#mappa img {width:auto; height:auto}

#mappa1 {display: block; background-image: url(../img/mappa.png); position:absolute; width:394px; height:225px; right:10px; top:220px}

#news {position:absolute; width:1000px; height:80px; top:40px; left:0px}
.t_news {font-family:'Muli'; color:#3D76A0; font-size:16px; width: 1700px}

#grazie {position:absolute; width:1000px; height:200px; left:0px; top:300px}
#grazie p {text-align:center; letter-spacing:1px; color:white; text-transform:none; font-size: 20px}

#scrivania {position:relative; display: block; width:940px; height:600px; left:50%; margin-left:-470px; top:100px; background: url('../img/scrivania.jpg');}

#faqimg {position:absolute; width:352px; height:62px; right:50px; top:-100px; background: url('../img/faq.png');}

#invio {position:absolute; width:146px; height:188px; right:420px; top:80px; background: url('../img/vers2021/invio.png');}

/*---------------------------- F o o t e r ----------------------------*/

.io2 {background: url('../img/new/io.png'); width:105px; height:97px; position:absolute; top:-77px; left:102px; z-index: 1}
.adi {background: url('../img/new/adi.png'); width:561px; height:149px; position:absolute; top:100px; left:60px; z-index: 1; display: block}

.qns {background: url('../img/new/qns.jpg'); width:230px; height:152px; position:absolute; top:100px; right:30px; z-index: 1}

.nome {width:900px; height:60px; position:absolute; top:20px;left:0px}
.nome p{text-align:center; font-size:16px; letter-spacing:1px; color:white; text-transform:none}

.dati_adi {width:370px; height:130px; position:absolute; top:95px;left:250px}
.dati_adi p{text-align:left; font-size:15px; letter-spacing:1px; color:white; text-transform:none}

#facebook {background: url('../img/facebookico.png'); width:60px; height:60px; position:absolute; top:285px; left:116px}
#facebook {background-position:top}
#facebook:hover {background-position:bottom}

.dati_chiusura2 {width:370px; height:100px; position:absolute; top:293px;left:250px}
.dati_chiusura2 p{text-align:left; font-size:15px; letter-spacing:1px; color:white; text-transform:none}

.dati {width:370px; height:50px; position:absolute; top:0px;left:60px}
.dati p{text-align:left; font-size:14px; letter-spacing:1px; color:white; text-transform:none}

.dati2 {width:370px; height:50px; position:absolute; top:0px;right:60px}
.dati2 p{text-align:right; font-size:14px; letter-spacing:1px; color:white; text-transform:none}

.bordo_superiore {background: url('../img/new/banda_azzurra_sopra.png'); width:100%; height:10px; position:absolute; top:0px; left:0px}

/*---------------------------- CONTENITORE FORM ----------------------------*/
#form-container {z-index: 10; width:1000px; height:560px; position:absolute; top:400px;left:50px}

/*---------------------------- PORTFOLIO ----------------------------*/
.Portfolio1 {background: url('../img/portfolio/1.jpg'); width:254px; height:66px; position:absolute; top:220px; left:55px; z-index: 1; display: block}
.Portfolio2 {background: url('../img/portfolio/2.jpg'); width:227px; height:65px; position:absolute; top:370px; left:65px; z-index: 1; display: block}
.Portfolio3 {background: url('../img/portfolio/3.png'); width:162px; height:137px; position:absolute; top:185px; left:425px; z-index: 1; display: block}
.Portfolio4 {background: url('../img/portfolio/4.jpg'); width:255px; height:55px; position:absolute; top:375px; left:375px; z-index: 1; display: block}
.Portfolio5 {background: url('../img/portfolio/5.jpg'); width:227px; height:66px; position:absolute; top:220px; left:720px; z-index: 1; display: block}
.Portfolio6 {background: url('../img/portfolio/6.jpg'); width:229px; height:42px; position:absolute; top:380px; left:720px; z-index: 1; display: block}
.Portfolio7 {background: url('../img/portfolio/7.jpg'); width:157px; height:60px; position:absolute; top:520px; left:98px; z-index: 1; display: block}