html{margin: 0;width: 100%; height: 100%; -ms-text-size-adjust: none;}

body{   background-color: #FFFFFF;        
        margin: 0;
        font-family: 'Arial Black', sans-serif;
        background-image: url("/graf/sfondo.jpg");
        background-size: 100% auto;        
        
        }
        
img{border: 0; max-width: 100%;}
        
        .navbar-toggler{
            
            
            border-color: #FFF !important;
        }
        .navbar-toggler-icon{
            
            color: #FFF !important;
        }
       .fa.fa-navicon {
  color:white;
} 
        
.top{background-color: #062037; text-align: center;}

.top img{max-width: 100%;}

.pagina{width: 1168px; margin: auto; min-height: 120%;}

.top_menu{text-align: center;}

a.bottone{   background-image: url("/graf/bottone.png");
                width: 250px;
                padding-right: 10px;
                height: 43px;
                display: inline-block;
                color: #ffffff;
                text-align: center;
                line-height: 46px; margin: 10px 10px 30px 10px;
                font-weight: bold;
                font-size: 20px !important; text-decoration: none; margin-right: 10px;}
a.small{font-size: 14px !important;}

#CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo{
    outline: 0 !important;
}

.corpo{ float: left; width: 860px;}
.right_menu{ float: left; width: 300px; text-align: center;}

.clear{clear: both;}
.marquee{ white-space:nowrap; overflow: hidden; width: 100%; font-weight: bold; border-bottom: 7px solid ; font-size: 30px; background-color: #FFFFFF; border-top: 5px solid #062037; color: #062037; }
.marquee span.rosso{color: #ff0000; }
.marquee span.palla{font-size: 40px; line-height: 30px; display: inline-block; margin-left: 50px; margin-right: 50px;}

.sub_bottom{background-color: #FFFFFF; text-align: center; font-size: 10px; padding-top: 10px;}

h1.home{ line-height: 40px; padding: 5px; font-size: 40px; width: 700px; max-width: 100%; margin: auto; margin-top: 70px;  background-color: #062037; color: #FFFFFF; font-weight: bold; text-align: center;}

h1.home span{display: block; color: #ff0000;}


h2.spec{ padding: 20px; font-size: 24px; margin: auto; background-color: #062037; color: #FFFFFF; font-weight: bold; text-align: center;}

h2.spec span{display: block; color: #ff0000;}


.house_gallery{text-align: center;}

.house_gallery img.map{width: 100%; }

.mini_img{width: 100%;  overflow: hidden; display: inline-block;
            border-radius: 4px; 
            -moz-border-radius: 4px; 
            -webkit-border-radius: 4px;
            position: relative;
            padding-top: 100%;
            margin-bottom: 10px; margin-top: 10px; border: 3px solid #062037;}
   
            
.mini_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;     /* Adatta l'immagine senza distorcerla */
}            
            
.ante-foto{width: 100%;}

.nav-link{
    
    font-weight: bold;
    color: #FFF !important;
    
}

.navbar-dark{
    
    background-color: #062037 !important;
    
}

.house_text{border-radius: 4px; padding: 10px; 
            -moz-border-radius: 4px; 
            -webkit-border-radius: 4px; font-weight: bolder; text-align: center; font-size: 20px; background-color:rgba(255,255,255,0.92); border: 3px solid #062037;}


.house_text h1{font-size: 30px; font-weight: bolder; margin-top: 4px;}

.house_text span.chiama{font-weight: bolder; font-size: 22px; }
.house_text span.chiama span{font-size: 25px; }
.house_text span.chiama span a{color: #5a75a2 !important; }
.house_text span.informazioni{color: #5a75a2; font-weight: bolder; font-size: 13px;}




.testo_trasp{border-radius: 4px; 
            -moz-border-radius: 4px; 
            -webkit-border-radius: 4px;
            color: #062037;            
            text-align: justify; border: 5px solid #062037;}

.testo_trasp h1{margin: 0; text-align: center; margin-bottom: 10px; color: #5a75a2; font-size: 30px; font-weight: bold;}

.testo_trasp h2{text-decoration: none !important; margin: 0; text-align: center; margin-bottom: 10px; color: #062037; font-size: 24px; font-weight: bold;}
.testo_trasp h2 a{text-decoration: none !important; margin: 0; text-align: center; margin-bottom: 10px; color: #062037; font-size: 24px; font-weight: bold;}

span.chiama{margin: 0; text-align: center; margin-bottom: 10px; color: #5a75a2; font-size: 18px; font-weight: bold;}
.testo_trasp a{color: #ff0000; font-size: 18px;font-weight: bold;  }

.inner_testo_trasp{ background-color:rgba(255,255,255,1); padding: 10px;}


.elenco {width: 100%;}
.elenco img{width: 200px;}
.elenco td{text-align: center;}

.torna{color: #ff0000; margin-bottom: 20px;}

.contattaci{font-size: 15px; text-align: center;}
.contattaci span{color: #5a75a2; font-size: 17px;}
.contattaci label{display: block;}
.contattaci a{ color: inherit;}
.contattaci textarea{resize: none;border: 1px solid ; width: 300px; height: 120px; max-width: 100%;}
.contattaci input{border: 1px solid ;}
#mails_link{
        
            font-size: 32px !important;
        }
        
  hr{
       color: #062037;
        background-color: #062037;
        height: 5px !important;  
        
    }      
   
        
    .youtube-box{
    
        min-height: 600px;
    
    }
    
    .btn-primary{
    
        background-color: #062037 !important; 
        border-color: #062037 !important; 
        padding: 12px !important;
        
    
    }
    
    
.square-container {
    width: 100%;          /* Larghezza al 100% */
    position: relative;    /* Necessario per il posizionamento dell'immagine */
    overflow: hidden;      /* Nasconde parti extra dell'immagine */
    padding-top: 100%;     /* Crea un rapporto 1:1 per l'altezza, rendendo il contenitore quadrato */
}

.square-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;     /* Adatta l'immagine senza distorcerla */
}

@media only screen and (min-width: 200px) and (max-width: 999px) {



.youtube-box{
    
        min-height: 300px;
    
    }
    
.nav-link{
    
 font-size: 20px  !important;
    
}


  hr{
       color: #062037;
        background-color: #062037;
        height: 5px !important;  
        
    }       
    
    .pp_pic_holder.pp_default { width: 120%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 7%!important; top: 10px!important; }
    
    .pp_overlay{width: 100% !important; position: fixed !important;}

        .testo_trasp a{ font-size: 22px !important;}

        .inner_testo_trasp{
        
            font-size: 12px !important;
        }
        
        #mails_link{
        
            font-size: 17px !important;
        }
    }

.new_button{margin-top: 60px; display: inline-block;}

.rosso_scuro{color: #950000;}