/*------------------------------------*/

/* HEADER
------------------------------------*/
.headerprint {display:none;}
.header {z-index:999; position:relative; margin-top:70px; margin-bottom:20px;}
.header .brand {z-index:2; position:relative; padding:0 10px 10px;}
.header .brand img {width:100%; max-width:230px;}
.header .header-brand .sr-only {color:#FFF;}

.header .searchbar {display:inline; text-align:right; font-size:16px; font-weight:300; padding-top:57px;}
.header .searchbar fieldset {display:inline;}
.header .searchbar input {vertical-align:middle; padding:0; border:0; font-style:italic;}
.header .searchbar #query {border:1px solid #DDD; padding:0 0 0 5px;}


/* TOP */

.top {font-family:'Titillium Web',sans-serif; font-size:16px; font-weight:400 !important; padding:0; background:#555 url(../img/header_sfondo.png) repeat-x top left; 
	border:0; position:fixed; top:0px; width:100%; z-index:1000; height:45px;}

.top ul.topbar {margin:-33px 10px 0 0; padding:0; z-index:9999; position:relative;}
.top ul.topbar > li {display:inline; list-style:none; padding:0 5px 15px 5px;}
.top ul.topbar > li > a, .top ul.topbar > li > a:hover {color:#53565B; text-decoration:none;}
.top ul.topbar li i {color:#DDD; font-size:14px;}
.top ul.topbar li a:hover i {color:#FFF;}


.top ul.socialbar {margin:0; padding:0; z-index:9999; position:relative; display:inline; margin-left:25px;}
.top ul.socialbar > li {display:inline; list-style:none; padding:0 2px 15px 2px;}
.top ul.socialbar > li > a, .top ul.topbar > li > a:hover {color:#53565B; text-decoration:none;}
.top ul.socialbar li i {color:#555; font-size:18px;}
.top ul.socialbar li a:hover i {color:#000;}



/* NAVBAR */
.top .navbar {margin:0; min-height:inherit;}
.top .navbar-default {border:none; background:none;}
.top .navbar-collapse {position:relative; /*max-height: inherit;*/}
.top .navbar-default {background:none !important;}
.top .navbar-default .navbar-nav > li {border-right:1px solid #777;}
.top .navbar-default .navbar-nav > li > a {color:#DDD; font-size:18px; font-weight:400; padding:10px 20px; text-transform:uppercase;}
.top .navbar-default .navbar-nav > li > a span {font-size:12px; font-weight:400; margin-top:-2px; display:block;}
.top .navbar-default .navbar-nav > .active > a {color:#FFF;}
.top .navbar-right .dropdown-menu {right: inherit;}
.top .navbar .nav > li > a i.icon-angle-down {top:-1px; left:1px; font-size:12px; position:relative; margin:0 !important;}

.navbar-toggle,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background:none; float:left; margin-left:5px;}
.navbar-toggle:hover .icon-bar {background:#6aa842 !important;}

.navbar-toggle {margin-top:5px;}
.navbar-toggle .icon-bar {background:#fff; height:3px;}
a.navbar-toggle {color:#FFF !important; padding:5px 0; margin-left:15px; margin:5px 0 0 20px;}
a.navbar-toggle:hover {color:#FFF !important; text-decoration:none;}


.top .dropdown-menu {padding:0; border:none; border-radius:0; z-index:9998 !important; margin-top:-1px !important; border:0; background:#333; color:#DDD;}
.top .dropdown-menu h4 {font-family:'Titillium Web',sans-serif; font-size:14px; font-weight:700 !important; margin-left:20px; margin-top:20px; text-transform:uppercase; color:#FFF;}
.top .dropdown-menu ul {list-style-type:none; padding:0; margin:10px 5px 20px 5px;}
.top .dropdown-menu li {padding:4px 0; margin:3px 15px; line-height:1.2;}
.top .dropdown-menu li a {color:#DDD; font-size:14px; font-weight:400; padding:0; border:0; line-height:1.2;}
.top .dropdown-menu li img {margin-top:-3px; margin-right:5px;}
.top .dropdown-menu li > a:focus {background:none; filter:none !important;}
.top .dropdown-menu .active > a,
.top .dropdown-menu li > a:hover {color:#fff; filter:none !important; 
	-webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out;
}
	
.top #menu-amm {}
.top #menu-uff {left:-203px;}
.top #menu-ser {left:-377px;}
.top #menu-tem {right:0;}

.top .dropdown-menu .col-menu {float:left; margin-right:10px; width:30%;}
.top .dropdown-menu .col-menu-foto {float:right; margin:20px 20px 20px 0px; width:30%;}
.top .dropdown-menu .col-menu-foto img {width:100%;}

.top .dropdown-menu .col-menu2 {width:530px; margin-bottom:20px;}
.top .dropdown-menu .col-menu2 li {display:inline-block; width:45%; margin:3px 0px 3px 15px;}


/*Responsive @Media 
------------------------------------*/
@media (min-width: 767px) {
	
	.top .navbar-collapse {padding:0;}
	.top .navbar-nav {position:relative;}
	.top .navbar-default .navbar-nav > li > a, .top .navbar-default .navbar-nav > li > a:focus {border-bottom:0; border-top:4px solid #000;}
	.top .navbar-default .navbar-nav > li > a:hover, .top .navbar-default .navbar-nav > .active > a {color:#FFF; background:#333 !important; border-top:4px solid #6aa842;}
	.top .navbar-default .navbar-nav > li > a, .top .navbar-default .navbar-nav > li > a:hover, .top .navbar-default .navbar-nav > li > a:focus,	
	.top .navbar-default .navbar-nav > .active > a, .top .navbar-default .navbar-nav > .active > a:hover, .top .navbar-default .navbar-nav > .active > a:focus {background:none;}
	
	.top .navbar-default .navbar-nav > li > a:hover,
	.top .navbar-default .navbar-nav > li > a:focus {color:#FFF; background:#333 !important; border:0; border-top:4px solid #6aa842; z-index:9999 !important;
		-webkit-box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.175), 3px 0px 3px -3px rgba(0, 0, 0, 0.175), -3px 0px 3px -3px rgba(0, 0, 0, 0.175);
		-moz-box-shadow:    0 -3px 3px -3px rgba(0, 0, 0, 0.175), 3px 0px 3px -3px rgba(0, 0, 0, 0.175), -3px 0px 3px -3px rgba(0, 0, 0, 0.175);
		box-shadow:         0 -3px 3px -3px rgba(0, 0, 0, 0.175), 3px 0px 3px -3px rgba(0, 0, 0, 0.175), -3px 0px 3px -3px rgba(0, 0, 0, 0.175);
	}

	.top .navbar-default .navbar-nav > .open > a,
	.top .navbar-default .navbar-nav > .open > a:hover,
	.top .navbar-default .navbar-nav > .open > a:focus {color:#FFF; background:#333 !important; border:0; border-top:4px solid #6aa842; z-index:9999 !important; 
		-webkit-box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.175), 3px 0px 3px -3px rgba(0, 0, 0, 0.175), -3px 0px 3px -3px rgba(0, 0, 0, 0.175);
		-moz-box-shadow:    0 -3px 3px -3px rgba(0, 0, 0, 0.175), 3px 0px 3px -3px rgba(0, 0, 0, 0.175), -3px 0px 3px -3px rgba(0, 0, 0, 0.175);
		box-shadow:         0 -3px 3px -3px rgba(0, 0, 0, 0.175), 3px 0px 3px -3px rgba(0, 0, 0, 0.175), -3px 0px 3px -3px rgba(0, 0, 0, 0.175);
	}
	
	.top .dropdown-menu {
		-webkit-box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.175), 3px 0px 3px -3px rgba(0, 0, 0, 0.175), -3px 0px 3px -3px rgba(0, 0, 0, 0.175), 0px 3px 3px -3px rgba(0, 0, 0, 0.175);
		-moz-box-shadow:    0 -3px 3px -3px rgba(0, 0, 0, 0.175), 3px 0px 3px -3px rgba(0, 0, 0, 0.175), -3px 0px 3px -3px rgba(0, 0, 0, 0.175), 0px 3px 3px -3px rgba(0, 0, 0, 0.175);
		box-shadow:         0 -3px 3px -3px rgba(0, 0, 0, 0.175), 3px 0px 3px -3px rgba(0, 0, 0, 0.175), -3px 0px 3px -3px rgba(0, 0, 0, 0.175), 0px 3px 3px -3px rgba(0, 0, 0, 0.175);
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.top .navbar-default .navbar-nav > li > a {font-size:16px; padding:10px 15px;}
}

@media (max-width: 767px) {
	
	.top {position:absolute;}
	.top .navbar-collapse {background:#555; width:100%; margin:0;}
	.top .navbar-collapse a:hover {color:#FFF;}
	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background:none; color:#FFF;}
	.top .dropdown-menu ul {margin:0 20px 20px 20px;}
	.top .dropdown-menu li {display:inline; padding:0; margin:0 20px 0 0;}
	.top .dropdown-menu li a {padding:0; margin:0;}
	.top .dropdown-menu .col-menu, .top .dropdown-menu .col-menu2 {width:100%; float:none;}
	.top .dropdown-menu .col-menu-foto {display:none;}
	.top .dropdown-menu h4 {margin-top:0;}
	.top .dropdown-menu .col-menu2 li {margin:3px 0px 3px 0px;}
	
	.top ul.topbar {position:absolute; margin:0; top:10px; right:26px;}
}

@media (max-width: 479px) {
	.top {background:#555; border-top:4px solid #000;}
	.top .searchbar {font-size:10px; width:130px; margin:0%; position:relative;}
	.top ul.topbar > li {padding:0 3px;}
	.top ul.socialbar {display:none;}
	.top .navbar {margin:15px 0 0 0;}
	.top .navbar-header {margin-top:-3px;}
	.top ul.topbar {position:absolute; margin:0; top:7px; right:26px;}
	
	.header .brand {width:100%;}
	.header .header-brand {width:100%; text-align:center;}
	.header .searchbar {width:100%; padding-top:25px;}
	.header .searchbar fieldset {width:100%; text-align:center;}
	.header .searchbar #query {width:80%;}
	.navbar-toggle {margin-right:0;}
	
	.boxgrigio .col-xs-6 {width:100%;}
}













/*Mega Menu
------------------------------------*/
.top .mega-menu .nav,
.top .mega-menu .dropup,
.top .mega-menu .dropdown,
.top .mega-menu .collapse {position:static;}

.top .mega-menu .navbar-inner,
.top .mega-menu .container {position: relative;}

.top .mega-menu .dropdown-menu {left:auto;}
.top .mega-menu .dropdown-menu > li {display: block;}

.top .mega-menu .dropdown-submenu .dropdown-menu {left:100%;}
.top .mega-menu .nav.pull-right .dropdown-menu {right:0;}
.top .mega-menu .mega-menu-content {*zoom:1; padding:0;}
.top .mega-menu .mega-menu-content:before,
.top .mega-menu .mega-menu-content:after {content:""; display:table; line-height:0;}
.top .mega-menu .mega-menu-content:after {clear:both;}
.top .mega-menu.navbar .nav > li > .dropdown-menu:after,
.top .mega-menu.navbar .nav > li > .dropdown-menu:before {display: none;}
.top .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {left:63px; right:0; overflow:hidden;}


/*Equal Height Lists*/
@media (min-width: 992px) {
	.top .mega-menu .equal-height {display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.top .mega-menu .equal-height-in {display:-webkit-flex; display:-ms-flexbox; display:flex;}
}

/*Space for only Big Resolution*/
@media (min-width: 992px) {
	.top .mega-menu .big-screen-space {margin-bottom: 20px;}
}

/*Mega Menu Content*/
@media (min-width: 992px) {
    .top .mega-menu .equal-height-in {padding:20px 0; border-left:1px solid #eee;}
    .top .mega-menu .equal-height-in:first-child {border-left:none; margin-left:-1px;}
    .top .mega-menu .equal-height-list {width:100%;}
    .top .mega-menu .equal-height-list li a {display:block; margin-bottom:1px; position:relative; border-bottom:none; padding:5px 10px 5px 15px;}
    .top .mega-menu .equal-height-list a:hover {text-decoration:none;}
}

/*Space Effect inside the container to avoid scroll bar*/
@media (min-width: 737px) and (max-width: 991px) {
	.top .mega-menu .mega-menu-content .container {width: 690px !important;}
	.top .mega-menu .equal-height {margin-right:0;}
	.top .mega-menu .equal-height-in {padding-right:0; margin-right:-15px;}
	
	.top .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {left:50px;}
}

@media (max-width: 991px) {
	.top .mega-menu .equal-height {margin-right: 0;}
	.top .mega-menu .equal-height-in {padding-right: 0;}
}

/*Equal Hight List Style*/
@media (max-width: 991px) {
    .top .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {width:auto;}
    .top .mega-menu .equal-height-in,
    .top .mega-menu .equal-height-list {display: block;}
    .top .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul {display: block;}
}