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:1300px;
    max-width:95vw;
    margin:auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height:100px;
}
#pag_home header{
    color:var(--colorTexto);
}
.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;;
}
header.header_Flotante .logo  #menisolog{
    display: block;
}
header.header_Flotante .logo img{
    height: 70px;
}


header.header_Flotante .logo  #menisolog{
    display: block;
}
header.header_Flotante .logo img{
    height: 70px;
}
header .logo img{
    height: 68px;
    margin-top: -10px;
}
header menu .menuopt{
    color:var(--colorTexto);
}
header menu > div {
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
	font-size: var(--h4);
	text-align: center;
	border-radius: 10px;
	margin-top: 13px;
	min-width: 86px;
}
header .logo{
	width: 150px;
}
header menu.menu{
    display: flex;
    justify-content:center;
    width:calc(100% - 520px)
}
header menu.menu2 {
	display: flex;
	justify-content: flex-end;
	width: 270px;
	font-size: var(--p-1);
	flex-wrap: wrap;
}
header menu.menu2 .menuopt.btnprin{
	border-radius:12px;
	border:1px solid var(--colorPrincipal);
	font-size: var(--p-2);
	width:125px;
		display:flex;
	justify-content:center;
	align-items:center;
	padding: 7.5px;
	background-color:var(--colorPrincipal);
	color:white;
	margin:0px;
	margin-left:20px;
	font-family: Titulos;
	flex-direction: column;
}
header menu.menu2 .menuopt.btnsec{
	border:1px solid var(--colorPrincipal);
	background-color:white;
	border-radius:12px;
	width:125px;
	font-size: var(--p-2);
	display:flex;
	justify-content:center;
	align-items:center;
	padding: 7.5px;
	margin:0px;
	font-family: Titulos;
	margin-top: 8px;
	
}
header menu.menu2 .menuopt > div {
		
}
#menisotp{
	display:none;	
}
header #logosFlot header #menisotp{
	display:none;	
}
header #logosNoFlot{
    display: block;
}
header #logosFlot{
    
    display: none;
}
header.header_Flotante #logosFlot{
    
    display: block;
}
header.header_Flotante #logosNoFlot #menisotp{
    display: none;
}

header menu.menu2 .menuopt.btnprin .subbgratis{
	color:var(--colorInteraccion);	
}
#hamburguesa_bar{
	width:100vw;
	background-color:#FFFFFF55;
	display:flex;
	justify-content:space-around;
	position:fixed;
	top:0px;
	display:flex;
	flex-direction: column;
}
#barraMobile{
	width:100vw;
	height:100vh;
	background-color:#FFFFFFF6;	
		position:fixed;
	top:0px;
	display:flex;
	align-items:center;
	flex-direction: column;
	z-index: 900;
}
#barraMobile menu{
	flex-direction: column;
}
header#barraMobile .mencentrado {
	width:calc(100vw - 40px);
	max-width:100vw;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	 height: auto;
	flex-direction: column;
}
header#barraMobile .mencentrado .menuopt{
	padding: 0px;
	margin:0px;
  margin-bottom: 30px;
  
  cursor: pointer;
  font-size: var(--h4);
  text-align: center;

}
header#barraMobile menu.menu{
		width:100%;
	margin-top: 60px;
}
.closeMenu{
	position:absolute;
	right:25px;
	top:20px;
	width: 60px;
  height: 60px;
}
.closeMenu .tache1 {
	width: 5px;
	background-color: var(--colorPrincipal);
	transform: rotate(45deg);
	height: 60px;
	top: -7px;
	right: -32px;
	position: relative;
}
.closeMenu .tache2 {
	width: 5px;
	background-color: var(--colorPrincipal);
	height: 60px;
	position: absolute;
	top: -7px;
	left: 31px;
	transform: rotate(-45deg);
}
#barraMobile{
	display:none;	
}
.hamburguesa_bar {
	border: 1px solid var(--borde);
	position: fixed;
	top: 10px;
	width: 150px;
	height: 60px;
	background-color: #FFFFFF;
	z-index: 900;
	display: flex;
	justify-content: space-between;
	padding: 15px;
	border-radius: 15px;
	right: 10px;
}
.hamburguesa_bar #menisotp {
	display: block;
	height: 50px;
	margin-top: -5px;
}
.hamburguesa{
	width:40px;	
	height:33px;
	margin-top: -5px;
}
.tache_lab {
	font-size: 18px;
	text-align: center;
	width: 85px;
}
.hamburguesa .hamburguesa_dot {
	height: 5px;
	margin-bottom: 7px;
	background-color: var(--colorPrincipal);
	width: 45px;
	border-radius: 5px;
}
.hamburguesa_bar {
	display:none;	
}
.hamburguesa_bar_fl {
	position: fixed;
	height: 180px;
	width: 100vw;
	 background: #FFFAFE; 
	background: linear-gradient(180deg,rgb(255, 250, 254) 0%, rgb(255, 250, 254) 40%, rgba(255, 250, 254, 0) 69%);
	z-index: 82;
	display: none;
}
.hamburguesa_bar_fl img {
	height: 60px;
	margin-top: -11px;
}
@media(max-width:950px){
	.hamburguesa_bar_fl {
		display:block;
	}
	#barraMenu{
		display:none	
	}
.hamburguesa_bar {
	display: flex;
	height: 51px;
}
}