@charset "UTF-8";

*{
	box-sizing: border-box;
}

/*HEAD*/
.header {
	position:relative;
	height:140px;
	padding: 20px 40px 0px 40px;
	background-color: white;
	color: black;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	}

#logo{
	float: left;
	height: 105px;
	width: auto;
	object-fit: contain;
}
	
/*MENU*/
.menu{
	float: right;
	margin-top: 10px;
}

.menu4 {
	display:none;
	position:absolute;
	width:30px;
	right:10px;
	top:15px;
	cursor:pointer;
}

/*MENU>dropdown 650px width*/
.dropdown-content {
	display:none;
    position: relative;
    right: 0;
    background-color:#F2F2F2;
	width:100%;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-bottom:2px;

	}

.dropdown-content a {
	background-color:#F2F2F2;
    text-decoration:none;
    display:block;
	color:black;
	padding: 15px 20px 25px 20px;
	overflow:auto;
	border-top: 2px solid white;

}

.dropdown-content a:hover {
	background-color:white;
}
	
/*CONTENT*/	
body {
	max-width: 1000px;
	margin: auto;
}

/*NAMES>ADMIN*/
.names {
	min-height: 260px;
	padding: 20px 40px 40px 40px;
	background-color: #3AC493;
	background-size:1050px;
	font-size:15px;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	font-weight: bold;
	/*text-shadow: 2px 2px 5px #9E9E9E;*/
	margin-bottom:4px;
	overflow:auto;
}

/*CONTENT>BANNER*/
.banner {
	padding: 25px 40px 40px 40px;
	background-color: #4d7f8d;
	background-size:1050px;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	font-weight: bold;
	letter-spacing: -0.3px;
	margin-bottom:4px;
	/*cursor: url("../Images/question.png") 15 30, auto;*/
}

h1{
	font-size:30px;
	line-height:32px;
	margin: 0;
	padding: 0;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	font-weight: bold;
}


	
 /*CONTENT>MOSTRA*/
.mostra {
	min-height: 350px;
	padding: 25px 40px 40px 40px;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	font-weight: bold;
	background-color: black;
	margin-bottom:4px;
	cursor:pointer;
}

.mostra_noCollettivo{
	min-height: 350px;
	padding: 25px 40px 0px 40px;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	font-weight: bold;
	background-color: black;
	margin-bottom:4px;
	cursor:pointer;
	}

.mostraNoInfo {
	height: 350px;
	padding: 25px 40px 0px 40px;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	font-weight: bold;
	background-color: black;
	margin-bottom:4px;
	cursor:default;
}

.mostraAggiunta {
	height: 240;
	padding: 25px 40px 0px 40px;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	font-weight: bold;
	background-color: black;
	margin-bottom:4px;
	cursor:default;
}


h2{
	font-size: 30px;
	line-height: 32px;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	font-weight: bold;
	margin-top:0px;
	}
	
.artists{
	font-size:18px;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:20px;
	width:100%;
}
.artists > span{
	white-space: nowrap;
}

.mostra:hover {
	opacity: 0.8;
}

/*DROPDOWN MOSTRA*/
.infomostra {
	padding: 0px 30px 20px 30px;
	font-weight: bold;
	background-color: white;
	margin-bottom:4px;
	overflow:auto; /*fit div into div*/
}

p{
	font-size: 15px;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: black;
	font-weight: bold;
}
	
/*TEXT DIV DROPDOWN MOSTRA*/
.testoMostra {
	width:30.5%;
	float:left;
	font-size:15px;
	margin-left:10px;
	margin-right:10px;
	
	}

.Sillabazione{
	-ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
	
}

/*LINKS*/
a {
	color:black;
	text-decoration:none;
}

.button {
	background-color: white;
    border: 1px solid black;
    color: black;
    padding: 10px 10px 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
	font-family:"Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top:5px;
}
.button:hover{
	background-color: black;
	color:white;
}

.email{
	border: 1px solid black;
	width:100%;
	height:25px;
	display:block;
	font-size:15px;
	font-family:"Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
.mc-field-group{
  width:100%;
  background-color: white; 
  font-size:15px;
  margin-top:5px;
  margin-bottom:5px;
  color: black;
  font-family:"Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
  
}

/*FOOTER*/
.orari{
	height: 120px;
	padding-top: 0px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 0px;
	background-color: #000000;
	color: rgba(255,255,255,1.00);
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;	/* display:none; */
}

footer {
	position: relative;
	width: 100%;
	padding-top: 0px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 40px;
	background-color:#F2F2F2;
	color: black;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0.5px;
	overflow: auto;
}

.testoFooter {
	width:20%;
	float:left;
	font-size:15px;
	}

/*FOOTER>link QuCina*/
.qucina {
	position:absolute;
	right:40px;
	bottom:41px;
	width:204px;
	height:51px;
	background:url(Images/QuCina_2-07.png) 0px 0px;
	background-size:100%;
}

.qucina:hover {
	background:url(Images/QuCina_2-07.png) 0px -51px;
	background-size:100%;
}


/*Page ABOUT OnArte*/

.team {
	padding: 28px 40px 50px 40px;
	background-color: #dddddd;
	background-size:1050px;
	font-size:15px;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #303030;
	font-weight: bold;
	/*text-shadow: 2px 2px 5px #9E9E9E;*/
	margin-bottom:4px;
	overflow:auto;
}

.team td{
	padding-right:60px;
	padding-top:8px;
	padding-bottom:10px;
	border-bottom: solid #303030 1px;
	border-collapse:collapse;
}

.team table{
	border-top: solid #303030 1px;
	width:100%;
	border-spacing:0px;
}
.Map {
	height: 350px;
	margin-bottom:4px;

}
.infoOnarte {
	padding-top: 0px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	font-size: 15px;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: black;
	font-weight: bold;
	background-color: white;
	margin-bottom: 4px;
	overflow: auto; /*fit div into div*/
}
.immagine {
	height:350px;
	background-color:#dddddd;
	width:100%;
	overflow:hidden;
}
.immagine > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sponsor{
	display: flex;
	flex-flow: wrap;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 30px 10px;
	justify-content: center;
}

.sponsor a{
	height: 80px;
	padding: 0 10px;
	flex: 1 200px;
}
.sponsor-img{
	height: 100%;
	object-fit: contain;
}
	
	
img{
	width:100%;
}

.fade{
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}




/*Pagina CONTATTO*/
.infoContact {
	padding: 0px 30px 20px 30px;
	font-size: 15px;
	font-family: "Vectora", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: black;
	font-weight: bold;
	background-color: white;
	margin-bottom:4px;
	overflow:auto; /*fit div into div*/
}

.testoInfo{
	width:30.5%;
	float:left;
	font-size:15px;
	margin-left:10px;
	margin-right:10px;
	}
	
.testoNews{
	width:30.5%;
	float:left;
	font-size:15px;
	margin-left:10px;
	margin-right:10px;
	}



/*RESPONSIVE 650px*/
@media screen and (min-width: 649px){
	.dropdown-content {
	display:none;	
	}
	.dropdown-content a {
		display:none;
	}
	

}

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

	.header{
		height: 120px;
	}
	#logo{
		height: 80px;
	}

	.menu{
		display:none;
	}
	.menu4{
		display:inherit;
	}
	.qucina {
		position:inherit;
		top:30px;
		left:0px;
	}
	footer {
	padding-top: 10px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 40px;
	}
	
	.header {
		padding: 25px 25px 0px 25px;
	}
	.mostra {
		padding: 20px 25px 45px 25px;	
	}
	.mostra_noCollettivo{
	padding: 20px 25px 45px 25px;
	}
	
	.mostraNoInfo {
		padding: 20px 25px 45px 25px;
	}
	
	.mostraAggiunta {
		padding: 20px 25px 45px 25px;
	}
	.mostra:hover {
		padding: 20px 25px 45px 25px;
	}
	
	.infomostra{
		padding:0px 25px 30px 25px;
	}
	.banner {
		padding:10px 25px 25px 25px;
	}
	.names {
		padding:25px 25px 45px 25px;
	}
	.sponsor {
		padding:10px 5px 25px 5px;
	}
	.orari{
		padding:0px 25px 30px 25px;
	}
	.artists{
		width:94%;
	}
	.infoContact {
		padding: 0px 25px 30px 15px;
	}
	
	.sponsorInside img{
		width:160%;
		height:160%;
		margin:-30%;
	}
	.banner{
		font-size:8vw;
		line-height:10vw;
	}
	
	
}
/*RESPONSIVE 750px*/
@media screen and (max-width: 756px){
	
	.testoInfo{
		display:inline-block;
		width:220px;
	}
	.testoNews{
		display: inline;
		float: left;
		width: 95%;
	}
	.testoFooter {
	display:inline;
		float:none;
	}
}
	
/*RESPONSIVE 900px*/
@media screen and (max-width: 900px){
	/*wenn der blidschirm weniger breit als 900px ist*/
	.testoMostra {
		display:inline;
		float:none;
	}
	.infomostra {
	padding: 0px 30px 0px 30px;
	}
	
	.infomostra p{
		margin-top:0px;
		margin-bottom:0px;
	}
	
	.testoMostra p{
		margin-top:0px;
		margin-bottom:0px;
	}
	
}

@media screen and (max-width: 450px){
	/*wenn der blidschirm weniger breit als 900px ist*/
	.sponsorInside{
		float:none;
		width:90%;
		align-content:center;
	}
	.mostra{
		overflow:auto;
			min-height:400px;
	}
	.mostra_noCollettivo{
	height: 320px;
	}
	
	
	.mostraNoInfo{
		overflow:auto;
		min-height:600px;

		}
	
	.mostraAggiunta{
		overflow: auto;
		min-height:200px;
	}
	
	
}