.panelogin{
    min-height:714px;

}
nav{
	vertical-align: middle;
}
    nav a {
        padding: 1%;
        float: left;
        font-size: 15px;
        text-align: left;
        vertical-align: middle;
        font-style: normal;
    }
nav a:hover{
	/*color: #00A388 !important;*/
}
.opVentanilla {
    border: 1px solid #cc95d5;
}
.opVentanilla a{
   
}
/*MENU FLOTANTE*/

#menuflotante {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 70px;
    background-color: #FFF;
    color: #000;
    z-index: 10;
    display: none;
}
.menuf {
    padding-top: 4px;
    width: 100%;
    float: right;
}
.mimagen {
    width: 14%;
    padding-left: 40px;
    float: left;
}
.sel a{
    color: #8c1c1c !important;
}
.mmenu {
   width: 82%;
    float: right;
    padding-top: 25px;
}
.mmenu a{
text-transform: uppercase;
letter-spacing: .065em;
}


.menuf ul {
    list-style: outside none none;
    float: right;
    width: 100%;

}
.menuf ul > li {
    text-align: right;
    padding-left: 23px;
    display: inline-block;
}
/*MENU FLOTANTE*/


/* MENU PRINCIPAL */


.ssubmenun {
    float: left;
    width: 100%;
    /* padding: 0 1%;*/
}

.switch-lang img{
	object-fit: cover;
    height: 22px;
    width: 30px;
    border-radius: 3px;
}

.submenun {
    padding-right:1em;
}
.submenun ul{
border: 1px solid #00A388;
}

.menusombra{
		box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}

#menu {
    clear: both;
    /*position: relative;*/
    width: 100%;
    margin: 0 auto;

}
#menu_sup > li, #menu > li, #redes_inf > li {
	display: inline-block  ;
}
#menu_sup{
	display: inline-block !important;
}
#menu > li {
	/*position: relative;*/
  
	/*text-align: center;*/
	vertical-align: middle;
	/*padding-top:3px;
	padding-bottom:3px;*/
	padding: 3px 4px;
}

.submenun {
    
}

        #menu > li:last-child {
            margin-right: 0px;
        }
        #menu > li.submenun > ul {
            position: absolute;
            background: #FFF;
            display: none;
            width: 170px;
        }
            #menu > li.submenun > ul > li > a {
                display: block;
                padding: 10px;
                width: 100%;
                color: #000;
                height: 100%;
                text-align: left;
                text-decoration: none;
					font-size:1.1em;
            }
        /*#menu > li:hover {
            border-bottom: 1px solid #00A388;
        }*/
		#menu > li a:hover{
			color:#00A388;
		}
#menu > li > a {
    font-family: "Montserrat", sans-serif;
    font-size: 1.3em;
    padding: 5px 10px;
    text-decoration: none;
    min-width: 10%;
    max-width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}

#hplproductos{
	pointer-events: none; 
	float: none;
	display: flex;
    gap: 4px;
	font-family: "Montserrat", sans-serif;
  font-size: 1.3em;
  padding: 5px 10px;
    padding-top: 5px;
    padding-bottom: 5px;
  text-decoration: none;
  min-width: 10%;
  max-width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
}

#hplproductos span{
	position: relative;
    top: 1px; 
	
}

#menuh{
	cursor: pointer;
}

#menuh:hover #hplproductos{
	color: #0AA39D;
}

.accesoclientes {
    background: #0AA39D;
    color:#FFF;
    border-radius:4px;
}

.spbandera {
    /* Vector */
    /* 128-spain 1 */

    width: 29.17px;
    height: 20px;
    /* Inside auto layout */
    flex: none;
    order: 6;
    flex-grow: 0;
}

.selected {
    color: #0AA39D;
}

    .selected a {
        color: #0AA39D;
		font-weight:bold;
    }
 .submenun ul li{
 
 }
         
        #menu > li.submenun:hover > a, #menu > li > a:hover {
            color: #000;
        }
/*
        #menu > li.submenun:nth-child(1):hover > a, #menu > li:nth-child(1) a:hover {
            background: #0a3475;
        }

        #menu > li.submenun:nth-child(2):hover > a, #menu > li:nth-child(2) a:hover {
            background: #0a3475;
        }

        #menu > li.submenun:nth-child(3):hover > a, #menu > li:nth-child(3) a:hover {
            background: #0a3475;
        }

        #menu > li.submenun:nth-child(4):hover > a, #menu > li:nth-child(4) a:hover {
            background: #0a3475;
        }

        #menu > li.submenun:nth-child(5):hover > a, #menu > li:nth-child(5) a:hover {
            background: #0a3475;
        }

        #menu > li.submenun:nth-child(6):hover > a, #menu > li:nth-child(6) a:hover {
            background: #0a3475;
        }

        #menu > li.submenun:nth-child(7):hover > a, #menu > li:nth-child(7) a:hover {
            background: #0a3475;
        }

        #menu > li.submenun:nth-child(8):hover > a, #menu > li:nth-child(8) a:hover {
            background: #0a3475;
        }

        #menu > li.submenun:nth-child(9):hover > a, #menu > li:nth-child(9) a:hover {
            background: #0a3475;
        }
*/
        #menu > li.submenun {
            position: relative;
       
        }

            #menu > li.submenun > a:after {
                position: absolute;
                top: 15px;
                right: 8px;
                display: inline-block;
                content: '';
                width: 1px;
                border-top: 6px solid #000;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
            }

            #menu > li.submenun:hover > a:after {
                position: absolute;
                top: 19px;
                right: 5px;
                display: inline-block;
                content: '';
                width: 1px;
                border-top: 6px solid #FFF;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
            }

            #menu > li.submenun > ul {
                position: absolute;
                background: #FFF;
                display: none;
                width: 20rem;
                top: 2.2rem;
                z-index: 800;
            }

            #menu > li.submenun:hover > ul {
                display: block;
            }


 

#menu > li.submenun > ul > li > a
{
	  border: 1px solid #FFF;
}
            /*#menu > li.submenun > ul > li{ border-bottom:1px solid #00b2fd; } */
            #menu > li.submenun > ul > li:last-child {
                border-bottom: 0px;
            }

            #menu > li.submenun > ul > li > a {
                display: block;
                padding: 10px;
                width: 100%;
              color: #000;
                height: 100%;
                text-align: left;
                text-decoration: none;
            }

                #menu > li.submenun > ul > li > a:hover {
                    color: #00A388;
					border: 1px solid #00A388;
                }

@media (max-width: 991.5px){
	#menu > li {
		padding: 3px 0;
	}
}

/* RESPONSIVE MÓVIL VERTICAL antes 1150 */
@media all and (max-width:750px) {
    #menu:before {
        position: absolute;
        top: -40px;
        left: 0;
        display: block;
        content: '';
        width: 40px;
        height: 40px;
        float: left;
        background: url(../images/menu.png) center center no-repeat;
        background-size: contain;
        cursor: pointer;
    }

    #menu {
        position: absolute;
        top: 40px;
        left: 0;
        float: left;
        width: 62%;
        background: #FFF;
    }

        #menu:hover > li {
            display: block;
        }

        #menu > li {
            display: none;
            width: 100%;
            overflow: hidden;
        }

            #menu > li > a {
                border-width: 5px;
            }

            #menu > li > a, #menu > li.submenun > ul > li > a {
                text-align: left;
                max-width: 100%;
                width: 100%;
            }

            #menu > li.submenun > ul {
                position: relative;
                width: 100%;
            }
}