@charset "utf-8";
/* CSS Document */

html, body {height:100%;
			}

body {background-attachment:fixed;
	background-position:center;	
	background-repeat:no-repeat;
	background-size:cover;	
	background-image:url(../images/background-opacity.jpg);	
	margin:0;	
	/*font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;		*/
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
img {border:none;}

p{font-weight:bold;}

a{font-weight:700;}
	
ul{list-style:none;}	

.container{min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -100px; 
	}
			
.header {width:100%;
		height:auto;
		margin:auto;
		}			
	
#logodiv{width:30%; 
		float:left;	
		height:auto;
		/*border:3px;
		border-style: solid;
    	border-color:#03C; */
		 }	
		
#logodiv img{max-width: 100%!important;		
  		min-width: 285px!important;
  		width:auto\9!important; 
		}		
		
#logodiv a{border:none;}			
		
#remainder{width:auto;
		height:auto;
		padding-top:1%;
		padding-bottom:0;		
		}
		
#remainder img{float:right;
				margin-right:15px;
				}			

#remainder h3{text-align:right;
		padding-right:5%;
		margin-bottom:7px;
		-webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       	-moz-animation: fadein 4s; /* Firefox < 16 */
		-ms-animation: fadein 4s; /* Internet Explorer */
		-o-animation: fadein 4s; /* Opera < 12.1 */
        animation: fadein 4s;				
				}	
				
#remainder p{float:right;
			 line-height:0;			 
  		  	 padding-right:5%;
			-webkit-animation: fadein 5.5s; /* Safari, Chrome and Opera > 12.1 */
	       	-moz-animation: fadein 5.5s; /* Firefox < 16 */
			-ms-animation: fadein 5.5s; /* Internet Explorer */
			-o-animation: fadein 5.5s; /* Opera < 12.1 */
	         animation: fadein 5.5s;}	
				
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}	
				

#boxtainer{width:100%;
			}		

#boxtainer .boxleft {float:left;
     width:auto;
	 margin-left:21px;
	 margin-bottom:30px;
	 margin-right:10px; /*aggiunto per dare margine a foto nelle iniziative */
 	 /*background-color:#0066CC;
	 background-color:#FF9;  */
	 padding:20px;
	 border:2px;
	 border-radius:3px;
	 box-shadow: 5px 5px 10px 2px #333;
	-webkit-box-shadow: 5px 5px 10px 2px #333;
	-moz-box-shadow: 5px 5px 10px 2px #333;
}

#boxtainer .fillerleft {float:left;
     width:15%;
	 margin-left:21px;
	 margin-bottom:30px;
	 padding:20px;	 
}


.boxleft p, .boxleft li{font-size:13px;
						line-height:18px;}

.boxleft span, .boxleft a{color:#000;
						text-decoration:none;
						line-height:18px;}
						
.boxleft h4{color:#FF0000;}

.boxleft p{font-style:italic;}
						
.boxleft a:hover{color:#69F;
		text-decoration:none}	
		
a.oklink {color:#036;}							

#boxtainer .animate {float:left;
  width:60%;
  padding-left:15px;  }
  
.animate img {margin-right:-4px;}  

#logo-I, #logo-II, #logo-III, #logo-IV, #logo-V, #logo-VI {width:10%;
			}


#grido-I, #grido-II, #grido-III, #grido-IV, #grido-V, #grido-VI {display:inline;
			background-color:#03C;
			color:#FFFFFF;
			position:absolute;
			z-index:5;
			}
			
#grido-I p, #grido-II p, #grido-III p, #grido-IV p, #grido-V p, #grido-VI p {color:#FFF;			
			}			
			
			

#boxtainer .boxcentral {float:left;
  width:40%;
  padding-left:15px;  
}

.boxcentral p, .boxstatuto p{text-align:justify;
						font-weight:400;}


#boxtainer .boxright {float:right;
		width:16%;
		padding:8px; }

.boxcentral img, .boxright img {float:right;
		max-width: 100%!important;		
  		min-width: 40%!important;
  		width:auto\9!important;
		padding:4px;
		}

.boxcentral h3{color:#FF0000;}

.boxright p{font-size:11px;
			font-weight:700;}		
			
.social-img {width:50px;
			float:right;
			margin-right:10px;}
			
.spacer, .spacer2 {margin-bottom:8%;}	/* Per dare distanza tra immagini e paragrafo sottostante in home  */

img.spacer {border:inset;
			border-color:#03C;}		
			
#boxtainer .boxstatuto {float:left;
		width:53%;
		padding-left:15px;
		text-align:justify; }
		
.boxstatuto h5{display:inline;}			
		
#boxtainer .constr {float:left;
		width:60%;
		padding-left:20px;}
		
.constr img{width:20%;
			heigth:auto;
			}
			
.constr h1 {font-size:4.2em;
			color:#0033CC;
			text-align:center;
			display:inline;}	
			
.constr p{text-align:justify;}	

.constr a{color:#0033CC;
		  text-decoration:none;}

.req {font-size:13px;
		color:#C00;}			
			
#boxtainer .boxform {float:left;
		width:25%;
		margin:auto;
		padding-left:20px;
		text-align:right;}
		
#boxtainer .boxcont {/*margin:auto; */
				float:left;
				width:60%;
				text-align:center;}	

.boxcont a {text-decoration:none;}	

.boxcont img:hover {opacity:0.6;}	

.boxcont h2 {float:left;
			margin-left:20px;}

.boxcont h3, .boxcont h4 {margin-bottom:80px;}					
				
.boxcont img {float:right;
		width:5%;		
		min-width:180px;}	
		
.invisible{visibility:hidden;}		

#sessioneok {position:absolute;
			width:20%;
			left:45%;}

	
/* Set the fixed height of the footer here */

#footer, #push {height:100px; 
    clear: both; 
	} 

	  
#footer {background-color: #03C;
		   }
		   
#footer img{width:70px;		
			margin-left:15px;	
		   }
	  
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {margin-left: -20px;
         margin-right: -20px;
         padding-left: 20px;
         padding-right: 20px;
        }
	}

/* Fine sticky footer */

#footer p{font-size:0.8em;
		color:#FFFFFF;
		text-align:center;}
		
#footer a{color:#69F;
		text-decoration:none;}		


.feast {color:#FF0000;}