* {

	margin: 0;

	padding: 10px;

}



.container2 {

	display: none;

}



@media all and (-ms-high-contrast:none) {

	body {

		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;

	}

}





.container {

	width: 1000px;

	background-color: #ffffbb;

	margin: auto;

}



.navi {

	width: 100%;

}



ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	background-color: #99ff77;

	overflow: hidden;

	

}



li {

	float: left;

	margin: 0;

	padding: 0;

}



li a{

	text-decoration: none;

	display: block;

	border-left: 1px solid black;

	color: black;

	padding: 10px;

}



li:last-child {

	border-right: 1px solid black;

}



li a:hover {

	background-color: green;

	color: white;

}



.page-head {

		/*border: 1px solid black;*/

		background-image: url("img/italia3.jpg");

		background-position: left top;

		/* background-size: 1000px 460px; */

		background-size: 100% 105%;

		background-repeat: no-repeat;

}

.left {

	float: left;

	width: 47%;

	/*border: 1px solid black;*/

}



.right {

	width: 47%;

	float: right;

	background-color: #99ff77;

	/*border: 1px solid black;*/

	display: block;

}



.footer {

	clear: both;

}



.verde {

	color: #006600;

}



.rosso {

	color: red;

}



.piccolo {

	font-size: 0.9em;

}



#grande {

	font-size: 2em;

	line-height: 1.2;

}



#media {

	font-size: 1.5em;

	line-height: 1;

	font-weight: bold;

}



#grandissimo {

	font-size: 3em;

	line-height: 0.7;

}



p {

	line-height: 1.3;

	padding: 0.8px;

}



#pic {

	font-size: 0.6em;

}



#titolo {

	text-align: center;

}



#titolo-sopra {

	background-color: red;

	color: yellow;

	width: 30%;

	padding: 5px;

	font-weight: bold;

	text-align: center;

}



tr, td{

	vertical-align: top;

	/*border: 1px solid black;*/

}



#table-right {

	border-collapse:collapse;

}



#table-top {

	border-collapse:collapse;

	

}



#giallo {

	background-color: yellow;

}



#linee {

	border-top: 1px solid red;

	border-bottom:1px solid red;

}



#t-lezioni {

	border-collapse: collapse;

	

}



#t-lezioni td {

	border-left: 10px solid green;

	border-top: 1px solid green;

	border-right: 10px solid green;

}



#t-lezioni th {

	border-left: 10px solid green;

	border-right: 10px solid green;

}



.note {

	

}



.verde-chiaro {

	background-color: #ddff99;

	padding: 10px;

}



.verde-titolo {

	color: #55bb66;

}



.verde-scuro {

	background-color: #aaee66;

	padding: 10px;

}



.foto {

	text-align: center;

}



@media only screen and (max-width:600px) {

		

	.container {

		display: none;

		

	}

	

	.container2 {

		margin: auto;

		display: block;

		padding: 5px;

		

	}

	

	

	.page-head {

		background-color: white;

		background-image: none;

	}

	

	#titolo-sopra {

		width: 100%;

	}

	

	.navi {

		width: 100%;

	}

	

	.left{

		width: 100%;

		float: none;

	}

	

	.right {

		width: 100%;

		float: none;

	}

	

	.footer {

		float: none;

	}

	.verde-chiaro {

	background-color: #ddff99;

	padding: 10px;

	}



	.verde-scuro {

		background-color: #aaee66;

		padding: 10px;

	}

	#grande {

	font-size: 1.5em;

	line-height: 1;

}

	#media {

		font-size: 1.5em;

		font-weight: bold;

	}

	#piccolo {

	font-size: 0.9em;

}

}