/* == Struttura Menù == */

nav {height: 50px; width: 100%; background: #bd9898; position: relative; border-top:1px solid #fff; border-bottom:1px solid #fff; float:left;}
nav ul {padding: 0; height: 50px; list-style: none;}
nav li {display: inline; float: left;}
nav a {color: #6c5656; display: inline-block; width: 100%; text-align: center; line-height: 50px;}
nav li a {border-right: 1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
nav li:first-child a {border-left: 1px solid #fff;;}
nav a:hover, nav a:active, nav a.current {background-color: #6c5656; color:#fff;}


/* == Menù SSB1 == */



@media screen and (min-width: 1200px) {
	
	nav ul{width:1000px; margin:0 auto;}
	nav ul li{width: 33.33%;}
	
 
 }

@media screen and (min-width: 1024px) and (max-width : 1200px) {
	
	nav ul{width:900px; margin:0 auto;}
	nav ul li{width: 33.33%;}
	

}

@media screen and (min-width: 768px) and (max-width : 1024px) {
	
	nav ul{width:700px; margin:0 auto;}
	nav ul li{width: 33.33%;}
	
}

@media screen and (min-width: 480px) and (max-width : 768px) {
	
	nav {height: auto;}
	nav ul {width: 100%; display: block; height: auto;}
	nav li {width: 100%; float: left; position: relative;}
	nav li a {border-bottom: 1px solid #fff; border-right: none;}
	nav li:last-child a{border:none;}
	nav li:first-child a{border-left: none;}
	nav a {text-align: center; width: 100%;}
}

@media screen and (min-width: 320px) and (max-width : 480px) {

	nav {height: auto;}
	nav ul {width: 100%; display: block; height: auto;}
	nav li {width: 100%; float: left; position: relative;}
	nav li a {border-bottom: 1px solid #fff; border-right: none;}
	nav li:last-child a{border:none;}
	nav li:first-child a{border-left: none;}
	nav a {text-align: center; width: 100%;}


}

/* == Menù SSB2 == */


@media screen and (min-width: 1200px) {
	
	nav ul{width:1000px; margin:0 auto;}
	nav ul li{width: 25%;}
	
 
 }

@media screen and (min-width: 1024px) and (max-width : 1200px) {
	
	nav ul{width:900px; margin:0 auto;}
	nav ul li{width: 25%;}
	

}

@media screen and (min-width: 768px) and (max-width : 1024px) {
	
	nav ul{width:700px; margin:0 auto;}
	nav ul li{width: 25%;}
	
}

@media screen and (min-width: 480px) and (max-width : 768px) {
	
	nav {height: auto;}
	nav ul {width: 100%; display: block; height: auto;}
	nav li {width: 100%; float: left; position: relative;}
	nav li a {border-bottom: 1px solid #fff; border-right: none;}
	nav li:last-child a{border:none;}
	nav li:first-child a{border-left: none;}
	nav a {text-align: center; width: 100%;}
}

@media screen and (min-width: 320px) and (max-width : 480px) {

	nav {height: auto;}
	nav ul {width: 100%; display: block; height: auto;}
	nav li {width: 100%; float: left; position: relative;}
	nav li a {border-bottom: 1px solid #fff; border-right: none;}
	nav li:last-child a{border:none;}
	nav li:first-child a{border-left: none;}
	nav a {text-align: center; width: 100%;}


}

/* == Menù SSB3 == */


@media screen and (min-width: 1200px) {
	
	nav ul{width:1000px; margin:0 auto;}
	nav ul li{width: 20%;}
	
 
 }

@media screen and (min-width: 1024px) and (max-width : 1200px) {
	
	nav ul{width:900px; margin:0 auto;}
	nav ul li{width: 20%;}
	

}

@media screen and (min-width: 768px) and (max-width : 1024px) {
	
	nav ul{width:700px; margin:0 auto;}
	nav ul li{width: 20%;}
	
}

@media screen and (min-width: 480px) and (max-width : 768px) {
	
	nav {height: auto;}
	nav ul {width: 100%; display: block; height: auto;}
	nav li {width: 100%; float: left; position: relative;}
	nav li a {border-bottom: 1px solid #fff; border-right: none;}
	nav li:last-child a{border:none;}
	nav li:first-child a{border-left: none;}
	nav a {text-align: center; width: 100%;}
}

@media screen and (min-width: 320px) and (max-width : 480px) {

	nav {height: auto;}
	nav ul {width: 100%; display: block; height: auto;}
	nav li {width: 100%; float: left; position: relative;}
	nav li a {border-bottom: 1px solid #fff; border-right: none;}
	nav li:last-child a{border:none;}
	nav li:first-child a{border-left: none;}
	nav a {text-align: center; width: 100%;}


}

/* == Menù SSB4 == */


@media screen and (min-width: 1200px) {
	
	nav ul{width:1000px; margin:0 auto;}
	nav ul li{width: 16.66%;}
	
 
 }

@media screen and (min-width: 1024px) and (max-width : 1200px) {
	
	nav ul{width:900px; margin:0 auto;}
	nav ul li{width: 16.66%;}
	

}

@media screen and (min-width: 768px) and (max-width : 1024px) {
	
	nav ul{width:700px; margin:0 auto;}
	nav ul li{width: 16.66%;}
	
}

@media screen and (min-width: 480px) and (max-width : 768px) {
	
	nav {height: auto;}
	nav ul {width: 100%; display: block; height: auto;}
	nav li {width: 100%; float: left; position: relative;}
	nav li a {border-bottom: 1px solid #fff; border-right: none;}
	nav li:last-child a{border:none;}
	nav li:first-child a{border-left: none;}
	nav a {text-align: center; width: 100%;}
}

@media screen and (min-width: 320px) and (max-width : 480px) {

	nav {height: auto;}
	nav ul {width: 100%; display: block; height: auto;}
	nav li {width: 100%; float: left; position: relative;}
	nav li a {border-bottom: 1px solid #fff; border-right: none;}
	nav li:last-child a{border:none;}
	nav li:first-child a{border-left: none;}
	nav a {text-align: center; width: 100%;}


}