/* CSS Document */

.navbar-inverse {  border: none; font-size:16px; font-family:'Raleway', sans-serif;  padding: 30px 0 10px 0;  font-weight:400; position: relative; border-color: none; color:#111; background-color:#ACCD36 }
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color:#ACCD36; -webkit-border-radius: 0px;
-moz-border-radius: 0px; border-radius: 0px; padding:10px; }
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #FFFFFF; }
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #73C1CC}
.navbar-inverse { background-image: none;  }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background: none; }
.navbar-inverse { border-color: #5E3D93}
.navbar-inverse .navbar-nav>li>a {color: #111;padding:5px 10px;margin-left:5px;background-color: none;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbarv-nav>li>a:focus { color: #fff; margin-left:5px; padding:5px 10px;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #111; background-color: #e5e5e5; }
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #00AAED}
.dropdown-menu>li>a { color: #FCFCFC}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #00AAED}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
.navbar {
    position: relative;
    margin-bottom: 0px;
    min-height: 100%;
}

.navbar-wrapper{
    border-bottom: 5px solid #E4B462;
}

.center-li{
    width: 230px;
}

.center-li-interior{
    width: 250px;
}


.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.logotipo{
    position: absolute;
    z-index: 999;
      margin: auto;
  top: 0; left: 0;  right: 0;
}


.navbar .navbar-collapse {
	text-align: center;
	border-top: 0px solid #000;
	border-bottom: 2px solid #ACCD36;
	margin-left: 35px;
}

.manos{
    height: 48px;
    background: url(../images/panel.png) repeat left center;

}

  @media (max-width: 1200px) {
        .logotipo {
            width: 180px;
            height: 110px;
        }
      
        .center-li{
                width: 200px;
        }

.navbar-inverse .navbar-nav>li>a { color: #111  ;  padding:5px 10px; margin-left:5px; font-size:14px  }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbarv-nav>li>a:focus { color: #000; margin-left:5px; padding:5px 10px;}      
      
      
    }

@media (max-width: 1024px) {
        .logotipo {
            width: 180px;
            height: 110px;
        }
      
        .center-li{
                width: 200px;
        }

.navbar-inverse .navbar-nav>li>a { color: #111  ;  padding:5px 5px; margin-left:5px; font-size:14px}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbarv-nav>li>a:focus { color: #000; margin-left:5px; padding:5px 5px;}      
      
      
    }

  @media (max-width: 800px) {
        .logotipo {
            width: 150px;
            height: 100px;
        }
      
        .center-li{
                width: 150px;
        }

.navbar-inverse .navbar-nav>li>a { color: #111  ;  padding:5px 10px; margin-left:5px; font-size:14px  }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbarv-nav>li>a:focus { color: #000; margin-left:5px; padding:5px 10px;}      
      
      
    }




@media (max-width: 767px) {
	
        .navbar-nav{
            margin-bottom: 50px

        }

        .navbar-nav > .center-li{
            display: none
        }
		
		.navbar-nav > .center-li-interior{
            display: none
        }

        .navbar-nav {margin: 0 0; width: 100%}      
        .navbar .navbar-nav {
            display: inline-block;
            float: none;
            font-size: 25px;
            margin-left:0px;
        }

        .navbar .navbar-collapse {
            text-align: center;
			margin:0px;
        }

        .navbar {
            border-radius: 0px;
        } 

        .phone{
            right: 100px;
            background: url(../images/ic_phone.png) no-repeat left center ;

        }

        .navbar-toggle {
          position: relative;
          float: right;
          padding: 9px 10px;
          margin-top: 25px;
          margin-right: 10px;
          margin-bottom: 8px;
          background-color: black;
          background-image: none;
          border: 1px solid transparent;
          border-radius: 4px;
        }
        .navbar-toggle:focus {
          outline: 0;
        }
        .navbar-toggle .icon-bar {  
          display: block;
          width: 22px;
          height: 2px;
          border-radius: 1px;
        }
        .navbar-toggle .icon-bar + .icon-bar {
          margin-top: 4px;
        } 
    
        .navbar-inverse {
            padding: 40px 0 20px 0;

        }  
    
        .navbar-inverse .navbar-nav>li>a {
            color: #111;
            padding: 10px;
            margin-left: 0px;
            font-size: 18px;
        }   

    }