.menuweb {
    position: fixed; 
    top: 0px; 
    left: 0px;
    width: 300px; 
    background-color: #05072e; 
    z-index: 99999;
    min-height: 100vh;
    float: left;
    display: none;
    overflow-y: auto;
}

.menuweb .opcion {
    float: left;
    width: 240px;
    padding: 15px 30px;
    background-color: #05072e;
    color: #fff;
    font-size: 18px;
    /*
    background-image: url("../img/varios/fl_blanca.png");
    background-position: 250px 17px;
    background-repeat: no-repeat;
    */
}
.menuweb .opcion a {
    color: #fff;
    font-size: 18px;
}

.menuweb .opcion-sel {
    float: left;
    width: 240px;
    padding: 15px 30px;
    background-color: #05072e;
    color: #23b40a;
    font-size: 18px;
    /*
    background-image: url("../img/varios/flecha_verde.png");
    background-position: 245px 20px;
    background-repeat: no-repeat;
    */
}
.menuweb .opcion-sel a {
    color: #23b40a;
    font-size: 18px;
}

.menuweb .subopcion {
    float: left;
    width: 240px;
    padding: 10px 50px;
    background-color: #05072e;
    color: #fff;
    font-size: 14px;
}
.menuweb .opciones-iconos img {
    mix-blend-mode: lighten;
}
.menuweb .subopcion a {
    color: #fff;
    font-size: 14px;
}

.margen-logo {
    margin: 19px 0px 50px 0px;
    padding-left: 40px;
}
.margen-logo-menu {
    padding-left: 40px;
    padding-top: 19px;
    padding-bottom: 15px;
    background-color: #05072e;
}
.opciones-iconos {
    width: 400px; 
    float: right;
    margin: -53px 0px 20px 0px;
}
.opciones-iconos .iconos1 {
    float: left;
    width: 20%;
    padding-left: 5%;
}
.opciones-iconos .iconos2 {    
float: right;
    width: 70%;
    padding-right: 10%;
    text-align: right;
}
.logos-marcas {
   padding-left: 50px;
   margin-top: 15px;
   text-align: left;
}
.logo-colectivo {
   padding-right: 50px;
   margin-top: 15px;
   text-align: right;
}
.logo-colectivo img {
    border: 2px solid #000;
    border-radius: 10px;
}
#subopciones1,
#subopciones2,
#subopciones3,
#subopciones4,
#subopciones5,
#subopciones6 {
    display: none;
}
.flecha {
    float: right;
    width: 30px;
}
#flecha1,
#flecha2,
#flecha3,
#flecha4,
#flecha5,
#flecha6 {
     cursor: pointer;
}
#circle-rojo {
    background: red;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
}
#circle-naranja {
    background: orange;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
}
#circle-verde {
    background: green;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
}

@media (max-width: 767px) {
    .margen-logo {
        margin: 30px 0px 20px 0px;
        padding-left: 40px;
    }
    .margen-logo-menu {
        margin: 0px 0px 20px 0px;
        padding-left: 40px;
    }
    
	.opciones-iconos {
	    margin: -65px 0px 20px 0px;
	}
}