#wide_menu{
	/*
	//https://ianlunn.github.io/Hover
	*/
	position:fixed;
	display:block;
	top:0px;
	width:100%;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;	

	background-color:#FFFFFF;

	z-index: 501;
}
#menu{
	position:relative;
	display:inline-block;
	float:right;
	width:auto;
	text-align:right;
	padding-top:19px;
	
}
#menu p{
	position:relative;
	display:inline-block;

	font-family: 'Heebo', sans-serif;
	font-weight:500;
	color:#333333;
	font-size:16px;
	
	margin: auto;

	padding-left:15px;
	padding-right:15px;
	

}
#menu p a{
	color:#333333;	
}
#menu p a:hover{
	color:#000000 !important;	
	text-decoration:none !important;
}


#logo_header{
	position:relative;
	display:inline-block;
	float:left;
	width:auto;	
	padding-left:5%;	
}
#logo_texto{
	position:relative;
	display:inline-block;
	float:left;
	width:auto;	
	color:#454545;
	font-family: 'Heebo', sans-serif;
	font-weight:600;
	font-size:24px;
	text-align: center;
	padding-left:7px;
	padding-top:12px;
	letter-spacing:-1px;
}

#logos_redes{
	position:relative;
	display:inline-block;
	float:right;
	padding-top:20px;
	padding-right:5%;
	padding-left:15px;
}
#logos_redes img{
	width:auto;
	height:20px;
}
#logos_redes a{
	padding-left:5px;
	padding-right:5px;
}
#portrait_menu_off{
	position:fixed;
	display: none;
	top:0px;
	width:100%;
	height:80px;
	background-color:#363636;
	z-index: 1500;
}


#portrait_menu_onn{
	display: none;
    position:fixed;
	margin:0px;
	padding:0px;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
	background-color:#ffffff;
	z-index:1600;
}
#portrait_menu_onn ul{
    position:relative;
	margin:0px;
	padding:0px;
    width:100%;
    height:100%;

}
#portrait_menu_onn ul li{
    position:relative;
	display:inline-block;
	width:100%;
	background-color:#FFFFFF;
	margin:auto;
	vertical-align: middle;
	padding-top:7px;
    padding-bottom:7px;
	padding-left:15px;
    text-align:left;
}

#portrait_menu_onn ul li a{
	font-family: 'Heebo', sans-serif;
	font-size: 32px;
	color: #7f0909;
	text-decoration:none;
}
#portrait_menu_onn ul li img{
vertical-align: middle;
}
	



@media all and (max-width: 1000px) and (min-width: 50px) and (orientation: landscape){

 #wide_menu{
        display: none;
    }
    #portrait_menu_off{
        display:inline-block;
    }
    #portrait_menu_onn{
        display: none;
    }
}
@media all and (max-width: 799px) and (min-width: 50px) and (orientation: portrait){

#logo_header{
	padding-top:3px;	
	padding-left:5%;
}	
#logo_header img{
	height:60px;
	width:auto;
	padding-top:5px;	
}
.menu_icono{
	position:relative;
	display:inline-block;
	float:right;
	width:auto;	
}



    #wide_menu{
        display: none;
    }
    #portrait_menu_off{
        display:inline-block;
    }
    #portrait_menu_onn{
        display: none;
    }


}