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

@media /*(min-width: 768px) and */(max-width: 1200px)
{
	.left.header ul li
	{
		padding-right: 20px;
	}
}
@media /*(min-width: 768px) and */(max-width: 980px)
{
	.mobile
	{
		display: block;
	}
	
	.desktop
	{
		display: none;
	}
	
	body
	{
		margin: 2%;
	}
	
	nav .right {width: 70%;}
	
	form.mobileSearch
	{
		padding-bottom: 2%;
	}
	
	form.mobileSearch input
	{
		width: 50%;
		height: 40px;
	}
	
	.panelDiv
	{
		width: 49%;
	}
	
	.floatBox
	{
		width: 100%;
	}
	
	.colButton
	{
	/* width: 98%; 1 Immagine per riga*/
	/* width: 48%; 2 Immagini per riga*/
	/* width: 31.33%; 3 Immagini per riga*/
	width: 23%; /* 4 Immagini per riga*/
	/* width: 18%; 5 Immagini per riga*/
	/* width: 14.66%; 6 Immagini per riga*/
	/* width: 12.28%; 7 Immagini per riga*/
	/* width: 10.50%; 8 Immagini per riga*/
	}
	
	/* .uno figure, .due figure, .tre figure, .quattro figure */
	/* { */
		/* width: 100%; */
	/* } */
	
	.due figure, .tre figure, .quattro figure
	{
		margin: 0 0 2% 0; /*top right bottom left*/
		/* margin-bottom: 1%; */
	}
	
	.due figure, .tre figure, .quattro figure
	{
		width: 100%;
	}
	
	.uno div, .due div, .tre div, .quattro div
	{
		width: 100%;
		margin: 0 0 1% 0; /*top right bottom left*/	 
	}
	
	.scroll
	{
		overflow: auto;
	}

	#planimetria img
	{
		width: 100%;
	}
	
	.left.menu, .left.newsBox
	{	
		width: 100%;
		margin: 0;
	}
	
	#header-image .left{width: 100%; margin: 0;}
	#header-image .right{width: 100%; margin: 0; text-align: left;}

	/* FILA'S CSS */
    [class*="flex-row"]
	{
		flex-direction: column;
	}
  
	[class*="vertical_line"] 
	{
		display: none;
	}

	[class*="horizontal_line"] 
	{
		display: inline;
		border: 1px solid green;
	}
	/* END OF FILA'S CSS */
}

@media (max-width: 768px)
{
	body
	{
		font-size: smaller;
	}
	
	a{border-width: 1px;}
	
	header img
	{
		width: 120px;
	}

	.aree img
	{
		width: 150px;
	}
	
	.eventi
	{
		font-size: small;
	}
	
	.eventi div
	{
		animation: marquee 20s linear infinite;
	}
	
	.contentInsideBoxes
	{
		padding: 5%;
	}
	
	.panelDiv
	{
		width: 100%;
	}
	
	figcaption
	{
		padding: 2%;
	}
	
	.news figcaption, .servizi figcaption, .menu figcaption, .ospedali figcaption
	{
		font-weight: bold;
		font-size: 15px;
	}
}