.navigation{
    margin: 0px auto;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.4px;
}
.navigation .item{
    position:fixed;
}

.utenti{
    top:30%;
    left:30%;
}
.commercianti{
    top:30%;
    left:70%;
}
.pre-lancio{
   top:65%;
   left:30%;
}
.info{
   top:65%;
   left:70%;
}
.utenti_home{
   top:30%;
   left:30%;
}
.userjoin{
   top:30%;
   left:70%;
}
.userlogin{
   top:65%;
   left:30%;
}
.infoutente{
   top:65%;
   left:70%;
}
.commercianti_home{
   top:30%;
   left:30%;
}
.negozijoin{
   top:30%;
   left:70%;
}
.negozilogin{
   top:65%;
   left:30%;
}
.infonegozi{
   top:65%;
   left:70%;
}
.info_home{
   top:30%;
   left:30%;
}
.chisiamo{
    top:30%;
    left:70%;
}
.differenze{
   top:65%;
   left:30%;
}
.infoinfo{
   top:65%;
   left:70%;
}
.indietro_prelancio{
   top:80%;
   left:46%;
}
.indietro_info_utenti{
   top:3%;
   left:20%;
   z-index:10;
}
.indietro_differenze{
   top:80%;
   left:46%;
}
.indietro_chisiamo{
   top:80%;
   left:46%;
}


a.icon{
    width:52px;
    height:52px;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
}


.utenti a.icon{
    background:transparent url(../images/icons/user.png) no-repeat 0px 0px;
}
.commercianti a.icon{
    background:transparent url(../images/icons/shop.png) no-repeat 0px 0px;
}
.pre-lancio a.icon{
    background:transparent url(../images/icons/lancio.png) no-repeat 0px 0px;
}
.info a.icon{
    background:transparent url(../images/icons/info.png) no-repeat 0px 0px;
}
.utenti_home a.icon{
    background:transparent url(../images/icons/home.png) no-repeat 0px 0px;
}
.userjoin a.icon{
    background:transparent url(../images/icons/iscriviti.png) no-repeat 0px 0px;
}
.userlogin a.icon{
    background:transparent url(../images/icons/login.png) no-repeat 0px 0px;
}
.infoutente a.icon{
    background:transparent url(../images/icons/info.png) no-repeat 0px 0px;
}
.commercianti_home a.icon{
    background:transparent url(../images/icons/home.png) no-repeat 0px 0px;
}
.negozijoin a.icon{
    background:transparent url(../images/icons/iscriviti.png) no-repeat 0px 0px;
}
.negozilogin a.icon{
    background:transparent url(../images/icons/login.png) no-repeat 0px 0px;
}
.infonegozi a.icon{
    background:transparent url(../images/icons/info.png) no-repeat 0px 0px;
}
.info_home a.icon{
    background:transparent url(../images/icons/home.png) no-repeat 0px 0px;
}
.chisiamo a.icon{
    background:transparent url(../images/icons/chisiamo.png) no-repeat 0px 0px;
}
.differenze a.icon{
    background:transparent url(../images/icons/differenze.png) no-repeat 0px 0px;
}
.infoinfo a.icon{
    background:transparent url(../images/icons/fav.png) no-repeat 0px 0px;
}
.indietro_prelancio a.icon{
    background:transparent url(../images/icons/home.png) no-repeat 0px 0px;
}
.indietro_info_utenti a.icon{
    background:transparent url(../images/icons/indietro.png) no-repeat 0px 0px;
}
.indietro_differenze a.icon{
    background:transparent url(../images/icons/indietro.png) no-repeat 0px 0px;
}
.indietro_chisiamo a.icon{
    background:transparent url(../images/icons/indietro.png) no-repeat 0px 0px;
}


.navigation .item a.active{
    background-position:0px -52px;
}
.item img.circle{
    position:absolute;
    top:0px;
    left:0px;
    width:52px;
    height:52px;
    opacity:0.1;
}
.item h2{
    position:absolute;
    width:250px;
    height:52px;
    color:#222;
    font-size:18px;
    top:0px;
    left:52px;
    text-indent:10px;
    line-height:20px;
    text-shadow:1px 1px 1px #fff;
    text-transform:uppercase;
}
.item h2.active{
    color:#fff;
    text-shadow:1px 0px 1px #555;
}
.item ul{
    list-style:none;
    position:absolute;
    top:60px;
    left:25px;
    display:none;
}
.item ul li a{
    font-size:15px;
    text-decoration:none;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#222;
    padding:3px;
    float:left;
    clear:both;
    width:100px;
    text-shadow:1px 1px 1px #fff;
}
.item ul li a:hover{
    background-color:#fff;
    color:#444;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px 4px #666;
    -webkit-box-shadow:1px 1px 4px #666;
    box-shadow:1px 1px 4px #666;
}

.info_prelancio{
	background-color:blue;
    position:fixed;
    top:20%;
    left:20%;
	width:60%;
	border-radius:25px; 
	padding:10px;
	color: white;
	font-size:18px;
	overflow:auto;
	height:400px;
	margin:0 auto;
}
.link{
	color:red;
	clear:both;
	width:100px;
}	

.titolo{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-300px;
	width:600px;
	height:100px;
	background-color:#0000DD; border2px solid; border-radius:25px; padding:25px;
	font-family:Arial; font-size:35px; text-align:center; color:white; text-shadow:1px 1px 1px #f00;
}
.titolo2{
	position:absolute;
	top:0%;
	left:50%;
	margin-left:-300px;	
	width:600px;
	height:80px;
	background-color:#0000DD; border2px solid; border-radius:25px; padding:15px;
	font-family:Arial; font-size:35px; text-align:center; color:white; text-shadow:1px 1px 1px #f00;
}
.StopMusic{
	position:absolute;
	bottom:0%;
	left:0%;
	text-align:center;
	background-color:yellow;
	border2px solid; 
	border-radius:25px; 
	padding:10px;
}
#problemi-navigazione{
	position:absolute;
	bottom:0%;
	left:85%;
	
	text-align:center;
	background-color:red;
	color: white;
	border2px solid; 
	border-radius:25px; 
	padding:10px;
}