body{
  margin:0px;
  padding:0px;
  overflow:hidden;
}
body,div,a,h1,h2,h3,p,li,a{
 font-family:"Times new roman";
}
/*------------------------------------------ Általános beállítások --------------------------------------------*/
.f14{
  font-size:14px;
}
.f16{
  font-size:16px;
}
.f18{
  font-size:18px;
}
.f20{
  font-size:20px;
}
.f22{
  font-size:22px;
}
.f24{
  font-size:24px;
}
.f26{
  font-size:26px;
}
.f28{
  font-size:28px;
}
.f30{
  font-size:30px;
}
.f32{
  font-size:32px;
}
.f34{
  font-size:34px;
}
.f36{
  font-size:36px;
}
.f38{
  font-size:38px;
}
.f40{
  font-size:40px;
}
.f42{
  font-size:42px;
}
.bold{
  font-weight:bold;
}
.uline{
  text-decoration:underline;
}
.fcwhite{
  color:#ffffff;
}
.fcblack{
  color:#000000;
}
.fcldgray{
  color:#404040;
}
.bordered_dgray_1px{
  border:1px solid #404040;
}
.bordered_dgray_2px{
  border:3px solid #404040;
}
.bordered_dgray_3px{
  border:3px solid #404040;
}
.cikk .title{
  color:#404040;
}
.cikk h2{
  font-size:24px;
}
.cikk h3{
  font-size:20px;
  color:#404040;
}
.cikk{
  width:100%;
  text-align:justify;
  font-size:18px;
  display:inline-block;
}
.cikk2{
  width:100%;
  text-align:justify;
  font-size:18px;
  display:inline-block;
  background-color:#dfdfdf;
}
.cikk2 div{
  padding:10px;
}
.cikk2 .title2{
  margin-top:0px;
  padding:10px;
  
}
.cikk ul li, .eszkozok ul li{
    list-style-type: none;
    counter-increment: list;
    position: relative;
}
.eszkozok ul li:after {
    content: url('../images/listmarker2.png');
    position: absolute;
    left: -2.3em;
	top:5px;
    width: 2em;
    text-align: right;
    color: red;
}
.cikk ul li:after {
    content: url('../images/listmarker2.png');
    position: absolute;
    left: -2.3em;
	top:5px;
    width: 2em;
    text-align: right;
    color: red;
}
.cikk ul {
  margin:10px;
  padding:0px;
}
.title2{
  font-size:24px;
  color:#ffffff;
  background-color:#f7941d;
  text-align:center;
}
.imglabel{
  font-size:12px;
  color:#606060;
  float:right;
}
.label{
  color:#ffffff;
}
.kiemeles{
	color:#f7941d;
	font-weight:bold;
}
.termekimg{height:50px;}
ul.nav {float:left;position:absolute;z-index:13000;}
ul.nav,  ul.nav li, ul.nav li ul {list-style-type:none;margin:0px;padding:0px;}
ul.nav li ul {display:none;background:#464646 url('../images/menu_bg.jpg') center center no-repeat;background-size:cover;}
ul.nav li{float:left;}
ul.nav li:hover ul {display:block;}
ul.nav li:hover ul ul{display:none;}
ul.nav li ul li:hover ul{display:block;}
ul.nav li ul li:hover ul ul{display:none;}
ul.nav li ul li ul li:hover ul{display:block;}
ul.nav li {float:left;height:20px;line-height:20px;margin-right:20px;font-size:16px;position:relative;}
ul.nav li ul {position:absolute;}
ul.nav li ul li {width:100%;float:left;padding:6px;font-size:12px;text-align:left;}
ul.nav li ul ul {margin-left:150px;margin-top:-30px;}
ul.nav li  a{cursor:pointer;transition:all 0.3s;}
ul.nav li a , ul.nav li span {display:block;text-decoration:none;color:#464646;padding:0px 10px;}
ul.nav ul li a{color:#ffffff;}
ul.nav ul li a:hover{text-decoration: underline;}
ul.nav li span{height:24px;}
ul.nav li span:hover {color:#464646;}
#menucontainer{
  width:100%;
  height:32px;
  border-bottom:3px solid #f7941d;
}
#menu{
  width:1000px;
  margin:0px auto;
  padding-top:10px;
  display:none;
}
.headerimg { 
	width:100%; 
	height:601px; 
	position:absolute; 
	background-size:cover;
	min-width:980px;
	background-position: center center;	
}
.headerimg2 { 
	width:100%; 
	height:200px; 
	position:absolute; 
	background-size:cover;
	min-width:980px;
	background-position: center center;	
}
#header_div{
  width:1000px;
  margin:0px auto;
  padding:0px;
  height:100%;
  margin-top:30px;
}
#arajanlat{
  background-color:#f7941d;
  color:#ffffff;
  padding:20px;
  border-radius:10px;
  width:250px;
  font-size:14px;
  letter-spacing:4px;
  margin-top:100px;
  float:right;
  display:none;
}
#arajanlat #button{
  color:#ffffff;
}
#arajanlat input{
  width:240px;
  padding:3px;
  color:#464646;
  margin-bottom:30px;
}
#button{
  border-bottom:2px solid rgba(0,0,0,0);
  display:inline-block;
  float:right;
  margin-top:-10px;
}
#button:hover{
  border-bottom:2px solid #ffffff;
  cursor:pointer;
}
#populariscsomag{
  background:url('../images/popular_bg.png') center center no-repeat;
  background-size:cover;
  width:575px;
  height:245px;
  border:1px solid #000000;
  margin-top:80px;
  padding:10px;
  display:none;
}
#populariscsomag div{
  margin-top:30px;
  display:inline-block;
  float:left;
  color:#ffffff;
  text-shadow:0px 0px 5px rgba(0,0,0,0.5);
}
#populariscsomag div:last-child{ 
  float:right;
}
.popimg{
  height:100%;
}
.poptitle{
  width:155px;
  display:inline-block;
  text-align:justify;
  color:#000000;
}
#dim{
  box-shadow:0px 5px 10px rgba(0,0,0,0.5);
}
#dim2{
  box-shadow:0px 5px 10px rgba(0,0,0,0.3);
}
#maincontainer{
  width:1000px;
  margin:0px auto;
  margin-top:620px;
  display:none;
}
#maincontainer2{
  width:1000px;
  margin:0px auto;
  margin-top:220px;
}
#footercontainer{
  margin:50px 0px;
  margin-bottom:0px;
  width:100%;
  background-color:#6F6F6F;
  //display:inline-block;
  display:none;
}
#footer{
  width:1000px;
  margin:0px auto;
  padding:20px;
  color:#ffffff;
}
#footer .imglabel{
  color:#ffffff;
}
#mainleft{
  display:inline-block;
  width:50%;
}
#mainleft div{
  color:#505050;
}
#mainright{
  vertical-align:top;
  display:inline-block;
  width:49%;
}
#mainright  div{
  color:#505050;
}
.termekek{
  width:100%;
  display:inline-block;
  border-bottom:5px solid #f7941d;
  background-color:#ededed;
  margin-bottom:30px;
  padding:10px;
}
.termekek h2{
  margin:0px;
  margin-bottom:20px;
  color:#404040;
}
.rendszerpak{
  width:200px;
  display:inline-block;
  float:right;
}
.rendszermegrendeles{
  background-color:#f7941d;
  display:inline-block;
  padding:5px;
  width:200px;
  text-align:center;
  color:#ffffff;
  font-weight:bold;
  letter-spacing:1px;
  cursor:pointer;
  position:relative;
  top:10px;
  transition:0.2s all;
}
.rendszermegrendeles:hover{
  top:8px;
}
#csomagok{
  width:700px;
  display:inline-block;
}
#kerdesevan{
  vertical-align:top;
  width:270px;
  display:inline-block;
  margin-left:20px;
  text-align:center;
  color:#ffffff;
  background-color:#f7941d;
}
#kerdesevan h2{
     color:#ffffff;
}
#formcontainer{
  text-align:left;
  width:100%;
}
#kerdesevanform{
  padding:5px;
}
#formcontainer input, #formcontainer textarea{
  width:254px;
  border:1px solid #808080;
}
#kerdesevanBtn{
  padding:0px;
  margin:13px;
  float:right;
  color:#ffffff;
  border-bottom:2px solid rgba(0,0,0,0.0);
  cursor:pointer;
}
#kerdesevanBtn:hover{
  border-bottom:2px solid #ffffff;
}
.eszkozok{
margin-top:20px;
width:60%;
border-bottom:3px solid #f7941d;
display:inline-block;
}
#hirlevel_reg{
  padding:20px;
  border-bottom:3px solid #f7941d;
}
#hirlevel_reg input{
margin:5px;  
}
#contacts{
  
}
#contact0{
 font-size:18px;
}
#contact1{
  margin-right:10px;
  width:700px;
}
#contact1 input{
  width:70%;
  margin-bottom:10px;
}
#contact1 textarea{
  width:100%;
}
#contact1 #button_mail{
  margin-top:20px;
  margin-right:-5px;
  background-color:#f7941d;
  color:#ffffff;
  padding:10px;
  border-radius:4px;
  display:inline-block;
  float:right;
}
#contact2{
  margin:20px 0px;
}
.news_block a{
  text-decoration:none;
}
.news_block a h2:hover{
  color:#f7941d;
}
.longtitle{
  width:80%;
  text-align:justify;
}
.news_date{
  color:#f7941d;
  font-size:12px;
  margin-top:-23px;
  margin-bottom:10px;
}
.submenus{
  box-shadow:2px 2px 10px #404040;
}
#rooftypecontainer{
  position:relative;
  height:44px;
  display:inline-block;
  margin-bottom:30px;
  width:100%;
}
#rooftype{
  height:44px;
  background-color:#ffffff;
  border:1px solid #b0b0b0;
  margin-bottom:30px;
  overflow:hidden;
  position:absolute;
  padding:3px;
  width:100%;
}
.roof{
  color:#404040;
  transition:0.3s all;
  float:left;
  font-size:16px;
  padding:4px;
  vertical-align:top;
  width:242px;
}
.roof .roofimgcontainer{
  width:70px;
  display:inline-block;
  float:left;
}
.roof .roofimgcontainer img{
  height:40px;
}
.roof:hover{
  background-color:#f7941d;
  color:#ffffff;
  cursor:pointer;
}
.roofname{
  float:left;
  font-size:14px;
  vertical-align:middle;
  height:40px;
  display:inline-block;
  text-align:left;
}