* { padding: 0; margin: 0; border: 0 }




/* Mobil MENU */
.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  
  overflow: hidden;
	display: none;
	float: left;
	background-color: #D78F20;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px; 
  border: none;
  outline: none;
  color: white;
  padding: 6px 33px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: black;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Lenyíló menü választó színe */
.dropdown-content a:hover {
  background-color: #D78F20;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
/* Mobil MENU vége */




body {
 background-color: white;
 font-family: Arial;   }
 
 
 div.clear {
 	clear: both;  }
 
 
 div#container {
 	background-color: white;
	width: 100%;  }
 
 
 div#logo {
	width: 10%;
	margin: 5px 0 0 20px;
	float: left;   }
 
 
 div#linkek {
 	
	float: right;   }
 
 
 div#menu {
	background-color: #181310;
 	width: 100%;	
	height: 70px;
	position: fixed;
	left:0;
top:0;
z-index: 1;   }
  
 
  /***        ***         vizszintes menu start */
 .menutext{
    position: relative;
    display: inline-block;
	font-size: 110%;
    font-weight: bold;
	margin: 0px 10px 0 0; 
    padding: 1.2em 1em;
    text-decoration: none; 
    color: #FFF;   
    transition: .4s;   }

.menutext:hover {
    background: #D78F20;
    color: #FFF;	
	-ms-transform: translateX(8px);
    -webkit-transform: translateX(8px);
    transform: translateX(8px);   }
	
  /***                    vizszintes menu end */
  
	
div#fokep {
	
	position:relative;
 	width: 100%;	
	margin: 52px 0 0 0;
	display: block;   }
 
 
 .fokepimg {
 	width: 100%;	
	display: block; }
 
 
 .logoimg {
 	width: 100%;	 }

.szimg {}
.szimg1 {}
.arainkimg {}
.szolgimg {}
.logolablec {}

.nagy {font-size: 105%; 
	   font-weight: 550;
	   text-align: left; }

.noformat { 
  text-decoration: none;
  color: black;}

     
 
  
table {border: 1px solid black;
}

tr {border: 1px solid black;}
th {border: 1px solid black;
	height: 80px;
	padding: 0 0 0 3%;}
td {border: 1px solid black;
text-align: center;
vertical-align: middle;}


div#fokepszoveg {
	background-color: #D78F20;
 	width: 94%;
	margin: 0;
	text-align: center;
	font-family: DejaVu Sans Condensed;
	font-size: 290%;
	padding: 3% 3% 2% 3%;	 }


div#rolunk {
	 background-color: #E7E6E5;
 	 width: 100%;	
	 text-align: center;	 
	 font-size: 230%;
    font-weight: bold;
	font-family: DejaVu Sans Condensed;	
	margin: 0 auto;	 }


.rolunkbutton {
  background-color: #D78F20; 
	margin-left: 30%;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}


.rolunkbutton:hover {
    color: #000;	
	-ms-transform: translateX(8px);
    -webkit-transform: translateX(8px);
    transform: translateX(8px);   }


.arajanlatbutton {
  background-color: #D78F20; 
	
  border: none;
  color: white;
	padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}


.arajanlatbutton:hover {
    color: #000;	
	-ms-transform: translateX(8px);
    -webkit-transform: translateX(8px);
    transform: translateX(8px);   }

div#seo1 {
	 background-color: #FFFFFF;
 	 width: 82%;	
	 text-align: justify;	 
	 font-size: 140%;
	font-family: DejaVu Sans Condensed;	
	margin: 0 auto;
	padding: 4% 9% 4% 9%;	
	}

 div#szolgaltatasok {
	 background-color: #F5F3F1;
 	 width: 100%;	
	 text-align: center;	 
	 font-size: 230%;
    font-weight: bold;
	font-family: DejaVu Sans Condensed;	
	margin: 0 auto;	 }

 div#nepszeru {
	 background-color: #F5F3F1;
 	 width: 100%;	
	 text-align: center;	 
	 font-size: 230%;
    font-weight: bold;
	font-family: DejaVu Sans Condensed;	
	margin: 0 auto;	 }

 div#nepszeru1 {
	 background-color: #E7E6E5;
 	 width: 100%;	
	 text-align: center;	 
	 font-size: 230%;
    font-weight: bold;
	font-family: DejaVu Sans Condensed;	
	margin: 0 auto;	 }


 div#araink1 {
	 background-color: #E7E6E5;
 	 width: 100%;	
	 text-align: center;	 
	 font-size: 230%;
    font-weight: bold;
	font-family: DejaVu Sans Condensed;	
	margin: 0 auto;	 }

 
 
 div#sz1 {
	 background-color: #F5F3F1;
 	 width: 25%;	
	 font-size: 100%;
	 text-align: center;
	 display: inline-table;
	 padding: 0 3% 2% 3%;
	 margin: 0 0 4% 0; }

 div#sz5 {
	 background-color: #F5F3F1;
 	 width: 45%;	
	 font-size: 100%;
	 text-align: center;
	 display: inline-block;
	 padding: 4% 0 0 0;
	 vertical-align: middle;
	 margin: 0 0 4% 0; }

 div#sz51 {
	 background-color: #E7E6E5;
 	 width: 45%;	
	 font-size: 100%;
	 text-align: center;
	 display: inline-block;
	 padding: 4% 0 0 0;
	 vertical-align: middle;
	 margin: 0 0 4% 0; }

  div#tanacsok {
	 background-color: #F5F3F1;
 	 width: 80%;	
	 font-size: 100%;
	 text-align: center;
	 display: inline-block;
	 padding: 4% 0 0 0;
	 vertical-align: middle;
	 margin: 0 0 4% 0; }

 div#tanacsok1 {
	 background-color: #E7E6E5;
 	 width: 80%;	
	 font-size: 100%;
	 text-align: center;
	 display: inline-block;
	 padding: 4% 0 0 0;
	 vertical-align: middle;
	 margin: 0 0 4% 0; }



 .szimg {
	 padding: 5% 0 0 0;
	 width: 70%;   }
	 
 .szimg1 {
     padding: 5% 0 0 0;
	 width: 55%;   }


 .sz2 {	
	font-size: 55%;
	font-family: DejaVu Sans Condensed;	
	text-align: justify;
	font-weight: normal;
	padding: 0 0 0 3%;		 }
 
 
 .sz3 {	
	font-size: 80%;
	font-family: DejaVu Sans Condensed;	
	text-align: justify; }

 .sz4 {	
	font-size: 55%;
	font-family: DejaVu Sans Condensed;	
	text-align: justify;
	font-weight: normal;
	padding: 5% 0 0 3%;	 }


div#araink {
	 background-color: #E7E6E5;
 	 width: 88%;	
	 text-align: center;	 
	 font-size: 220%; 
	 font-family: DejaVu Sans Condensed;	
	 padding: 0 6% 0 6%;
	 margin: 0 auto; }

 .araink{
	font-size: 55%;
    text-align: justify;
   }

div#ar1 {
	 background-color: #E7E6E5;
 	 width: 25%;	
	 font-size: 120%;
	 text-align: center;
	 display: inline-table;
	 padding: 0 3% 2% 3%;
	 margin: 0 0 4% 0; }
 

div#ar3 {	
	width: 80%;	
	font-size: 70%;
	background-color: #555555;
	color: white;
	font-family: DejaVu Sans Condensed;	
	text-align: center;
	margin-left: 7%;
	padding: 3%;
	font-weight: normal;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		 }
 

 
 div#lablec {
 	width: 100%;
	text-align:;
	background-color: #171717;
	clear: ;
	padding: 0 0 2% 0;  

}
 
 
 .labcimkek {
	color: #FF3600;
	width: 30%;
	font-size: 30%;
	margin: 0 1% 0 0;
	padding: 0.25em 0.5em;
	border-radius: 2px;
	font-family: Courier;
	background-color: #E5E5E5;
	line-height: -1em;  }

div#lableclogo {
 	 width: 30%;	
	 color: white;
	 text-align: center;
	 display: inline-table;
	 padding: 0 1% 2% 2%;	 }

div#lableckapcs {
 	 width: 20%;	
	 font-size: 120%;
	 color: white;
	 text-align: left;
	 display: inline-block;
	vertical-align: top;
	 padding: 0 0 2% 2%;	}
 
 div#blogtable {
	 border: 3px solid orange;
 	 width: 100%;	
	 font-size: 100%;   
	font-family: DejaVu Sans Condensed;	
	text-decoration: none; 
	float: left;
	margin: 0 0 4% 0;
	}

	div#blogtablekep {
	 float: left;
	margin: auto;
	padding: 2%;
}

div#blogtabletext {
	 float: none;
	margin: auto;
	padding: 2%;
}

.blogtablecim  {
		 font-size: 200%;
		 color: black;
		 
}

.tovabbgomb {
		background-color: orange; padding: 1%; color: black;
}


  h1 {
	font-size: 120%;
	font-family: DejaVu Sans Condensed;	
	line-height: 110%;
	}
 
 h1 a {
	
	text-decoration: none;
	color: black;}
 
 h1 a:hover {			
 	color: black; }
 
 
h2 {
	padding: 3% 0 1% 0;
	font-size: 170%;
    font-weight: 600;
	font-family: DejaVu Sans Condensed;
	text-align: left;
	}

h3 {
	font-size: 150%;
	font-family: DejaVu Sans Condensed;	}

h3 a {
	
	text-decoration: none;}

h3 a:hover {			
 	color: black; }

div#kepek {
	background-image: url("img/kepek_hatterkep.jpg");
 	width: 94%;
	margin: ;
	text-align: center;
	font-family: DejaVu Sans Condensed;
	font-size: 260%;
	padding: 8% 3% 2% 3%;	 }


@media only screen
and (min-width : 1051px)
and (max-width : 1300px) {
		
	.szimg { width: 76%;}
	.szimg1 { width: 76%;}
	.logolablec { width: 110%;}
	}

@media only screen
and (min-width : 1051px)
and (max-width : 1150px) {		
	.menutext { font-size: 80%; }	
	}


@media only screen
and (min-width : 800px)
and (max-width : 1050px) {

	.szimg { width: 86%;}
	.szimg1 { width: 86%;}
	.menutext { font-size: 70%; }	
div#fokep { margin-top: 0px; }
	div#szolgaltatasok { font-size: 180%;}
	#linkek { padding: 1% 0 0 0;}
	div#logo { padding: 1% 0 0 0;}
	.logoimg { width: 100%;}
	.logolablec { width: 120%;}
	div#menu { height: 55px;}
	h1 { font-size: 140%; line-height: 80%;}
	}
	
	
	@media only screen
	and (min-width : 260px)
and (max-width : 799px) {	
	
	div#logo { display: none; }
	#linkek { display: none;}
	div#menu { height: 1px; }
	.dropdown { display: inline;}
	.szimg { display: none;}
	.szimg1 { display: none;}
	.szolgimg { width: 20%;}
	.blogkep { width: 90%;}
	.blogtablecim { font-size: 130%;}
	.arainkimg { width: 260%;}
	.rolunkbutton { margin-left: 25%;}
	div#fokep { margin-top: 0px; }
	div#fokepszoveg { font-size: 120%; }
	div#szolgaltatasok { font-size: 190%;}
	div#rolunk { font-size: 150%;}
	div#araink { font-size: 190%; padding: 0 10% 0 10%; width: 76%; }
	div#ar1 { display: inherit; font-size: 140%; padding: 0 0 0 18%;}
	div#ar3 { font-size: 60%; width: 85%; }
	div#sz1 { font-size: 110%; width: 90%; display: inline; padding: 0 0 10% 0; }
	.sz2 { font-size: 70%; text-align: justify; padding: 0 13% 2% 13%; }
	div#sz5 { width: 80%;}
	div#sz51 { width: 80%;}
	div#lableclogo { display: inline; }
	.logolablec { width: 90%;}
	div#lableckapcs { display: inline; }
    .sz3 { font-size: 70%; text-align: center; }
	div#lablec { text-align: center; }
	h1 {line-height: 130%;}
	h3 { text-align: center; font-size: 120%; }
	h2 { font-size: 110%; }
	div#seo1 { font-size: 130%;}
	table {font-size: 60%;}
	
	}