/* General styles for all menus */
.cbp-spmenu {
	position: fixed;
	background-color: #364F9C;
}

.cbp-spmenu a {
	display: block;
	color: #8AA6D6;
	font-size: 0.8em;
	font-weight: 400;
	text-decoration: none;
}

.cbp-spmenu a:hover {
	background-color: #17153D;
	color: #FFFFFF;
}

.cbp-spmenu a:active {
	color: #17153D;
	background-color: #FFFFFF;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 280px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: thin solid #4056A2;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -280px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

/* Transitions */

.cbp-spmenu {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.button-menu {
	width: 70px;
	height: 70px;
	background-color: #364F9C;
	color: transparent;
	cursor: pointer;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	text-align: center;
	background-image: url(../imgs/ico-menu.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-color: transparent;
}