

/* importante x tablet */


@media (max-width: 1024px) 
{
	body
	{
   line-height:200%;  
   background-color: #FFFFFFF;  
  
   margin: 0; padding: 0;

	}

	.centrale 
	{
    	padding: 0px;
	 	width: 100%; 
		margin-top:0px;
		margin-bottom:0px;
	}
	
	.reduced
	{
	     margin:0 auto;			
		 width: 100%;		
		 padding: 0px;
	}
	.wrapper 
	{
	
	width: 100%; 
	
	}
	
}	


@media (max-width: 640px) 
{
	
		
	p	
	{
        padding: 0px;
		font-size: 100%;
    }	
	
   
   .wrapper,.wrapper ul li
   {
  	width: 100%;
   }
   .wrapper ul li ul
   {
  		display:none;
   }
   
    .wrapper ul li ul li
   {
  		display:none;
   }
		
		
	.logo 
	{
	     margin:0 auto;
		 padding: 0px;
		 width: 100%;	
		 	text-align:center;
		 	
	}
	
	.container 
	{
	     margin:0 auto;
		 padding: 0px;
		 width: 100%;		
	}
	
	.cell
	{
	     margin:0 auto;
		 padding: 10px;
		 width: 100%;
		 display:block;
	}
	
	
	
	
	.cellico
	{
	     margin:0 auto;
		 padding: 10px;
		 width: 100%;
		 display:block;
	}
	.minicell
	{
	     margin:0 auto;
		 padding: 10px;
		 width: 100%;
		 display:block;
	}
	
	.reduced
	{
	     margin:0 auto;			
		 width: 100%;		
		 padding: 10px;
	}
	
	.centrale 
	{
    	padding: 0px;
	 	width: 100%; /* Set width to 100% */
		margin-top:0px;
		margin-bottom:0px;
	}

	
	.main 
	{	
	
    padding: 10px;
	margin:0 auto;
	width: 100%;
	text-align:left;
	margin:0 auto;
	overflow: auto;
	}
	
	.side 
	{		
    padding: 10px;
	margin:0 auto;
	width: 100%;
	text-align:left;
	margin:0 auto;
	overflow: auto;
	}
	
	.split 
	{		
    padding: 0px;
	margin:0 auto;
	width: 100%;
	text-align:left;
	margin:0 auto;
	overflow: auto;
	}
	.splitgray 
	{		
    padding: 0px;
	margin:0 auto;
	width: 100%;
	text-align:left;
	margin:0 auto;
	overflow: auto;
	}
	
	.full 
	{		
    padding: 10px;
	margin:0 auto;
	width: 100%;
	text-align:left;
	margin:0 auto;
	overflow: auto;
	}
	
	
	.video
	{    
  	text-align:center; 
  	width: 100%;
	  border:0px;
	 margin:0 auto;
	}

	
	


	

}
