.area-header { background-color:#ffffff; }
.area-logo { position:absolute; z-index:3; }
.area-ricerca { position:absolute; z-index:3; }
.area-condizioni { position:absolute; z-index:3; }
.area-whatsapp { position:absolute; z-index:3; }
.area-bruna { background-color:#242424; position:absolute; z-index:2; }
.area-social { position:absolute; z-index:43; }
.area-ricerca { position:absolute; z-index:33; }
.area-bottone { position:absolute; z-index:33; }
.box-ricerca { border:1px solid #242424; border-radius:15px; }
.btn-ricerca { background-image: url("/img/lente.png"); background-position:top center; background-repeat:no-repeat; width:27px; height:27px; border:0px; background-color:transparent; }

.navbar-inverse .navbar-nav > li > a { font-family: 'Karla', sans-serif; color:#242424; }
.navbar-inverse .navbar-nav > li > a:hover { color:#013823; }
.navbar { border-radius: 0px; border:0px; margin-bottom:0px; background-color:transparent; z-index:8; }
.navbar-inverse { border-color:transparent; z-index:8; }
.navbar-collapse {  padding-left: 0px; min-height:auto; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; z-index:8; }
.navbar-inverse .navbar-toggle { border-color: transparent; }
.navbar-toggle { background-color: transparent; margin-right:-7px; margin-bottom:0px; margin-top:28px; margin-left:10px; }
.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: #013823; }
.navbar-inverse .navbar-toggle .icon-bar hover{ background-color: #013823; }
.navbar-toggle .icon-bar { width: 28px; }
.navbar-collapse { padding-right:0px; }
.dropdown-menu { z-index:12; }
.dropdown-menu > li > a { }
.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: #000000; }

@media (max-width:767px) {
.area-header { min-height:110px; }
.area-ricerca { top:139px; left:16px; }
.area-bottone { top:139px; left:139px; }
.box-ricerca { width:150px; height:26px; padding-left:6px;}
.area-logo { position:relative; text-align:center; padding-top:68px; }
.area-bruna { width:100%; height:32px; padding-left:20px; padding-top:5px; top:0px; left:0px; }
.area-whatsapp { top:2px; right:25px; }
.whatsapp-sposta { position:relative;    top:2px; left:8px; }
.area-condizioni { top:35px; right:15px; }
.area-social { left:15px; top:33px; }

.navbar-inverse .navbar-nav > li > a { font-size:15px;  }
.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:1px; }
.navbar-nav { margin: 0px 0px 10px 10px;  }
.navbar-collapse { max-height: auto; }
}

@media(min-width:768px) and (max-width:991px) {
.area-header { height:90px; }
.area-logo { top:5px; left:0px; }
.img-logo { width:234px; height:44px; }
.area-ricerca { top:59px; left:500px; }
.area-bottone { top:60px; left:572px; }
.box-ricerca { width:100px; height:26px; padding-left:4px;}
.btn-ricerca {  }
.area-condizioni { top:36px; left:496px; }
.area-bruna { width:460px; height:32px; left:300px; top:0px; padding-left:56px; padding-top:5px; }
.area-whatsapp { top:2px; left:590px; }
.whatsapp-sposta { position:relative;    top:2px; left:8px; }
.area-social { left:630px; top:56px; }

.navbar-inverse .navbar-nav > li > a { font-size:14px; }
.navbar { margin-top:58px; height:30px; padding-left:0px; padding-right:0px; }
.nav { padding-right:0px; }
.nav > li > a { padding: 0px 5px; }
}

@media(min-width:992px) {
.area-header { height:90px; }
.area-logo { top:5px; left:0px; }
.img-logo { width:234px; height:44px; }
.area-ricerca { top:57px; right:80px; }
.area-bottone { top:58px; right:80px; }
.box-ricerca { width:200px; height:26px; padding-left:6px;}
.btn-ricerca {  }
.area-condizioni { top:36px; left:432px; }
.area-bruna { width:620px; height:30px; left:377px; top:0px; padding-left:56px; padding-top:4px; }
.area-whatsapp { top:2px; left:790px; }
.whatsapp-sposta { position:relative;    top:2px; left:8px; }
.area-social { left:910px; top:54px; }

.navbar-inverse .navbar-nav > li > a { font-size:15px; }
.navbar { margin-top:58px; height:30px; padding-left:10px; padding-right:0px; }
.nav { padding-right:0px; }
.nav > li > a { padding: 0px 12px; }
}

@media(min-width:1200px) {
.area-header { height:80px; }
.area-logo { top:20px; left:0px; }
.img-logo { width:234px; height:44px; }
.area-ricerca { top:44px; right:80px; }
.area-bottone { top:45px; right:80px; }
.box-ricerca { width:270px; height:26px; padding-left:6px;}
.btn-ricerca {  }
.area-condizioni { top:6px; left:307px; }
.area-bruna { width:520px; height:32px; left:650px; top:0px; padding-left:56px; padding-top:5px; }
.area-whatsapp { top:2px; left:990px; }
.whatsapp-sposta { position:relative;    top:2px; left:8px; }
.area-social { left:1110px; top:40px; }

.navbar-inverse .navbar-nav > li > a { font-size:16px; }
.navbar { margin-top:43px; padding-left:280px; padding-right:0px; }
.nav { padding-right:0px; }
.nav > li > a { padding: 0px 15px; }
}