* {
	margin: 0px;
	box-sizing: border-box;
}
:root {
	--color: #1B0795;
	--zagolovok: #001D83;
}
:root {
	--main-url: "http://arysep.com.ar";
}
html, body {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-size: 12px;
	box-sizing: border-box;
	position: relative;
}
.right, .left, .center {
	display:flex;
    align-items: center;
}
.img_gen { width: 100%; }
.cursor { cursor:pointer; }
.bg_gris { background-color: #F0F0F0; }
.header, .content, .content_leading, .footer {
	box-sizing: border-box;
}
.loading {
	width: 55px;
}
.font-icone {
	font-size: 18px;
	margin: 0 10px 0 0;
}
body {
	box-sizing: border-box;
	background-color: #FFF;
}
.btn {
	cursor: pointer;
}
.buton_gen {
	background: #37A3D1;
	color: #FFF;
	border-radius: 3px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 16px;
	padding: 4px 10px;
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
}
.contener {
	width: 100%;
/*	max-width: 1440px;*/
	min-height: 100%;
	margin: 0 auto;
	background-color: #FFF;
	display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.header {
	box-sizing: border-box;
	width: 100%;
	height: 64px;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	background-image: url("../img/bg_0.png");
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}
.head_separ {
	flex-grow: 1;
}
.head_boxleft {
	position: relative;
	display:flex;
    align-items: center;
	font-family: 'Mohave';
	font-weight: 500;
	font-size: 30px;
	color: #FFFFFF;
	padding: 0 0 0 72px;
}
.head_boxright {
	width: 230px;
	display:flex;
    flex-direction: row;
    justify-content:space-between;
    align-items: space-between;
	padding: 7px 18px;
}

.header_logo2 {
	display: none;
}
.head_menu {
	display: none;
}


/******************************/
.menu-btn {
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 40px;
	transition: 1s;
	margin: 0 10px;
	display: none;
}
.menu-nav div {
  text-transform: uppercase;
  transition: 1s;
}
.menu-nav {
	box-sizing: border-box;
	position: absolute;
	top: 30px;
	left: 10px;
	width: 250px;
	padding: 3px;
	background: rgba(255,255,255,0.5);
	border-radius: 5px;
	transition: 0.5s;
	font-size: 16px;
	transform: scale(0) translate(0) rotateX(90deg) rotateY(90deg) translateX(10em) translateY(-5em);
	transform-origin: left top;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
}
.menu-nav_active {
  transform: scale(1) translate(0) rotateX(0deg) rotateY(0deg) translateX(0) translateY(0em);
  opacity: 1;
  visibility: visible;
}
.menu {
	position: relative;
	padding: 10px;
	margin: 5px 0;
	border: 1px Solid #CCC;
	width: 100%;
	background-color: #8039E4;
	color: #FFF;
	cursor: pointer;
	text-align: right;
}
.menu a {
	color: #FFF;
}
