* {
    box-sizing: border;
    font-family: 'Quicksand', sans-serif; 
}

body {
    margin: 0;
}


/*********classi e id più importanti************/

.flex {
    max-width: 100%;   
}

.Titoli-Box {
    text-align: center;
    font-size: 18px;
    color: black;
    width: 100%;
    padding:5px;
}

.Titoli-Pargrafi {
    text-align: left;
    font-size: 15px;
    color: black;
    width: 100%;
    padding:5px;
}

.tabella-planimetria {
    width: 100%;
    font-size: 13px;
}

.aggiungi {
    display: inline;
}
.rimuovi {
    display: none;
}
.close {
    width: auto;
    float: left;
    background-color: white;
    font-size: 16px;
    color: black;
    position: absolute;
    height: auto;
    padding: 5px;
    top: 2px;
    right: 2px;
    opacity: 0.7;
    border: solid 2px;
    cursor: pointer;
}

.gallery img {
    width: 300px;
    height: auto;
    margin: 5px;
    cursor: pointer;
  }

#main {
  max-width: 1024px;
  margin: 0 auto; 
  height: auto;
}

#PopUp-TiChiamiamoNoi{
    display: none;
    max-width: 400px;
    height: 600px;
    background-color: darkgreen;
    margin: 0 auto;
    position: fixed;
    z-index: 150;
    top:200px;
    padding: 10px;
    color: white;
    
    text-align: justify;
}
#PopUp-TiChiamiamoNoi h1 {
    font-size: 16px;
}

#PopUp-TiChiamiamoNoi ul li{
    font-size: 14px;
}
/*************Animazione allo scrolling della pagina********************/
.fadetag {
  visibility: hidden;
}
.fadetag.fadein {
  visibility: visible !important;
  -webkit-animation: fade_in_anim 1.2s;
  animation: fade_in_anim 1.2s;
}
@-moz-keyframes fade_in_anim {
  0%{opacity:0
    }
  100%{opacity:1
    }
}
@-webkit-keyframes fade_in_anim {
  0%{opacity:0}
  100%{opacity:1}
}
@keyframes fade_in_anim {
  0%{opacity:0}
  100%{opacity:1}
}
/*************Animazione SERVE AIUTO********************/
#box-serve-aiuto {
    width: auto;
    height: 50px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    position: fixed;
    z-index: 150;
    top: 380px;
    left: -86px;
    cursor: pointer;
    float: left;
    display: inline;
}


#serve-aiuto {
    font-size: 16px;
    padding: 5px;
    color: white;
    background-color: limegreen;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    margin-right: 0;
    border-radius: 10px 10px 0 0;
        border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    list-style: none;
    /*float: left;*/
    margin-top: -20px;
    width: 100%;
}

#chiamiamo-noi {
    font-size: 14px;
    /*float: left;*/
    padding: 10px;
    background-color: dodgerblue;
    color: white;
    border-radius: 10px;
    margin-left: -105px;
    margin-top: 0px;
    list-style: none;
    display: inline;
}

/*************Header********************/
header{
    position: fixed;
    top: 0;
    left: 0;
    z-index:100;
    width: 100%;
}


#logo{
    font-size: 40px;
    width: 100%;
    padding:5px;
    background-color:#fff;
    height: 150px;
    float:left;
}

#logo-marani img{
    width: 150px;
    padding: 7px;
}


/*#box-nav-alto {
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    background-color: black;
    color: white;
}*/

#nav-alto {
    /*color: black!important;*/
    float: left;
    display: inline;
    list-style: none;
    width: 200px;
    height: 100%;
    font-size: 13px;
    position: absolute;
    right: 10px;
    top: 0px;
}

#nav-alto li{
    float: left;
    list-style: none;
    width: auto;
    height: auto;
    padding-left:10px;
    text-decoration: none;
    color: white;
    
}
#box-area-riserv{
    padding:7px;
    background-color: orange;
    color: white!important;
    text-decoration: none;    
    margin-left: 10px;
}

#box-area-riserv a{
    color: white!important;
    text-decoration: none;   
}
#box-area-riserv a:hover{
    color: olivedrab!important;
    text-decoration: none;   
}

#nav-alto li img {
    margin-top: -7px;
}

#nav-alto li img:hover {
    width: 35px;
    cursor:pointer;
}

#logo-marani{
    width:350px;
    float:left;
    margin-top: 28px;
}

#logo-marani img:hover{
    width: 282px;
    height: 120px;
}

#text-logo {
    width:400px;
    float:left;
    font-size: 20px;
    display: none;
    
}

#text1-logo{
    width:330px;
    font-size: 20px;
    float:left;
    color: olivedrab;
    border-bottom: solid 5px olivedrab;
}

#text2-logo{
    width:330px;
    font-size: 20px;
    float: left;
    color: forestgreen;
    border-bottom: solid 5px forestgreen;
}


#barra-menu {
    background-color: darkorange;
    height: 35px;
    display: block;
    margin-top: 110px;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index:100;
}

.border-top-bianco:link {
    border-top: solid darkorange 4px;
    text-decoration-line: none;
}

.border-top-bianco:visited {
    border-top: solid darkorange 4px;
    text-decoration-line: none;
}

.border-top-bianco:hover {
    border-top: solid white 4px;
    text-decoration-line: none;
}

.border-top-bianco2:link {
    border-top: solid grey 4px;
    text-decoration-line: none;
}

.border-top-bianco2:visited {
    border-top: solid grey 4px;
    color: white !important;
    text-decoration-line: none;
}

.border-top-bianco2:hover {
    border-top: solid white 4px;
    color: darkorange!important;
    text-decoration-line: none;
}

.border-top-bianco3:link {
    border-top: solid darkorange 4px;
    color: black!important;
    text-decoration-line: none;
}

.border-top-bianco3:visited {
    border-top: solid darkorange 4px;
    color: black !important;
    text-decoration-line: none;
}

.border-top-bianco3:hover {
    border-top: solid black 4px;
    color: darkorange;
    text-decoration-line: none;
}

.close-menu {
    color:white !important;
    border: solid white 2px !important;
    width: 25px;
    height: 15px;
    margin-bottom: 5px;
}
.close-menu:hover {
    border-color:darkorange!important;
}
.close-menu a{
    cursor: pointer;
    padding-left:5px !important;
    margin-left: 5px !important;
    color: white;
}



#menu-nostri-servizi {
    list-style: none;
    display: none;
    width: 240px;
    height: 100%;
    float: left;
    padding: 0 0 0 0;
    background-color: grey;
    opacity: 0.9;
    color: white !important;
}

#menu-nostri-servizi li{
    list-style: none;
    display:block;
    float:left;
    padding: 5px;
    color: white !important;
    /*border-top: solid grey 4px;*/
    height: auto;
}

#menu-nostri-servizi li a{
    color: white;
}

#toggle-navigazione {
 position: absolute;
 top: 45px;
 left: 80%;
 display: block;
 max-width: 35px;
 max-height: 35px;   
 margin-top: 10px;
}

#nav-1 {
 position: absolute;
 top: 0px;
 left: 2%;
 z-index: 1000;
 display: none;
 width: auto;
 margin-top: 10px;
 border: solid 1px #fff;
 height: auto;
 font-size: 22px;
 background-color: darkorange;
}

#main-nav {
 margin-left: 0;
 -webkit-border-radius: 0 0 5px 5px;
 border-radius: 0 0 5px 5px;
 list-style: none;
}

#main-nav li {
 display: list-item;
 padding-right: 15px;
}

#main-nav li a {
 display: block;
 padding: 5px 0;
 border-bottom: 0px solid #fff;
 color: black;
 font-weight: bold;
 text-decoration: none;
}

#second-nav{
 list-style: none;
 text-align: center;
 height: 40px;
 margin: 10px auto;
 float: left;
}

#second-nav li{
 padding: 2px 10px;
 font-weight: bold;
 text-align: center;
}

#chiudiMenu{
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    background-color: #darkorange;
    text-decoration: none;
    color:white;
}
#chiudiMenu:hover{
  transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transition: transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
}

/*************KeyFrame Header********************/
@keyframes animazioneHeader{
    
	from {
        opacity: 0;
	}
	to {
        opacity: 1;
	}
}

#text-logo,#scala-energetica,#nav-2
{
	animation-name: animazioneHeader;
	animation-duration: 5s;
}

/************BODY*******************/

.corpo-pagina {
    font-size: 16px;
    margin-left: 0px;
    color: grey;
    display: block;
    width: 320px;
    text-align: justify;
    float:left;
}



/**************HOME*****************/

#s1-home-text {
    padding: 10px;
}


#logo-consulente_CasaClima {
    float: left;
    padding: 10px;
}

.s2, .s3, .s4 {
    float:left;
    /*padding-right: 20px;*/
    /*opacity: 0;*/
    opacity: 1;
    position: relative;
    /*left: 3000px;*/
    margin-top: 50px;
}

#box-s1 {
    /*opacity: 0;*/
    opacity: 1;
    position: relative;
    /*left: 3000px;*/
    width: 100%;
    height: 100%;
    float: left;
}

#box-s2, #box-s3 {
    background-color: white;
    opacity: 0.5;
    float:left;
    width: auto;
    /*padding: 10px;*/
    position: static;
    z-index: 99;
    color: black;
}

#box-s4 {
    /*border: solid 2px green;*/
    width: 100%;
    height: auto;
    float:left;
}

#box-s2-title, #box-s3-title {
    font-size:20px;
    padding: 10px;
}

#box-s2-text, #box-s3-text {
    font-size: 12px;
    padding: 10px;
    float:left;
    max-width: 100%;
    text-align: justify;
}

#box-s4-title {
    width: 100%;
    float: left;
    padding: 10px;
    text-align: left;
    display: block;
    color:green;
}

#box-s4-img,#box-s4-img2 {
    max-width: 100%;
    height: auto;
    float: left;
    padding: 10px;
    display: block;
    border: solid 2px;
    color: green;
    margin: 5px;
}

#box-s4-img img {
    float: left;
    /*padding: 15px;*/
    float: left;
}

#box-s4-title2,#box-s4-title3 {
    width: 100%;
    float: left;
    padding: 10px;
    text-align: center;
    display: block;
    color:green;
}


#tornaSu{
    position: fixed;
    width: 52px;
    height: 52px;
    z-index: 20;
    background: url(../immagini/arrow-up3.png) center center no-repeat;
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    transition: 1s;
    /*display: none;*/
}

/*************Slider-HOME 1********************/
/*
* {
    box-sizing: border-box;
    
}*/

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: ffffff;
}

#container-slideHome1 {
    float: left;
    margin:0 auto;
    max-width: 1024px;
    
}

.slideshow-container {
    /*position: relative;*/
    max-width: auto;
    margin: auto;
    overflow: hidden;
}

.slide {
    display: none;
    /*position: absolute;*/
    width: 100%;
}

.slide img {
    /*width: 100%;*/
    vertical-align: middle;
}

.dots {
    text-align: center;
    padding: 10px 0;
    /*position: relative;*/
    bottom: 20px;
}

.dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.6s ease;
}

.active {
    background-color: #717171;
}

/* Effetto dissolvenza */
.fade {
    animation: fadeEffect 1.5s;
}

@keyframes fadeEffect {
    from {opacity: 0.4;}
    to {opacity: 1;}
}



/*************Slider-HOME 2********************/


#slideshowMazzetta-text,#slideHome1-text {
    font-size: 20px;
    margin-left: 120px;
    color: grey;
    float: left;
    padding: 10px;
}

#logo-CasaClima-fase-certif-100px {
    position: absolute;
    z-index: 99;
    margin-top: 0px;
    margin-left: 0px;
}

#logo-CasaClima-fase-certif-100px a{
    cursor: pointer;
    
}

#logo-CasaClima-fase-certif {
    display: none;
}

#logo-CasaClima-fase-certif a{
    cursor: pointer;
}
#logo-CasaClima-fase-certif a img:hover{
    width: 175px;
    height: 175px;
}

#box-slideshowMazzetta-text2-text3 {
    font-size: 16px;
    margin-left: 0px;
    color: white;
    opacity: 0;  
    width: 100%;
    text-align: justify;
    background-color: grey;
    float:left;
    padding-right: 10px;
}

#slideshowMazzetta-text2,#SlideHome1-Text2 {
    padding: 10px;
}

#slideshowMazzetta-text3,#SlideHome1-Text3 {
    text-align: center;
    background-color: darkorange;
    padding: 5px;
    width: 120px;
    margin-top: 10px;
    margin-left: 10px;
    color: white;
}

#slideshowMazzetta-text3 a,#SlideHome1-Text3 a{
    cursor: pointer;
    color:white;
    text-decoration-line: none;
}

#slideshowMazzetta-text3,#SlideHome1-Text3:hover{
    background-color: black;
}

#slideshowMazzetta {
    margin-top: 216px;
    max-width: 100%;
}

#slideshowMazzetta2 {
    margin-top: 216px;
    max-width: 100%;
}

#slideshowMazzetta3 {
    margin-top: 216px;
    max-width: 100%;
}


#nav-slider {
    list-style: none;
    display: inherit;
    width: 100%;
    float: left;
    background-color: white;
}

#nav-slider li {
    margin-left: 5px;
    list-style: none;
    display: inherit;
    width: auto;
    float: left;
    cursor: pointer;
}

/*************Slider-INDEX3********************/

#slideHome-BIS{
    /*float: left;*/
    margin:0 auto;
    max-width: 1024px;
}

#slideshowMazzetta-text,#slideHome1-text  {
    font-size: 14px;
    color: grey;
    float: left;
    padding: 10px;
    margin:0 auto;
    width: 100%;
    text-align: center;
}

#logo-CasaClima-fase-certif-2 {
    display: none;
   
    }

#box-slideshowMazzetta-text2-text3-BIS,#box-SlideHome1-Text2  {
    font-size: 16px;
    margin-left: 0px;
    color: white;
    /*opacity: 0;*/
    width: 100%;
    text-align: justify;
    background-color: grey;
    float:left;
    padding-right: 10px;
    padding-bottom:5px;
}

#slideshowMazzetta-text2,#SlideHome1-Text2 {
    padding: 10px;
}

#slideshowMazzetta-text3,#SlideHome1-Text3 {
    text-align: center;
    background-color: darkorange;
    padding: 5px;
    width: 120px;
    margin-top: 10px;
    margin-left: 10px;
    color: white;
}

#slideshowMazzetta-text3 a,#SlideHome1-Text3{
    cursor: pointer;
    color:white;
    text-decoration-line: none;
}

#slideshowMazzetta-text3,#SlideHome1-Text3:hover{
    background-color: black;
}

#slideshowMazzetta {
    margin-top: 216px;
    max-width: 100%;
}

#slideshowMazzetta2 {
    margin-top: 216px;
    max-width: 100%;
}

#slideshowMazzetta3 {
    margin-top: 216px;
    max-width: 100%;
}


#nav-slider {
    list-style: none;
    display: inherit;
    width: 100%;
    float: left;
    background-color: white;
}

#nav-slider li {
    margin-left: 5px;
    list-style: none;
    display: inherit;
    width: auto;
    float: left;
    cursor: pointer;
}






/**************footer*****************/
#barra-footer{
    width: 100%;
    height: 10px;
    background-color: #84A136;
    float:left;
}

#footer-1{
    width:100%;
    height: 100%;
    background-color: #2E420F;
    float:left;
    margin:20px auto auto auto;
}
#main-nav-footer{
    font-size: 13px;
    list-style: none;
    width: 100%;
    float:left;
    margin-top: 10px;
}
#main-nav-footer li{
    float: left;
    padding: 0px 10px;
    font-size:12px;
    display:none;
}

#second-1-nav-footer,#second-2-nav-footer {
    font-size:13px;
    float:left;
    list-style: none;
    width: 100%;
}

#second-3-nav-footer{
    font-size:15px;
    float:left;
    list-style: none;
    width: 300px;
}

#second-1-nav-footer li,#second-2-nav-footer li{
    padding: 10px 0;
    color: #EFA207;
}
#second-3-nav-footer li{
    padding: 10px 0;
    display: block;
    width: 100%;
}

#second-1-nav-footer a,#second-2-nav-footer a {
    color: #EFA207;
    text-decoration: none;
}

#second-3-nav-footer li img:hover{
    width:35px;
    height: 33px;
    cursor: pointer;
}

#box-contatti-footer {
    float:left;
    width: 100%;
    height: 100%;
}

.linea-colorata-1 {
    size:2px;
    color:darkorange;
    width: 100%;
    float:left;
}

#contatti-footer-title {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 20px;
    float: left;
}

#contatti-footer-text{
    text-align: center;
    float: left;
    font-size: 12px;
    width: 100%;
    color: white;
}

#nav-1-footer a{
    color:#fff;
    text-decoration: none;
}

/********PROPOSTE IMMOBILIARI*****E*****APPARTAMENTI VIA DE FRANCHIS 2 VITERBO****/

.corpo-pagina-2 {
    font-size: 16px;
    margin-left: 0px;
    color: grey;
    display: block;
    width: 320px;
    text-align: justify;
    float:left;
}

ul.breadcrumb {
    float: left;
    margin-top: 210px;
    width: auto;
    font-size: 13px;
    padding-left: 5px;
}
ul.breadcrumb li{
    list-style: none;
    display: inline;
    width: auto;
}

ul.breadcrumb2 {
    float: left;
    /*margin-top: 210px;*/
    width: auto;
    font-size: 13px;
    padding-left: 5px;
    margin-top: 0px;
}

ul.breadcrumb2 li{
    list-style: none;
    display: inline;
    width: auto;
}

.multi-box {
    float: left;
    width: auto;
    padding: 0 5px 0 5px;
}

#box1-s1-PrIm, #box2-s1-PrIm {
    float: left;
    width: auto;
    padding: 5px;
    font-size: 13px;
    display: block;
    margin-right: 5px;
}

#box1-s1-PrIm img, #box2-s1-PrIm img{
    float: left;
    max-width: 100%;
    padding: 15px;
}

#box1-s1-PrIm h1, #box2-s1-PrIm h1 {
    text-align: left;
    font-size:17px;
    color: darkgreen;
    display: block;
    float:left;
}
#box1-s1-PrIm p, #box2-s1-PrIm p {
    float:left;
    text-align: justify;
}
#box2-s1-PrIm {
  
}

#box2-s1-PrIm div{
    float:left;
}


#Info_Via_De_Franchis_2,#Info_Via_De_Franchis_2 p, VirtualTour{
    float:left;
    width: auto;
}



#Contatti_appartamento_vendita_via_De_Franchis_2_Viterbo p{
    float:left !important;
    width: 100%;
    
}
#Contatti_appartamento_vendita_via_De_Franchis_2_Viterbo,#VirtualTour_appartamento_vendita_via_De_Franchis_2_Viterbo {
    border-radius: 5px;
    margin-top: 25px;
    margin-bottom: 5px;
    padding: 5px;
    font-size: 20px;
    background-color: orange;
    width: 250px;
    height: 50px;
    display: flex; /* Utilizzo del display flex */
    justify-content: center; /* Allineamento orizzontale al centro */
    align-items: center; /* Allineamento verticale al centro */ 
    cursor: pointer;
}

#Info_Iniziali_appartamento_vendita_via_De_Franchis_2_Viterbo {
  border: solid 2px orange;
  float: left !important;
  width: auto;
  margin-top: 5px;
  text-align: center;
  
}

#Info_Iniziali_appartamento_vendita_via_De_Franchis_2_Viterbo ul {
  width: auto;
}
#box1_info_iniziali,#box2_info_iniziali {
    float: left;
}


#Descrizione_appartamento_vendita_via_De_Franchis_2_Viterbo{
  border: solid 2px orange;
  float: left !important;
  width: 100%;
  margin-top: 5px;
}
#Descrizione_appartamento_vendita_via_De_Franchis_2_Viterbo h1, #Descrizione_appartamento_vendita_via_De_Franchis_2_Viterbo p {
  padding: 5px;
}

#Img_via_De_Franchis_2_Viterbo img{
  float:left;
  padding: 15px 0 0 0;
}


.scopri {
    width: 100px;
    float: left;
    padding: 5px;
    background-color: darkorange;
    color: white;
    border: solid 2px black;
    text-align: center;
    cursor: pointer;
}

.scopri:link {
    background-color: darkorange;
    color: white;
   
}
.scopri a:link{
    color: white;
    text-decoration-line: none;
}

.scopri:hover {
    background-color: black;
    color: white;
    
}

.scopri a:hover {
    background-color: black;
    color: white;
    text-decoration-line: none;
}

.scopri:visited {
    background-color: darkorange;
    color: white;
   
}
.scopri a:visited  {
    color: white;
    text-decoration-line: none;
}

/********codice pop-up*****APPARTAMENTI VIA DE FRANCHIS 2 VITERBO****/

#smallImage, #smallImage2{
    cursor: pointer;
}

#popupContainer, #popupContainer2 {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

#popupContent, #popupContent2 {
  position: relative;
  margin: auto;
  width: 80%;
  max-width: 900px;
}

.closePopUp {
  color: brown;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  cursor: pointer;
}

.closePopUp:hover {
  color: #999;
}




/********CERTIFICAZIONI**************/

#boxSOA, #boxISO, #boxAC, #boxAA, #boxDL, #boxUC {
    float: left;
    border: solid 2px green;
    width: 250px;
    height: 250px;
    padding: 5px;
    margin: 10px;
    background-color: beige;
    border-radius: 10px;
    text-align: center;
    color: forestgreen;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}



#box1-s1-Certif, #box2-s1-Certif, #box3-s1-Certif, #box4-s1-Certif, #box5-s1-Certif, #box6-s1-Certif {
    /*float: left;*/
    width: auto;
    padding: 3px;
    font-size: 13px;
    display: block;
}

#box1-s1-Certif img, #box2-s1-Certif img, #box3-s1-Certif img, #box4-s1-Certif img, #box5-s1-Certif img, #box6-s1-Certif img {
    float: left;
    max-width: 100%;
    border: solid grey 2px;
    margin: 5px 5px;
}

#box1-s1-Certif h1, #box2-s1-Certif h1, #box3-s1-Certif h1 {
    text-align: left;
    font-size:17px;
    color: darkgreen;
    display: block;
    float:left;
}
#box1-s1-Certif p, #box2-s1-Certif p, #box3-s1-Certif p {
    float:left;
}
/************ codice CSS pagina certificazioni per gallerie immagini ****/

#boxSoaGallery, #boxIsoGallery, #boxAcGallery, #boxAaGallery, #boxDlGallery, #boxUcGallery {
    display: none;
}
#boxCertif {
    
}
.TitleBoxCert {
    color: forestgreen;
    font-size: 22px;
}

#back {
    max-width: 200px;
    cursor: pointer;
}


/************ APPARTAMENTI NUOVA COSTRUZIONE MAZZETTA VITERBO ****/
#box-breadcrumb {
    width: 100%;
    background-color: white;
    float:left;
}

#box1-s1-AppMaz {
    float:left;
    height: auto;
    background-color: white;
    width: 100%;
}

.multi-box {
    width: 100%;
}

#box1-s1-AppMaz-Img1 h1{
    position: absolute;
    margin-left: 10px;
    top: 226px;
    z-index: 99;
    width: auto;
    color: black;
    padding: 5px;
    background-color: white;
    opacity: 0.7;
    font-size: 22px;
}

#box1-s1-AppMaz-Img2 h1 {
    position: absolute;
    right: 16px;
    text-align: center;
    top: 536px;
    z-index: 99;
    width: 100%;
    color: black;
    padding: 5px;
    background-color: white;
    opacity: 0.7;
    font-size: 18.1px;
    float:left;
    display:none;
}

#img1AppMazz_500x375 {
    float:left;
    margin-left: 10px;
    padding-right: 1px;
    width: 100%;
    display: none;
}

#img2AppMazz_500x375 {
    float:left;
    margin-right: 10px;
    padding-left: 1px;
    width: 100%;
    display: none;
}

#img1AppMazz_1024x550 {
    display: inherit;
    width: 100%;
}

#box1-s1-AppMaz-Text1 {
    float:left;
    width:100%;
}
#box1-s1-AppMaz-Text2 {
    float:left;
    width: 100px;
    margin-left: 43%;
    padding: 10px;
}

#sfondo-render-interno-1 {
    background-image: url('../immagini/Rendering_Mazzetta_Interno/Vista-soggiorno-1.jpg');
    width: 1024px;
    height: 1270px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

#sfondo-render-interno-2 {
    background-image: url('../immagini/Rendering_Mazzetta_Interno/Vista-soggiorno-2.jpg');
    width: 1024px;
    height: 576px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}
#sfondo-render-interno-3 {
    background-image: url('../immagini/Rendering_Mazzetta_Interno/Vista-soggiorno-3.jpg');
    width: 1024px;
    height: 576px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}



#box2-s1-AppMaz {
    float:left;
    width: 100%;
    height: auto;
    background-color: white;
}

#box2-s1-AppMaz-img1,#box2-s1-AppMaz-img2,#box2-s1-AppMaz-img3,#box2-s1-AppMaz-img4,#box2-s1-AppMaz-img5,#box2-s1-AppMaz-img6,#box2-s1-AppMaz-img7 {
    float:left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#mappa,#box2-s1-AppMaz-img2 img,#box2-s1-AppMaz-img3 img,#box2-s1-AppMaz-img4 img,#box2-s1-AppMaz-img5 img,#box2-s1-AppMaz-img6 img,#box2-s1-AppMaz-img7 img {
    float:left;
    width: auto;
    padding-right: 5px;
}

#box2-s1-AppMaz-img1 h1,#box2-s1-AppMaz-img2 h1,#box2-s1-AppMaz-img3 h1,#box2-s1-AppMaz-img4 h1,#box2-s1-AppMaz-img5 h1,#box2-s1-AppMaz-img6 h1,#box2-s1-AppMaz-img7 h1 {
    width: auto;
    height: auto;
    display: block;
    font-size: 22px;
    float:left;
}

#box2-s1-AppMaz-img1 p,#box2-s1-AppMaz-img2 p,#box2-s1-AppMaz-img3 p,#box2-s1-AppMaz-img4 p,#box2-s1-AppMaz-img5 p,#box2-s1-AppMaz-img6 p,#box2-s1-AppMaz-img7 p {
    width: auto;
    height: auto;
    display: block;
    float:left;
}

#box1-s2-AppMaz {
    width: 100%;
    height: auto;
    float: left;
}
#box-Tipologia-1,#box-Tipologia-2,#box-Tipologia-3 {
    float:left;
    width: 100%;
    display: block;
}
#box-1-Tipol-1,#box-2-Tipol-1,#box-3-Tipol-1,#box-1-Tipol-2,#box-2-Tipol-2,#box-3-Tipol-2,#box-1-Tipol-3,#box-2-Tipol-3,#box-3-Tipol-3 {
    float:left;
    width: auto;
    padding: 5px;
}
#box1-s3-AppMaz{
    float:left;
    width: 100%;
    height: auto;
}

#box1-s3-AppMaz img{
    float:left;
    width: 100%;
    height: auto;
    margin-top: 10px;
}

#box-3-Tipol-1 a,#box-3-Tipol-2 a,#box-3-Tipol-3 a {
    color:black;
    text-decoration: none;
}

/************ villetta bifamiliare strada ellera VITERBO ****/
#box-gallery-villetta-strada-ellera{
    max-width: 1024px;
    padding:5px;
    margin:0 auto;
    
}
#box-gallery-villetta-strada-ellera h1{
    text-align: center;
    float:left;
    font-size: 20px;
    color: green;
    width: 100%;
}

#box-slide-villetta-strada-ellera{
    float:left;
}

#slide-villetta-strada-ellera{
    float:left;
    width: 100%;
}
#slide-villetta-strada-ellera img{
    float:left;
    width: 100%;
}
#gallery-villetta-strada-ellera{
    width: 100%;
    float:left;
    padding:0;
}
#gallery-villetta-strada-ellera li{
    list-style: none;
    display: inline;
    max-width: 334px;
    float: left;
    padding: 2px;
    margin:0 auto;
}

#gallery-villetta-strada-ellera li img{
    width: 100%;
    cursor:pointer;
}

#box-gallery-villetta-strada-ellera p{
    font-size: 16px;
    color:saddlebrown;
    text-align: justify;
    float:left;
    
}
#slide-villetta-img2,#slide-villetta-img3{
    display:none;
    width: auto;
}
#box-freccia-sinistra{
    position: absolute;
    background-color: white;
    left: 10%;
    top: 50%;
    z-index: 99;
    max-width: 50px;
    opacity:0.5;
    cursor:pointer;
}
#box-freccia-destra{
    position: absolute;
    background-color: white;
    right: 10%;
    top: 50%;
    z-index: 99;
    max-width: 50px;
    opacity:0.5;
    cursor:pointer;
}

#freccia-sinistra {
    /*position: relative;*/
    z-index: 100;
    max-width: 50px;
    opacity:1;
    background-color:white;
    padding: 5px;
    cursor: pointer;
    }
#freccia-destra {
    /*position: relative;*/
    z-index: 100;
    max-width: 50px;
    opacity: 1;
    background-color:white;
    padding: 5px;
    cursor: pointer;
}
/**************chi siamo*********************/

#box1-s1-ChiSiamo{
    width: 100%;
}

#box1-s1-ChiSiamo img{
    width: 100%;
   
}


#box-profilo-storia{
   float: left;
    background-color: #b6d28c;
    padding: 5px;
    max-width: 1024px;
    margin: 0 auto;
    height: auto;
}

#box-profilo{
    float: left;
    max-width: 1024px;
    margin: 5px 5px;
    padding: 5px;
    background-color:white;
    color: darkolivegreen;
}

#imgAssInd{
    width: 45%;
    margin: 0 auto;
    display: none;
}

#imgCassaEdile{
    width: 48.7%;
    margin: 0 auto;
    display: none;
}

#box-profilo h1 {
    float:left;
    width: 100%;
    height: auto;
    text-align: center;
    font-size:16px;
    color:darkolivegreen;
    
}

#p1-profilo{
    float: left;
    width: 100%;
    height: auto;
    text-align: justify;
    font-size: 13px;
    height: auto;
}

#p2-profilo{
    float: left;
    width: 100%;
    height: auto;
    text-align: justify;
    font-size: 13px;
    height: auto;
    display: none;
}

#box-storia p{
    float:left;
    width: 100%;
    height: auto;
    text-align: justify;
    font-size:13px;
}

#info-profilo {
    float:left;
    width: 100%;
    font-size:14px;
    cursor: pointer;
    color:#555252;
}

#info-profilo:hover,#info-storia:hover {
    color:orange;
}

#info-storia {
    float: left;
    width: 100%;
    font-size:12px;
    cursor: pointer;
    color:grey;
}

#box2-s1-ChiSiamo {
    background-color: #b6d28c;
    float:left;
    width: 100%;
}
#box2-s1-ChiSiamo ul{
    padding: 0px; 
    float:left;
    margin: 0 auto !important;
}
.box2-s1-ChiSiamo-STAFF {
    list-style: none;
    float:left;
    display: inline;
    width: 330px;
    height: auto;
    padding:0px;
    background-color: olivedrab;
    cursor: pointer;
    margin: 10px 5.5px;
}
#foto-Massimo,#foto-Paolo,#foto-Rossano{
    width: auto;
    height: auto;
    float: left;
    margin: 6px;
}
.box1-dati-STAFF {
    float: left;
}
#box-dati-STAFF ul,.box1-dati-STAFF ul,#box2-dati-STAFF ul{
    float: left;
    width: 205px;
    height: auto;
}
.box1-dati-STAFF ul li {
    float: left;
    list-style: none;
    width: 205px;
    height: auto;
    margin-top: 0px;
    margin-bottom: 5px;
    color: white;
}
.box1-dati-STAFF ul li img {
    float: left;
    width: auto;
    height: auto;
    margin-left: 3px;
}
.box1-dati-STAFF ul li h1 {
    float: left;
    width: auto;
    height: auto;
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 5px;
}

.box1-dati-STAFF ul li h2{
    float: left;
    width: auto;
    height: auto;
    margin-top: 1px;
    font-size: 11px;
    margin-left:2px;  
}
.box1-dati-STAFF ul li p{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 0px;
    font-size: 14px;
}

.box1-dati-STAFF ul li h3 {
    float: left;
    width: auto;
    height: auto;
    margin-top: 4px;
    font-size: 14px;
    margin-left: 3px;
}
#info1-Massimo {
    float:left;
    color: white;
    font-size:15px;
    width: 100%;
    margin-top:15px;
    margin-left:30px;
    padding:5px;
    cursor:pointer;
}

#info1-Paolo {
    float:left;
    color: white;
    font-size:15px;
    width: 100%;
    margin-top:15px;
    margin-left:30px;
    padding:5px;
    cursor:pointer;
}
#info1-Rossano {
    float:left;
    color: white;
    font-size:15px;
    width: 100%;
    margin-top:15px;
    margin-left:30px;
    padding:5px;
    cursor:pointer;
}
#info1-Massimo:hover,#info1-Paolo:hover,#info1-Rossano:hover {
    color:orange;
}

ul#info2-Massimo{
    float:left;
    color: white;
    font-size:15px;
    width: 100%;
    margin-top:25px;
    margin-left:30px;
    padding:5px;
    display:none;
    height: 100px;
}
ul#info2-Paolo{
    float:left;
    color: white;
    font-size:15px;
    width: 100%;
    margin-top:25px;
    margin-left:30px;
    padding:5px;
    display:none;
}
ul#info2-Rossano{
    float:left;
    color: white;
    font-size:15px;
    width: 100%;
    margin-top:25px;
    margin-left:30px;
    padding:5px;
    display:none;
}


ul#info2-Massimo li,ul#info2-Paolo li,ul#info2-Rossano li{
    list-style: none;
    padding: 5px;
}

/**************riqualificazioni energetiche*********************/

#box1-s1-Riqualificazioni-Energetiche{
    width: 100%;
   
}

#box1-s1-Riqualificazioni-Energetiche img{
    width: 100%;
   
}

#box1-s1-Riqualificazioni-Energetiche div{
    font-size: 22px;
    max-width: 1024px;
    margin: 5px auto;
    text-align: center;
    color: #2E420F;
}
#box2-s1-Riqualificazioni-Energetiche{
    width: 100%;
    text-align: justify;
    line-height: 1.5; 
}


#box2-s1-Riqualificazioni-Energetiche ul{
    font-size: 16px;
    max-width: 1024px;
    margin: 5px auto;
    text-align: justify;
    color: #2E420F;
    padding:20px;
    line-height: 25px;
}

#box2-s1-Riqualificazioni-Energetiche ul li{
    font-size: 16px;
    max-width: 1024px;
    margin: 5px auto;
    text-align: justify;
    color: #2E420F;
}
#box3-s1-Riqualificazioni-Energetiche{
    width: 100%;
    font-size: 24px;
    float: left;
    /* margin-left: 10px; */
    /* padding: 20px; */
    border: solid 2px green;
}


#box3-s1-Riqualificazioni-Energetiche div{
    text-align: center;
    
}

#box3bis-s1,#box3ter-s1 {
    border: solid 2px green;
    margin:10px;
}

#title-box3bis-s1,#title-box3ter-s1,#title2-box3bis-s1,#list-text-box3bis-s1,#title2bis-box3bis-s1,#list2-text-box3bis-s1 {
    text-align: left !important;
    font-size: 15px;
    margin:10px;
}
#title-box3bis-s1,#title-box3ter-s1{
    font-weight: bold;
}

#list-text-box3bis-s1,#list2-text-box3bis-s1{
    display: none;
}

#title2-box3bis-s1,#title2bis-box3bis-s1{
    width: 150px;
    padding:5px;
    margin-bottom:10px;
    background-color: green;
    color:white;
    text-align: center !important;
    cursor: pointer;
}

#box3-s1-Riqualificazioni-Energetiche img{
    max-width: 100%;
    
}
#box4-s1-Riqualificazioni-Energetiche{
    max-width: 400px;
    font-size:24px;
    float: left;
    margin-left:10px;    
}

#box4-s1-Riqualificazioni-Energetiche div{
    text-align: center;
    
}
#box4-s1-Riqualificazioni-Energetiche img{
    max-width: 100%;
    
}
#box5-s1-Riqualificazioni-Energetiche{
    max-width: 400px;
    font-size:24px;
    float: left;
    margin-left:10px;    
}

#box5-s1-Riqualificazioni-Energetiche div{
    text-align: center;
    
}
#box5-s1-Riqualificazioni-Energetiche img{
    max-width: 100%;
    
}
#box6-s1-Riqualificazioni-Energetiche, #box7-s1-Riqualificazioni-Energetiche, #box8-s1-Riqualificazioni-Energetiche{
    max-width: 100%;
    padding:10px;
    float:left;
}

#box6-s1-Riqualificazioni-Energetiche h1, #box7-s1-Riqualificazioni-Energetiche h1, #box8-s1-Riqualificazioni-Energetiche h1{
    text-align: left;
    font-size: 20px;
    max-width: 100%;
}
#box6-s1-Riqualificazioni-Energetiche p, #box7-s1-Riqualificazioni-Energetiche p, #box8-s1-Riqualificazioni-Energetiche p{
    text-align: justify;
    font-size: 16px;
    max-width: 100%;
    
}
#box9-s1-Riqualificazioni-Energetiche {
    max-width: 100%;
    padding: 10px;
    float: left;
}

#box9bis-s1-Riqualificazioni-Energetiche, #box9ter-s1-Riqualificazioni-Energetiche, #box9quater-s1-Riqualificazioni-Energetiche{
    max-width: 100%;
    padding: 10px;
    float: left;
    display: none;
}


#box9-s1-Riqualificazioni-Energetiche h1, #box9bis-s1-Riqualificazioni-Energetiche h1, #box9ter-s1-Riqualificazioni-Energetiche h1, #box9quater-s1-Riqualificazioni-Energetiche h1{
    text-align: center;
    font-size: 20px;
    max-width: 1024px;
    margin: 0px auto 30px auto;
}
#box9-s1-Riqualificazioni-Energetiche div, #box9bis-s1-Riqualificazioni-Energetiche div, #box9ter-s1-Riqualificazioni-Energetiche div, #box9quater-s1-Riqualificazioni-Energetiche div{
    max-width: 100%;
    float: left;
}
#box9-s1-Riqualificazioni-Energetiche div img, #box9bis-s1-Riqualificazioni-Energetiche div img, #box9ter-s1-Riqualificazioni-Energetiche div img, #box9quater-s1-Riqualificazioni-Energetiche div img{
    max-width: 100%;
    float: left;
    padding: 10px;
}
#box9-s1-Riqualificazioni-Energetiche h2, #box9-s1-Riqualificazioni-Energetiche p, #box9bis-s1-Riqualificazioni-Energetiche h2, #box9bis-s1-Riqualificazioni-Energetiche p, #box9ter-s1-Riqualificazioni-Energetiche h2, #box9ter-s1-Riqualificazioni-Energetiche p, #box9quater-s1-Riqualificazioni-Energetiche h2, #box9quater-s1-Riqualificazioni-Energetiche p{
    text-align: center;
    font-size: 16px;
    max-width: 100%;
}
#box9-s2-Riqualificazioni-Energetiche{
    max-width: 1024px;
    padding: 10px;
    float: left;
}
#box9-s2-Riqualificazioni-Energetiche table{
    max-width: 100%;
    margin: 0 auto;
}
#box9-s2-Riqualificazioni-Energetiche table tr{
    display: inline-block;
    max-width: 1024px;
    margin:0 auto;
}
#box9-s2-Riqualificazioni-Energetiche table tr td{
    border: solid 1px grey;
    width: 220px;
    background-color: green;
    height: 70px;
    float:left;
    padding:5px;
    cursor: pointer;
}
#box9-s2-Riqualificazioni-Energetiche table tr td h3{
    font-size:14px;
    color: white;
    text-align: center;
}


/**************gallery*********************/

#box1-s1-Gallery {
    
}
#box1-s1-Gallery ul{
    width: 320px; 
    padding: 0px; 
   
    margin: 0 auto !important;
}
#box1-s1-Gallery ul li{
    list-style: none;
    width: auto;
    padding: 5px;
    background-color: green;
    color: white;
    float: left;
    margin-right: 5px;
    cursor:pointer;
}
#box1-s1-Gallery ul li:link{
    background-color: green;
    color: white;
}
#box1-s1-Gallery ul li:hover{
    background-color: yellowgreen;
    color: darkgreen;
}
#box1-s1-Gallery ul li:visited{
    background-color: green;
    color: white;
}

#box2-s1-Gallery ul {
    width: auto; 
    padding: 0px; 
    float:left;
    margin: 0 auto !important;
}
#box2-s1-Gallery ul li{
    list-style: none;
    float:left;
    display: inline;
    width: 320px;
    height: auto;
    padding:4px;
}
#box2-s1-Gallery ul li img {
    max-width:100%; 
    height:auto;
    float:left;
    cursor: pointer;
}
#PopUp-Gallery {
    display: none;
    max-width: 800px;
    margin: 0 auto;
    height: auto;
    position: fixed;
    z-index: 150;
    top:200px;
    border: solid 10px;
    border-color: saddlebrown;
    border-radius: 10px;
    background-color: saddlebrown;

}
#PopUp-Gallery img{
    width:100%;
    margin: 0 auto;
    float:left;
    height: auto;
}
#PopUp-Gallery input{
    max-width:100px;
    height: auto;
    padding:5px;
    margin: 0 auto;
    float:left;
    display:inline;
    cursor: pointer;
    font-size: 14px;
    color:white;
    background-color: black;
}
/**************login*****************/
#tasto-invia,#tasto-reset{
    margin:10px;
}

#campo-password,#campo-text {
    padding: 5px;
}

/**************elogin.php*****************/
#benvenuto {
    display:none;
}

/**************dove siamo*****************/
#text-sede {
    font-size:12px;
}

#mappa-sede {
    width: 100%;
    height: 400px;
}

/****************contatti********************/
form {
  font-family: Arial, Helvetica, sans-serif;
}
label, input[type=text], textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
input[type=text], textarea {
  padding: 10px;
  border: 1px solid #CCC;
  border-radius: 3px;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 15px;
  resize: vertical;
  max-width: 500px;
}

textarea {
    height: 200px;
}


input[type=submit],input[type=reset] {
  background-color: #4CAF50;
  color: #FFF;
  padding: 10px 20px;
  border: none;
  border-radius: 3px;
  cursor: pointer;

}

input[type=submit]:hover {
  background-color: #45a049;
}

#box2-s1-Contatti{
 padding: 0 5px 0 5px;
}

#text-sede {
    padding: 0 5px 0 5px;
}


/**********************privacy*******************/
#box-privacy {
    background-color: darkgrey;
    color:white;
    padding: 10px 10px 10px 10px !important;
    float: left;
    position: relative;
    max-width: 1024px;
    margin: 0px auto;
}
#box-privacy h2{
    font-size:22px !important;
    color:#3b3e3b;
    margin-top: 25px;
}
#box-privacy h1{
    font-size:18px
    
}
#box-privacy p{
    font-size:15px;
    display: none;
    
}
#box-privacy ul li{
    list-style: none;

}
#tasto-info {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 10px;
    background-color: #3b3e3b;
    color:white;
    float: left;
    padding: 5px;
    width: auto;
    font-size: 12px;
    cursor:pointer;
    margin-bottom: 10px;
}
#tasto-info:hover {
    background-color: darkorange;
}
#lett-E, #lett-F{
    display: none;
}
/**************media-query*****************/
@media screen and (min-width: 280px) {
body {
   
 } 
#main {
    max-width: 375px;
    margin: -40px auto; 
    height: auto;
}
#main.distanza-main-index{
    margin-top:-80px;
}
#main.distanza-main{
    margin-top:-50px;
}

    #slideshowMazzetta {
    display: none;
    }
    
    #slideshowMazzetta2 {
    display: block;
    }
    #slideshowMazzetta3 {
    display: none;
    }
    
.corpo-pagina, .corpo-pagina-2 {
    width: 100%;
    }
    

    
.s2,.s3,.s4 {
    margin-top: 10px;
}

.s2 .flex,.s3 .flex {
    display: none;
}

    
#s1-home-text {
    /*padding: 20px;*/
    max-width: 100%;
    float: left;
    text-align: justify;
    color:gray;
    }
    
#box-s4-title {
    text-align: left;
    color: green;
    font-size:19px;
    }
#box-s4-title2 {
    text-align: left;
    color: green;
    font-size:16px;
    }
    
#box-s4-img img {
    float: left;
    padding-bottom: 10px;
    padding-left:0px;
    float: left;
    max-width: 300px;
}  
#sfondo-render-interno-1,#sfondo-render-interno-2,#sfondo-render-interno-3{
    display:none;
}

}



@media screen and (min-width: 480px) {
 body {
 
 }
    
    #logo-marani img{
    width: 200px;
    padding: 10px;
}
    #barra-menu {
    margin-top: 138px;
}
    
#main {
  max-width: 480px;
  margin: 0 auto; 
  height: auto;
}
#main.distanza-main-index{
    margin-top:-40px;
}  
#main.distanza-main{
    margin-top:-10px;
}
    
.corpo-pagina,.corpo-pagina-2  {
    width: 100%;
    }
    

    
#s1-home-text {
    padding: 20px;
    width: 400px;
    float: left;
    }

#logo-consulente_CasaClima {
    float: left;
    padding: 10px;
    margin-top: 20px;
    }   
#box-s4-title2 {
    text-align: center;
    }
#box-s4-img img {
    float: left;
    padding: 15px;
    float: left;
    width: auto;
} 

#slideshowMazzetta-text,#slideHome1-text {
    font-size: 18px;
    
}
    
@media screen and (min-width: 768px) {
 body {
  
 }
     #logo-marani img{
    width: auto;
    padding: 0;
}

     #barra-menu {
    margin-top: 155px;
}
    
#main {
    max-width: 768px;
    margin: 0 auto; 
    height: auto;
}
#main.distanza-main-index{
    margin-top:-20px;
}  
    
    #toggle-navigazione{
        display: none;
    }

    #nav-1{
        display: inherit;
        width: auto;
        border: 0;
        float:left;
        margin-top: -15px;
        margin-right: 10px;
        position:relative;
        height: 40px;
        background-color: transparent;
    }
    #nav-2{
        display: block;
        font-size: 16px;
        width: 100%;
        margin: 5px auto 2px auto;
    }
    #second-nav{
        width: 100%;
        margin: 10px auto;
    }
    
    nav ul li{
        float:left;
    }
    #chiudiMenu{
        display:none;
    }
    
    
    #main-nav li a {
    font-size: 12px;
    }
    
    #main-nav-footer{
    list-style: none;
    width: 100%;
    float:left;
    margin-top: 10px;
    }
    
    #main-nav-footer li{
    float: left;
    padding: 0px 10px;
    font-size:12px;
    display:inline;
    }
    
    #second-1-nav-footer,#second-2-nav-footer{
    font-size:16px;
    float:left;
    list-style: none;
    width: auto;
    }
    #logo-CasaClima-fase-certif-2 {
    position: absolute;
    z-index: 99;
    margin-top: 20px;
    /*margin-left: 1190px;*/
    display: block;
    width: auto;
    height: auto;
    }

    #logo-CasaClima-fase-certif-2 a{
    cursor: pointer;
    width: auto;
    height: auto;
    }
    #logo-CasaClima-fase-certif-2 a img{
    width: 110px;
    height: 110px;
    }

    #logo-CasaClima-fase-certif-2 a img:hover{
    width: 115px;
    height: 115px;
    }
    
    
    #slideshowMazzetta-text,#slideHome1-text {
    font-size: 25px;
    }
    
    #slideshowMazzetta {
    display: none;
    }
    
    #slideshowMazzetta2 {
    display: block;
    }
    #slideshowMazzetta3 {
    display: none;
    }
    .corpo-pagina,.corpo-pagina-2  {
    width: 100%;
    }
    
    .s2 .flex,.s3 .flex {
    display: block;
}
    #box-s2, #box-s3 {
    position: absolute;
    width: 400px;
}
    
    #box-s4 {
    border: solid 2px green;
    }
    #s1-home-text {
    padding: 20px;
    width: 700px;
    float: left;
    }

    #logo-consulente_CasaClima {
    float: left;
    padding: 10px;
    margin-top: 20px;
    }   
    
    #box-s2-text, #box-s3-text {
    font-size: 12px;
    padding: 10px;
}
    #box1-s1-PrIm, #box2-s1-PrIm {
    float: left;
    width: auto;
    padding: 5px;
    font-size: 16px;
}
    #box1-s1-PrIm h1, #box2-s1-PrIm h1 {
    text-align: left;
    font-size:20px;
    color: darkgreen;
    float: none;
}
     #box1-s1-PrIm p, #box2-s1-PrIm p {
    float: none;
}
    #box1-s1-AppMaz-Img1 h1 {
    font-size:30px;
    }
    #box1-s1-AppMaz-Img2 h1 {
    display: inherit;
    }
    
    #box2-s1-AppMaz-img1 h1, #box2-s1-AppMaz-img2 h1, #box2-s1-AppMaz-img3 h1, #box2-s1-AppMaz-img4 h1, #box2-s1-AppMaz-img5 h1, #box2-s1-AppMaz-img6 h1, #box2-s1-AppMaz-img7 h1{
    float:none;
    }
    #box2-s1-AppMaz-img1 p, #box2-s1-AppMaz-img2 p, #box2-s1-AppMaz-img3 p, #box2-s1-AppMaz-img4 p, #box2-s1-AppMaz-img5 p, #box2-s1-AppMaz-img6 p, #box2-s1-AppMaz-img7 p{
    float:none;
    }
    #sfondo-render-interno-1,#sfondo-render-interno-2,#sfondo-render-interno-3 {
    display:block;
}
}

@media screen and (min-width: 1024px) {
    
#main {
    max-width: 1024px;
    margin: 0 auto; 
    height: auto;
}
    .Titoli-Box {
    font-size: 24px;
    }
    
    body {
    
    }
    #text-logo{
    display: block;
    margin-top:28px;
    }
    
    #text1-logo{
    width: 560px;
    float: left;
    font-size: 30px;
    margin-left: 20px;
  }
    #text2-logo{
    width: 560px;
    float: left;
    font-size: 30px;
    margin-left: 80px;
  }
    #main-nav li a {
    font-size: 16px;
    }
    
    #main-nav-footer li{
    font-size:16px;
    }
    
    #logo-CasaClima-fase-certif {
    position: absolute;
    z-index: 99;
    margin-top: 0px;
    margin-left: 1190px;
    display: block;
    }
     #logo-CasaClima-fase-certif-2 {
    position: absolute;
    z-index: 99;
    margin-top: 20px;
    /*margin-left: 1190px;*/
    display: block;
    width: 170px;
    height: 170px;
    }
    #logo-CasaClima-fase-certif-2 a img{
    width: 170px;
    height: 170px;
    }
    
     #logo-CasaClima-fase-certif-2 a img:hover{
    width: 175px;
    height: 175px;
    }
    
    #logo-CasaClima-fase-certif-100px {
    display: none;    
    }
    
    #slideshowMazzetta-text,#slideHome1-text {
    /*margin-left: 550px;*/
    font-size: 30px;
    }
    
    #box-slideshowMazzetta-text2-text3-BIS,#box-SlideHome1-Text2 {
    font-size: 18px;
    /*margin-left: 320px;*/
    width: auto;
    text-align: justify;
    }
    
    #slideshowMazzetta {
    display: none;
    }
    #slideshowMazzetta2 {
    display: none;
    }
    #slideshowMazzetta3 {
    display: block;
    }
    #nav-slider {
    margin-left: 285px;
    }
    .corpo-pagina {
    margin-left: 300px;
    width: 1024px;
    }
    .corpo-pagina-2 {
    width: 1024px;
    }

   /* #img1AppMazz_500x375,#img2AppMazz_500x375 {
    width: auto;
    display: inherit;
}
    #img1AppMazz_1024x550 {
    display: none;
}*/
    #text-sede {
    font-size: 15px;    
}
    
    #mappa-sede {
    width: 1024px;
    height: 400px;
}
    #box-s2-text, #box-s3-text {
    font-size: 16px;
    padding: 10px;
}
   #box-profilo,#box-storia{
    float: left;
    /*max-width: 485px;*/
    margin: 5px 5px;
    padding: 5px;
    background-color: white;
    color: white;
}
    #box-profilo h1 {
    font-size:20px;
    color:darkolivegreen;
    }
    
    #p1-profilo,#p2-profilo,#box-storia p{
    font-size:16px !important;
    color:saddlebrown;
    }
}
    
@media screen and (min-width: 1350px) {
 
    /*.corpo-pagina-2 {
    position:absolute;
    right: 320px;
    top: 10px;
    width: 1024px;
    }*/
    
    #slideshowMazzetta-text,#slideHome1-text {
    /* margin-left: 550px; */
    font-size: 30px;
    margin: 0 auto;
    }
}
    
@media screen and (min-width: 1700px) {


    #slideshowMazzetta-text,#slideHome1-text {
    font-size: 40px;
    margin: 0 auto;
    width: 100%;
    float: left;
    }
    
    #box-slideshowMazzetta-text2-text3 {
    margin-left: 490px;
    display: block;
    text-align: justify;
    }
    
     #slideshowMazzetta {
    display: block;
    }
    #slideshowMazzetta2 {
    display: none;
    }
    #slideshowMazzetta3 {
    display: none;
    }
    #nav-slider {
    margin-left: 440px;
    }
    
}
    
    @media screen and (min-width: 1900px {
    font-size: 40px;
    margin: 0 auto;
    width: 100%;
    float:left;
        
    }
}