@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,700');

body {
	font-family:"Titillium";
	font-weight:400;
	
}


h1 {
	font-size: 25pt ;
	color:#BA0041;
	
	
}
.sezione{
	margin:0 20%;
	background-color:#74AB31;
	padding: 10px;
	
}

ul {
    list-style-type: none;
    margin: 0 20%;
    padding: 0;
    overflow: hidden;
    background-color: #74ab31;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #a0d65e;
}
.mySlides{
	padding-top:3%;
	margin-left: auto;
	margin-right:auto;
	width: 60%;
	height: 40%;
	background-repeat:   no-repeat;
	
}
.myImg{
	padding-top:3%;
	margin-left: auto;
	margin-right:auto;
	width: 60%;
	height: 40%;
	background-repeat:   no-repeat;
	
}
.active {
    background-color: #BA0041;
}
.mio_divisore{
	margin:2% 20%;
	
	background-color:#d6d6d6;
	padding:10px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;

}
.mio_video{
	width:60%;
		margin:0 20%;

}
.img_home{
	display:inline;
	width:60%;
		margin:0 20%;
}
div.img {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
    height: 180px;

}

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
}



@media (max-width: 800px){

	ul {

		position: fixed;
	}
.img_home{
	display:inline;
	width:60%;
	height: 40%;
		margin:0 20%;
		padding-top: 60%;

}
.mySlides{
	padding-top:60%;
	margin-left: auto;
	margin-right:auto;
	width: 60%;
	height: 40%;
	background-repeat:   no-repeat;

	
}
.myImg{
	padding-top:60%;
	margin-left: auto;
	margin-right:auto;
	width: 60%;
	height: 40%;
	background-repeat:   no-repeat;

}
.titolo{
	display: none;
}

}