/* Estilo del contenedor del selector */
  
  #iconomedio{
	  position:relative;
	  width:35px; 
  }
  #cambiolupa{
	  background:transparent;
	  border:none;
  }
   #iconolupa{
	 
	  width:30px;
	 
  }
    .selector {
      width: 200px;
      height: 35px;
      border-radius: 10px;      
      background: transparent;
      color: white;
      font-family: verdana, tahoma;
      font-weight: bold;
      cursor: pointer;
      position: relative;
      user-select: none;
    }
	.selimagenes {
      border: solid 1px blue;
    }
	.selvectores {
      border: solid 1px red;
    }

    /* Estilo de la lista desplegable */
    .selector ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      background: black;
      border: solid 1px red;
      border-radius: 10px;
      position: absolute;
      top: 35px;
      left: -1px;
      width: 200px;
      display: none; /* Ocultar por defecto */
      z-index: 1000;
    }

    /* Estilo de los elementos de la lista */
    .selector ul li {
      padding: 5px 10px;
      cursor: pointer;
      color: white;
	  width: 200px;
	  height:35px;
    }

    /* Hover sobre los elementos de la lista */
    .selector ul li:hover {
      background-color: red;
       width: 180px;
    }

    /* Mostrar la lista cuando está activa */
    .selector.open ul {
      display: block;
    }

    /* Estilo del texto visible del selector */
    .selected-text {
      line-height: 30px;
      padding: 0 10px;
    }

    /* Icono de flecha */
    .arrowvectores {
      position: absolute;
      right: 10px;
      top: 50%;
	  color:red;
      transform: translateY(-50%);
      pointer-events: none;
    }
	.arrowimagenes {
      position: absolute;
      right: 10px;
      top: 50%;
	  color:blue;
      transform: translateY(-50%);
      pointer-events: none;
    }
  
        /* Estilos básicos para el menú */
        ul {
            list-style-type: none;
            padding: 0;
            margin: 0;			
        }

        li {            
            display: inline-block;			
        }
		@media (min-width: 1000px) {
			li {            
			position: relative;
			}
		}		
        li a {
            display: block;
            text-decoration: none;
            color: white;
        }

        li a:hover {
			background-color: red;
			border-radius:5px;
        }

        /* Estilos para el submenú */
        li ul {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;	
			height:30px;
        }

        li ul li {
            display: block;
			}

        li:hover ul {
            display: block;
        }

        li ul li a:hover {     
        }
		
		.redes{
			width:20px;
			height:20px;
			margin: 6px;
		}
		.mini{
			font-size:10px;
		}