/* ------------------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: arabic transparent, 'OpenSans';
 background-image: url("../images/husqvarna_back.png");
 background-repeat:  repeat;
}
input[type="text"],input[type="email"],input[type="telefon"], input[type="password"], input[type="textarea"], select {
 border-style:solid;
 border-width: 1px;
 padding: 10px;
 font-size:13px;
 border-color: #E6E6E6;
 font-family: sans-serif, 'OpenSans';
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="telefon"]:focus, input[type="password"]:focus, input[type="textarea"]:focus, select:focus {
 -webkit-box-shadow: 0px 0px 5px 0px rgba(69,144,179,0.27);
 -moz-box-shadow: 0px 0px 5px 0px rgba(69,144,179,0.27);
 box-shadow: 0px 0px 5px 0px rgba(69,144,179,0.27);
}
textarea {
 padding:10px;
 border-style:solid;
 border-width:1px;
 font-family: sans-serif, 'OpenSans' !Important;
 border-color:#e0e0e0;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
select {
 padding:10px;
 cursor:pointer;
 margin-left: 10px;
 font-weight: bold;
 background: #2f7dab;
 color: #fff;
}

/*body*/
#main {
  position: fixed;
  top: 50%;
  left: 30%;
  margin-top: -200px;
 width:40%;
 height: 400px;
 margin-left:auto;
 margin-right:auto;
 background-image: url("../images/husqvarna_back1.png");
 background-repeat:  repeat;
 background-position: -2000px 500px;
}
#top {
 width:40%;
 background-color:#f2f2f2;
 border-style:solid;
 border-width:1px;
 border-color:#c5c5c5;
 border-left:0;
 border-right:0;
 border-top:0;
 -webkit-box-shadow: 0px 9px 21px -5px rgba(0,0,0,0.36);
 -moz-box-shadow: 0px 9px 21px -5px rgba(0,0,0,0.36);
 box-shadow: 0px 9px 21px -5px rgba(0,0,0,0.36);
}
#top_main {
 max-width:90%;
 margin-left:auto; 
 margin-right:auto;
 padding-top:20px;
 padding-bottom:20px;
}
#hus_logo_top {
 float:left;
 max-width:160px;
 width: 21%;
 margin: 2%;
}
#informacios_div {
 float: left;
 color: #104D9B;
 text-align: center;
 margin-top: 21px;
 margin-left: 70px;
 width: 71%;
 margin: 2%;
 padding-top: 5%;
}
#informacios_div_husqvarna {
 font-size: 28px;
 text-transform:uppercase;
 letter-spacing:5px;
}
#informacios_div_info {	
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 2px;
 margin-left: -6px;
}
#diamantkicsilogogomb{
	width: 30px;
	height: 30px;
	position: relative;
	top:9px;
}


/***********MEDIA & FIX & other f***************/

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

@-moz-document url-prefix() {

}

@media screen and (max-width: 1366px) {
	.main_container {
	 max-width:73%; /***felbontás függő***/
	 margin-left:auto;
	 margin-right:auto;
	 background-color:#fff;
	 padding:20px;
	-webkit-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.43);
	box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.43);
    }
}
@media screen and (max-width: 1200px) {
	#top_container,#top_main {
	 padding-left:10px;
	 padding-right:10px;
	}
	#kapcsolatgoogleterkep{
		float:right;
		width:480px;
		height:360px; 
	}
	#kapszovdiv{
		width:33%;
	}
	#kapcsolatszoveg1{	
		font-size: 15px;
	}
	#kapcsolatszoveg2{
		font-size:13px;
	}
	.leirasok {
    	float: left;
    	width: 100%;
    	font-size: 11px;
        }
    .leirasok img{
    	float: right;
    	width: 200px;
    	height: auto;
    	border: 2px;
    	border-style: solid;
    }
}
@media screen and (max-width: 1100px) {
	#top_container,#top_main {
	 padding-left:10px;
	 padding-right:10px;
	}
	#kapszovdiv{
		width:31%;
	}
	#kapcsolatszoveg1{	
		font-size: 14px;
	}
	#kapcsolatszoveg2{
		font-size:12px;
	}
		.leirasok {
    	float: left;
    	width: 100%;
    	font-size: 9px;
        }
    .labresz-cim, #labakalatt p {
        font-size: 11px;
    }
}
@media screen and (max-width: 1050px) {
    #informacios_div_husqvarna {
  font-size: 24px;
 }
     #menu_top ul li a {
	  padding-left:10px;
	  padding-right:10px;
	 }
}
@media screen and (max-width: 960px) {
 .szurke_container_content_hasabok span {
  margin-top:24px;
  font-size:14px;
 }
    #ajanlatkero_blokk_left {
      width:50%;
    }
    #ajanlatkeres_cimsor {
      margin-top:10px;
    }
    #informacios_div {
      margin-left:30px;
    }
	#kapcsolatgoogleterkep{
		float:right;
		width:387px;
		height:290px; 
	}
	#kapszovdiv{
		width:31%;
	}
	#kapcsolatszoveg1{	
		font-size: 14px;
	}
	#kapcsolatszoveg2{
		font-size:12px;
	}
	#araink_first_main_container{
		font-size:13px !important;
	}
	#menu_top ul li a {
	  padding-left:10px;
	  padding-right:10px;
	 }
}
@media screen and (max-width: 960px) {
    .main_container {
         max-width:80%; /***felbontás függő***/
         margin-left:auto;
         margin-right:auto;
         background-color:#fff;
         padding:20px;
        -webkit-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.43);
        -moz-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.43);
        box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.43);
        }
    .labresz-cim, #labakalatt p {
        font-size: 10px;
    }
    #informacios_div_husqvarna {
	  font-size: 18px;
        letter-spacing:4px;
	 }
}
@media screen and (max-width: 880px) {
	#menu_top ul li:not(:first-child):before {
     content: '';
     color:#c0c0c0;
    }
	#menu_top ul li a {
	  padding-left:6px;
	  padding-right:6px;
      margin:3px;
      font-size: 14px;
	 }
	 #szelso_kockak_1,#szelso_kockak_2, #szelso_kockak_3 {
        display: none;
    }
    #top_container_right {
        font-size: 12px;
    }
}
@media screen and (max-width: 800px) {
    #informacios_div_husqvarna {
	  font-size: 14px;
	  font-weight: bold;
	 }
	#menu_top ul li a {
	  padding-left:4px;
	  padding-right:4px;
      margin:2px;
      font-size: 12px;
	 }
	 #diamantkicsilogogomb{
    	width: 25px;
    	height: 25px;
	 }
    .leirasok img{
    	float: right;
    	width: 150px;
    	height: auto;
    	border: 2px;
    	border-style: solid;
    }
}
@media screen and (max-width: 770px) {
	#elem_1 {
	 display:none;
	}
    #main_container_box div {
	  width:45%;
	 }
	#szurke_container_content_center {
	  display:none;
	 }
	.szurke_container_content_hasabok {
	  width:50%;
	 }
	#szurke_container_content_hasabok_kep_fix {
	  display:block;
	 }
	#first_main_container {
	  padding-bottom:10px;
	 }
	#ajanlatkeres_right {
	  display:none;
	 }
	#ajanlatkeres_left {
	  width:100%;
	 }
	#ajanlatkeres_cimsor {
	  text-align:center;	
	 }
	#ajanlatkero_mezok div {
	  width:100%;
	  display:block;
	  float:unset;
	  text-align:center;
	 }
	#ajanlatkero_mezok {
	  display:block;
	 }
	#ajanlatkeres_cimsor {
	  margin-right:auto;
	 }
	#ajanlatkero_mezok input {
	  max-width:200px;
	 }
	#kapcsolatgoogleterkep{
		float:right;
		width:352px;
		height:264px; 
	}
	#kapszovdiv{
		width:30%;
	}
	#kapcsolatszoveg1{	
		font-size: 13px;
	}
	#kapcsolatszoveg2{
		font-size:11px;
	}
	#araink_first_main_container{
		font-size:12px !important;
	}
	.leirasok {
    	float: left;
    	width: 100%;
    	font-size: 8px;
        }
    .labresz-cim, #labakalatt p {
        font-size: 9px;
    }
}
@media screen and (max-width: 710px) {
    #informacios_div_husqvarna {
	    font-size: 14px;
	    font-weight: bold;
        letter-spacing:3px;
	 }
	#menu_top ul li a {
	  padding-left:3px;
	  padding-right:3px;
      margin:1px;
	  font-weight: bold;
	 }
    #hus_logo_top {
      max-width:20%;
    }
    #informacios_div {
      margin-left:20px;
    }
	#kapcsolatgoogleterkep{
		float:right;
		width:320px;
		height:240px; 
	}
	#kapszovdiv{
		width:29%;
	}
	#kapcsolatszoveg1{	
		font-size: 12px;
	}
	#kapcsolatszoveg2{
		font-size:10px;
	}
}

@media screen and (max-width: 670px) {
	#informacios_div_husqvarna {
	    font-size: 13px;
	    font-weight: bold;
        letter-spacing:2px;
	 }
    #ajanlatkero_blokk_left {
      display:none;
    }
    #ajalnlatkero_gomb {
      margin-left: auto;
      margin-right: auto;
      float: none;
      display: block;
    }
    #foot_container_center span {
      font-size:15px;
    }
    #foot_container_left span {
      font-size:12px;
    }
    #bottom_logo {
      width:50%;
    }
	#kapcsolatgoogleterkep{
		float:left;
	}
	#kapszovdiv{
		width:40%;
		padding:10px;
	}
	#kapcsolatszoveg1{	
		font-size: 13px;
	}
	#kapcsolatszoveg2{
		font-size:12px;
	}
    #menu_top ul li a {
      float: none;
	  padding-left:2px;
	  padding-right:2px;
      margin:2px;
	  font-weight: bold;
    }
    .leirasok img{
    	float: right;
    	width: 100px;
    	height: auto;
    	border: 2px;
    	border-style: solid;
    }
    .labresz_tav{
    	padding-left:4%;
    	width: 46%;
    	float: left;
    }
}

@media screen and (max-width: 560px) {
	#kapszovdiv{
		width:58%;
		padding:10px;
	}
	#araink_first_main_container{
		font-size:11px !important;
	}
	#informacios_div_husqvarna {
	    font-size: 13px;
	    font-weight: bold;
        letter-spacing:1px;
	 }
}

@media screen and (max-width: 460px) {
 #main_container_box div {
  width:93%;
 }
 #top_container span, #foot_after_container span {
  padding:5px;
  float:unset;
  display:block;
  text-align:center;
 }
 #foot_container_left, #foot_container_center, #foot_container_right {
  width:100%;
  float:unset; 
  text-align:center;
 }
 #foot_container_right span img {
  margin-bottom:-10px;
  float:unset;
 }
 #foot_container_center span {
  margin-top:0px;
 }
 #last_main_container {
  display:none;
 }
 #top_slide_div {
  font-size:20px;
  padding-top:30px;
  height:300px;
 }
	#kapcsolatgoogleterkep{
		float:right;
		width:280px;
		height:210px; 
	}
	#kapszovdiv{
		width:66%;
		padding:10px;
	}
	
    #menu_top ul li a {
      float: left;
	  padding-left:2px;
	  padding-right:2px;
      margin:2px;
	  font-weight: bold;
    }
}

@media screen and (max-width: 360px) {
	#kapcsolatgoogleterkep{
		float:right;
		width:220px;
		height:165px; 
	}
	#kapszovdiv{
		width:80%;
		padding:5px;
	}
    .labresz_tav{
    	padding-left:5%;
    	width: 90%;
    	float: none;
    }
}

@media screen and (max-width: 300px) {
 #top_slide_div {
  font-size:14px;
 }
 #szurke_container_content_left span {
  margin-right:5px;
 }
 #szurke_container_content_right span {
  margin-left: 5px;
 }
 .main_container_title {
  font-size:20px;
 }
 #ajanlatkeres_cimsor { 
  font-size:15px;
 }
 #ajanlatkero_gomb_2 {
  width:100%;
  padding-right:5px;
  padding-left:5px;
  font-size:15px;
 }
 #ajanlatkero_mezok input {
  width:80%;
 }
}

@media screen and (max-width: 260px) {
 #szurke_container_content {
  display:none;
 }
 #szolgaltatasaink_div {
  padding-top:0px;
 }
}