﻿
nav{
	vertical-align: middle;
}
nav a{
	padding:1%;
	float:left;
	font-size:15px;
 
	
	vertical-align: middle;
	font-style: normal;
	}
nav a:hover{
	/*color: #2619a0 !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%;*/
    text-transform: uppercase;
}

.submenun {
    padding-right:1em;
}
.submenun ul{
border: 1px solid #2619a0;
}

.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;
    border-radius: 1em;
    padding: 0.4em;
}
    #menu > li:hover {
        background: #eff3ff;
        color: #2619a0;
    }
    #menu > li a:hover {
        color: #2619a0;
    }
.lilogox:hover {
    background: #fff !important;
}
.selected:hover {
    color: #2619a0;
}
.selected a:hover {
    color: #2619a0;
}
.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 {
        }
#menu > li > a {
    /*font-family: sans-serif !important;*/
    font-family: 'Montserrat', sans-serif;
    /*Roboto*/
    display: block;
    font-size: 1.1em;
    padding: 5px 8px;
    text-decoration: none;
    min-width: 10%;
    max-width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}

.selected {
    background: #2619a0;
    color: #FFF;
}
.selected a
{
 
	color:#FFF;
}
 .submenun ul li{
 
 }
         
 
/*
        #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;
    padding-right: 1.38em;
}

            #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 {
                border-top: 6px solid #FFF;
            }

            .selected li.submenun:hover > a:after {

            }




            #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: #2619a0;
					border: 1px solid #2619a0;
                }
/* 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%;
            }
}


