/* ------------------GLOBAL -------------------*/
@font-face {
  font-family: 'OpenSans';
  src: url('../OpenSans-Regular.ttf');
}

body {
 padding: 0;
 margin:0;
 width:100%;
 min-height:180px;
 min-width:200px;
 font-size:15px;
 font-family: serif, 'OpenSans';
 /*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cbccc8)) fixed;*/
 background-image: url("../images/husqvarna_back1.png");
 background-repeat: repeat;
}

/*body*/

#hatterkep{
	width: 85%;
	height: auto;
	position: relative;
		top: 20px;
}
#lapteteje {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #ff8300;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}
#lapteteje:hover {
  background-color: #fede00;
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

#body_main{
	width: 80%;
	height: 80%;
	text-align:center;
	position: absolute;
		top: 5%;
		left:10%;
}

/*slide hátterek*/
#diamant{
	width: 450px;
	height: 500px;
	border: 2px solid #EFA200;	
	background: #f0f0f0;
	opacity: 0.8;
	float: left;
	position: relative;
		top: 6%;
		left:3%;
}
#diamant:hover{
	opacity: 1.0;	
	font-weight:bold;
}
#diamantkicsilogogomb{
	width: 30px;
	height: 30px;
	position: relative;
	top:9px;
}
#kicsilinkD{
	width: 50%;
	padding-bottom: 16px;
	padding-left: 20%;
	padding-right: 20%;
	border: 2px solid #EFA200;
	color:#EFA200;	
	background: #f0f0f0;
	display: none;	
	font-weight:bold;
	position: relative;
		top: 60px;
		left:5%;
}
#kicsilinkD:hover{
	color:#EFA200;	
	background: #E0E0E0;
}
#diatovabb{
	color:#000;
	font-size:14px;
	position: absolute;
		top: 95%;
		left: 60%;
    
}



#husqvarna{	
	width: 450px;
	height: 500px;
	border: 2px solid #104D9B;	
	background: #f0f0f0;
	opacity: 0.8;
	float: right;
	position: relative;
		top: 6%;
		right:3%;
		font-family: tradegothicltcom-bd2 transparent, 'sans-serif';
}
#husqvarna:hover{
	opacity: 1.0;	
	font-weight:bold;
}
#husqvarnakicsilogogomb{
	position: relative;
	top:9px;
}
#kicsilinkH{
	width: 50%;
	padding-bottom: 16px;
	padding-left: 20%;
	padding-right: 20%;
	border: 2px solid #104D9B;
	color:#104D9B;	
	background: #f0f0f0;
	display: none;	
	font-weight:bold;
	position: relative;
		top: 80px;
		left:5%;
}
#kicsilinkH:hover{
	color:#104D9B;	
	background: #E0E0E0;
}
#hustovabb{
	color:#000;
	font-size:14px;
	position: absolute;
		top: 95%;
		left: 60%;
    
}


#husqvarna_logo_top{
	width: 40%;
	height: 45%;
	position: absolute;
		top: 22%;
		left: 30%;
}

#diamant img{
	width: 150px;
	height: 150px;
}

 #szov1{
	color:#EFA200;
	font-weight:bold;
	font-size:28px;
	letter-spacing:2px;
	text-transform:uppercase;
 } 
 #szov2{
	position: relative;
		top: 72%;
		text-align: center;
	color:#104D9B;
	font-weight:bold;
	font-size:22px;
	letter-spacing:2px;
	text-transform:uppercase;
 }
 
 
 
/***********MEDIA & FIX & other f***************/

.cleared {
 font: 0/0 serif;
 clear: both;
}

@-moz-document url-prefix() {

}

@media screen and (max-width: 1200px) {
	#diamant{
		width: 405px;
		height: 450px;
	}
	#husqvarna{	
		width: 405px;
		height: 450px;	
	}
	#szov1{
		font-size:24px;
	} 
	#szov2{
		font-size:20px;
	}
}
@media screen and (max-width: 1100px) {
	#diamant{
		width: 365px;
		height: 405px;
	}
	#husqvarna{	
		width: 365px;
		height: 405px;	
	}
	#szov1{
		font-size:22px;
	} 
	#szov2{
		font-size:18px;
	}
}
@media screen and (max-width: 1000px) {
	#diamant{
		width: 320px;
		height: 355px;
		position: relative;
		left:2%;
	}
	#diamant img{
		width: 125px;
		height: 125px;
	}
	#husqvarna{	
		width: 320px;
		height: 355px;
		position: relative;
		right:2%;	
	}
	#szov1{
		font-size:19px;
	} 
	#szov2{
		font-size:16px;
	}
}
@media screen and (max-width: 960px) {
	#diamant{
		width: 300px;
		height: 335px;
		position: relative;
		left:2%;
	}
	#husqvarna{	
		width: 300px;
		height: 335px;
		position: relative;
		right:2%;	
	}
	#szov1{
		font-size:16px;
	} 
	#szov2{
		font-size:14px;
	}
	#diatovabb, #hustovabb{
		font-size:13px;
    }
}
@media screen and (max-width: 810px) {
	#diamant{
		width: 270px;
		height: 300px;
		position: relative;
		left:1%;
	}
	#diamant img{
		width: 100px;
		height: 100px;
	}
	#husqvarna{	
		width: 270px;
		height: 300px;
		position: relative;
		right:1%;	
	}
	#szov1{
		font-size:13px;
	} 
	#szov2{
		font-size:11px;
	}
	#diatovabb, #hustovabb{
		font-size:11px;
    }
}
@media screen and (max-width: 710px) {
	#diamant{
		width: 240px;
		height: 270px;
		position: relative;
		left:1%;
	}
	#diamant img{
		width: 100px;
		height: 100px;
	}
	#husqvarna{	
		width: 240px;
		height: 270px;
		position: relative;
		right:1%;	
	}
	#diatovabb, #hustovabb{
	position: absolute;
		left: 55%;
    
    }
}
@media screen and (max-width: 630px) {
	#diamant{
		display:none;
	}
	#husqvarna{	
		display:none;
	}	
	#szov1{
		display:none;
	} 
	#szov2{
		display:none;
	}
	#kicsilinkD{
		display: block;
	}
	#kicsilinkH{
		display: block;	
	}
	#hatterkep{
	width: auto;
	height: 200px;
	}
}
@media screen and (max-width: 560px) {
}
@media screen and (max-width: 460px) {
	
}
@media screen and (max-width: 360px) {
	
}
@media screen and (max-width: 300px) {
	
}
@media screen and (max-width: 260px) {
	
}