/*-------------header-------------------*/
 
header {
    background:#000;   
    padding: 1px 15x;  /*5px;*/
    /*width: auto;*/
}

header:before,
header:after {
content:"";
            display:table;
        }
         
header:after {
            clear:both;
        }
 
h1.logo a {
    color: red /*#FFFFFF*/ ; 
    text-decoration: none;
    font-weight: bold;
    font-size: 16px; 
    line-height: 22px;
    float: right; /*left;*/
    letter-spacing: 0.2em;
       
}
 
a.to_nav_z {
   float: left;
   width:40px;
   font-family:Arial, Helvetica, Sans-serif;
    color: #000;
    background:rgb(206,206,206);   /*-----------color de boton-------------*/
    text-decoration: none;
    padding: 0 10px;
    font-size: .8em; /*12px;*/
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*position:relative;left:2%;*/
}
 
a.to_nav_z:hover,
a.to_nav_z:focus {
    color: #000; 
    background: #FFF;
}


/*--------------navigation-----------------------*/ 
  #primary_nav {
        display: none;
                    }
  
#primary_nav ul {
    list-style: none;
    background:rgb(207,207,207); /*--------1 here-------------------*/
    padding: 5px 0;
}
 
#primary_nav li a {
    display: block;
    padding: 0 20px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2em;
    height: 2em;
    border-bottom: 1px solid #383838;
    font-size: .875em;
}
 
#primary_nav li:last-child a {
    border-bottom: none;
}
 
#primary_nav li a:hover,
#primary_nav li a:focus {
    color: #FFF;
    background: rgb(145,27,32);/*--------2 here-------------------*/

}
 

/*-----------navigation screen < a 768px------------------*/
/*
@media only screen and (min-width: 650px } {
     a.to_nav_z { display: none; }
}*/