* {
	 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; /* espacio entre las líneas del texto */
}
a {
	text-decoration: none; /* quita el subrayado de los elemntos del menú */
	color:#fff; /*Color de la letra de los elementos del menú */
}
.btn-menu {
	display: none; /* Oculta el botón del menú */
	padding: 20px; /* Espacio de relleno entre el texto y el marco */
	background: #0d2c44; /* Color de fondo */
	color:#fff; /* Color del texto */
}
.btn-menu .icono {
	float: right; /* El icono del menú se alinea a la dreta */
}
.contenedor-menu {  /* sidebar, contenedor y botón superior */
	width: 20%;
	min-width: 260px; /* Ancho mínimo de la columna sidebar */
	margin: 10px; /* Cambia el márgen del botón  */
	display: inline-block;
	/*font-family: 'Roboto', sans-serif;
	line-height: 18px;*/
}

.contenedor-menu .menu {
	width: 100%; /*Ancho de los botones del menú dentro del sidebar*/
}

.contenedor-menu ul {
	list-style: none; /*Quita las viñetas de los elementos del menú*/
}

.contenedor-menu .menu li a {
	color:#494949; /* Cambia el color del texto del menú */
	display: block; /* Convierte las opciones del menú en bloques */
	padding: 5px 12px; /* Cambia el tamaño de los bloques del menú */
	background-image: url(verd/glossyback.gif); /* Imagen de fondo de los botones del menú */
}

.contenedor-menu .menu li a:hover { /* Apariencia de las opciones del menú al pasar el ratón por encima */
  background-image: url(verd/glossyback2.gif); /* Imagen de fondo de los botones del menú */
	/*background: rgb(129,219,129);  Color de fndo */
	/* si és blau #1a95d5 si és verd rgb(129,219,89) */
	color:#fff; /* Color de la fuenta */
}

.contenedor-menu .menu .icono { /* Tamaño del icono y espacio interlineas*/
	font-size: 12px;
	line-height: 18px;
}


.contenedor-menu .menu .icono.izquierda { /* Icono izquierda */
	float: left; /* Flota a la izquierda */
	margin-right: 10px; /* Margen derecho */
}

.contenedor-menu .menu .icono.derecha { /* Icono derecha */
	float: right; /* Flota a la derecha */
	margin-left: 10px; /* Margen izquierdo */
}

.contenedor-menu .menu ul { /* No se que hace */
	display: none;
}

.contenedor-menu .menu ul li a { /* No se que hace */
	background: #424242;
	color:#e9e9e9;
}

.contenedor-menu .menu .activado > a { /* Apariencia Sub-menú */
	background-image: url(verd/glossyback2.gif); /* Imagen de fondo de los botones del menú */
	/*background: rgb(129,219,89);*/ /* Color de fondo */
	/* si és blau #1a95d5 si és verd rgb(129,219,89) */
	color:#fff; /* Color del texto */
}

@media screen and (max-width: 768px) { /* modifica la apariencia en función de la pantala con la que se isualiza */
	body {  /* Body en pantalla pequeña */
		padding-top: 80px;
	}

	.contenedor-menu { /* Cotenedor menú en pantalla pequeña */
		margin: 0;
		width: 100%;
		position: fixed;
		top:0;
		z-index: 1000;
	}

	.btn-menu { /* Botón menú en pantalla pequeña */
		display: block;
	}

	.contenedor-menu .menu { /* visualización menuú en pantalla pequeña */
		display: none;
	}
}