* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: 'Roboto', sans-serif;
	line-height: 18px;
}
	
a {
	text-decoration: none;
	color:#000;
}

.btn-menu {
	display: none;
	padding: 20px;
	background: #C60;
	color:#000;
	}
	.btn-menu .icono{
		float: right;
		}
.contenedor-menu {
	 width: 25%;
	 min-width: 500px;
	 margin: 40px;
	 display: inline-block
	 font-family: 'Roboto', sans-serif;
	 line-height: 18px;
	}
.contenedor-menu .menu {
	  position:relative;
	  right: 0;
	  width: 40%;
       }

.contenedor-menu .ul{
      list-style: none;
         }

.contenedor-menu .menu li a{
	   color: #000;
	   display: block;
	   padding: 15px 20px;
	   background: #C60;
           }
		   
.contenedor-menu  .menu li a:hover {
	  background: #C90;
	  color: #000;
				 }
.contenedor-menu  . menu .icono {
	  font-size: 12px;
	  line-height: 18px;
					 }
.contenedor-menu  . menu .icono.izquierda {
	  float:left;
	  margin-right: 10px;
				   }
.contenedor-menu  . menu .icono.derecha {
	  float: right;
	  margin-left: 10px;
				   }
.contenedor-menu .menu ul {
	display: none;
}
.contenedor-menu .menu ul li a {
	background: #424242;
	color: #e9e9e9;
}   
.contenedor-menu .menu .activado > a {
	background: #C90;
	color:#000;
}
@media screen and (max-width: 450px) {
	body {
		padding-top: 80px;
	}
	
	.contenedor-menu {
		margin: 0;
		width: 100%;
		position: fixed;
		top:0;
		z-index: 1000;
	}
	.btn-menu {
		display: block;
	}
	.contenedor-menu .menu {
		display: none;
	}
}