@font-face {  
    font-family: "Roboto-vastag";  
    src:url("betutipus/Roboto-Condensed.ttf");  
} 
@font-face {  
    font-family: "Roboto-Regular";  
    src:url("betutipus/Roboto-Regular.ttf");  
}
@font-face {  
    font-family: "Roboto_lagy";  
    src:url("betutipus/Roboto-Thin.ttf");  
}
@font-face {  
    font-family: "Roboto-Light";  
    src:url("betutipus/Roboto-Light.ttf");  
}




body {
	 font-family: "Roboto-Light";     color:#0D0B0B; line-height:30px;
	}
	
	
	
.felso1{ 
width:100%; 
position:fixed;  
top:0px; left:0px; 
height:70px; 
background-color:#2a3845;
z-index:1;
padding-top:10px;
}

.felso2{ 
width:100%; 
right:0px; left:0px;
margin-top:80px; 
height:900px; 
background-color:#F3F5F2;
z-index:0;
}

.link{ text-decoration:none; color:#009BFF;}


@media only screen and (min-width : 1600px) {
.menu{height:80px; width:100%; position:fixed; margin:0px; top:0px; left:0px; background-color:#2a3845; z-index:20 }
.mobil{ display:none;}
.gep{ width:100%; height:80px;}
.logodiv {float:left; width:380px; height:60px; padding-top:20px; padding-left:20px;}
.menudiv {float:right; height:60px; }
.felsokep {height:590px; padding-top:50px; background-image:linear-gradient(#4980b8, #1d3050);}
.menugomb{ float:left; width:150px; height:52px; padding-top:28px; font-size:14px; color:#8ac6fd;  margin-left:5px; text-align:center; cursor:pointer;}
.menugomb:hover{ background-color:#ffffff; border-bottom:5px solid #8ac6fd; color:#2a3845;}
.kozepso{ max-width:1200px;text-align:left; padding:50px; margin-top:10px; clear:both;border-radius: 5px;}
.kozepso_kicsi{ max-width:600px; text-align:left;/*box-shadow: 1px 2px 10px 5px LINEN;*/ padding:0px;}
.also{background-color:#2E2B21;  height:280px;}
.also1{ max-width:1200px; padding:20px; }
.arnyek{box-shadow: 3px 1px 6px 1px lightgrey;}
.belso_arnyek{box-shadow: 3px 1px 6px 1px  lightgrey inset;}
.koz1{ height:5px; clear:both; width:100%;}
.koz2{ height:60px; clear:both; width:100%;}
.koz4{ height:250px; clear:both; width:100%;}
.koz5{ height:50px; clear:both; width:100%;}
.koz6{ height:100px; clear:both; width:100%;}
.divfelso{ padding-top:80px;  } 
.div2_bal_felso{ float:left; width:40%; }
.div2_jobb_felso{float:left; width:58%; }
.div2_bal{ float:left; width:45%; padding:20px; }
.div2_jobb{float:left; width:45%; padding:20px; }
h3{ font-size:30px; color:#1C2F39; font-family: "Roboto_lagy"; line-height:40px;}
h4 {font-family: "Roboto-Regular"; font-size:20px; color:#6E787C;line-height:20px;}
h2{ font-size:40px; color:#7e858d; font-family:"Roboto-Regular"; font-weight:100; line-height:48px;}
h1{ font-size:60px; color:#4d6a8a; font-family:"Roboto-vastag"; font-weight:100; line-height:48px;}
.f1{ margin-bottom:80px;}
.mezo { width:225px;  margin-right:20px; border-radius: 10px; border:0px; padding:10px; font-size:18px; font-family: "Roboto-Light";}
.mezo_spam { width:225px;  margin-right:20px; border-radius: 10px; border:0px; padding:10px; font-size:18px; font-family: "Roboto-Light";}
.mezo2 { width:350px;  margin-top:20px; border-radius: 10px; border:thin solid #E9E6D8; padding:10px; font-size:16px; font-family: "Roboto-Light";}
.mezot{ width:350px; height:100px; margin-top:20px; border-radius: 10px; border:thin solid #E9E6D8; padding:10px; font-size:16px; font-family: "Roboto-Light";}
.gomb{ padding:10px;background-image:linear-gradient(#bee0ff, #8ac6fd);border:0px; font-size:18px;  font-family: "Roboto-Regular"; border-radius: 10px;cursor:pointer;}
.checkbox{width:20px;  height:20px; color:#DBAA00; margin-top:20px;}
.div33 { width:33%;  float:left; ;}
.div50 {height:410px; width:45%; margin-top:30px; background-color:#FFFFFF; z-index:10; position:relative; float:left; margin-left:3em;opacity:0.9; box-shadow: 0px 1px 5px 3px #e8e9eb; border-radius: 5px;}
.megnezem_gomb{ width:150px; margin-top:50px; padding:10px;background-image:linear-gradient(#bee0ff, #8ac6fd);border:0px; font-size:18px;  font-family: "Roboto-Regular"; border-radius: 10px;cursor:pointer; color:#1d3151;}
.kapcsolat{width:400px; text-align:right;}
.div3_funkciok1{overflow-x:auto;  padding:5px; }
.tabla_funkciok{  border-collapse: collapse; border-spacing: 0;width: 100%;}
.valami:nth-child(even) {background: #f6f5f2;}
.cella_funkcio{ font-size:16px;}
.funkciodiv{border-bottom:thin solid #7296C8; margin-bottom:60px; padding-bottom:20px;}
.rendelo_mezo{ width:94%; height:30px; margin:5px; padding:5px; margin-bottom:10px;  border-radius: 10px; border:0px; font-size:16px;}
.kozepso_urlap { width:600px; padding:20px;box-shadow: 5px 2px 10px 2px Gainsboro; background-color:#EFF5F8;}
.kozepso_referencia{max-width:1200px; }
.div2_bal_referencia{ float:left; width:49%; }
.div2_jobb_referencia{float:left;  margin-left:20px; width:49%; }
.referencia_kep_div {max-width:600px; margin-top:50px;}
.ref_kep_szeles{ max-width:600px;}
.also{ background-color:#2a3845; height:300px; margin-top:20px;}
.also2{ max-width:1300px; height:100px;  padding-top:30px; }
.alsolink{ text-decoration:none; color:#93DAF8; font-family: "Roboto-Regular"; font-size:16px; }
.alsolink:hover{ color:#FFFFFF; }
 }
 




@media only screen and (min-width : 1050px) and (max-width : 1599px) {
.menu{height:80px; width:100%; position:fixed; margin:0px; top:0px; left:0px; background-color:#2a3845; z-index:20 }
.mobil{ display:none;}
.gep{ width:100%; z-index:10; height:80px;}
.logodiv {float:left; width:280px; height:60px; padding-top:20px;}
.menudiv {float:right; }
.felsokep {height:590px; padding-top:50px; background-image:linear-gradient(#4980b8, #1d3050);}
.menugomb{ float:left; width:145px; height:52px; padding-top:28px; font-size:14px; color:#8ac6fd;  margin-left:5px; text-align:center; cursor:pointer;}
.menugomb:hover{ background-color:#ffffff; border-bottom:5px solid #8ac6fd; color:#2a3845;}
.kozepso{ max-width:1200px; text-align:left; padding:20px; margin-top:10px; clear:both;border-radius: 5px;}
.kozepso_kicsi{ max-width:600px; text-align:left; padding:0px;}
.arnyek{box-shadow: 3px 1px 6px 1px lightgrey;}
.belso_arnyek{box-shadow: 3px 1px 6px 1px  lightgrey inset;}
.koz1{ height:5px; clear:both; width:100%;}
.koz2{ height:60px; clear:both; width:100%;}
.koz4{ height:250px; clear:both; width:100%;}
.koz5{ height:50px; clear:both; width:100%;}
.koz6{ height:100px; clear:both; width:100%;}
.divfelso{ padding-top:80px;  } 
.div2_bal{ float:left; width:48%; padding:5px;}
.div2_jobb{float:left; margin-left:0px; width:40%}
.div2_bal_felso{ float:left; width:40%;  }
.div2_jobb_felso{float:left; width:48%;  margin-left:30px; }
h3{ font-size:26px; color:#1C2F39; font-family: "Roboto_lagy"; line-height:40px;}
h4 {font-family: "Roboto-Regular"; font-size:20px; color:#6E787C;line-height:20px;}
h2{ font-size:30px; color:#7e858d; font-family:"Roboto-Regular"; font-weight:100; line-height:48px;}
h1{ font-size:50px; color:#4d6a8a; font-family:"Roboto-vastag"; font-weight:100; line-height:48px;}
.f1{ margin-bottom:60px;}
.mezo { width:225px;  margin-right:20px; border-radius: 10px; border:0px; padding:10px; font-size:18px; font-family: "Roboto-Light";}
.mezo_spam { width:225px;  margin-right:20px; border-radius: 10px; border:0px; padding:10px; font-size:18px; font-family: "Roboto-Light";}
.mezo2 { width:340px;  margin-top:20px; border-radius: 10px; border:thin solid #E9E6D8; padding:10px; font-size:16px; font-family: "Roboto-Light";}
.mezot{ width:350px; height:100px; margin-top:20px; border-radius: 10px; border:thin solid #E9E6D8; padding:10px; font-size:16px; font-family: "Roboto-Light";}
.gomb{ padding:10px;background-image:linear-gradient(#bee0ff, #8ac6fd);border:0px; font-size:18px;  font-family: "Roboto-Regular"; border-radius: 10px;cursor:pointer;}
.checkbox{width:25px; height:25px; color:#DBAA00; margin-top:20px;}
.div33 { width:33%;  float:left; ;}
.div50 {height:430px; width:45%; margin-top:30px; background-color:#FFFFFF; z-index:10; position:relative; float:left; margin-left:3em;opacity:0.9; box-shadow: 0px 1px 5px 3px #e8e9eb; border-radius: 5px;}
.megnezem_gomb{ width:150px; margin-top:20px; padding:10px;background-image:linear-gradient(#bee0ff, #8ac6fd);border:0px; font-size:18px;  font-family: "Roboto-Regular"; border-radius: 10px;cursor:pointer; color:#1d3151;}
.kapcsolat{width:400px; text-align:right;}
.div3_funkciok1{overflow-x:auto;  padding:5px; }
.tabla_funkciok{  border-collapse: collapse; border-spacing: 0;width: 100%;}
.valami:nth-child(even) {background: #f6f5f2;}
.funkciodiv{border-bottom:thin solid #7296C8; margin-bottom:60px; padding-bottom:20px;}
.rendelo_mezo{ width:94%; height:30px; margin:5px; padding:5px; margin-bottom:10px;  border-radius: 10px; border:0px; font-size:16px;}
.kozepso_urlap { width:600px; padding:20px;box-shadow: 5px 2px 10px 2px Gainsboro; background-color:#EFF5F8;}
.kozepso_referencia{max-width:1200px; }
.div2_bal_referencia{ float:left; width:49%; }
.div2_jobb_referencia{float:left;  margin-left:20px; width:49%; }
.referencia_kep_div {max-width:500px; margin-top:50px;}
.ref_kep_szeles{ max-width:500px;}
.also{ background-color:#2a3845; height:300px; margin-top:20px;}
.also2{ max-width:1300px;  padding-top:30px;}
.alsolink{ text-decoration:none; color:#93DAF8; font-family: "Roboto-Regular"; font-size:16px; }
.alsolink:hover{ color:#FFFFFF; }






 }




@media only screen and  (max-width : 1049px) {

.menu{height:60px; width:100%; position:fixed; margin:0px; top:0px; left:0px; background-color:#fdfcfa; }
.mobil{ display:inline;  }
.gep{display:none;}
.menudiv { width:100%; height:55px; background-color:#2a3845;}
.logodiv {width:100%; }
.felsokep {height:550px; background-color:#496a8a;}
.kozepso{ width:99%;text-align:left; padding:5px; clear:both; }
.kozepso_kicsi{ width:100%; padding:5px;}
.also{background-color:#2E2B21;  height:480px;}
.also1{ width:100%; padding:2px; }
.arnyek{box-shadow: 3px 1px 6px 1px lightgrey;}
.belso_arnyek{box-shadow: 3px 1px 6px 1px  lightgrey inset;}
.koz1{ height:5px; clear:both; width:100%;}
.koz4{ height:220px; clear:both; width:100%;}
.koz5{ height:0px; clear:both; width:100%;}
.koz6{ height:30px; clear:both; width:100%;}
.koz2{ height:50px; clear:both; width:100%;}
.div2_bal{ float:none; width:100%; padding:0px;}
.div2_jobb{float:none; margin-left:0px; width:100%}
.kiemelt { width:100%; background-color:#FF0004; padding:5px;}
.kiemelt2 { width:100%; color:#F7F6F0; }
.divfelso{ padding-top:70px;} 
.feher { color:#FFFFFF;}
h3{ font-size:26px; color:#1C2F39; font-family: "Roboto_lagy"; line-height:40px;}
h4 {font-family: "Roboto-Regular"; font-size:20px; color:#6E787C;line-height:20px;}
h2{ font-size:38px; color:#7e858d; font-family:"Roboto-Regular"; font-weight:100; line-height:48px;}
h1{ font-size:32px; color:#4d6a8a; font-family:"Roboto-vastag"; font-weight:100; line-height:48px;}
.mezo { width:90%; height:25px; margin-top:20px;border-radius: 10px; border:0px; padding:5px; font-size:18px; font-family: "Roboto-Light"; }

.mezo_spam { width:90%; height:25px; margin-top:20px;border-radius: 10px; border:0px; padding:5px; font-size:18px; font-family: "Roboto-Light"; }
.mezo2 { width:98%; height:25px; margin-top:20px;border:thin solid #E9E6D8; border-radius: 10px; padding:5px; font-size:14px; font-family: "Roboto-Light";}
.mezot{ width:95%; height:100px; margin-top:20px; border-radius: 10px; border:thin solid #E9E6D8; padding:10px; font-size:14px; font-family: "Roboto-Light";}
.gomb{ padding:10px;background-image:linear-gradient(#bee0ff, #8ac6fd);border:0px; font-size:18px;  font-family: "Roboto-Regular"; border-radius: 10px;cursor:pointer; }
.checkbox{width:25px; height:25px; color:#DBAA00; margin-top:20px;}
.div33 {width:99%;  float:none; margin-left:0px;}
.div50 {height:400px; width:99%; margin-top:20px; background-color:#FFFFFF; z-index:10; float:left; margin-left:0px; opacity:none; box-shadow: 0px 1px 6px 3px #e8e9eb;  }
.megnezem_gomb{ width:150px; margin-top:20px; padding:10px;background-image:linear-gradient(#bee0ff, #8ac6fd);border:0px; font-size:18px;  font-family: "Roboto-Regular"; border-radius: 10px;cursor:pointer; color:#1d3151;}
.div3_funkciok1{overflow-x:auto;  padding:5px; }
.tabla_funkciok{  border-collapse: collapse; border-spacing: 0;width: 100%;}
.valami:nth-child(even) {background: #f6f5f2;}
.funkciodiv{border-bottom:thin solid #7296C8; margin-bottom:60px; padding-bottom:20px;}
.rendelo_mezo{ width:90%; height:30px; margin:5px; padding:5px; margin-bottom:10px;  border-radius: 10px; border:0px; font-size:16px;}
.kozepso_urlap { width:98%; padding:5px;box-shadow:none; background-color:#F1F1EF;}
.kozepso_referencia{width:100%; }
.also{ background-color:#2a3845; height:650px; margin-top:20px;}
.also2{ max-width:99%;  padding-top:30px; clear:both;}
.alsolink{ text-decoration:none; color:#93DAF8; font-family: "Roboto-Regular"; font-size:18px; }
.alsolink:hover{ color:#FFFFFF; }
.div2_bal_referencia{ float: none; width:100%; }
.div2_jobb_referencia{float:none;  margin-left:0px; width:100%; }
.referencia_kep_div {max-width:100%; margin-top:40px;}
.ref_kep_szeles{ max-width:100%;}
}











.dropbtn {
    background-color: #8ac6fd;
    color: #374857;
    padding: 16px;
    font-size: 20px;
    border: none;
    cursor: pointer;
	z-index: 30;
}
.dropdown {
    position: relative;
    display: inline-block;
	padding-top: 0px;
	float:left;
	width:30%;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #4A575F; font-size:16px;font-family: "Roboto-Regular";
    width: 320px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 40;

	 filter:alpha(opacity=80);
   -moz-opacity:0.9;
   opacity: 0.9;
   z-index: 30;
  
}
.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	color:#f3f0ee;
	z-index: 30;
}
.dropdown-content a:hover {background-color: #FFFFFF; color:#a5976f;font-family: "Roboto-vastag";}
.dropdown:hover .dropdown-content {
    display: block;
	z-index: 30;
}
.dropdown:hover .dropbtn {
    background-color: #0B4983;
	color: #FFFFFF;
	z-index: 30;
}