.menu li a{
                display: block;
                color: #fff;
                text-decoration: none;
               
               
                            }
            .menu li a:hover{
                background: #151a1e;
                color: #ffc700;
            }
    
   
    #nav-mobile{
        display: none;
        background: url(nav.png) no-repeat center center;
        float: right;
        width: 60px;
        height: 60px;
        position: absolute;
        right: 8%;
		top:0.5%;
      

    }   
        
        #nav-mobile.nav-active{
            opacity: 1;
        }


@media only screen and (max-width: 980px) {
     .menu .span9 {
		 width:100%;
	   }      
   .menu .span3 .floatleft,
   .menu .span9 .floatleft  {
	   float:none;
	   }
	
    /* mostramos #nav-mobile */
    #nav-mobile{ display: block; }

    /* Fijamos nuestro nav en 100% ancho y dejamos de flotarlo  */
    .menu{
        width: 100%;
        float: none;
		
    }
        /* Convertimos nuestra lista de enlaces en un menú horizontal */
        .menu ul{
			width:100%;
            max-height: 0;
            overflow: hidden;
        }
            /* estilos para los LI del menu */
            .menu li{
                
                float: none;
            }

            /* Quitamos el borde del ultimo item del menú */
            .menu li:last-child{ border-bottom: 0;}
                #menu li a{
                    height: auto;
                    line-height: normal;
                }
                .menu li a:hover{background:#2a2d33}

        /* Agregamos una animación al despligue del menú */
        .menu ul.open-menu{
            max-height: 400px;
            -webkit-transition: max-height .4s;
            -moz-transition: max-height .4s;
            -ms-transition: max-height .4s;
            -o-transition: max-height .4s;
            transition: max-height .4s;
        }
		
		/**/
		
		.header .menu ul {
			margin-right:auto;
			margin-left:auto;
			
		
		}
		.header .menu ul li a{
		padding: 23px 29px 25px 29px;
		
		}
		
		.header .menu ul li a:hover,
		.header .menu ul li:hover a {
		padding: 23px 29px 25px 29px;
		
		}/**/
		
		
		.header .menu ul li.current_page a{
		padding: 23px 29px 25px 29px;
		
		}
		
		
		
}
      
@media only screen and (max-width: 767px) {
        
 #nav-mobile{
        position: absolute;
        right: 5%;
		/*top:4.5%;*/ }   
				/**/
		
	.header .menu ul li a{
	padding: 23px 27px  25px;
	
	}
	
	.header .menu ul li a:hover,
	.header .menu ul li:hover a {
	padding: 23px 27px  25px;
	
	}/**/
	
	
	.header .menu ul li.current_page a{
	padding: 23px 27px  25px;
	
	}


        
}
@media only screen and (max-width: 764px) {

		
	.header .menu ul li a{
	padding: 23px 24px  25px;
	
	}
	
	.header .menu ul li a:hover,
	.header .menu ul li:hover a {
	padding: 23px 24px  25px;
	
	}/**/
	
	
	.header .menu ul li.current_page a{
	padding: 23px 24px  25px;
	
	}
      
}
@media only screen and (max-width: 710px) {

		
	.header .menu ul li a,
	.header .menu ul li a:hover,
	.header .menu ul li:hover a,
	.header .menu ul li.current_page a{
	padding: 23px 23px  25px;
	
	}
      
}

@media only screen and (max-width: 696px) {

		
	.header .menu ul li a,
	.header .menu ul li a:hover,
	.header .menu ul li:hover a,
	.header .menu ul li.current_page a{
	padding: 23px 21px  25px;
	
	}
      
}
@media only screen and (max-width: 663px) {

		
	.header .menu ul li a,
	.header .menu ul li a:hover,
	.header .menu ul li:hover a,
	.header .menu ul li.current_page a{
	padding: 23px 18px  25px;
	
	}
      
}

@media only screen and (max-width: 634px) {

		
	.header .menu ul li a,
	.header .menu ul li a:hover,
	.header .menu ul li:hover a,
	.header .menu ul li.current_page a{
	padding: 23px 15px  25px;
	
	}
      
}
@media (max-width: 603px) {
 
  #nav-mobile{
        position: absolute;
        right: 2%;
		/*top:4%;*/
      }
	  
	.header .menu ul li a,
	.header .menu ul li a:hover,
	.header .menu ul li:hover a,
	.header .menu ul li.current_page a{
	padding: 23px 13px  25px;
	
	}
}

@media (max-width: 573px) {
 
 .header .menu ul li {
	 clear:both;
	 display:block;
	 text-align:center;
	 width:100%;
	 float:none;
	
	}
	/*
	.header .menu ul li a:hover,
	.header .menu ul li:hover a {
	padding: 23px 13px  25px;
	
	}/**/
	
	/*
	.header .menu ul li.current_page a{
	padding: 23px 13px  25px;
	
	}*/
	.header .menu ul li.current_page a{
		border:none;
		border-style:none;
		background-color:#333;
		border-bottom:#F63 1px solid;
		}
		
	.header .menu ul li a,
	.header .menu ul li a:hover,
	.header .menu ul li:hover a,
	.header .menu ul li.current_page a{
	padding:17px 13px 17px;
	
	}
	}
}