/*	genfooter deve essere utilizzato come contenitore generale di tutta
 *	la pagina footer dove vengono inserite rispettivamente due sezioni
 *	infogen e boxgen. Rispettivamente contenenti altre sezioni a seconda
 *	delle esigenze. 	24/04/2016													*/

#infogen {
    width:90%;
    height: 50px;
    margin:0 auto;
    text-align:center;
}

#left32info {
    width:32% !important;
    float:left;
    text-align: right;
    text-shadow:5px 5px 10px #00FF00;
}

#central32info {
    width:32% !important;
    float:left;
    text-align: center;
    /*text-shadow:5px 5px 10px #00FF00;*/
}

#right32info {
    width:32% !important;
    float:right;
    text-align: left;
    /*text-shadow:5px 5px 10px #00FF00;*/
}   

#boxgen {
    width:90%;
    height: 40px;
    margin:0 auto;
    text-align:center;
} 

#leftbox {
    width:37% !important;
    float:left;
    text-align: right;
    text-shadow:5px 5px 10px #00FF00;
}

#centralbox {
    width:22% !important;
    float:left;
    text-align: center;
    text-shadow:5px 5px 10px #00FF00;
}  

#rightbox {
    width:37% !important;
    float:right;
    text-align: left;
    text-shadow:5px 5px 10px #00FF00;
}	

.line_footer {
    border-top:1px solid #408095;
    margin:10px 0;
    width:100%;
}

.clear_footer {
    clear:both;
}
/*------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 280px) and (max-width: 320px) {

	#infogen {
		width:100%;
		text-align:center;
	}
		#left32info {
			padding:5px 0 5px 0;
			width:100% !important;
			float:left;
			text-align: center;
			text-shadow:5px 5px 10px #00FF00;
		}
		#central32info {
			padding:5px 0 5px 0;
			width:100% !important;
			float:left;
			text-align: center;
			/*text-shadow:5px 5px 10px #00FF00;*/
		}	
		#right32info {
			padding:5px 0 5px 0;
			width:100% !important;
			float:left;
			text-align: center;
			/*text-shadow:5px 5px 10px #00FF00;*/
		}		
	#boxgen {
		width:100%;
		text-align:center;
	}
		#leftbox {
			padding:5px 0 5px 0;
			width:100% !important;
			float:left;
			text-align: center;
			text-shadow:5px 5px 10px #00FF00;
		}
		#centralbox {
			padding:5px 0 5px 0;
			width:100% !important;
			float:left;
			text-align: center;
			text-shadow:5px 5px 10px #00FF00;
		}    
		#rightbox {
			padding:5px 0 5px 0;
			width:100% !important;
			float:left;
			text-align: center;
			text-shadow:5px 5px 10px #00FF00;
		}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {

	#infogen {
		width:100%;
		text-align:center;
	}
		#left32info {
			padding:5px 0 5px 0;
			width:100% !important;
			float:left;
			text-align: center;
			text-shadow:5px 5px 10px #00FF00;
		}
		#central32info {
			padding:5px 0 5px 0;
			width:100% !important;
			float:left;
			text-align: center;
			/*text-shadow:5px 5px 10px #00FF00;*/
		}	
		#right32info {
			padding:5px 0 5px 0;
			width:100% !important;
			float:left;
			text-align: center;
		/*text-shadow:5px 5px 10px #00FF00;*/
		}	
/*	#boxgen {
		width:100%;
		text-align:center;
	}
		#leftbox {
			padding:5px 0 5px 0;
			width:100% !important;
			float:left;
			text-align: center;
			text-shadow:5px 5px 10px #00FF00;
		}
		#centralbox {
			padding:5px 0 5px 0;
			width:100% !important;
			float:left;
			text-align: center;
			text-shadow:5px 5px 10px #00FF00;
		}    
		#rightbox {
			padding:5px 0 5px 0;
			width:100% !important;
			float:left;
			text-align: center;
			text-shadow:5px 5px 10px #00FF00;
		}	
*/

		#leftbox {
			padding:5px 1% 5px 0;
		}
		#centralbox {
			padding:5px 1%;
		}
		#rightbox {
			padding:5px 0 5px 1%;
		}
}
@media only screen and (min-width: 481px) and (max-width: 600px) {

		#left32info {
			padding:5px 1% 5px 0;
		}
		#central32info {
			padding:5px 1%;
		}
		#right32info {
			padding:5px 0 5px 1%;
		}
		#leftbox {
			padding:5px 1% 5px 0;
		}
		#centralbox {
			padding:5px 1%;
		}
		#rightbox {
			padding:5px 0 5px 1%;
		}
}
@media only screen and (min-width: 601px) and (max-width: 768px) {

		#left32info {
			padding:5px 1% 5px 0;
		}
		#central32info {
			padding:5px 1%;
		}
		#right32info {
			padding:5px 0 5px 1%;
		}
		#leftbox {
			padding:5px 1% 5px 0;
		}
		#centralbox {
			padding:5px 1%;
		}
		#rightbox {
			padding:5px 0 5px 1%;
		}
}
@media only screen and (min-width: 769px) and (max-width: 960px) {

		#left32info {
			padding:5px 1% 5px 0;
		}
		#central32info {
			padding:5px 1%;
		}
		#right32info {
			padding:5px 0 5px 1%;
		}
		#leftbox {
			padding:5px 1% 5px 0;
		}
		#centralbox {
			padding:5px 1%;
		}
		#rightbox {
			padding:5px 0 5px 1%;
		}
}
@media only screen and (min-width: 961px) and (max-width: 1024px) {

		#left32info {
			padding:5px 1% 5px 0;
		}
		#central32info {
			padding:5px 1%;
		}
		#right32info {
			padding:5px 0 5px 1%;
		}
		#leftbox {
			padding:5px 1% 5px 0;
		}
		#centralbox {
			padding:5px 1%;
		}
		#rightbox {
			padding:5px 0 5px 1%;
		}

}
@media only screen and (min-width: 1025px) {

		#left32info {
			padding:5px 1% 5px 0;
		}
		#central32info {
			padding:5px 1%;
		}
		#right32info {
			padding:5px 0 5px 1%;
		}
		#leftbox {
			padding:5px 1% 5px 0;
		}				
		#centralbox {
			padding:5px 1%;
		}
		#rightbox {
			padding:5px 0 5px 1%;
		}

}