/* generali */
body{max-width:970px; background:url(images/sfondo.png); background-repeat:repeat-x; background-color:#353635; color:#000000; font:14px/normal "Lucida Console", monospace; width:80%; margin-left:auto; margin-right:auto; text-align:justify;}
h1{width: 100%; display: inline-table; margin-bottom:.5em; border-bottom:solid 2px #000000; font-family:"Lucida Console", monospace; color:#000000; font-size:30px; position:relative; text-shadow:2px 2px 2px #000000; text-align:center;}
.shadow{height: 1.2em; filter:Shadow(Color=#000000, Direction=135, Strength=5);} /* ombra dell'h1 per explorer */
.top{width:1010px; height:254px; margin:auto;}
.bottom{margin:auto; background:url(images/bottom.png) center; background-size: auto 100%; width:100%; height:62px; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; box-shadow:#000000 0.5em 0.5em 0.3em; margin-top:20px; margin-bottom:20px;}
a:link{font-weight:bold; text-decoration:none; color:#ffd700;}
a:visited{font-weight:bold; text-decoration:none; color:#ffd700;}
a:hover{font-weight:bold; text-decoration:none; color:#000000; background-color:none; position:relative; text-shadow:1px 1px 1px #000000; text-align:center;}

/*top image*/
#top img{  width: 100%;  margin-bottom: -3px;}
div#header {
  box-shadow: #000 0.5em 0.5em 0.3em;
  border-radius: 15px;
}

/* menu dropdown */
#menu{padding: 3px;
  background: url(images/sfondo_menu.png) center repeat-x;
  background-size: auto 100%;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;/*padding:0px; position:relative; margin:0px; top:-85px; left:115px;*/}
 #menu div{
 	margin: auto;
 	display: flex;
 }
 #menu div a {
  min-width: 50px;
  min-height: 50px;
  background-position: center;
  margin: auto;
}
#menu div a.menu-item div {
  position: relative;
  top: 45px;
  display: none;
  background:url(images/sfondo2.png); background-repeat:repeat-x; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; box-shadow:#000000 0.5em 0.5em 0.3em;
}
#menu>div>a.menu-item:hover>div{
	display: block;
}
#menu>div>a.menu-item div:hover{
	background:url(images/sfondo2f.png); background-repeat:repeat-x;
}
a.menu-item span{
	color:#ffd700;
	line-height: 30px;
	margin: 10px;
}
.menu-item a {
  line-height: 30px;
  margin: 10px;

}
#menu ul{padding:0px; margin-top:5px;}
#menu li{position:relative; float:left; list-style:none; margin:40px; padding:0px;}
#menu li a{width:50px; height:50px; display:block; text-decoration:none; text-align:left; line-height:50px;}
#menu ul ul{position:absolute; top:45px; visibility:hidden;}
#menu ul li{margin-top:0px; height:10px;}
#menu ul li:hover ul{visibility:visible;}

/* sottomenu dove è scritto "home, ipad etc." */
#menua{background:url(images/sfondo2.png); background-repeat:repeat-x; left:-35px; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; box-shadow:#000000 0.5em 0.5em 0.3em;}
#menua:hover{background:url(images/sfondo2a.png); background-repeat:repeat-x;} 
#menub{background:url(images/sfondo2.png); background-repeat:repeat-x; left:-35px; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; box-shadow:#000000 0.5em 0.5em 0.3em;}
#menub:hover{background:url(images/sfondo2b.png); background-repeat:repeat-x;}
#menuc{background:url(images/sfondo2.png); background-repeat:repeat-x; left:-35px; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; box-shadow:#000000 0.5em 0.5em 0.3em;}
#menuc:hover{background:url(images/sfondo2c.png); background-repeat:repeat-x;}
#menud{background:url(images/sfondo2.png); background-repeat:repeat-x; left:-35px; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; box-shadow:#000000 0.5em 0.5em 0.3em;}
#menud:hover{background:url(images/sfondo2d.png); background-repeat:repeat-x;}
#menue{background:url(images/sfondo2.png); background-repeat:repeat-x; left:-35px; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; box-shadow:#000000 0.5em 0.5em 0.3em;}
#menue:hover{background:url(images/sfondo2e.png); background-repeat:repeat-x;}
#menuf{background:url(images/sfondo2.png); background-repeat:repeat-x; left:-35px; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; box-shadow:#000000 0.5em 0.5em 0.3em;}
#menuf:hover{background:url(images/sfondo2f.png); background-repeat:repeat-x;}
#menug{background:url(images/sfondo2.png); background-repeat:repeat-x; left:-35px; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; box-shadow:#000000 0.5em 0.5em 0.3em;}
#menug:hover{background:url(images/sfondo2g.png); background-repeat:repeat-x;}

/* icone che cambiano all'hover */
#menu1{background-image:url(images/home.png);  background-repeat:no-repeat;}
#menu1:hover{background-image:url(images/home_hover.png); background-repeat:no-repeat;}
#menu2{background-image:url(images/cellulare.png);  background-repeat:no-repeat;}
#menu2:hover{background-image:url(images/cellulare_hover.png); background-repeat:no-repeat;}
#menu3{background-image:url(images/iphone.png);  background-repeat:no-repeat;}
#menu3:hover{background-image:url(images/iphone_hover.png); background-repeat:no-repeat;}
#menu4{background-image:url(images/ipad.png);  background-repeat:no-repeat;}
#menu4:hover{background-image:url(images/ipad_hover.png); background-repeat:no-repeat;}
#menu5{background-image:url(images/computer.png);  background-repeat:no-repeat;}
#menu5:hover{background-image:url(images/computer_hover.png); background-repeat:no-repeat;}
#menu6{background-image:url(images/faq.png);  background-repeat:no-repeat;}
#menu6:hover{background-image:url(images/faq_hover.png); background-repeat:no-repeat;}
#menu7{background-image:url(images/e-mail.png);  background-repeat:no-repeat;}
#menu7:hover{background-image:url(images/e-mail_hover.png); background-repeat:no-repeat;}

/* riquadro dei contenuti */
.content{border:solid thick #B2B2B2; width:100%; padding:10px; background:url(images/sfondo1.png) repeat-x; background-color:#a6bed5; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; box-shadow:#000000 0.5em 0.5em 0.3em; margin-top:30px; margin-left:auto; margin-right:auto; box-sizing: border-box;}
.image_home{margin:auto; padding-left:5px;}
.image_home img {
  width: 31.7%;
  padding: 0 5px;
  float: left;
}
.link:link{font-weight:bold; text-decoration:underline; color:#228B22;}
.link:hover{font-weight:bold; text-decoration:none; color:#DC143C; }
.link:visited{font-weight:bold; text-decoration:underline; color:#191970;}

@media (max-width: 900px), (max-device-width: 900px){
	body{
		width: 99%;
	}
}

@media (max-width: 680px){
	.image_home img {
		width: 100%;
		padding: 0;
		margin: 5px auto;
  		clear:left;
	}
	.image_home{
		padding: 0;
	}
}
@media (max-width: 460px){
	#menu>div>div {
		display: none;
	}
	.bottom p {
	  margin-top: 1px;
	  line-height: 11px;
	}
}
@media (max-width: 380px){
	#menu div a {
  		zoom: .8;
	}
	
}