/* Move down content because we have a fixed navbar that is 50px tall */


body {
  padding-top: 10px;
  padding-bottom: 20px;
}




.alignleft { float: left; padding: 4px 25px 15px 0; }
.alignright { float: right; padding: 0px 0 15px 15px; }



.form-inline input {width: 120px; margin-left: 2px;}




#cookie-message
{
display:block;
width: 100%;
height: 40px;
line-height: 40px;
background-color: #fff;
color:#333;
z-index:9999;
text-align:center;
top:0;
left:0;
font-size: 14px;
display:none;
}
#cookie-message a:link,
#cookie-message a:visited
{
}
#cookie-message a:hover
{
}
#cookie-chiudi
{
background-color: #000;
color: #FFF;
border:solid 1px #CDCDCD;
font-size:12px;
display: inline-block;
margin-left: 20px;
cursor: pointer;
padding:4px;
}









/* Stili per sovrascrivere e modificare la Navbar di Bootstrap */
.navbar {
  border: 0;
  padding-bottom: 2px;
  padding-top: 1px;
  /* background-color: #192c49; */
  /* background-color: #b4cfc1; */
  /* background-color: #9cdaef; */ 
  /* background-color: #b5e5f5; */ 
  
  background-color: #1b2b40;
  
  text-align: left;  
    
}



.navbar-nav {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
    
}




.navbar-default .navbar-nav > li > a {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  /* color: #333333;  */
  color: #2e7f9a;
  border-bottom: 1px solid #357ebd;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  /* color: #16364d;  */
  color: #46aed0;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #000; 
  background-color: #16364d;
}

.navbar-toggle {
  border-radius: 0;
}

.navbar-default .navbar-toggle {
 border: 1px solid #16364d;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #16364d;
}

.navbar-default .navbar-collapse {
  border-color: transparent;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #357ebd;
  border-bottom-color: #357ebd;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #000;
  background-color: #357ebd;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #16364d;
  border-bottom-color: #16364d;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #16364d;
  border-bottom-color: #16364d;
}



/* Stili per sovrascrivere e modificare i menu dropdown di Bootstrap */

.dropdown-menu {
 padding: 0 0;
 border-radius: 0;
 -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
}
 .dropdown-menu > li > a {
  padding: 7px 10px;
  border-bottom: 1px solid #ccc;
}



@media screen and (min-width: 1000px) {
 .navbar-default .navbar-nav > li > a {
  border-bottom: none; 
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  border-top: 2px solid #357ebd;
  padding-top: 13px;
  margin-left: 0;
}


}


@media all and (min-width: 100px) and (max-width: 1200px) {

.navbar-nav {
 
  margin-left: 0px;
     
}

       
}




/* ---------------------Contenitore breadcrump */
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 8px;
  list-style: none;
  /* background-color: #f5f5f5; */
  background-color: #fff;
  border-radius: 6px;
  opacity: 0.3;
}
 
/* Padding, colore e simbolo del separatore */
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "/\00a0";
}
 
/* Colore dell'item attivo */
.breadcrumb > .active {
  color: #999999;
}




/* ------------------------------------NAV-PILLS */


.nav-pills {
  float: left;
  color: #0FC;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 45px;
   opacity: 0.9;
}
 
.nav-pills > li + li {
  margin-left: 12px;
}
 
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
   color: #fff;
   background-color: #e889c5;  
}



.nav-stacked > li {
   float: none;
   border-radius: 45px;
   opacity: 0.9;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}



.nav-stacked > li {
   float: none;
   border-radius: 45px;
   opacity: 0.9;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}




.navfont {
	
	 FONT-FAMILY: arial;
     FONT-SIZE: 10pt;
     FONT-STYLE: bold;
     FONT-WEIGHT: bold;
     LETTER-SPACING: 2px;
     TEXT-DECORATION: none;
	 color: #8c2863;

}








/*------------------- Stili per modificare e sovrascrivere le nav-tab di Bootstrap */

.nav-tabs {
  margin-top: 15px;
  margin-left: 0;
  border-bottom: 2px solid #357ebd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: 0;
  margin-left: 0;
}
.nav-tabs > li > a {
  font-size: 14px;
  font-weight: bold;
  margin-right: 2px;
  line-height: 1.428571429;
  border: 0;
  border-radius: 0;
}
.nav-tabs > li > a:hover {
  border-color: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: #357ebd;
  border: none;
  border-bottom-color: transparent;
  cursor: default;
}











/* -------------------------------****************---------------------------- */



.title {

	width: 100%;
  	margin-left: 0px;  
	margin-top: 5px;
	padding-left: 2px; 
	display: inline-block;

}
.title2 {

	width: 100%;
  	margin-left: 0px;  
	margin-top: 1px;
	padding-left: 0; 
	display: none;

}


.social {
	
    clear: both;
    float: left;
	width: 100%;
  	margin-left: 0px;  
	margin-top: 5px;
	padding-left: 2px; 
	display: inline-block;

}




.bartop {
	
	clear: both;         
	float: left;      
	margin-left: 0px;  
	margin-top: 10px;
	margin-bottom: 2px;       
	width: 100%;
	display: inline-block;	 
	padding-top: 0px;
	padding-left: 10px;
    
}

.bartop2 {
	
	clear: both;         
	float: left;      
	margin-left: 2px;  
	margin-top: 0px;
	margin-bottom: 10px;       
	width: 100%;
	display: none;	 
	padding-top: 2px;
	padding-left: 2px;
    
}




.contenitore_flex {

	clear: both;         
	float: left;      
	margin-left: 0;
	margin-right: 0;  
	margin-top: 20px;
	margin-bottom: 20px;       
	width: 100%;
	height: 372px;
	display: block; 
	background-color: #6c4450; 
	                         
}





.logodemo {

	clear: both;         
	float: left;      
	margin-left: 60px;  
	margin-top: 0;
	padding-bottom: 12px;       
	width: 30%;
	/* height: 134px;  */
	display: block;                     
	    
}


.logodemo2 {

	clear: both;         
	float: left;      
	height: 140px;
	display: none;                     
	    
}




.logodemo3 {

	clear: both;         
	float: left;      
	margin-left: 0px;  
	margin-top: 90px;       
	width: 100%;
	height: 60px;
	display: none;                     
	    
}







.logodemo_page {

	clear: both;         
	float: left;      
	margin-left: 0px;  
	margin-top: 10px;       
	width: 100%;
	height: 50px;
	padding-left: 20px;
	display: inline-block;
	background: #2E629C;                    
	    
}

.logodemo_page2 {

	clear: both;         
	float: left;      
	margin-left: 0px;  
	margin-top: 70px;       
	width: 100%;
	height: 50px;
	padding-left: 20px;
	display: inline-block;
	background: #2E629C;
	display: none;                    
	    
}



.box-news {
	
 display: inline-block;
 width: 100%;
 height: 600px;
 margin-bottom: 10px;
 margin-left: 140px;
 margin-right: 0px;
 margin-top: 30px;
 padding: 4px;
  
}


.box-news2 {
	
 display: none;
 width: 100%;
 height: 600px;
 margin-bottom: 10px;
 margin-left: 30px;
 margin-right: 0px;
 margin-top: 30px;
 padding: 4px;
  
}


.box1 {
	
 display: block;
 float: left;
 width: 100%;
 height: 60%;
 margin-top: 80px;    
 margin-bottom: 50px;
 margin-top: 30px;
 padding: 20px;
  
   background-color:#fff;
    -moz-box-shadow: 0 0 10px #999999; 
	-webkit-box-shadow:0 0 8px #99999;
	 box-shadow: 0 0 10px #999999;
	 border-radius: 10px 10px 10px 10px;
	 opacity: 0.9;
 
}


.box-informa {
	
 display: inline-block;
 float: left;
 width: 90%;
 height: 300px;
 margin-top: 40px;    
 margin-bottom: 40px;
 margin-left: 100px;
 margin-bottom: 30px;
 padding: 20px;
   
}

.box-informa_bis {
	
 display: none;
 float: left;
 width: 80%;
 height: 300px;
 margin-top: 20px;    
 margin-bottom: 80px;
 padding: 20px;
   
}


@media all and (min-width: 600px) and (max-width: 990px) {
	
	.box-informa {	
    display: none;  
  }
    .box-informa_bis {	
     display: inline-block;
	 float: left;
     width: 80%;
     height: 100%;
     margin-top: 20px;    
     margin-bottom: 80px;
     padding: 20px;
	

}

}





.boxwebsite {
	
 display: block;
 float: left;
 width: 100%;    
 margin-bottom: 40px;
 margin-top: 10px;
 margin-left: 0;
 padding: 10px;
  
}









.box2 {
	
 display: block;
 float: left;
 width: 100%;    
 margin-bottom: 10px;
 margin-top: 30px;
 margin-left: 0;
 padding: 2px;
  
}




/*-----------------------------------------------------------footer -----------*/
.footer {
	clear: both;         
	float: left;      
	margin-left: 0;  
	margin-top: 0%;       
	width: 100%;
	height: 300px;
	display: block;                     
	background-color: #192c49;
        
}



.footer2 {
	clear: both;
	float: left;   
	margin-left: 0;
	margin-top: 160px;      
	width: 100%;
	height: 200px;                  
	display: block;
	padding: 20px;
	background-color: #000;
	                  
}





/*-------------------------------------------menu footer--------------------------*/
.box-footer {
	
    clear: both;         
	float: left;      
	margin-left: 26%;  
	margin-top: 22px;       
	width: 60%;
	height: 30px;
	display: inline-block;  
    padding: 3px;
  
}
.box-footer_verticale {
	
    clear: both;         
	float: left;      
	margin-left: 30px;  
	margin-top: 22px;       
	width: 40%;
	height: 30px;
	display: none;  
    padding: 3px;
  
}


/*--------------------------icone social-------------*/
.box-footer2 {
	
    clear: both;         
	float: left;      
	margin-left: 16%;  
	margin-top: 30px;       
	width: 66%;
	height: 60px;
	display: inline-block; 
    padding: 3px;

  
}


.box-footer2_verticale {
	
    clear: both;         
	float: left;      
	margin-left: 0px;  
	margin-top: 40px;       
	display: none; 
  
}



/*------------------------stringa address azienda----------------*/
.box-footer3 {
	
    clear: both;         
	float: left;      
	margin-left: 6%;  
	margin-top: 10px;       
	width: 90%;
	height: 40px;
	display: block; 
    padding: 2px;
	
	 FONT-FAMILY: arial;
     FONT-SIZE: 7pt;
     FONT-STYLE: normal;
     FONT-WEIGHT: bold;
     LETTER-SPACING: 2px;
     TEXT-DECORATION: none;
	 color: #BEC0A5;
 
}







@media all and (min-width: 600px) and (max-width: 1550px) {
	

   .logodemo{
	
	    margin-top: 0px;       
  
    }
		
	.logodemo_page {
		
	margin-top: 80px;           
   
   }
   

      	
}


@media all and (min-width: 600px) and (max-width: 1300px) {
	




   .logodemo{
	
	    margin-top: 0px;       
  
    }
		
	.logodemo_page {
		
	margin-top: 90px;           
   
   }
   
   
   .social {
	 margin-top: 10px;
	 margin-left: 0px;
		
    }
   
   
	
}


@media all and (min-width: 600px) and (max-width: 990px) {
	
	


   .logodemo{
	
	    margin-top: 0px;       
  
    }
		
	.logodemo_page {
		
	margin-top: 90px;           
   
   }
   
   .social {
	  margin-top: 10px;
	  margin-left: 0px;
		
    }
	
	
    .box-news {
	   display: none;  
	         
   }
   .box-news2 {
	   float: left;
	   display: block;
	   margin-left: 5px; 
	         
   }
   




	
}




@media all and (min-width: 100px) and (max-width: 700px) {
	
	
	
   .title {
   
    display: none;

    }

   .title2 {
      display: inline-block;
   }
	

   .logodemo{
	
	   display: none;        
  
    }
		
	.logodemo2 {
		
		margin-left: 10px;
	    display: block;                      
	    
   }
   
   .box-news {
	   display: none;  
	         
   }
   .box-news2 {
	   float: left;
	   display: block;
	   margin-left: 5px; 
	         
   }


.box-informa {	
 display: none;  
}
.box-informa_bis {	
 display: inline-block;

}


   

}






@media all and (min-width: 100px) and (max-width: 690px) {
	



}




@media all and (min-width: 100px) and (max-width: 900px) {
	


	.title {
   
    display: none;

    }

   .title2 {
      display: inline-block;
   }


 	.logodemo_page {
		
	  margin-top: 10px;           
   
   }
   

   .bartop2 {
	   display: block;
	   margin-left: 0;
	   width: 80%;
	   display: none;
	         
   }
   .bartop {
	   margin-left: 0;
	   margin-top: 0;
	   width: 100%;
	   /* display: none;  */
	         
   }
   
   .box-news {
	   display: none;  
	         
   }
   .box-news2 {
	   float: left;
	   display: block;
	   margin-left: 5px; 
	         
   }
   
      
     .box-footer {
	 
	    display: none;  
}
.box-footer_verticale {
	
	display: block;  
 
} 
   
   
   

}


@media all and (min-width: 100px) and (max-width: 300px) {
	


	.title {
   
    display: none;

    }

   .title2 {
      display: inline-block;
   }



 	.logodemo_page {
		
	  margin-top: 10px;           
   
   }
   

   .bartop2 {
	   display: block;
	   float: left;
	   margin-left: 0;
	   width: 100%;
	            
   }
   .bartop {
	   display: none;  
	         
   }
   
   .box-news {
	   display: none;  
	         
   }
   .box-news2 {
	   float: left;
	   display: block;
	   margin-left: 5px; 
	         
   }
   
   


}



/*------------------------*******************************--------------------------------*/


.header_painting {

	clear: both;         
	float: left; 
	display: block;     
	margin-left: 0;  
	margin-top: 0px;
	margin-bottom: 20%;       
	width: 100%;
	height: 500px;
	/* background-image:url('slides/slide2.jpg');  */                  
		
}


.header_works {

	clear: both;         
	float: left; 
	display: block;     
	margin-left: 0px;  
	margin-top: 0px;
	margin-bottom: 0px;       
	width: 100%;
	height: 550px;
	/* background-image:url('slides/slide2.jpg');  */                  
		
}




.contenitore_flex {

	clear: both;         
	float: left; 
	display: block;     
	margin-left: 0;  
	margin-top: 0;       
	width: 100%;
	height: 250px;
	/* background-image:url('assets/images/patt.jpg');  */                  
	background-color: #29374b;
	         
 }



/* <div style=" alignment-adjust: background-color:#333333; width:100%; height:100%;"> */



/* Flexslider */

.flexslider {
 margin: 0 0 0px;
 margin-top: 42px;
 margin-bottom: 40px;
 margin-left: 0px; 
 background: #f8f8f8;
 max-width: 100%;
 object-fit: cover;   /*---------- da verificare ---*/ 
 
 border: 0;
 border-top: 1px solid #357ebd; 
 position: relative; 
 -webkit-border-radius: 0; 
 -moz-border-radius: 0; 
 -o-border-radius: 0; 
 border-radius: 0; 
}
.flex-control-paging li a {
 width: 12px; 
 height: 12px;
 padding: 2px;
 background: #357ebd; 
 cursor: pointer; 
 text-indent: -9999px; 
 -webkit-border-radius: 20px; 
 -moz-border-radius: 20px; 
 -o-border-radius: 20px; 
 border-radius: 20px; 
 box-shadow: none;
}
.slides li {position: relative;}
.flex-caption {
 position: absolute;
 top: 87%;
 right: 30%;
 left: 2%;
}
.flex-caption-text span {
 display: inline-block;
 font-size: 28px;
 font-weight: bold;
 color: #FF9;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 margin: 2px 0;
 padding: 0 15px;
 background-color: rgba(53, 126, 189, 0.4);
}


@media screen and (max-width: 767px) {
 .flex-control-nav, .flex-control-pager, .flex-caption {
	 /*  display: none; */
	 direction: block;
     margin-top: 300px;
     margin-bottom: 30px; 
     background: #f8f8f8;
	 
	 }
	 
   
}


@media screen and (min-width: 400px) {
	 
    .contenitore_flex{height: 100px;}

}
	 
	 
	 





/*---------------------------------------------------*******************-----------------------------------*/



.box-caption {
	
 margin-bottom: 20px;
 margin-left: 8px;
 margin-right: 1px;
 margin-top: 280px;
 padding: 20px;
 
}



 .col-lg-12 {
      margin-left: 0;
      padding: 0;
  }


.bandone1 {
	
 display: block;
 float: left;
 width: 100%;
 height: 600px;
 margin-left: 0;    
 margin-bottom: 20px;
 margin-top: 30px;
 padding: 40px;
 background-color: #CFC;

 }












.box-colorband {
	
 display: block;
 width: 100%;
 height: 400px;
 margin-bottom: 80px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 80px;
 padding: 20px;
 background-color: #dce7f1;

 
}


.box-login {
	
 display: block;
 margin-bottom: 10px;
 margin-left: 10px;
 margin-right: 0px;
 margin-top: 20px;
 padding: 4px;
  
}




.box-listgroup {
	
 display: block;
 margin-bottom: 80px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 50px;
 padding: 4px;
  
}


.box-general {
	
 display: inline-block;
 width: 100%;
 height: 600px;
 margin-bottom: 20px;
 margin-left: 100px;
 margin-right: 0px;
 margin-top: 0px;
 padding: 4px;
  
}












.box-progetto {
	float:right;
 margin-bottom: 10px;
 margin-left: 30px;
 margin-top: 50px;
 margin-right:30px;
 padding: 4px;
 background-color: #DFEFF4;    /* #dbf3f5;  /* #B1D5E0;  /* #86b6de; */
 -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
}




.box-modale {
	
 display: inline-block;
 float: left;
 margin-bottom: 10px;
 margin-left: 10px;
 margin-right: 10px;
 margin-top: 10px;
 padding: 5px;
 border: solid 1px #666;
  
}





.box-progetto3 {
		
 margin-bottom: 10px;
 margin-left: 120px;
 margin-right: 200px;
 margin-top: 60px;  /* --- 200 se fixed ----- */
 padding: 3px;
 

}
.box-progetto3_vertical {
		
 margin-bottom: 20px;
 margin-left: 0;
 margin-right: 0px;
 margin-top: 50px;  /* --- 200 se fixed ----- */
 padding: 0px;
 display: none;
 
}


.box-progetto4 {
	
 margin-bottom: 20px;
 margin-left: 200px;
 margin-right: 200px;
 margin-top: 60px;
 padding: 30px;
 
   background-color:#fff;
    -moz-box-shadow: 0 0 10px #999999; 
	-webkit-box-shadow:0 0 8px #99999;
	 box-shadow: 0 0 10px #999999;
	 border-radius: 10px 10px 10px 10px;
	 opacity: 0.8;
 
}


.box-progetto44 {
	
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 60px;
    padding: 20px;
 
   background-color:#fff;
    -moz-box-shadow: 0 0 5px #999999; 
	-webkit-box-shadow:0 0 5px #99999;
	 box-shadow: 0 0 5px #999999;
	 border-radius: 5px 5px 5px 5px;
	 opacity: 0.8;
 
}






.box-video {
	
 margin-bottom: 50px;
 margin-left: 5px;
 margin-right: 40px;
 margin-top: 70px;
 padding: 4px;
 
  
}

.box-testotutorial {
	
 margin-bottom: 50px;
 margin-left: 5px;
 margin-right: 2px;
 margin-top: 76px;
 padding: 8px;
    background-color:#fff;
    -moz-box-shadow: 0 0 10px #999999; 
	-webkit-box-shadow:0 0 8px #99999;
	 box-shadow: 0 0 10px #999999;
	 border-radius: 10px 10px 10px 10px;
	 opacity: 0.8;
 
}

.box-imagehome {
	
 margin-bottom: 50px;
 margin-left: 40px;
 margin-right: 1px;
 margin-top: 70px;
 padding: 2px;
 
}






/*-------------------------------prima tabella thumb (line 10) -------*/
.box-progetto5 {
	
 margin-bottom: 1px;
 margin-left: 2px;
 margin-right: 20px;
 margin-top: 50px;
 padding: 1px;
  
}

/*----------------------------seconda tabella thumb (2x5)-------*/

.box-progetto6 {
	
 margin-bottom: 6px;
 margin-left: 2px;
 margin-right: 10px;
 margin-top: 20px;
 padding: 1px;
 display: none;
  
}

/*----------------------------terza tabella thumb (5x5) -------*/

.box-progetto66 {
	
 margin-bottom: 6px;
 margin-left: 2px;
 margin-right: 10px;
 margin-top: 20px;
 padding: 1px;
 display: none;
  
}




						 





/*--------------------------title per loghi -----------*/
.box-progetto7 {
	
 margin-bottom: 4px;
 margin-left: 20px;
 margin-right: 0px;
 margin-top: 50px;
 padding: 2px;
 
}



/*--------------------------loghi carousel -----------*/
.box-progetto8 {
	
 margin-bottom: 2px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 5px;
 padding: 2px;

  
}






/*---------- Default----------------------------- WELL ---------------- */
.well {
  min-height: 10px;
  padding: 9px;
  padding-left: 0px;
  margin-bottom: 9px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
 
 
/* Variante large */
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
 
 
/* Variante small */
.well-sm {
  padding: 9px;
  border-radius: 3px;
}






















/*--------------------------------------------------------- PAGE KEY -----------------------------------*/

.keypage_1 {
	
 margin-bottom: 10px;
 margin-left: 150px;
 margin-right: 1px;
 margin-top: 70px;
 padding: 10px;
 
 
   background-color:#fff;
    -moz-box-shadow: 0 0 5px #999999; 
	-webkit-box-shadow:0 0 5px #99999;
	 box-shadow: 0 0 5px #999999;
	 border-radius: 5px 5px 5px 5px;
	 opacity: 0.9;
 
}

.keypage_txt {
	
  margin-bottom: 10px;
  margin-left: 150px;
  margin-right: 10px;
  margin-top: 30px;
  padding: 10px;
  border solid 1px #666; 
 
 
}

.keypage-contact {
	
 margin-bottom: 10px;
 margin-left: 150px;
 margin-right: 1px;
 margin-top: 150px;
 padding: 30px;
 
 
   background-color:#fff;
    -moz-box-shadow: 0 0 5px #999999; 
	-webkit-box-shadow:0 0 5px #99999;
	 box-shadow: 0 0 5px #999999;
	 border-radius: 5px 5px 5px 5px;
	 opacity: 0.9;
 
}





@media all and (min-width: 1000px) {

  .container {
    /* max-width: 1170px; */
	max-width: 95%;
  }

}















/* Pannelli dell'accordion basati sui panel di Bootstrap */

.panel-carousel {
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-carousel-heading {
  margin: -15px -15px 15px;
  padding: 10px 15px;
  font-size: 17.5px;
  font-weight: 500;
  background-color: #357ebd;
  color: #fff;
  border-bottom: 1px solid #dddddd;
}
.panel-carousel-footer {
  margin: 15px -15px -15px;
  padding: 10px 15px;
  background-color: #ecf7ff;
  border-top: 1px solid #dddddd;
}

.panel-carousel-control {
  font-size: 16px;
}
.panel-carousel-control:hover,
.panel-carousel-control:focus {
  text-decoration: none;
}





/* Stili per sovrascrivere e modificare il componente Accordion/collapse di Bootstrap */

.panel {
  border: 1px solid #dddddd;
  border-radius: 0;
}

.panel-heading {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-title > a {
  color: #fff;
  text-decoration: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-default > .panel-heading {
  background-color: #5cb85c;
  border-color: #dddddd;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}