/*------------------------- BOTÓN ABRIR MENÚ --------------------------------------*/

.button-sidebar-menu {
    position: fixed;
    width: 35px;
    height: 147px;
    top: 50px;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 150003;
    background-image: url(/sitio/portal/.content/imagenes/barra-accesos/accesosRapidosV2.png);
    background-position: 0 0;
    box-shadow: 0 0 10px #000;
    border-right: none;
    cursor: pointer;
	transition: 0.3s ease-out right !important;
}

@media (max-width:767px){

	.button-sidebar-menu {
		top: 0px !important;
		bottom: 270px !important;
	}
}




.button-sidebar-menu:hover{
	background-position: 0 147px;
} 

.button-sidebar-menu.abrirAccesos{
    background-position: -40px 0;
	right: 25%;
	box-shadow: -10px 0px 15px 1px #000000 !important

}

.button-sidebar-menu.abrirAccesos:hover{
    background-position: -40px 147px;

}

@media (max-width: 767px){
	.button-sidebar-menu.abrirAccesos{
		right: 78% !important;
	}
}

/*------------------------- CONTAINER DESPLEGABLE --------------------------------------*/

/*-------------------------- activo -------------------------------*/

.containerAR.abrirAccesos nav.navAccesos {    

    transition: 0.3s ease-out all !important;
    right: 0 !important;
}

.containerAR.abrirAccesos {    

    opacity: 1 !important;
    visibility: visible !important;
    transition: 0.3s ease-out all !important;
}

/*---------------------- inactivo -----------------------------*/

.containerAR {
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 150002;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-out all;
}

.containerAR nav.navAccesos {
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 0;
    background-image: url('/sitio/portal/.content/imagenes/barra-accesos/fondoBarraAccRap.jpg');
    background-size: cover; 
    height: 100%;
    transition: 0.3s ease-out all;
    right: -100%;
	background-position: 0px -100px;
}

@media (max-width: 767px) {

	.containerAR nav.navAccesos {
		width: 78% !important;
		background-position: 0px 0px !important;
	}

}


/*------------------------- LISTA DENTRO DEL CONTAINER --------------------------------------*/

ul.menu {
    height: 100% !important;
    padding-left: 5px !important;
}

ul.menu > li {
    list-style: none !important;
	border-bottom: 2px solid #ffd020 !important;
	width: 86% !important;
}

ul.menu > li > a {
    transition: .3s ease-out all !important;
    font-size: 15px !important;
    line-height: 40px !important;
    display: block !important;
    color: #000000 !important;
    font-weight: 500 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 6px !important;
    width: 95% !important;
}

ul.menu > li > a:hover {
    margin-left: 10px !important;
    text-decoration: none !important;
	transition: 0.5s !important;
}

ul.menu > li > a > img {
    margin: auto !important;
    float: left !important;
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    padding: 2px !important;
    margin-top: 10px !important;
	margin-right: 10px !important;
}