.area-header {position:absolute; width:100%; left:50%; margin-left:-50%; }
.area-logo { position:absolute; z-index:9; }
.area-telefono { position:absolute; z-index:9; color:#000000;font-family: "Belleza", sans-serif; font-weight: 400; font-style: normal;  }
.social { position:absolute; z-index:9;}

.navbar-inverse .navbar-nav > li > a { font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; font-weight: 700; color:#ffffff; }
.navbar-inverse .navbar-nav > li > a:hover { color:#ffffff;  }
.navbar-inverse .navbar-nav > li > a:focus { color:#ffffff; }
.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:15px; margin-bottom:0px; margin-top:20px; padding-bottom:5px; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:transparent;}
.navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-inverse .navbar-toggle .icon-bar hover{ background-color: #fff; }
.navbar-toggle .icon-bar { width: 28px; }
.navbar-collapse { padding-right:0px; }
.dropdown-menu { z-index:999999; background-color:#ffffff; }
.dropdown-menu > li > a { font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; font-weight: 700; color:#000000; }
.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: #000; }




@media (max-width:767px) {

.area-header { min-height:120px; position:relative; background: #2f64c2; }
.area-logo {  top:20px; left: 50%; margin-left:-99px; }
.img-logo { width:199px; height:auto; }

.area-telefono { right:25px; top:65px;}




.navbar-inverse .navbar-nav > li > a { font-size:14px;  }
.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 30px; }
.navbar { background-color: transparent; min-height:0px; }
.navbar-collapse { border-top:1px; }
.navbar-nav { margin: 40px 0px 10px 10px;  }
.navbar-collapse { max-height: 500px; }
.navbar-inverse .navbar-nav > li > a { color:#ffffff; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { padding-top:6px;  }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #fff;}

 }

@media(min-width:768px) and (max-width:991px) {




 }

@media(min-width:992px) {

.area-header { height:135px; border-bottom:2px solid rgba(255, 255, 255, 0.1); }
.area-logo { left:50%; margin-left:-650px; width:254px; top:55px; }
.img-logo { width:auto; height:auto; }

.area-telefono { right:300px; top:60px;}



.navbar-nav { padding-left:0px; padding-top:36px; margin-left:-70px; }
.navbar-inverse .navbar-nav > li > a { font-size:12px; letter-spacing: 3px; }
.navbar { padding-top:50px; }
.nav > li > a { padding: 0px 18px 0 25px; }

.navbar-nav>li>.dropdown-menu { margin-top:10px; }
.dropdown-menu > li > a { font-size:16px; }

 }

@media(min-width:1200px) {
.area-header { height:135px; border-bottom:2px solid rgba(255, 255, 255, 0.1); }
.area-logo { left:50%; margin-left:-650px; width:254px; top:55px; }
.img-logo { width:auto; height:auto; }

.area-telefono { right:300px; top:60px;}




.navbar-nav { padding-left:0px; padding-top:20px; margin-left:815px; float:left; }
.navbar-inverse .navbar-nav > li > a { font-size:13px; }
.navbar { padding-top:50px; }
.nav > li > a { padding: 0px 18px 0 25px; }

.navbar-nav>li>.dropdown-menu { margin-top:10px; }
.dropdown-menu > li > a { font-size:13px; }
 }