.area-alta { background-color:#3b3b3b;  height:42px; padding:7px; text-align:right; }
.alta-social { text-align:right; }
.area-header { background-color:#ffffff; }
.area-logo { position:absolute; z-index:3; }
.alta-lingue { position:absolute; z-index:3; }
.area-catalogo { position:absolute; z-index:3; }

.navbar-inverse .navbar-nav > li > a { font-family: 'Playfair Display', serif; color:#3b3b3b; }
.navbar-inverse .navbar-nav > li > a:hover { color:#3b55a2; }
.navbar-inverse .navbar-nav > li > a:focus { color:#3b3b3b; }
.dropdown-menu { font-family: 'Playfair Display', serif; }
.navbar { border-radius: 0px; border:0px; margin-bottom:0px; background-color:transparent; z-index:13; }
.navbar-inverse { border-color:transparent; z-index:13; }
.navbar-collapse {  padding-left: 0px; min-height:auto; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; z-index:13; }
.navbar-inverse .navbar-toggle { border-color: transparent; }
.navbar-toggle { background-color: transparent; margin-right:-10px; margin-bottom:0px; margin-top:12px; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:transparent; margin-top:5px; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #3b55a2; }
.navbar-inverse .navbar-toggle .icon-bar hover{ background-color: #3b55a2; }
.navbar-toggle .icon-bar { width: 28px; }
.navbar-collapse { padding-right:0px; }
.nav-tabs { border-bottom: 0px; float:right; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0px; padding-top:0px; text-decoration:none; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #939393; }


@media (max-width:767px) {
.alta-social { text-align:center; }
.area-social-separa { padding-left:7px; }
.area-alta { height:38px; }
.ico-social { width:24px; height:auto; }
.area-header { min-height:70px; position:relative; text-align:center; }
.area-logo { position:relative; margin-top:18px; }
.img-logo { width:250px; height:auto; }
.alta-lingue { top:183px; left:-10px; z-index:88888; width:100px; }
.area-catalogo { right:5px; top:5px; }

.navbar-inverse .navbar-nav > li > a { font-size:16px;  }
.navbar-inverse .navbar-nav > li > a {  background-color:transparent; }
.navbar-inverse .navbar-nav > li > a:hover { background-color:transparent; background-image:none; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { text-align:left; }
.nav > li > a { padding: 6px 6px; }
.navbar { background-color: transparent; min-height:0px; }
.navbar-collapse { border-top:0px; }
.navbar-nav { margin: 0px 0px 10px 10px;  }
.navbar-collapse { max-height: 600px; }
.dropdown-menu { font-size:15px; }
}

@media(min-width:768px) and (max-width:991px) {
.area-social-separa { padding-left:7px; }
.area-header {  }
.area-logo { top:18px; margin-left:-110px; left:50%; width:220px;  }
.img-logo { width:220px; height:auto; }
.alta-lingue { top: -31px; left:15px; }
.area-catalogo { right:15px; top:40px; }

.navbar-inverse .navbar-nav > li > a { font-size:14px; }
.navbar { margin-top:160px; margin-left:0px; border-top:1px solid #3b3b3b; }
.nav > li > a { padding: 7px 19px; }
.dropdown-menu { min-width: 180px; font-size:13px; }
}

@media(min-width:992px) {	
.area-social-separa { padding-left:7px; }
.area-header { }
.area-logo { top:20px; margin-left:-125px; left:50%; width:250px; }
.img-logo { width:250px; height:auto; }
.alta-lingue { top: -31px; left:15px; }
.area-catalogo { right:15px; top:40px; }

.navbar-inverse .navbar-nav > li > a { font-size:16px; }
.navbar { margin-top:182px; margin-left:0px; border-top:1px solid #3b3b3b; }
.nav > li > a { padding: 8px 30px; }
.dropdown-menu { min-width: 200px; font-size:15px; }
}

@media(min-width:1200px) {	
.area-social-separa { padding-left:7px; }
.area-header {  }
.area-logo { top:20px; margin-left:-136px; left:50%; width:272px;  }
.img-logo { width:271px; height:auto; }
.alta-lingue { top: -31px; left:15px; }
.area-catalogo { right:15px; top:40px; }

.navbar-inverse .navbar-nav > li > a { font-size:16px; }
.navbar { margin-top:202px; margin-left:0px; border-top:1px solid #3b3b3b; }
.nav > li > a { padding: 9px 51px; }
.dropdown-menu { min-width: 200px; font-size:15px; }
}