@media (min-width: 1200px) {

	/* Structure > 1200px */
	
	#page { width:1200px; margin: 0 auto; padding:25px 0px 25px 0px; margin-bottom:50px; }
	
	.voce_100  { width: 100%; float:left; text-align:left; }
	.voce_75 { width: 75%; float:left; text-align:left; }
	.voce_50 { width: 50%; float:left; text-align:left; }
    .voce_33  { width: 33%; float:left; text-align:left; }
	.voce_25  { width: 25%; float:left; text-align:left; }
	.voce_20  { width: 20%; float:left; text-align:left; }
	
	.voce_100_padd { width: 96%; float:left; text-align:left; padding:2%; }
	.voce_75_padd { width: 71%; float:left; text-align:left; padding:2%; }
	.voce_67_padd  { width: 63%; float:left; text-align:left; padding:2%; }
	.voce_50_padd { width: 46%; float:left; text-align:left; padding:2%; }
	.voce_33_padd  { width: 29%; float:left; text-align:left; padding:2%; }
	.voce_25_padd  { width: 21%; float:left; text-align:left; padding:2%; }
	.voce_20_padd  { width: 16%; float:left; text-align:left; padding:2%; }
	
	.content_100  { width: 96%; float:left; text-align:left; padding:2%; min-height:500px; }
	.content  { width: 66%; float:left; text-align:left; padding:2%; min-height:500px; }
	.colonna { width: 26%; float:left; text-align:left; padding:2%; }	

	.logo { width: 100%; float:left; text-align:center; }
	.menu { width: 100%; float:left; text-align:center; background-color:#000; }
	
	/*** Menu ***/
	#mainmenu			{ display:block; display: flex;  justify-content: center; }
	#mainmenu ul 		{ float:left; list-style: none; margin-right: auto;  margin-left: auto; }
	#mainmenu ul li 	{ float: left; margin: 0 0px 0 0; position: relative; text-align:center;}
	#mainmenu a 		{ COLOR: #8cc63f; display: block; padding: 10px 12px 10px 12px; font-size:12.5pt; text-transform:uppercase; font-family: 'Abel', sans-serif; }
	#mainmenu a:hover	{ COLOR: #CCCCCC;}
	
	#mainmenu li ul		{display: none;}
	#mainmenu li:hover ul	{ display: block; position: absolute; z-index:1; width:250px; padding: 0; margin: 0 0 0 -1px; background-color: #8cc63f; }
	#mainmenu li li   	{ width:250px; border-bottom:2px solid #CCCCCC; } 
	#mainmenu li li a	{ padding:10px; font-size:12pt; color:#FFF; }
	#mainmenu li li a:hover	{ COLOR: #CCCCCC; }	
	
	.copyright {width:92%; float:left; padding:4%; background-color:#8cc63f; text-align:center; color:#FFF; }
 
}

@media (min-width: 981px) and (max-width: 1199px) {

	/* Structure 981 to 1199 */
	
	#page { width:94%; margin: 0 auto; padding:25px 3% 25px 3%; margin-bottom:50px; }
	
	.voce_100  { width: 100%; float:left; text-align:left; }
	.voce_75 { width: 75%; float:left; text-align:left; }
	.voce_50 { width: 50%; float:left; text-align:left; }
    .voce_33  { width: 33%; float:left; text-align:left; }
	.voce_25  { width: 25%; float:left; text-align:left; }
	.voce_20  { width: 20%; float:left; text-align:left; }
	
	.voce_100_padd { width: 96%; float:left; text-align:left; padding:2%; }
	.voce_75_padd { width: 71%; float:left; text-align:left; padding:2%; }
	.voce_67_padd  { width: 63%; float:left; text-align:left; padding:2%; }
	.voce_50_padd { width: 46%; float:left; text-align:left; padding:2%; }
	.voce_33_padd  { width: 29%; float:left; text-align:left; padding:2%; }
	.voce_25_padd  { width: 21%; float:left; text-align:left; padding:2%; }
	.voce_20_padd  { width: 16%; float:left; text-align:left; padding:2%; }
	
	.content  { width: 66%; float:left; text-align:left; padding:2%; min-height:500px; }
	.colonna { width: 26%; float:left; text-align:left; padding:2%; }	
	
	.logo { width: 100%; float:left; text-align:center; }
	.menu { width: 100%; float:left; text-align:center; }
	
	/*** Menu ***/
	#mainmenu			{ display:block; display: flex;  justify-content: center; }
	#mainmenu ul 		{ float:left; list-style: none; margin-right: auto;  margin-left: auto; }
	#mainmenu ul li 	{float: left; margin: 0 0px 0 0; position: relative;}
	#mainmenu a 		{COLOR: #8cc63f; display: block; padding: 10px 5px; font-size:12.5pt; text-transform:uppercase; font-family: 'Abel', sans-serif; }
	#mainmenu a:hover	{COLOR: #CCCCCC;}
	
	#mainmenu li ul		{display: none;}
	#mainmenu li:hover ul	{ display: block; position: absolute; z-index:1; width:250px; padding: 0; margin: 0 0 0 -1px; background-color: #8cc63f; }
	#mainmenu li li   	{ width:250px; border-bottom:2px solid #CCCCCC; } 
	#mainmenu li li a	{ padding:10px; font-size:12pt; }
	#mainmenu li li a:hover	{ COLOR: #CCCCCC; }	
	
	.copyright {width:92%; float:left; padding:4%; background-color:#8cc63f; text-align:center; color:#FFF; }
}

@media (min-width: 768px) and (max-width: 980px) {

	/* Structure 768 to 1000 */
	
	#page { width:96%; margin: 0 auto; padding:25px 2% 25px 2%; margin-bottom:50px; }
	
	.voce_100 { width: 100%; float:left; text-align:left; }
	.voce_75 { width: 75%; float:left; text-align:left; }
	.voce_50 { width: 50%; float:left; text-align:left; }
    .voce_33  { width: 33%; float:left; text-align:left; }
	.voce_25 { width: 25%; float:left; text-align:left; }
	.voce_20  { width: 20%; float:left; text-align:left; }
	
	.voce_100_padd { width: 96%; float:left; text-align:left; padding:2%; }
	.voce_75_padd { width: 71%; float:left; text-align:left; padding:2%; }
	.voce_67_padd  { width: 63%; float:left; text-align:left; padding:2%; }
	.voce_50_padd { width: 46%; float:left; text-align:left; padding:2%; }
	.voce_33_padd  { width: 29%; float:left; text-align:left; padding:2%; }
	.voce_25_padd  { width: 21%; float:left; text-align:left; padding:2%; }
	.voce_20_padd  { width: 16%; float:left; text-align:left; padding:2%; }
	
	.content  { width: 66%; float:left; text-align:left; padding:2%; min-height:500px; }
	.colonna { width: 26%; float:left; text-align:left; padding:2%; }	

	.logo { width: 100%; float:left; text-align:center; }
	.menu { width: 100%; float:left; text-align:center; }
	
	/*** Menu ***/
	#mainmenu			{ display:block; display: flex;  justify-content: center; }
	#mainmenu ul 		{ float:left; list-style: none; margin-right: auto;  margin-left: auto; }
	#mainmenu ul li 	{float: left; margin: 0 0px 0 0; position: relative;}
	#mainmenu a 		{COLOR: #8cc63f; display: block; padding: 10px 6px; font-size:12.5pt; text-transform:uppercase; font-family: 'Abel', sans-serif; }
	#mainmenu a:hover	{COLOR: #CCCCCC;}
	
	#mainmenu li ul		{display: none;}
	#mainmenu li:hover ul	{ display: block; position: absolute; z-index:1; width:250px; padding: 0; margin: 0 0 0 -1px; background-color: #8cc63f; }
	#mainmenu li li   	{ width:250px; border-bottom:2px solid #CCCCCC; } 
	#mainmenu li li a	{ padding:10px; font-size:12pt; }
	#mainmenu li li a:hover	{ COLOR: #CCCCCC; }	
	
	.copyright {width:92%; float:left; padding:4%; background-color:#8cc63f; text-align:center; color:#FFF; }

}

@media (min-width: 481px) and (max-width: 767px) {

	/* Structure 481 to 767 */
	
	#page { width:98%; margin: 0 auto; padding:25px 1% 25px 1%; margin-bottom:50px; }
	
	.voce_100 { width: 100%; float:left; text-align:left; }
	.voce_75 { width: 100%; float:left; text-align:left; }
	.voce_50  { width: 100%; float:left; text-align:left; }
    .voce_33  { width: 100%; float:left; text-align:left; }
	.voce_25 { width: 100%; float:left; text-align:left; }
	.voce_20  { width: 100%; float:left; text-align:left; }
	
	.voce_100_padd, .voce_75_padd, .voce_67_padd, .voce_50_padd, .voce_33_padd, .voce_25_padd, .voce_20_padd { width: 94%; float:left; text-align:left; padding:3%; }
	
	.content  { width: 94%; float:left; text-align:left; padding:3%; }
	.colonna { width: 94%; float:left; text-align:left; padding:3%; }	
	
	.logo { width: 100%; float:left; text-align:center; }
	.menu { width: 100%; float:left; text-align:center; }
	
	.btn-responsive-menu{display:block; }
	#mainmenu			{display:none;}
	
	#mainmenu ul 		{float:left; width:80%; text-align:left; list-style: none; }
	#mainmenu ul li 	{float: none;  border-bottom:1px solid #8cc63f; background-color:#FFFFFF; }
	#mainmenu a 		{ COLOR: #8cc63f; display: block; padding: 2px; font-size:12.5pt; text-transform:uppercase; font-family: 'Abel', sans-serif; }
	#mainmenu a:hover 	{ COLOR: #CCCCCC;}		
	
	#mainmenu li ul		{display: none;}
	#mainmenu li:hover ul	{ display: block; position: absolute; z-index:1; width:80%; padding: 0; margin-right: 20%; background-color: #8cc63f;}
	#mainmenu li li   	{ border:none; border-bottom:1px solid #8cc63f; } 
	#mainmenu li li a	{ padding:2px 2px 2px 50px; color:#8cc63f; }	
	
	.copyright {width:92%; float:left; padding:4%; background-color:#8cc63f; text-align:center; color:#FFF; }
		
}

@media (max-width: 480px) {

	/* Structure  < 480 */
		
	#page { width:98%; margin: 0 auto; padding:25px 1% 25px 1%; margin-bottom:50px; }
	
	.voce_100 { width: 100%; float:left; text-align:left; }
	.voce_75 { width: 100%; float:left; text-align:left; }
	.voce_50  { width: 100%; float:left; text-align:left; }
    .voce_33  { width: 100%; float:left; text-align:left; }
	.voce_25 { width: 100%; float:left; text-align:left; }
	.voce_20  { width: 100%; float:left; text-align:left; }
	
	.voce_100_padd, .voce_75_padd, .voce_67_padd, .voce_50_padd, .voce_33_padd, .voce_25_padd, .voce_20_padd { width: 94%; float:left; text-align:left; padding:3%; }
	
	.content  { width: 94%; float:left; text-align:left; padding:3%; }
	.colonna { width: 94%; float:left; text-align:left; padding:3%; }	

	.logo { width: 100%; float:left; text-align:center; }
	.menu { width: 100%; float:left; text-align:center; }
	
	.btn-responsive-menu{display:block; }
	#mainmenu			{display:none;}
	
	#mainmenu ul 		{float:left; width:80%; text-align:left; list-style: none; }
	#mainmenu ul li 	{float: none;  border-bottom:1px solid #8cc63f; background-color:#FFFFFF; }
	#mainmenu a 		{ COLOR: #8cc63f; display: block; padding: 2px; font-size:12.5pt; text-transform:uppercase; font-family: 'Abel', sans-serif; }
	#mainmenu a:hover 	{ COLOR: #CCCCCC;}		
	
	#mainmenu li ul		{display: none;}
	#mainmenu li:hover ul	{ display: block; position: absolute; z-index:1; width:80%; padding: 0; margin-right: 20%; background-color: #8cc63f;}
	#mainmenu li li   	{ border:none; border-bottom:1px solid #8cc63f; } 
	#mainmenu li li a	{ padding:2px 2px 2px 50px; color:#8cc63f; }	

	.copyright {width:92%; float:left; padding:4%; background-color:#8cc63f; text-align:center; color:#FFF; }
	
}