.area-alta { background-color:#0c1529; }
.alta-relativo { position:relative; }
.alta-dove { position:absolute; z-index:3; }
.alta-email { position:absolute; z-index:3; }
.alta-telefono { position:absolute; z-index:3; }

.area-logo { position:absolute; z-index:3; }
.area-preventivo { position:absolute; z-index:3; }
.area-ricerca { position:absolute; z-index:3; }
.area-menu { position:absolute; z-index:3; }

.textbox-ricerca { border:0px; border-bottom:1px solid #1d1d1d; background-color:transparent; color:#1d1d1d; }

.navbar-inverse .navbar-nav > li > a { font-family: "Poppins", sans-serif; color:#ffffff; }
.navbar-inverse .navbar-nav > li > a:hover { color:#b7be11; }
.navbar-inverse .navbar-nav > li > a:focus { color:#b7be11; }
.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:-15px; margin-bottom:0px; margin-top:-25px; }
.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: #369f90; }
.navbar-inverse .navbar-toggle .icon-bar hover{ background-color: #369f90; }
.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: #000000; }
.dropdown-menu { left:auto; right:0; background-color: #21c586; border-radius:18px; border-top-left-radius:18px; }



@media (max-width:767px) {
.area-alta { background-color:#0c1529; min-height:120px; }
.alta-dove { top:5px; left:0px; }
.alta-email { top:60px; left:0px; }
.alta-telefono { top:88px; left:0px; }

.area-header { height:200px; background-color:#c0d2b7; }
.area-logo { position:relative; text-align:center; padding-top:12px; }
.area-preventivo { left:30px; top:230px; }
.area-ricerca { top:170px; left:50px; }
.textbox-ricerca { width:230px; }
.img-lente { width:20px; height:auto; }

.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; }
.dropdown-menu { font-size:15px; }
}


@media(min-width:768px) and (max-width:991px) {
.area-alta { height:66px; }
.alta-dove { top:22px; left:0px; }
.alta-email { display:none; }
.alta-telefono { top:22px; right:0px; }

.area-header { height:200px; }
.area-logo { left:0px; top:20px; }
.area-preventivo { left:320px; top:20px; }
.area-ricerca { left:320px; top:110px; }
.textbox-ricerca { width:240px; }
.area-menu { right:15px; top:90px; }
}


@media(min-width:992px) {	
.area-alta { height:66px; }
.alta-dove { top:22px; left:0px; }
.alta-email { top:22px; left:415px; }
.alta-telefono { top:22px; right:0px; }

.area-header { height:200px; }
.area-logo { left:0px; top:20px; }
.area-preventivo { left:370px; top:20px; }
.area-ricerca { left:370px; top:110px; }
.textbox-ricerca { width:340px; }
.area-menu { right:0px; top:90px; }
}


@media(min-width:1200px) {	
.area-alta { height:66px; }
.alta-dove { top:22px; left:0px; }
.alta-email { top:22px; left:600px; }
.alta-telefono { top:22px; right:0px; }

.area-header { height:200px; }
.area-logo { left:0px; top:20px; }
.area-preventivo { left:470px; top:20px; }
.area-ricerca { left:470px; top:110px; }
.textbox-ricerca { width:340px; }
.area-menu { right:15px; top:92px; }
}