/* @override 
	http://w2.italyguides.it/templates/roma/css/menu.css
	http://italyguides.compart-corporation.com/templates/roma/css/menu.css
	http://cms.italyguides.net/templates/roma/css/menu.css
	http://italyguides.compart/templates/roma/css/menu.css
 */
 
 
.navbar{
	position:relative;
	min-height:10px;
	margin-bottom:0px;
	border:none;
	}
	
	div.navbar-collapse.collapse {
		margin: 0;
		padding: 0;
	}
	
	ul.nav-child.dropdown {
		margin: 0;
		padding: 0;
	}
	
	#header div.navbar.navbar-default div.container {
		margin: 0;
		padding: 0;
	}
	
	.m_city {
	width: 110px;
}
.m_guest {
	width: 152px;
}
.m_guide {
	width: 172px;
}
.m_home, .m_what {
	width: 154px;
}

.m_tours {
	width: 145px;
}
.m_photo {
	width: 155px;
}
@media (min-width: 768px) and (max-width: 991px) {

 .m_city {
 	width: 65px;
 }

.m_guest {
 	width: 90px;
}
 .m_guide {
 	width: 125px;
 }
 .m_home, .m_what {
 	width: 100px;
 }
 
 .m_tours {
 	width: 115px;
 }
 .m_photo {
 	width: 125px;
 }
 #mainm li a {
 	font-size: 15px;
 }
#mainm li ul li a {
	font-size: 13px;
} 
   
}
@media (min-width: 992px) and (max-width: 1199px) {

 .m_city {
 	width: 80px;
 }
 .m_guest {
 	width: 119px;
 }
 .m_guide {
 	width: 172px;
 }
 .m_home, .m_what {
 	width: 134px;
 }
 
 .m_tours {
 	width: 145px;
 }
 .m_photo {
 	width: 155px;
 }
   
}

@media (min-width: 768px) {




.gradient {
	background: url(../images_virtuale/barra.jpg) repeat-x #dcccaf;
}
 
.gradient li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
	}

ul.gradient {
	padding: 0;
	margin: 0;
	text-align: left;
	border-bottom: 1px solid #b2987d;
	border-top: 1px solid #514235;
	}


 




.gradient li li.deeper:hover {
	background-repeat: no-repeat;
	background-position: right bottom;
}



.gradient li li li:last-child {
	margin-bottom: 0px;
}

.gradient li li a {
    display: block;
	text-decoration: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
	min-width: 180px;
	margin: 6px 0 0;
	background-image: none;
}

.gradient li li a:first-child {
	border-top-right-radius: 0px;
}

.gradient li li li a:first-child {
	border-top-right-radius: 4px;
}


.gradient li li.current.active a {
	color: white;
	
}

.gradient .navbar .nav > li > a {
	    color: #9c9c9c;
}
 





.gradient .navbar .nav > .active > a,
.gradient .navbar .nav > .active > a:hover,
.gradient .navbar .nav > .active > a:focus {
  text-decoration: none;
  box-shadow: none;
}

	
div.mainmenu .gradient ul {
    position: absolute;
	opacity: 0;
	border-radius: 0 0 4px 4px;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
	box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.64);
	z-index: 50;
	overflow: visible;
	background-color: #fefeea;
	padding: 0;
	visibility: hidden;
	left: 0;
	top: 42px;
	width: 240px;
}



div.mainmenu .gradient ul ul {
	position: absolute;
    top: 4px;
    left: 236px;
     opacity: 0;
border-radius: 4px;
border-top-left-radius: 0;
     -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
	box-shadow: -1px 8px 4px rgba(0, 0, 0, 0.4);
	visibility: hidden;
} 
 
 
 
div.mainmenu .gradient li:hover > ul { opacity: 0.95;
	visibility: visible;
	display: inline;
}

 
div.mainmenu .gradient ul li {
	height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
 
div.mainmenu .gradient li:hover > ul li {
    height: 35px;
    overflow: visible;
    padding: 0;
}

.mainmenu ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
}


.mainmenu ul li:first-child {
	border-left-style: none;
	
}

.mainmenu ul li li {
	border-right-style: none;
	width: 100%;
	display: block;
}


.mainmenu ul li li:last-child {
	border-right: none;
	margin-bottom: 20px;
	
}



.mainmenu ul li a:link, .mainmenu ul li a:visited {
	margin: 0;
	display: block;
	padding-top: 13px;
	color: #533900;
	font: 18px 'Gilda Display', serif;
	text-align: center;
	opacity: 1;
	background: url(../images_virtuale/barra.menu.jpg) right 0 no-repeat;
	height: 43px;
}

.mainmenu ul li a.m_guest:link, .mainmenu ul li a.m_guest:visited {
	background: url(../images_virtuale/barra.menu.jpg) left 0 no-repeat;
}

.mainmenu ul li a.m_guest:hover, .mainmenu ul li a.m_guest:active {
	background: url(../images_virtuale/barra.menu.hover.jpg) left 0 no-repeat;
}

.gradient li a {
    display: block;
	margin: 6px 0;
	text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
	line-height: 21px;
	padding: 0;
}

.mainmenu ul li li a:link, .mainmenu ul li li a:visited {
	margin: 0;
	padding: 0 30px;
	border-style: none;
	border-bottom: 1px solid #b2987d;
	text-align: left;
	font: 13px/30px arial;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 240px;
	white-space: nowrap;
	background: none;
	height: 35px;
}



.mainmenu ul li li a:hover, .mainmenu ul li li a:active {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #f3e7c6;
	background-image: none;
}

div.mainmenu ul li.active a, .mainmenu ul li a:hover, .mainmenu ul li a:active {
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background: url(../images_virtuale/barra.menu.hover.jpg) right 0 no-repeat;
}

div.mainmenu ul li li.active a {
	background: none #eaddb6;
}

#mainm li.active.deeper.parent ul.nav-child.dropdown.unstyled.small li a {
	background: none;	
}



#mainm li.active.deeper.parent ul.nav-child.dropdown.unstyled.small li.current.active a {

}

#mainm li.active.deeper.parent ul.nav-child.dropdown.unstyled.small li a:hover, #mainm li.active.deeper.parent ul.nav-child.dropdown.unstyled.small li a:active {
}
}@media (max-width: 767px) {

.navbar-header {
	background: url(../images_virtuale/barra.jpg) repeat-x #dcccaf;
	padding-top: 7px;
	height: 43px;
	text-align: left;
	padding-left: 20px;
}

.m_city, .m_guest, .m_guide, .m_home, .m_what, .m_tours, .m_photo {
	width: 100%;
}


	
}