/* Generale    ----------- */
nav {
	border:0;
	margin:0 auto;
	z-index: 10001!important;
}
nav ul {
	width:100%;
	margin:0;
	padding:0;
	z-index:10;
	position:relative;
	display:flex;
 	display:-webkit-flex;
 	flex-flow:row wrap;
 	-webkit-flex-flow:row wrap;
	align-content: flex-start;
	justify-content:flex-end;
	-webkit-align-content: flex-start;
	-webkit-justify-content:flex-end;
}
nav li {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	display:flex;
 	display:-webkit-flex;
 	flex-flow:row wrap;
 	-webkit-flex-flow:row wrap;
	align-content:stretch;
	-webkit-align-content:stretch;
}
nav li a {
	margin:0;
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
}
/* Smartphones ----------- */
@media only screen and (max-width : 1200px) {
nav {
	width:94%;
	position:absolute;
	right:-100%;
	top:0rem;
	transition:all 300ms ease-in-out;
	padding:8rem 3% 1rem 3%;
	min-height: -moz-calc(100% - 6rem); /* Firefox */
	min-height: -webkit-calc(100% - 6rem);/* WebKit */
	min-height: -o-calc(100% - 6rem); /* Opera */
	min-height: calc(100% - 6rem); /* Standard */
	transition: all ease-in-out 400ms;
	z-index: 3000;
}
nav.estratto {
	right:0;
	background: url(../../../images/pubblico/logo.svg) no-repeat #FFF;
	background-size: 10rem auto;
	background-position: 3% 1rem;
}
nav ul {
	width:100%;
	padding:0 0 0 0;
	margin:0 0;
	float:right;
}
nav ul 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;
}
nav ul li a {
	text-align:left;
	line-height:2.5rem;
	color:#000!important;
}
nav a.estrai_menu {
	background:url(../../../images/pubblico/open.svg) no-repeat center center;
	width:4rem;
	height:4rem;
	float:left;
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	top:4rem;
	left:-4rem;
}
nav.estratto a.estrai_menu {
	background:url(../../../images/pubblico/close.svg) no-repeat center center;
	width:4rem;
	height:4rem;
	float:left;
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	top:4rem;
	left: -moz-calc(100% - 4rem); /* Firefox */
	left: -webkit-calc(100% - 4rem);/* WebKit */
	left: -o-calc(100% - 4rem); /* Opera */
	left: calc(100% - 4rem); /* Standard */
}
nav ul ul {
	display: none;
}
nav ul li:hover > ul {
	display: block;
}
nav ul {
}
nav ul li {
    border-bottom:0.0625rem solid #DDD;
}
nav ul li ul li {
    border-top:0.0625rem dotted #DDD;
    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 li ul li:hover {
	background:url(../../../images/pubblico/smartLi.svg) no-repeat top left;
	background-size: 1.25rem 2.5rem;
}
nav li, nav li a {
    color: #FFF;
    background:none;
}
nav li.figli {
    background: url(../../../images/pubblico/figli.svg) no-repeat top right;
	background-size: 2.5rem 2.5rem;
}
nav li:hover {
    color: #FFF;
    background:none;
}
nav li.figli:hover {
    background: url(../../../images/pubblico/figli.svg) no-repeat top right;
	background-size: 2.5rem 2.5rem;
}
nav li:hover a {
    color:#FFF;
	background:none;
}
nav a.selected {
    color:#AAA;
	background:none;
}
nav li#carrello {
	margin:0;
	padding:0;
}
nav li#cerca {
	display:none;
}
	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#carrello a span {
	background: url(../../../images/pubblico/cartNav.svg) no-repeat center left;
	background-size:contain;
	padding:0 0rem 0 2.7rem;
	float:left;
	font-weight: 500;
	color: #4A5860;
}
}
/* ipad desktop ----------- */
@media only screen and (min-width : 1201px) {
nav {
	width:100%;
	right:0 !important;
}
nav ul {
	margin:0 auto;
	max-width: 75rem;
	padding:0;
	z-index:10;
	position:relative;
	display:flex;
 	display:-webkit-flex;
 	flex-flow:row wrap;
 	-webkit-flex-flow:row wrap;
	align-content: flex-end;
	justify-content:space-between;
	-webkit-align-content:flex-end;
	-webkit-justify-content:space-between;
}
nav ul {
	background-repeat:repeat-x;
	background-size: contain;
}
nav ul li {
	height:2.5rem;
	position:relative;
	padding: 0 0;
	margin: 0 0 0 0;
}
nav ul li a {
	width:100%;
	text-align:center;
	padding:0 0.625rem;
	margin:0;
	line-height:2.5rem;
	font-size: 0.875rem!important;
	font-weight: 400!important;
}
nav ul li a:hover {
}
nav ul li a.selected {
}
a.estrai_menu {
	display:none;
}
nav ul li.home {
	display: none;
}
/* Tendine ----------- */
nav ul ul {
	display: none;
}
nav ul li:hover > ul {
	display: block;
	position: absolute;
	top:2.5rem;
	left: 0rem;
	background:none;
}
nav li a {
	display: block;
	text-decoration: none;
}
nav ul.topmenu li a:hover {
	background:none;
}
nav li.sub > a {
	font-weight: bold;
}
nav ul.topmenu {
	width:15rem;
}
nav ul.topmenu > li:hover > ul {
	width:15rem;
	top: 2.0125rem;
	left: 0rem;
}
nav ul li ul li {
	display:block;
	padding:0 0 0 0;
	border-bottom: 1px solid #A51F38;
	width:100%;
	height: auto;
}
nav ul li ul li a {
	margin:0 0 0 0;
	padding:0.725rem 0.625rem;
	border-radius:0px;
	text-align:left;
	line-height:1.05rem;
	width: calc(100% - 1.25rem);
	white-space:normal!important;
	height: auto;
}
nav li.lingue {
	padding-left: 1.8rem;
	margin-left: 1rem;
	background: url(../../../images/pubblico/global.svg) no-repeat center left;
	background-size: 1.4rem 1.4rem;
}
nav li.lingue ul.topmenu {
	width:8rem;
}
nav li.lingue ul.topmenu > li:hover > ul {
	width:8rem;
	top: 2.0125rem;
	left: 0rem;
}
nav li li a.it {
	width: calc(100% - 1.8rem);
	padding:0.725rem 0 0.725rem 1.8rem;
	background: url(../../../images/pubblico/it.png) no-repeat #CB333B!important;
	background-size: 1.2rem auto!important;
	background-position: 0.2rem 0.625rem!important;
}
nav li li a.it:hover {
	width: calc(100% - 1.8rem);
	padding:0.725rem 0 0.725rem 1.8rem;
	background: url(../../../images/pubblico/it.png) no-repeat #A51F38!important;
	background-size: 1.2rem auto!important;
	background-position: 0.2rem 0.625rem!important;
}
nav li li a.en {
	width: calc(100% - 1.8rem);
	padding:0.725rem 0 0.725rem 1.8rem;
	background: url(../../../images/pubblico/uk.png) no-repeat #CB333B!important;
	background-size: 1.2rem auto!important;
	background-position: 0.2rem 0.625rem!important;
}
nav li li a.en:hover {
	width: calc(100% - 1.8rem);
	padding:0.725rem 0 0.725rem 1.8rem;
	background: url(../../../images/pubblico/uk.png) no-repeat #A51F38!important;
	background-size: 1.2rem auto!important;
	background-position: 0.2rem 0.625rem!important;
}
nav li li a.fr {
	width: calc(100% - 1.8rem);
	padding:0.725rem 0 0.725rem 1.8rem;
	background: url(../../../images/pubblico/fr.png) no-repeat #CB333B!important;
	background-size: 1.2rem auto!important;
	background-position: 0.2rem 0.625rem!important;
}
nav li li a.fr:hover {
	width: calc(100% - 1.8rem);
	padding:0.725rem 0 0.725rem 1.8rem;
	background: url(../../../images/pubblico/fr.png) no-repeat #A51F38!important;
	background-size: 1.2rem auto!important;
	background-position: 0.2rem 0.625rem!important;
}
nav li li a.es {
	width: calc(100% - 1.8rem);
	padding:0.725rem 0 0.725rem 1.8rem;
	background: url(../../../images/pubblico/es.png) no-repeat #CB333B!important;
	background-size: 1.2rem auto!important;
	background-position: 0.2rem 0.625rem!important;
}
nav li li a.es:hover {
	width: calc(100% - 1.8rem);
	padding:0.725rem 0 0.725rem 1.8rem;
	background: url(../../../images/pubblico/es.png) no-repeat #A51F38!important;
	background-size: 1.2rem auto!important;
	background-position: 0.2rem 0.625rem!important;
}

	
	
	
/* Colori ----------- */

nav {
	background: #CB333B!important;
}	

nav li a {
	color: #FFF;
}
nav li:hover a {
	background: #A51F38;
}
nav li:hover a {
	color: #FFF;
	background: #A51F38;
}
nav ul ul li, nav ul ul li a, nav li:hover ul li a {
	color: #FFF;
	background: #CB333B;
}
nav ul ul li:hover, nav ul ul li:hover a {
	color: #FFF;
	background: #A51F38;
}
nav li:hover ul li a {
	color: #FFF;
	background: #CB333B;
}
}