body {margin:0; padding:0; border:0; height:100%; width:100%; min-width:320px; background:#ffffff; overflow:auto; text-align:center; font-family:'Open Sans', sans-serif; color:#3c3c3c; font-size:15px; font-weight:lighter;}
p, form {margin:0; padding:0;}
input:focus, select:focus, textarea:focus, a:focus {outline:0;}
img {border:none; border:0;}
.clear {clear:both}
#waiting {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../image/transp.png) repeat; z-index:999999; display:none}
#waiting img {position:absolute; top:50%; left:50%; margin:-150px 0 0 -150px;}
#intro {position:fixed; width:100%; height:100%; top:0; left:0; background:#ffffff;}
#intro img {position:absolute; top:50%; left:50%; display:none}
#bg {position:relative; top:0; left:0; width:100%; height:100%; background-image:url(../image/bg.jpg); background-repeat:no-repeat; beckground-size:cover; background-position:bottom center}
#bg .cap {position:absolute; width:100%; height:80%; top:10%; left:0; background:none}
#bg .cap .logo {position:relative; top:0; margin:0 auto 0 auto; height:50%; max-height:300px}
#bg .cap .cta {position:absolute; bottom:0; width:50%; min-width:250px; max-width:400px; padding:20px 0 20px 0; border:solid 1px #ffffff; background:url(../image/transp.png) repeat; color:#ffffff; font-size:35px; cursor:pointer;}
@media screen and (min-width:801px){
   #bg .cap .cta {left:50%; margin-left:-200px;}
}
@media screen and (max-width:800px){
   #bg .cap .cta {left:25%; margin-left:0;}
}
@media screen and (max-width:500px){
   #bg .cap .cta {left:50%; margin-left:-125px;}
}
#header {position:fixed; top:0; left:0; width:100%; background:url(../image/transp.png) repeat; border-bottom:solid 1px #ffffff; box-shadow:#404040 0px 3px 10px; text-align:left; display:none}
#header .logo {position:relative;}
#header .menu {position:absolute; right:10px; width:80px; height:50px; margin:0; padding:0; cursor:pointer;}
#header .menu img {position:relative; width:100%;}
#header .menu #hiddenMenu {position:absolute; top:100%; right:20px; width:260px; padding:5px 0 0 0; display:none}
#header .menu #hiddenMenu p {position:relative; width:100%; margin:0; padding:0 10px 0 10px; background:url(../image/transp.png) repeat; font-size:18px; line-height:40px; text-shadow:#000000 1px 1px 1px; color:#ffffff; border-right:solid 1px #ffffff; border-left:solid 1px #ffffff;}
#header .menu #hiddenMenu .first {border-top:dotted 1px #ffffff;}
#header .menu #hiddenMenu .last {border-bottom:solid 1px #ffffff;}
#header .menu #hiddenMenu p:hover, #header .menu #hiddenMenu .selected {background:#a4aba4;}
#header #toppage {position:absolute; top:0; left:0; width:100%; line-height:30px; background:#29a929; color:#ffffff; z-index:10}
#header #toppage .left {position:absolute; left:0; width:100%; max-height:30px; font-size:12px; font-weight:lighter;}
#header #toppage .left img {position:relative; height:16px; margin:7px 5px -3px 10px;}
#header #toppage .left a:link, #header #toppage .left a:active, #header #toppage .left a:visited {color:#ffffff; text-decoration:none}
#header #toppage .left a:hover {color:#ffffff; text-decoration:underline}
#header #toppage .right {position:absolute; height:30px; top:0; background:#156b16; letter-spacing:2px; cursor:default; text-align:center; z-index:10}
#header #toppage .right #changeLang {position:absolute; width:100%; line-height:50px; top:100%; left:0; background:#156b16; text-align:center; display:none}
#header #toppage .right #changeLang p:hover {background:#a4aba4; cursor:pointer}
@media screen and (min-width:851px){
   #header {padding-top:30px; height:60px}
   #header .menu {top:35px}
   #header #toppage {height:30px}
   #header #toppage .right {right:0; width:200px}
   #header #toppage .left {top:0; text-align:left}
}
@media screen and (max-width:850px){
   #header {padding-top:60px; height:60px}
   #header .menu {top:65px}
   #header #toppage {height:60px}
   #header #toppage .right {left:0; width:100%}
   #header #toppage .left {top:30px; text-align:center}
}
@media screen and (min-width:651px){
   #header .logo {width:300px; margin:7px 0 0 10px}
   #header .left #br, #header .left #br2 {display:none}
   #header .left #address {display:inline}
}
@media screen and (max-width:650px){
   #header {padding-top:90px; height:60px}
   #header .logo {width:200px; margin:15px 0 0 5px}
   #header .menu {top:95px}
   #header #toppage {height:90px}
   #header .left #br, #header .left #br2 {display:block}
   #header .left #address {display:none}
}
#cookieBanner {position:fixed; bottom:10px; right:10px; width:280px; padding:0 10px 10px 10px; margin:0; background:url(../image/transp.png) repeat; border-radius:10px; border:solid 1px #ffffff; box-shadow:#404040 0px 0px 10px; color:#ffffff; text-align:justify; text-shadow:#000000 1px 1px 1px}
#cookieBanner a:link, #cookieBanner a:active, #cookieBanner a:visited {color:#ffffff; text-decoration:none; border-bottom:dotted 2px #29a929}
#cookieBanner a:hover {color:#ffffff; text-decoration:none; border-bottom:solid 2px #29a929}
#cookieBanner .close {position:relative; width:100%; padding:5px 10px 5px 10px; margin:0 0 5px -10px; border-bottom:dotted 1px #ffffff; border-radius:10px 10px 0 0; text-align:center; letter-spacing:5px; font-size:18px; background:url(../image/transp2.png) repeat; cursor:pointer}
#step1{position:absolute; left:0; width:1px; height:1px; background:none; visibility:hidden}
@media screen and (min-width:851px){
   #step1 {top:-90px}
}
@media screen and (max-width:850px){
   #step1 {top:-120px}
}
@media screen and (max-width:650px){
   #step1 {top:-150px}
}





#servizi {position:relative; width:96%; margin:0; padding:50px 2% 50px 2%; background:#f5f5f5;}
#servizi .box {position:relative; padding:10px 1% 10px 1%; background:#e9e9e9; box-shadow:#808080 -1px -1px 1px; border-bottom:solid 2px #ffffff; border-right:solid 2px #ffffff; border-radius:5px; text-align:justify; font-size:15px; font-weight:lighter; cursor:pointer}
#servizi .box:hover {background:#fafafa; border-bottom:none; border-right:none; border-top:solid 2px #ffffff; border-left:solid 2px #ffffff; box-shadow:#808080 3px 3px 10px;}
#servizi .box img {position:relative; width:100%; margin:10px 0 10px 0; display:block}
@media screen and (min-width:926px){
   #servizi .box {width:43%; margin:0 2% 0 2%; float:left;}
}
@media screen and (max-width:925px){
   #servizi .box {width:94%; max-width:830px; margin:30px auto 30px auto; float:none;}
}
#servizi .box .title {position:relative; color:#000000; font-weight:normal; font-size:25px; text-align:center;}
#servizi .box .more {position:relative; width:250px; margin:10px auto 10px auto; font-size:20px; line-height:35px; text-align:center; padding:0; border:solid 1px #505050; border-radius:5px;}
#servizi .box:hover .more {background:#707070; color:#ffffff;}

#cert {position:relative; width:100%; max-width:810px; margin:0 auto 0 auto; padding:50px 0 10px 0; background:#ffffff; text-align:center}
#cert img {position:relative; margin:10px; border:none;}
@media screen and (min-width:500px){
   #cert img {width:28%; max-width:250px;}
}
@media screen and (max-width:499px){
   #cert img {width:250px; display:block}
}



#whyus {position:relative; width:96%; margin:0; padding:10px 2% 50px 2%; background:#ffffff;}
#whyus .box {position:relative; padding:10px 1% 10px 1%; border:solid 1px #505050; border-radius:5px; text-align:center; font-size:15px; font-weight:lighter; cursor:default}
#whyus .box img {position:relative; width:40%; max-width:200px; margin:10px auto 10px auto; display:block}
@media screen and (min-width:926px){
   #whyus .box {width:44.5%; margin:30px 1% 30px 1%; float:left;}
}
@media screen and (max-width:925px){
   #whyus .box {width:94%; max-width:830px; margin:30px auto 30px auto; float:none;}
}
#whyus .box .title {position:relative; color:#000000; font-weight:normal; font-size:25px; text-align:center;}


#contactBox {position:relative; width:96%; margin:0; padding:50px 2% 50px 2%; background:#f5f5f5;}
#contactBox .cnt {position:relative; margin:0 auto 0 auto; width:100%; max-width:1000px;}
#contactBox .cnt .box {position:relative; cursor:pointer; font-size:18px}
#contactBox .cnt .box img {position:relative; width:30%; min-width:150px; max-width:250px; display:block; margin:0 auto 10px auto}
@media screen and (min-width:1008px){
   #contactBox .cnt .box {width:31%; margin:0 1.15% 0 1.15%; float:left;}
}
@media screen and (max-width:1007px){
   #contactBox .cnt .box {width:100%; max-width:300px; margin:30px auto 30px auto; float:none;}
}




#portfolio {position:relative; margin:0 auto 0 auto; padding:50px 0 50px 0; text-align:center; background:#ffffff;}
#portfolio .title {position:relative; color:#000000; font-weight:lighter; text-align:center}
#portfolio img {position:relative; width:200px; margin:10px; border:solid 1px #2c962c; border-radius:3px; box-shadow:#808080 3px 3px 5px;}
@media screen and (min-width:1000px){
   #portfolio {width:900px}
}
@media screen and (max-width:999px){
   #portfolio {width:820px}
}
@media screen and (max-width:820px){
   #portfolio {width:550px}
}
@media screen and (max-width:550px){
   #portfolio {width:300px}
}
@media screen and (min-width:700px){
   #portfolio .title {font-size:50px}
}
@media screen and (max-width:699px){
   #portfolio .title {font-size:40px}
}
@media screen and (max-width:550px){
   #portfolio .title {font-size:30px}
}
@media screen and (max-width:450px){
   #portfolio .title {font-size:20px}
}




#footer {position:relative; width:96%; margin:0; padding:20px 2% 20px 2%; background:#454545; color:#ffffff; font-size:13px; text-shadow:#000000 1px 1px 1px;}
#footer a:link, #footer a:active, #footer a:visited {color:#ffffff; text-decoration:none; border-bottom:dotted 1px #5dc75d;}
#footer a:hover {color:#ffffff; text-decoration:none; border-bottom:solid 1px #5dc75d}
#footer .sharingBox {position:relative; margin:15px auto 0 auto;}
#footer .sharingBox img {position:relative; width:30px; margin:0 5px 0 5px; border-radius:100%; box-shadow:#000000 -1px -1px 1px; border-bottom:solid 1px #cccccc; border-right:solid 1px #cccccc}
#footer .sharingBox img:hover {box-shadow:#000000 1px 1px 1px; border:none; border-top:solid 1px #cccccc; border-left:solid 1px #cccccc}
#footer .sharingBox a:link, #footer .sharingBox a:active, #footer .sharingBox a:visited, #footer .sharingBox a:hover {border:none}
#footer .credits {position:absolute; bottom:10px; right:10px; width:60px;}
#footer .credits img {width:100%; opacity:.6; filter:alpha(opacity=60);}
#footer .credits img:hover {opacity:1; filter:alpha(opacity=100);}
#footer .credits a:link, #footer .credits a:active, #footer .credits a:visited, #footer .credits a:hover {border:none}






#contatti {position:relative; width:100%; padding:30px 0 50px 0; background:none}
#contatti a:link, #contatti a:visited, #contatti a:active {color:#3c3c3c; text-decoration:none; border-bottom:dotted 1px #29a929;}
#contatti a:hover {color:#3c3c3c; text-decoration:none; border-bottom:solid 1px #29a929;}
#contatti #contactForm {position:relative; width:90%; min-width:300px; max-width:500px; margin:30px auto 0 auto; background:url(../image/transp.png) repeat; border:solid 1px #ffffff; box-shadow:#000000 3px 3px 10px; color:#cccccc}
#contatti #contactForm p {position:relative; margin:15px 0 3px 0; width:100%; text-align:left; color:#cccccc;}
#contatti #contactForm input {height:30px; padding:0 5px 0 5px; line-height:30px;}
#contatti #contactForm textarea {height:120px; overflow:auto; resize:none; padding:5px; text-align:justify; font-family:'Open Sans', sans-serif;}
#contatti #contactForm input, #contatti #contactForm textarea {position:relative; width:100%; margin:0 auto 0 auto; border:solid 1px #000000; color:#3c3c3c; background:#ffffff; font-size:15px}
#contatti #contactForm p a:link, #contatti #contactForm p a:active, #contatti #contactForm p a:visited, #contatti #contactForm p a:hover {color:#cccccc; text-decoration:none;}
#contatti #contactForm .required, #contatti #contactForm .required2 {font-weight:bold}
#contatti #contactForm .required {color:#ff0000;}
#contatti #contactForm .required2 {color:#ffaa00;}
#contatti #contactForm .error {border:solid 1px #ff0000; background:#ffaeae;}
#contatti #contactForm .submit {margin:20px 0 0 0; border:none; background:none; color:#ffffff; font-size:22px; text-align:right; letter-spacing:2px; cursor:pointer;}
#contatti #contactForm .submit:hover, #contatti #contactForm .submit:focus {text-decoration:underline}

#privacy {position:relative; width:96%; padding:30px 0 50px 0; font-size:13px; text-align:justify}

#cnt {position:relative; width:96%; padding:30px 0 50px 0; text-align:justify; font-size:18px; line-height:30px;}
#cnt p {position:relative; margin:20px 0 0 0;}
#cnt img {box-shadow:#404040 0px 0px 15px}
#cnt .title {position:relative; margin:0 auto 40px auto; color:#000000; text-align:center; line-height:normal}
#cnt ul {position:relative; margin:20px 0 40px 0; list-style-image: url(../image/spunta.png);}
#cnt li {position:relative; margin:10px 0 0 0;}
#cnt .evid {color:#000000; font-weight:bold}




@media screen and (min-width:851px){
   #cnt .title {font-size:50px}
}
@media screen and (max-width:850px){
   #cnt .title {font-size:45px}
}
@media screen and (max-width:750px){
   #cnt .title {font-size:40px}
}
@media screen and (max-width:650px){
   #cnt .title {font-size:35px}
}
@media screen and (max-width:550px){
   #cnt .title {font-size:30px}
}
@media screen and (max-width:420px){
   #cnt .title {font-size:25px}
}
@media screen and (min-width:851px){
   #contatti, #privacy, #cnt {margin:90px auto 0 auto;}
}
@media screen and (max-width:850px){
   #contatti, #privacy, #cnt {margin:120px auto 0 auto;}
}
@media screen and (max-width:650px){
   #contatti, #privacy, #cnt {margin:150px auto 0 auto;}
}