header{
    position:fixed;
    z-index: 800;
    width: 100vw;

    left:0px;
    right:0px;

    top:0px;   
    color:white;
    padding:20px;
    border-radius:0px;
    height:100px;
}
header .mencentrado{
    width:1170px;
    max-width:100%;
    margin:auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height:100px;

    border-bottom: 1px solid var(--borde);
}
#pag_home header{
    color:var(--colorTexto);
}
.cerrarMenu{
    text-align: right;
    cursor: pointer;
    padding:10px;
    padding-right:20px;
    margin-bottom: 40px;
}
.cerrarMenu:hover{
    color:var(--colorInteraccion)
}
header.header_Flotante {
    background-color: rgba(255,255,255,0.9);

    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
    padding-top:1px;
    color:var(--colorTexto);
    border-bottom: 1px solid transparent;;
}
#pag_home header .logo img#menisolog{
    display: none;
}
header.header_Flotante .logo  #menisolog{
    display: block;
}
.alignExterior{
    justify-content: space-between;
}
header .logo{
    width:200px;
    height: auto;
    margin: 0px;
}
header .logo img{
    height: 68px;
    margin-top: -10px;
}
header.header_Flotante .logo img{
    height: 70px;
}
header menu{
    display: flex;
    justify-content: flex-end;
    width:calc(100% - 250px)
}
header menu .menuopt{
    color:var(--colorTexto);
}

header menu > div{
    padding:10px;
    margin-left:30px;
    cursor: pointer;
    font-size:var(--h3);
    text-align: center;

    border-radius: 10px;
    margin-top:13px;
}
header menu > div:hover{
    color:var(--colorInteraccion);
}
header.header_Flotante menu > div:hover{
    color:var(--colorTexto);
    opacity:0.8;
}
header menu > div.selected{
    color: var(--colorPrincipal);    
}
header.header_Flotante menu > div.selected{
    color: var(--colorPrincipal);    
}
header menu > div.ageda{
    background: var(--colorPrincipal);
    background: -moz-linear-gradient(148deg, rgba(229,0,102,1) 0%, rgba(161,0,34,1) 100%);
    background: -webkit-linear-gradient(148deg, rgba(229,0,102,1) 0%, rgba(161,0,34,1) 100%);
    background: linear-gradient(148deg, rgba(229,0,102,1) 0%, rgba(161,0,34,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e50066",endColorstr="#a10022",GradientType=1); 
    margin-top: -1px;
    height: 70px;
    margin-bottom: 0px;
    position: relative;
    margin-right: -20px;
    color: white;
    padding-top: 24px;  
    border-radius: 30px;
    width:180px;
    transition:.3s;
}
header.header_Flotante menu > div.ageda{
    border-radius: 0px 30px 30px 0px;
}
header menu > div.ageda img{
    height:20px;
    margin-right:10px;
}
header menu > div.ageda:hover{
    background: rgb(161,0,34);
    background: -moz-linear-gradient(148deg, rgba(161,0,34,1) 0%, rgba(229,0,102,1) 100%);
    background: -webkit-linear-gradient(148deg, rgba(161,0,34,1) 0%, rgba(229,0,102,1) 100%);
    background: linear-gradient(148deg, rgba(161,0,34,1) 0%, rgba(229,0,102,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a10022",endColorstr="#e50066",GradientType=1); 
    color: var(--colorSecundarioOscuro);
}
header  #menisotp{
    display: none;
}
#menuMobile{
    display: none;
    position: fixed;
}
#MenuMobDespl{
    width:100vw;
}
#MenuMobDespl, #layerMenuMob{
    display: none;
}
/*
    LOGOS
*/
header #logosFlot{
    display: none;
}
header #logosNoFlot{
    display: block;
}
header.header_Flotante #logosFlot{
    
    display: block;
}
header.header_Flotante #logosNoFlot{
    display: none;
}
#pag_home header #logosFlot{
    display: block;
}
#pag_home  header #logosNoFlot{
    display: none;
}
#pag_home  header.header_Flotante #logosFlot{
    display: block;
}
#pag_home  header.header_Flotante #logosNoFlot{
    display: none;
}
/*
    FIN LOGOS
*/
@media(max-width:1500px){
    header menu > div{
        margin-left: 30px;
    }
}

@media(max-width:1250px){
    header menu > div{
        width:auto;
    }
}
@media(max-width:1200px){
    header menu > div{
        margin-left: 20px;
    }
}
@media(max-width:1120px){
    header menu .ageda span{
        display: none;
    }
    header menu > div.ageda{
        width:80px;
    }
}
@media(max-width:1000px){
    header  #menisolog{
        display: none;
    }
    header  #menisotp{
        display: block;
    }

}
@media(max-width:900px){
    header#barraMenu{
        display: none;
    }
    #menuMobile{
        display: flex;
        flex-wrap: wrap;
        position: fixed;
        background-color: rgba(255,255,255,1);
        padding: 10px;
        border-radius: 20px;
        height: 50px;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
        right: 20px;
        top: 20px;
        width: 150px;
        z-index: 500;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        z-index: 999;
    }
    #menuMobile .hamburguesa{
        width:50px;
    }
    #menuMobile .labtag{
        width:80px;
        text-align: right;
        font-size: var(--h3);
    }
    #menuMobile .hamburguesa div{
        width:50px;
        height:5px;
        background-color:var(--colorPrincipal);
        margin-bottom: 5px;
        margin-top: 5px;
    }
    #menuMobile:hover{
        background-color:var(--colorInteraccion)
    }
    #MenuMobDespl, #layerMenuMob{
        display: none;
        position: fixed;
        height:100vh;
        width:100vw;
        top:0px;
        left:0px;
        z-index:1050;
    }
    #layerMenuMob{
        background-color: rgb(255, 255, 255);
        opacity: 0.8;
        z-index: 1050;
    }
    #MenuMobDespl{
        left:auto;
        right: 0px;
        background-color: rgba(255,255,255,0.85);
        color:var(--colorSecundario);
        text-align:center;
        z-index: 1200;
        padding-top:20px;
        overflow: auto;
    }
    #MenuMobDespl .logomb{
        text-align: left;
        height: auto;
        margin-bottom: 30px;
        padding-left: 20px;
    }
    #MenuMobDespl img{
        height: 80px;
        width:auto;

        max-height: 80px;
        max-width:100%;
    }
    #MenuMobDespl .menuopt{
        font-size:var(--h3);
        margin-bottom: 20px;
    }
}
.plecaMenuDesplegable {
	background-color: #FFF;
	margin-left: -20px;
	margin-right: -20px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
	padding-top: 20px;
	padding-bottom: 20px;
}
header .plecaMenuDesplegable  .mencentrado{
    height: auto;
    border-bottom: 1px solid transparent;
}
.plecaMenuDesplegable .blq_image {
	display: flex;
	padding-bottom: 15px;
	align-items: center;
    cursor: pointer;
    color: var(--colorTexto);
}
.plecaMenuDesplegable .blq_image:hover {
    color:var(--colorInteraccion)
}


.plecaMenuDesplegable .blq_image .imageMenu {
	height: 20px;
	width: 20px;
	background-color: var(--colorFondo);
	margin-right: 10px;

    border-radius: 5px;
}
.conteImgmenu {
	max-height: 80%;
	margin-top: 40px;
	max-width: 80%;
	text-align: right;
}
.plecaMenuDesplegable .blq_image:hover .imageMenu {
    opacity: .5;
}
#pag_home  header #logosNoFlot{
    display: none;
}
#pag_home  header.header_Flotante #logosFlot{
    display: block;
}
#pag_home header .logo img#menisolog{
    display: none;
}
#pag_home header.header_Flotante .logo img#menisolog{
    display: block;
}
#btnMobAtras {
	height: 30px;
	text-align: left;
	margin-bottom: 20px;
	padding: 20px;
    cursor: pointer;
}
#btnMobAtras:hover {
    color:var(--colorInteraccion)
}
#MenuMobDespl .blq_image {
	font-size: var(--h3);
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#MenuMobDespl .blq_image .txtMenu{
    width:calc(100% - 100px);
    cursor: pointer;
}

#MenuMobDespl .blq_image .imageMenu {
	height: 35px;
	width: 35px;
	background-color: var(--colorFondo);
	margin-right: 10px;
	margin-top: 10px;
    border-radius: 5px;
}
#menuMObDe, #menuMObDe2{
	transform: rotate(90deg);
	color: var(--colorTextoClaro);
	text-align: center;
	width: 400px;
	top: 68px;
	position: absolute;
	height: 50px;
	left: -180px;
}
#MenuMobDespl .blq_image:hover{
    cursor: pointer;
    opacity:0.8;
}  