.btnMenu {
	display: block;
	width:60px;
	height:50px;
	font-size:18px;
	color: #666;
	line-height: 48px;
	text-align:center;
	display:none;
}

.btnMenu i.fa { 
    font-size: 21px;
    font-weight: 400;
}

.contenedor-menu {
	z-index:10000000000;
	left:0;
	top:0;
	height:100%;
	padding:0;
	width: 10%;
	min-width: 300px;
	margin: 0px;
	display: inline-block;
	line-height: 18px;
	overflow-y:auto;
}

.contenedor-menu .menul { width: 100%; }

.contenedor-menu ul { list-style: none; margin:0; padding:0;}
.contenedor-menu .menul li{
	border-bottom: 1px solid #d4dce2;
}

.contenedor-menu .menul li.blue{
 	background: #1d71b6; color: #fff;
}
.contenedor-menu .menul li.blue a:hover{
	background: #1d71b6; color: #fff;
}
.contenedor-menu .menul li.blue.activado > a {
	background: #1d71b6;
	color: #fff;
}
.contenedor-menu .menul li.deepskyblue{
 	background: #04c8eb; color: #fff;
}
.contenedor-menu .menul li.deepskyblue a:hover{
	background: #04c8eb; color: #fff;
}
.contenedor-menu .menul li.deepskyblue.activado > a {
	background: #04c8eb;
	color: #fff;
}
.contenedor-menu .menul li.green{
 	background: #9ba624; color: #fff;
}
.contenedor-menu .menul li.green a:hover{
	background: #9ba624; color: #fff;
}
.contenedor-menu .menul li.green.activado > a {
	background: #9ba624;
	color: #fff;
}
.contenedor-menu .menul li.dark-gray{
 	background: #666; color: #fff;
}
.contenedor-menu .menul li.dark-gray a:hover{
	background: #666; color: #fff;
}
.contenedor-menu .menul li.dark-gray.activado > a {
	background: #666;
	color: #fff;
}


    .contenedor-menu .menul li.violet {
        background: #8069BC;
        color: #fff;
    }

        .contenedor-menu .menul li.violet a:hover {
            background: #8069BC;
            color: #fff;
        }

        .contenedor-menu .menul li.violet.activado > a {
            background: #8069BC;
            color: #fff;
        }



.contenedor-menu .menul li.dark-red{
 	background: #bf0d0d; color: #fff;
}
.contenedor-menu .menul li.dark-red a:hover{
	background: #bf0d0d; color: #fff;
}
.contenedor-menu .menul li.dark-red.activado > a {
	background: #bf0d0d;
	color: #fff;
}
.contenedor-menu .menul li.yellow {
 	background: #f0b003; color: #fff;
}
.contenedor-menu .menul li.yellow  a:hover{
	background: #f0b003; color: #fff;
}
.contenedor-menu .menul li.yellow .activado > a {
	background: #f0b003;
	color: #fff;
}
.contenedor-menu .menul li.emerald{
 	background: #129381; color: #fff;
}
.contenedor-menu .menul li.emerald  a:hover{
	background: #129381; color: #fff;
}
.contenedor-menu .menul li.emerald .activado > a {
	background: #129381;
	color: #fff;
}
.contenedor-menu .menul li.orange{
 	background: #cb3e00; color: #fff;
}
.contenedor-menu .menul li.orange  a:hover{
	background: #cb3e00; color: #fff;
}
.contenedor-menu .menul li.orange .activado > a {
	background: #cb3e00;
	color: #fff;
}
.contenedor-menu .menul li.maroon{
 	background: #800000; color: #fff;
}
.contenedor-menu .menul li.maroon  a:hover{
	background: #800000; color: #fff;
}
.contenedor-menu .menul li.maroon .activado > a {
	background: #800000;
	color: #fff;
}
.contenedor-menu .menul li.pink{
 	background: #e54b87; color: #fff;
}
.contenedor-menu .menul li.pink  a:hover{
	background: #e54b87; color: #fff;
}
.contenedor-menu .menul li.pink .activado > a {
	background: #e54b87;
	color: #fff;
}
.contenedor-menu .menul li.cream{
 	background: #f47321; color: #fff;
}
.contenedor-menu .menul li.cream  a:hover{
	background: #f47321; color: #fff;
}
.contenedor-menu .menul li.cream .activado > a {
	background: #f47321;
	color: #fff;
}
.contenedor-menu .menul li.dark-blue{
 	background: #27bdbc; color: #fff;
}
.contenedor-menu .menul li.dark-blue  a:hover{
	background: #27bdbc; color: #fff;
}
.contenedor-menu .menul li.dark-blue .activado > a {
	background: #27bdbc;
	color: #fff;
}
.contenedor-menu .menul li.red{
 	background: #f15f65; color: #fff;
}
.contenedor-menu .menul li.red  a:hover{
	background: #f15f65; color: #fff;
}
.contenedor-menu .menul li.red .activado > a {
	background: #f15f65;
	color: #fff;
}
.contenedor-menu .menul li.blue1{
 	background: #5d9b09; color: #fff;
}
.contenedor-menu .menul li.blue1  a:hover{
	background: #5d9b09; color: #fff;
}
.contenedor-menu .menul li.blue1 .activado > a {
	background: #5d9b09;
	color: #fff;
}


.contenedor-menu .menul li span{
	margin-bottom: 5px;
    display: block;
    font-size: 13px;
}

.contenedor-menu .menul li a {
	color: #fff;
	display: block;
	padding: 10px 15px;
	text-decoration:none;
}
.contenedor-menu .menul i.fa { 
	font-size: 12px; 
	line-height: 18px; 
	float: right; 
	margin-left: 10px; 
}

.contenedor-menu .menul ul { display: none; }
.contenedor-menu .menul ul li a {
	background: #fff;
	color: #666;
	font-size:14px;
	padding:6px 15px;
}

.contenedor-menu .menul ul li a:hover{
	background: #e9ecef !important;
	color: #666 !important;
}

.contenedor-menu .menul li ul li {
	border-bottom: 1px solid #ddd;
}
.contenedor-menu .menul li ul li:last-child {
	border-bottom: 0;
}