/*inicializa en cero todas las varibles*/
	
* {
margin:0;
padding:0;
}
 
/*atributos botones del menú desplegable*/ 
#navresp {
margin:23% 0% 0% 0%;
width:45%;
height:32%;
background-color:#000000;
font-family:Arial, sans serif;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
left:-100%;
padding:0px;
position: fixed;
z-index: 1000000000;
}

 
#navresp ul {
overflow:hidden;
list-style:none;
}
 
 
#navresp ul li {
display:block;
float:none;
border-bottom:3px solid  #000000;
text-align:center;
}
 
#navresp ul li a {
color:#fff;
padding:19px;
display:block;
text-decoration:none;
}
 
@media screen and (max-width:600px) and (orientation:portrait){
/*atributos barra superior*/ 
 
.barra {
margin:10% 0% 0% 0%;
position:fixed;
display:block;
width:100%;
z-index: 1000000000000;
	

}
 
.btn_menu {
height: 3.5em;
display:block;
padding:20px;
background-color:#000000;
color:#fff;
text-decoration:none;
font-family:Arial, sans serif;
font-weight: bold;
font-size:20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

	
	
}

 
.icon_menu {
float:left;
font-size:px;

	}
	

}