*{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: -10px;
}

body{
	overflow-x: hidden;
}

header{
	background-image: url(../1.jpg);
	height: 120vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0px;
}

ul{
	list-style: none;
	margin: 0px;
	font-size: 160%;
	padding-top: 440px;
	padding-left: 440px;
}

ul li{
	display: inline-block;
}

ul li a{
	text-decoration: none;
	color: #fff;
	padding: 30px 80px;
	border: 1px solid #000;
	background-color: #013066;
}

ul li a:hover{
	background-color: #fff;
	color: #000;
	transition: 0.7s ease;
}

ul li.active a{
	background-color: #fff;
	color: #000;
}

.main{
	max-height: 100px;
	margin: none;
	transform: translate(0%,-160%);
}

.jos{
	position: absolute;
	top: 270%;
	margin: 0;
	padding: 0;
}

.jos1{
	position: absolute;
	top: 115%;
	margin: 0;
	padding: 0;
}

.logo img{
	float: none;
	transform: translate(450%,350%);
	position: absolute;
}

.home{
	padding-left: 400px;
	transform: translate(0%,45%);
	margin-bottom: 0px;
	margin: 0px;
	position: relative;
}

.backhome{
	position: absolute;
	transform: translate(0%,32%);
}

.history{
	transform: translate(37%,60%);
	position: absolute;
}

.history2{
	position: absolute;
	transform: translate(1%,30%);
	padding-left: 100px;
}

.tehnologie{
	position: absolute;
	top: 155%;
	left: 21%;
}

.fiabilitate{
	position: relative;
	top: 115%;
	left: 21%;
}

.poza1{
	padding-top: 300px;
	padding-left: 540px;
}

.poza2{
	padding-left: 420px;
}

.textproduse{
	font-size: 150%;
	transform: translate(25%,-950%);
}

.prod1{
	transform: translate(21%,115%);
}

.prod2{
	transform: translate(28%,140%);
}

.textprod1{
	font-size: 160%;
	transform: translate(25.6%,2000%);
}

.textprod2{
	font-size: 160%;
	transform: translate(32%,1250%);
}

.backprod{
	transform: translate(32.7%,45%);
	position: absolute;
}

.sidenav {
  width: 130px;
  position: fixed;
  z-index: 1;
  top: 250px;
  left: 10px;
  background: #024b8f;
  overflow-x: hidden;
  padding: 8px 0;
}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #000;
  display: block;
}

.sidenav a:hover {
  color: #fff;
  transition-duration: 0.5s;
}

.an{
	font-size: 350%;
	position: absolute;
	top: 40%;
	left: 20%;
}

.continut{
	font-size: 150%;
	position: absolute;
	top: 50%;
	left: 20%;
}

.contact{
	float: none;
	padding-top: 20px;
	padding-left: 625px;
	transform: translate(4.3%,47%);
	max-width: 670px;
}

.text1{
	font-size: 110%;
	margin: 0px;
	transform: translate(39%,-140%);
}

.text1 pre{
	font-size: 103%;
	position: relative;
}

.text1 header{
	font-size: 140%;
	position: absolute;
	transform: translate(0%,-55%);
	background: #fff;
	margin: 0;
	max-height: 150px;
	width: 400px;
}

.text1 .text11{
	position: absolute;
	transform: translate(-45%,-50%);
}

.text1 .text12{
	transform: translate(-10.6%,40%);
}

.text1 .text13{
	transform: translate(-10.6%,40%);
}

.text1 .text14{
	transform: translate(-10.6%,40%);
}

.text2{
	font-size: 115%;
	transform: translate(39%,40%);
	margin: 0;
}

.text2 pre{
	font-size: 103%;
	position: relative;
	transform: translate(0%,-45%);
}

.text2 header{
	font-size: 140%;
	position: absolute;
	transform: translate(0%,-60%);
	background: #fff;
	margin: 0;
	max-height: 150px;
	width: 400px;
}

.text2 .mail{
	position: absolute;
	margin: 0;
}

.text2 .telefon{
	transform: translate(0%,70%);
}

.text2 .telefon .poza1{
	position: absolute;
	transform: translate(-82%,-121.5%);
}

.text2 .telefon .poza2{
	position: absolute;
	transform: translate(-77%,-310%);
}

.text2 .adresa{
	transform: translate(0%,80%);
}