* {
	font-family: Helvetica, Sans-Serif;
}

/* Contenitore dei 4 div */
#box{
	width:500px;
	height:500px;
	margin-right:5px;
	margin-left:5px;
}

/* Definizione dei 4 div */
#A{
	background-color:green;
	width:50%;
	height:50%;
	float:left;
}

#B{
	background-color:blue;
	width:50%;
	height:50%;
	float:right;
}

#C{
	background-color:red;
	width:50%;
	height:50%;
	float:left;
}

#D{
	background-color: #FFDD07;
	width:50%;
	height:50%;
	float:right;
}

/* Definizione img nei div */

#imgBox{
	height:60%;
}

#titleIndex{
	color:white;
	text-align:center;
	font-size:20px;
}
#ogg:hover
	{
		background-color:#f2f2f2;
	}
#ogg
	{
		padding-left:10px;
	}
/* Definizione parole adiacenti ai 4 div */

#words{
	color: black;
	font-family: Sans-Serif;
	font-size: 20;
	font-weight: bold;
	text-align:center;
	background-color:white;
}
a{
	color: black;
	text-decoration: none
	
	}
/* Queries */
@media (max-width:5000px) {

tr.border_bottom td {
	  border-bottom:1pt solid black;
	  position:left;
	  margin:auto;
	  height:250;
	}

	img.tabella {
		border: 2px solid #ddd;
		border-radius: 4px;
		padding: 1px;
		height:200px;
		width:200px;
		position:left;
	}

	td.primo{
		position:center;
		height:10%;
		width:20%;
	}
	
	td.secondo{
		position:right;
		width:70%;
		text-transform: capitalize;
		color: black;
		 
		font-size: 30px;
		font-weight: bold;
		/*text-align:justify;*/
		
	}
	
table { 
		border-collapse: collapse;
		width:80%;
		margin-left:10%; 
		margin-right:10%;
	}
}


@media (max-width:745px) {
	#box{
	width:400px;
	height:400px;
	margin-right:5px;
	margin-left:5px;
	}
	


	tr.border_bottom td {
	  border-bottom:1pt solid black;
	  position:left;
	  margin:auto;
	  height:150;
	}

	img.tabella {
		border: 1px solid #ddd;
		border-radius: 4px;
		padding: 1px;
		height:100px;
		width:100px;
		position:left;
	}

	td.primo{
		position:left;
		height:15%;
		width:20%;
	}
	
	td.secondo{
		position:center;
		width:70%;
		/*text-align: justify;*/
		text-transform: capitalize;
		color: black;
		 
		font-size: 22px;
		font-weight: bold;
	}
	table { 
		border-collapse: collapse;
		width:80%;
		margin-left:10%; 
		margin-right:10%;
	}

}

@media (max-width:568px) {
	#box{
	width:300px;
	height:300px;
	margin-right:5px;
	margin-left:5px;
	}
	

	tr.border_bottom td {
	  border-bottom:1pt solid black;
	  position:left;
	  margin:auto;
	  height:150;
	}
    table { 
		border-collapse: collapse;
		width:80%;
		margin-left:10%; 
		margin-right:10%;
	}
    img.tabella {
		border: 1px solid #ddd;
		border-radius: 4px;
		padding: 1px;
		height:100px;
		width:100px;
		position:left;
	}

	td.primo{
		position:left;
		height:15%;
		width:20%;
	}
	
	td.secondo{
		position:center;
		width:70%;
		/*text-align: justify;*/
		text-transform: capitalize;
		color: black;
		 
		font-size: 20px;
		font-weight: bold;
	}
}