@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400&family=Open+Sans:wght@300;400;500&display=swap');
*{margin:0px; padding:0px;}
body{width:100%; max-width:900px; margin: auto;}
h1{font-family: 'Cinzel', serif; color:#A08F86;}
h2{font-family: 'Open Sans', sans-serif; color:#A08F86; font-size:19px;  font-weight: 300;}
h4{text-transform: uppercase; font-size:19px; color:#A08F86; text-align: center;  font-family: 'Open Sans', serif; font-weight: 300;}
h5{font-family: 'Open Sans', sans-serif; color:#fff; font-size:14px; text-transform: uppercase;  font-weight: 300;}

p{font-family: 'Open Sans', sans-serif; color:#999; font-size:14px; font-weight: 300;}
a{font-family: 'Open Sans', sans-serif; color:#999; font-size:19px; text-decoration: none;  font-weight: 300;}
a:hover{color:#333;}
strong{color:#A08F86;}
nav,section{padding:20px;}
nav{
	padding-top:30px;
	background-color: #F5F3F0;
}

nav{position: relative; display:flex; height:50px; padding-bottom:0px;}
nav a {display: flex; align-items: center;}
nav a img{margin-right:10px;}
nav .language{padding:3px 7px; border-radius:7px; background-color:#fff; position:absolute; right:20px; margin-top:10px;}
nav .language img{height:20px;}

header{display: flex; justify-content: center; padding-top:30px; position: relative;}
header img{width:95%; max-width: 290px;}


section.first{margin-top:-15px}
.slide.first{padding:0px;}
.slide img{width:100%;}

section.pulsanti{padding-top:0px; margin-top:-30px; position:relative;}
a.pulsante{background-color: #E9F7D7; padding:30px 20px; display:flex; flex-direction: column; justify-content: center; align-items: center; border-radius:10px; text-align: center;}
a.pulsante img{width:32px; margin-bottom:10px;}
a.scopri{background-color: #A08F86;}
a.scopri h4{color:#DBCFA7;}
a.scopri h1{color:#fff;}
.pulsante + .pulsante{margin-top:30px}
.loghi{display: flex; margin-top:20px;}
.loghi a{width:33%;}
.loghi a img{width:100%;}

.smaltimento{background-color: #E9F7D7; padding-top:30px; padding-bottom: 50px; }
.smaltimento .titolo{display:flex; margin-bottom:40px; margin-top:20px;}
.smaltimento .titolo img{margin-right:15px;}
.smaltimento .titolo h1{width:100%;}
.headerAcc{display: flex; align-items: center; background-color: #fff; padding:15px; border-radius: 10px; position: relative;}
.headerAcc:after{content: ""; width: 22px;height:12px; background-image: url('images/arrow.svg'); background-position: center center; background-repeat: no-repeat; position: absolute; right:15px; transition: all 0.3s ease-in;}
.headerAcc.active:after{transform: rotate(-180deg)}
.headerAcc img{height:40px; margin-right:30px;}
.headerAcc, .headerAcc img, .headerAcc h2{cursor:pointer;}

.accortion + .accortion{margin-top:20px;}
.contentAcc{background-color: #fff; border-radius:10px; display: flex; flex-direction: column; height:0px; overflow: hidden;}
.contentAcc.visible{height:auto; margin-top:10px;}
.elementAcc{display:flex; padding:15px;}
.elementAcc img{width:90px; border:1px solid #E0E0E0; border-radius:4px; margin-right:15px;}
.elementAcc .content{display: flex; flex-direction: column; width:100%;}
.elementAcc .content p{margin-bottom:12px;}
.elementAcc .content > div {padding:5px 10px; border-radius: 4px;}

.elementAcc .content .vetro{background-color: #478941;}
.elementAcc .content .indifferenziato{background-color: #A3A3A3;}
.elementAcc .content .organico{background-color: #895A41;}
.elementAcc .content .plastica{background-color: #E3B03C;}
.elementAcc .content .metalli{background-color: #48AA9F;}
.elementAcc .content .carta{background-color: #3D6AB2;}

.contentAcc .elementAcc + .elementAcc{padding-top:0px;}
.info{background-color: #F7F7F7; padding:10px; margin:0px 15px 15px 15px; border-radius:4px; display: flex;}
.info img{width:18px; margin-right:15px}


footer{padding-top:20px; padding-bottom:50px; background-color: #F5F3F0;}
footer p, footer a, footer strong{font-size:12px; text-align:center; color:#A08F86;}
footer strong{font-weight:500;}