*, *:before, *:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
}

a{
	text-decoration:none;
	font-family: Helvetica, arial;
	color:#000;
	font-weight: 400;
	text-decoration: none;
	}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

/* font menu 1 */

#header-test{
	width:100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FB0062
	padding-top: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
} /* barra di fondo */

#header{
	width:100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FB0062
	padding-top: 11px;
	padding-top: 11px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
} /* barra di fondo */


    

#header:after{content:"";clear:both;display:block}
.search{float:right;padding:10px}
input{border:none;padding:10px;border-radius:20px}
.logo{
	float:left;
	display:block;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 0;
}
.logo a{
	font-size:28px;
	font-family: Helvetica, arial;
	display:block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
} /* font logo */
nav{float:left;}
nav>ul{
	float:left;
	position:relative;
	padding-top: 20px;
	padding-right: 0px;
}
nav li{list-style:none;float:left}
nav .dropdown{position:relative}
nav li a{
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} /* altezza bianca */
nav li a:hover{
	background-color: #FFFFFF;
} /* backgounf primo menù */
nav li ul{display:none}
nav li:hover ul{display:inline}
nav li li{float:none}
nav .dropdown ul{
	position:absolute;
	left:0;
	top:100%;
	padding:20px 0;
	border-bottom:3px solid #FB0062;
	background-color: #FFFFFF;
}
nav .dropdown li{white-space:nowrap}

nav .dropdown li a{
	font-size:17px;
	font-family: Helvetica, arial;
	min-width:200px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
} /* font menu */

nav .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#fff;overflow:hidden;padding:20px 35px;border-bottom:3px solid #34495e}

nav li li a{float:none;color:#333;display:block;padding:8px 10px;border-radius:3px;font-size:13px}

nav li li a:hover{
	background:#bdc3c7;
	background-color: #FFFFFF;
}
.mega-col{width:25%;float:left}
#menu-icon{position:absolute;right:0;top:50%;margin-top:-12px;margin-right:30px;display:none}
#menu-icon span{border:2px solid #000;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}

.agendaeventi {
	font-family: Helvetica, arial, sans-serif;
	font-size: 1em;
	color: #333333;
	line-height: normal;
	font-weight: bold;
}


@media only screen and (max-width: 5170px) {
  nav >ul>li >a{padding-top: 15px;padding-right: 30px;padding-bottom: 0px;padding-left: 0px}
}
@media only screen and (min-width: 1050px) {
  nav{display:block!important}
}
@media only screen and (max-width: 1049px) {
.logo{float:left;padding:1px 0 6px;display:block;}
  nav{display:none;width:100%;clear:both;float:none;max-height:600px;overflow-y:scroll}
  #menu-icon{display:inline;top:40px;cursor:pointer;}
  #menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
  #menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
  #menu-icon.active .third{display:none}
  .search{float:none}
  .search input{width:100%}
  nav{padding:10px}
  nav ul{float:none}
  nav li{float:none}
  nav ul li a{float:none;padding:8px;display:block}
  #header nav ul ul{display:block;position:static;background:none;border:none;padding:0}
  #header nav a{color:#000;padding:8px}
  #header nav a:hover{background:#FB0062;color:#FFF;border-radius:3px}
  #header nav ul li li a:before{content:"- "}
  .mega-col{width:100%}
}
}

@media only screen and (max-height: 850px) {
  nav{max-height:300px;}
}
@media only screen and (max-width: 700px) {
.logo{
	float:left;
	display:block;
	padding-top: 0px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 20px;
}

}