body, ol, ul, li, menu, nav,{
  margin: 0;
  padding: 0;
  border: 0;
  font: 400 14px/12px "Open Sans", sans-serif;
  -webkit-text-size-adjust: none;
  vertical-align: baseline;
  outline: none;
}

/* BARRA FACE */

.barramenu{
background-color: #2a6d02;
width: 100%;
height: 20px;
}

ol, ul { 
  list-style: none; 
}

#wrapper {
  display: block;
  max-width: 100%;
  min-width: 300px;
  margin: 0 auto;
}
 
#pagebody {
  padding: 15px 25px;
}
 
/* Barra de navegacinón */
 
#topnav img {
  width:200px;
  margin:10px 0 10px 50px;
}
#topnav {
  display: block;
  width: 100%;
  position: relative;
  background:#3fa800;
}
#topnav #navbtn {
  display: none;
  float: right;
  margin-right:30px;
  margin-top:10px;
  width: 30px;
  height: 60px;
  background: url('../images/menu_barras30.png') center no-repeat;
  text-indent: -99999px;
  overflow: hidden;
}
#topnav nav {
  position: absolute;
  top: 0; 
  right: 50px;
	font-size: 1.2em;
	font-family: 'PT Sans', Arial, sans-serif;
}
#topnav nav ul {
  list-style: none;
}
#topnav nav ul li {
  display: block;
  float: left;
  font-size: 1em;
  margin-right: 20px;
}
#topnav nav ul li a {
  display: block;
  text-decoration: none;
  line-height: 86px;
  color: #fafafa;
  padding: 0 10px;
}
#topnav nav ul li a:hover {
  color: #f1e446;
}
 
/* Estilos Responsive */
 
@media screen and (max-width: 1024px) {

#topnav { 
  height: auto; 
}
#topnav nav { 
  display: none; 
  position: static;
  width: 100%;
  top: auto;
  right: auto;
}
#topnav nav ul li { 
  float: none; 
  margin: 0; 
}
#topnav nav ul li a {
  display: block;
  width: 100%;
  line-height: 1.4em;
  border: 1;
  padding: 10px 0px 10px 10px;
  background: #2a6d02;
}
#topnav nav ul li a:hover {
  background: #3fa800;
}
#topnav #navbtn {
  display: block;
}
}