body {
    background: url("../img/scale.jpg");
    background-repeat: no-repeat !important;
    background-position: top !important;
    background-size: cover !important;
    background-color: black;
    margin: 0;
    padding: 0;
    font-family: 'Quicksand';
}

#bodyChiSiamo {
    background: url("../images/azienda.jpg");

	}
#bodyProgetti{
	background: url("../images/progetti.jpg")
	
}

#mainChiSiamo {
    background-color: #00000080;
	float: left;
    
}


a {
    text-decoration: none;
}

header {
    height: 90px;
    width: 100%;
    border-top: 1px solid  black;
    border-bottom: 1px solid black;
    background-color:  #1F2227;
    text-align: center;
    box-shadow: 0px 10px 30px 1px #000;
	position: sticky;
	top:0;
	-webkit-position: sticky;
	-moz-position: sticky;
}

#barraheader{
    font-size: 12px;
    padding-top: 15px;
    display: block;
                         
}

#codice{
    margin-top: 20px;
    font-size: 32px;
    color: white;
    letter-spacing: -4px;
}

#interno{
    margin-top: 20px;
    font-size: 32px;
    color: #B99813;
    letter-spacing: -4px;
                    
}

.linkNav {
    color: white;
    font-size: 18px;
    margin: 14px 3%;
    text-decoration: none;
}

main{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.titoloPrincipale{
    color: white;
    font-size: 60px;
    text-shadow: 0px 0px 4px black;
	padding: 50px;
}

.titoloPagina{
    color: orange;
    font-size: 60px;
    margin-top: 50px;
    text-shadow: 2px 2px 5px black;
}

.sottotitoloarancione{
    font-size: 30px; 
    color: #FFCC00
}

.testotrecolonne{
     font-size: 12px;
     color: white;
     padding-left: 10%;
     padding-right: 10%;
     text-align: justify;
     font-weight: 300;
     margin-bottom: 60px;
     column-count: 3;
     -webkit-column-count: 3;
     -moz-column-count: 3;
     column-gap: 30px;
     -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
}

footer{
    width: 100%;
    height: auto;
     margin: 0 auto;
     background-color:rgba(31,34,39,0.70);
     border-top: 4px solid #000;
     border-bottom: 1px dasched #ffcc00;
     padding-top: 8px;
     padding-bottom: 20px;
     text-align: center;
     margin-bottom: 20px;
     clear: both
}

#siteMap{
    color: white;
    font-size: 11px;
    width: 80%;
    margin: 10px auto;
    list-style-type: none;
}

.linkfooter{
    color: white;
    text-decoration: none;
}

#logositemaps{
    color: #ffcc00;
            font-size: 15px;
            font-weight: 700; 
}

#contenitoreservizi{ 
    width: 100%;
    height: auto;
    float: left;
    border: 0px solid red;
    margin-bottom: 80px;
                     }
.servizi{ 
    width: 25%;
    margin-left: 6.25%;
    border: none;
    height: auto;
    float: left;
}

#servizio1{ 
    background: url(../images/servizio-uno.jpg);
    }

#servizio2{  
    background: url(../images/servizio-due.jpg);
    }

#servizio3{
    background: url(../images/servizio-tre.jpg);
     }
#img-chisiamo{
	background: url("../images/chi-siamo.jpg");
	width: 300px;
	height: 300px;
}

.imgServizi { 
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
    height: 200px;
    width: 100%;
}

.h2Servizi{
    color: orange;
    font-size: 20px;
    text-align: center;
    background-color: #8e7114;
    margin: 0;
    padding: 16px 0px;
    text-shadow: 0px 0px 4px black;
    
}

.testoServizi{
    width: 100%;
    margin-top: 0;
    text-align: justify;
    overflow-y: auto;
    height: 175px;
    font-size: 12px;
    background-color: #c19400;
    color: white;
    padding: 15px;
    box-sizing: border-box
}

#modulo-contatti{
	background: #a7a5a5;
    width: 70%;
    color: #404040;
    margin: auto;
    padding: 25px;
	margin-bottom: 50px;
    border-radius: 6px;
}

.campiTesto {
    width: 100%;
    height: 28px;
    border: none;
	font-family: 'Quicksand';
    font-size: 15px;
    color: #dcd9d9;
    font-weight: 300;
    padding-left: 8px;
    background-color: white;
    border-radius: 3px;
    margin-bottom: 15px;
	box-sizing: border-box;
}

label {
    float: left;
    width: 100%;
    text-align: left;
}
#oggetto {
    width: 100%;
    height: 35px;
    font-size: 15px;
    font-weight: 300;
	font-family: 'Quicksand';
    color: #6b6a6a;
    border: none;
    box-sizing: border-box;
    padding-left: 8px;
}

#messaggio {
    width: 100%;
    height: 120px;
    border: none;
    font-size: 15px;
    font-weight: 300;
    padding: 8px;
    box-sizing: border-box;
    text-align: justify;
    margin-bottom: 25px;
    color: #b9b7b7;
    border-radius: 3px;
}
#contenitoreSesso{
    width: 100%;
    text-align: left;
    /* margin-left: 101px; */
    background: white;
    float: left;
    padding: 8px;
    box-sizing: border-box;
    padding-left: 19px;
}

#contenitoreRegole {
    width: 100%;
    text-align: center;
    /* margin-left: 101px; */
    background: #545353;
    float: left;
    padding: 8px;
    box-sizing: border-box;
    padding-left: 19px;
    margin-top: 25px;
    font-size: 10px;
    color:white;
    margin-bottom: 20px;
}
#submit{
    border: none;
    background: #868686;
    color: white;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 300;
	font-family: 'Quicksand';
}

#reset{
    border: none;
    background: orange;
    color: white;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 300;
	font-family: 'Quicksand';
}
#file {
    height: 42px;
    padding: 9px;
}

.paragrafocolonne{
     font-size: 14px;
    color: white;
    padding-left: 5%;
    text-align: justify;
    font-weight: 300;
    margin-bottom: 5px;
     column-count: 2;
     -webkit-column-count: 2;
     -moz-column-count: 2;
     column-gap: 30px;
     -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
	}

#contenitorechisiamo{ 
    width: 300px;
	height: 300px;
    float: left;
    border: 10px solid #FFFFFF;
	margin-bottom: 80px;
   
}
         
.paragrafogiallo {
    border-radius: 15px 0px 15px 0px;
    width: 60%;
	font-size: 14px;
    float: right;
    background: orange;
	padding: 10px;
}
#contenitoreParagrafo {
	font-size: 20px;
	padding: 0px 200px;
    float:left;
    text-align: justify;
}

.titoloPrincipaleChiSiamo{
    color: white;
    font-size: 60px;
    margin: 0;
    text-shadow: 0px 0px 4px black;
	padding: 5%;
	
	}
.paragrafoSottoTitolo {
    font-size: 14px;
    color: black;
    margin: 0;
	padding: 5%;
    background: center;
    font-weight: 400;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
}

.imgProgetti { 
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
    height: 300px;
    width: 300px;
}
#proggetto1{
	background: url("../images/progettazionazion06.jpg")
}

#progetto2{
	background: url("../images/cucina.jpg")
}

#progetto3{
	background: url("../images/Sala-da-pranzo.jpg")
}

#progetto4 {
	background: url("../images/salotto.jpg")
}

#progetto5 {
	background: url("../images/camera-da-letto-design.jpg")
}

#progetto6 {
	background: url("../images/bagno.jpg");
}

#progetto7{
	background: url("../images/esterni.jpg")
}

#progetto8{
	background: url("../images/proggettazione03.jpg")
}
.progetti{ 
    width: 20%;
    margin-left: 3%;
    border: none;
    height: auto;
    float: left;
	}

.tittoloProgetti {
    color: orange;
    font-size: 30px;
	font-weight: 400;
    text-align: justify;
    margin: 0;
    padding: 0px 15px;
    text-shadow: 0px 0px 2px black;
}

.testoProgetto{
    width: 100%;
    margin-top: 0;
    text-align: justify;
    overflow-y: auto;
    height: 175px;
    font-size: 14px;
    color: #00000;
   
}



.contenitoreSopra{
	float:left;
	
}

.contenitoreCentro{
	float: left;	
}

.imgDesign{
	background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
    width: 99.5%;
    height: 100px;
    margin-bottom: 5%;
    border: 5px solid orange;
	float: left;
	
}

#img01 {
	background: url("../images/fascia-proggettazione.jpg");
}

#titoloPromozione {
    color: #a7a6a5;
    font-weight: 700;
    font-size: 40px;
    margin: 30px;
    background-position: center;
	text-shadow: 0px 0px 2px black;
}