/* Generale    ----------- */
nav {
    border: 0;
    margin: 0 auto;
    z-index: 3003!important;
    padding:0 0 0 0;
    width: 100%;
	background: #000000;


}
nav ul {
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 10;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content:  flex-start;
}
nav li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    align-content: stretch;
	justify-content: center;
	height: auto;
    position: relative;
}
nav li a {
    margin: 0 0 0 0;
    padding: 0.625rem;
    text-decoration: none;
	font-size: 1rem!important;
	line-height:1.25rem;
	height: auto;
	text-align:left;
	font-weight: 500;
	text-transform: uppercase;
}
nav ul li ul li a {
	width: calc(100% - 1.25rem);
	font-size: 0.875rem!important;
}
nav li a {
	color: #DDD;
}
nav li a:hover {
	color: #E4C670;
}
nav ul ul > li a {
	color: #DDD;
}
nav ul ul > li a:hover {
	color: #E4C670;
} 
nav ul li a.selected {
    color: #FFF;
}
nav ul li a.selected:hover {
    color: #E4C670;
}
nav ul li#a41, nav ul li.home {
	display: none;
}
nav li#cerca {
    margin: 0 0 0 0;
    padding: 0 0 0 2.5rem;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content:  center;
	background: url("../../../images/pubblico/cerca.svg") no-repeat;
	background-position: 0.5rem center;
	background-size: 1.6rem auto;
}
nav li#cerca input {
	text-align: center;
	width: 100%;
	font-size: 0.875rem;
}
/* Smartphones ----------- */
@media only screen and (max-width : 1200px) {
nav {
    width: 94%;
    position: absolute;
    right: -100%;
    top: 0rem;
    transition: all 300ms ease-in-out;
    padding: 11rem 3% 1rem 3%;
    min-height: calc(100% - 12rem);
    transition: all ease-in-out 400ms;
    z-index: 3000;
    background: url("../../../images/pubblico/logoW.svg") no-repeat #101010;
    background-size: auto 7rem;
    background-position: center 2.5rem;
}
nav.estratto {
    right: 0;
}
nav ul {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0;
    float: right;
}
nav ul li {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 0.0625rem solid #DDD;
    justify-content: left !important;
}
nav ul li:hover {
    border-bottom: 0.0625rem solid #E4C670;
}
nav ul li ul li a {
    width: auto;
}
nav a.estrai_menu {
    background: url(../../../images/pubblico/open.svg) no-repeat center center;
    width: 3rem;
    height: 3rem;
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    top:0rem;
    left: -3rem;
}
nav.estratto a.estrai_menu {
    background: url(../../../images/pubblico/close.svg) no-repeat center center;
    position: absolute;
    top: 0rem;
    left: calc(100% - 3rem); /* Standard */
}
nav ul li a.apri_chiudi {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    right: 0px;
    background: url("../../../images/pubblico/figli.svg") no-repeat;
    background-size: auto 90%;
	background-position: center center;
    transition: transform 0.3s ease-in-out;
}
nav ul li ul li {
    border-top: 0.0625rem dotted #EEEEEE;
    border-bottom: none;
    background: url(../../../images/pubblico/smartLi.svg) no-repeat top left;
    padding: 0 0 0 1.25rem;
    background-size: 1.25rem 2.5rem;
}
nav ul.topmenu {
    max-height: 0;
    transition: max-height 0.10s ease-out;
    overflow: hidden;
}
nav ul li.aperto > ul.topmenu {
    max-height: 5000px;
    transition: max-height 1s ease-in;
}
nav li#cerca form {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	width: 100%;
}
nav li#cerca form input{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	border: 0;
	line-height: 2.5rem;
	background: #F5F5F5;
}
nav ul li#carrello {
	margin-left: auto;
	background: url("../../../images/pubblico/carrello_amazonstyleW.svg") no-repeat;
	background-position: 0.2rem center;
	width: calc(100% - 2.5rem);
	padding: 0 0 0 2.5rem;
	background-size: 2rem auto;
}
}
/* ipad desktop ----------- */
@media only screen and (min-width : 1201px) {
a.estrai_menu, nav ul li a.apri_chiudi {
    display: none;
}
nav {
	margin: 0 3%;
	padding: 0 3.6875rem 0 0;
	position: absolute;
    right: 0%!important;
	top: calc(50% - 1.5rem);
	width: calc(94% - 3.6875rem);
	height: 5rem;
}
nav ul {
    margin: 0 auto;
    padding: 0;
    z-index: 10;
    position: absolute;
	right: 0;
	bottom: 0;
    justify-content: space-around;
	text-align: center;
}
nav ul li {
	width: 10rem;
	text-align: center!important;
}
nav ul li#a44 {
	margin-right: auto;
}
nav ul li#a45 {
	margin-left: auto;
}
nav ul li a {
	display: inline-block;
}
nav ul li#carrello {
	background: url("../../../images/pubblico/carrello_amazonstyleW.svg") no-repeat;
	background-position: center center;background-size: 80% auto;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0 0.3125rem 0.315rem 0.875rem;
	position: absolute;
	bottom: 0rem;
	right: 0;
}
nav ul li#carrello a {
	padding: 0.25rem 0 0 0;
	width: 100%;
	text-align: center;
	font-size: 1.4rem!important;
	color: #E4C670;
}
nav ul li ul {
    position:absolute;
    left:0;
    top:2.5rem;
    z-index:1;
	width: 14rem;
}
nav li#entra {
	margin-right: 10rem;
}
nav ul li#entra ul {
    right:0!important;
	left: auto;
	width: 10rem;
	text-align: right;
}
nav ul li ul li {
    overflow:hidden;
    max-height:0;
	width: calc(100% - 2px);
    transition:max-height 500ms ease;
	background: #101010!important;
}
nav ul li ul li:hover {
	background: #000000!important;
}
/*
nav ul li ul li:nth-child(odd) {
	background: #FFFFFF;
}
nav ul li ul li:nth-child(even) {
	background: #F5F5F5;
}*/
nav ul > li:hover ul li {
    max-height:150px;
}
nav ul li ul li {
	width: 100%;
}
nav ul.service {
    margin: 0 0 0 0;
    padding: 0;
    z-index: 10;
    position: absolute;
	top: 0;
    right: 0%!important;
	width: auto;
    justify-content:  flex-end;
	height: 2.5rem;
}
nav ul.service li, nav ul.service li:hover {
	border: none;
}
}