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


div.clear { clear: both; }

div#wrapper {
	width: 1000px;
    	background: #f7f7ed;
	
  /*	background: #ffcc99;
  background: #feefce; 
  background: #fffaf5; */
	margin: 0px auto;
	border: 5px   #c57240;
	border-radius: 10px
}
 .green {
  background:#4e9574;
/* background:#62b38d;
    	margin: -5px 0px -5px 0px;   */
      text-align: left;
 } 
footer {
width: 1000px;


 background:#1e6292;
	margin: 5px auto;
	font-size: 90%;
  color:#fff; 
/*color: #feefce; 
color: #ff9800; */
	padding: 0px 10px;
	text-align:left;
}
footer li a { padding: 0 15px;
color:#fff; }
footer li a:hover { padding: 0 15px; 
color: #fff;
text-decoration:none;}
footer ul { float: right; 
margin: 8px auto;
border: 0px solid  #fff;}
footer   li {
	float: right;
	list-style: none;
	
}
hr.style1 {  width: 80%;
/*  margin-left:10% !important; margin-right:10% !important;*/
 height: 10px;
	border: 1px;
	box-shadow: 0 10px 10px -10px #1e6292 inset;
    	text-align:center;
}
section article ul.in {
  list-style-position: inside;
}

section {

	
	margin: 40px 120px;
	padding: 0 10px 0 10px;
	font-size: 100%;
	
}
section article { margin: 0 0 20px 0; 
}
section article p {
	text-align: justify;
  color: #000; 
	line-height: 140%
}
.no {
white-space: nowrap;}
 .beljebb_imp {
padding: 0 0px 0 50px;}
 .beljebb_imp_left {  float:left;
padding: 0 10px 0 50px;}
 .beljebb_hirek {
padding: 0 60px 0 60px;}
.beljebb {
padding: 0 0px 0 120px;}  
.beljebb_ul {
padding: 0 0px 0 24px;}  
section article a.link2:link {
 color: #62b38c;

 
}

section article a.link2:visited {
 color: #62b38c; 
  
/*color:#F348E9;   */
  text-decoration:none;
  }   section article a.link2:hover {
 color: #62b38c;
	text-decoration: none;
    
}
section article a {   
/*font-weight: bold;
color: #007ab2; */
color:#007ab2;
 font-weight:normal;
}
section article a:visited {
 /*color: #62b38c;  */
color:#007ab2;  
  text-decoration:none !important;
  }
section article a:hover {/* padding: 0 15px;
 /*color: #62b38c; */
color:##007ab2;
 
}
 section article h1.news {
font-family: Arial, Helvetica, sans-serif; 
 font-style: normal;
 color: #206059;
/*  color: #4e9574; 
    color: #62b38c; 
 color: #800000; */
 	margin: 10px 0;
  margin-bottom: -20px;
  text-transform: uppercase;
 
 	border: 0px solid; border-color: green;
	font-size: 16px;
	font-weight: 700;

   text-align:left;
  
/*	text-shadow: 1px 1px 1px #6d2a15   */
}
section article h1 {
font-family: Arial, Helvetica, sans-serif; 
 font-style: normal;
 color: #206059;
/*  color: #4e9574; 
    color: #62b38c; 
 color: #800000; */
  padding: -15px 0px 5px 0px;
  text-transform: uppercase;
 
 	border: 0px solid; border-color: green;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0;
   text-align:left;
  
/*	text-shadow: 1px 1px 1px #6d2a15   */
}
section article h2 {
font-family: Arial, Helvetica, sans-serif; 
 font-style: normal;
    color: #62b38c; 
/* color: #800000; */
  padding: 5px 0px 5px 0px;
  text-transform: uppercase;
 
 	border: 0px solid; border-color: green;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0;
   text-align:left;
  
/*	text-shadow: 1px 1px 1px #6d2a15   */
}
  section article h3 {
font-family: Arial, Helvetica, sans-serif; 
 font-style: normal;
    color: #191970; 
/* color: #800000;
	margin: 10px 0;
    padding: 5px 0px 5px 0px;
text-transform: uppercase;*/
  
  
 
 	border: 0px solid; border-color: green;
	font-size: 16px;
	font-weight: 700;

   text-align:left;
  
/*	text-shadow: 1px 1px 1px #6d2a15   */
}
section article h4 {
font-family: Arial, Helvetica, sans-serif; 
 font-style: normal;
   color: #191970;
/* color: #800000;
	margin: 10px 0;
    padding: 5px 0px 5px 0px;
text-transform: uppercase;
  
  
 
 	border: 0px solid; border-color: green;
	 ; */
	font-weight: 700;
      font-size: 14px;
   text-align:left;
  
/*	text-shadow: 1px 1px 1px #6d2a15   */
}
.no-trans {
text-transform:none;
 }
.zold {color: #62b38c;
font-weight: 700;
}
aside {
	float: left;
	width: 200px;
    	border-right: 2px dotted #c57240
		padding: 10px; 
}
.actuel{
   	padding: 10px;
   
}
   
  
  
figure {  border: 1px solid black;
	padding: 10px;
/*	background: #c57240;
	margin: 0 0 20px 0 */
}
figure img { max-width: 100%;  }
figure figcaption {
      border: 1px solid black;
	margin: 6px 0 0 0
}
table.rrr {
width:70%}
 .kontakt-table{border-collapse:collapse;border-spacing:0;width:100%;border: 0px solid black;display:table}
 .fej {  border: 0px solid black;
    color: #191970;
    padding: 0px;
 font-weight: 700;
 }
 .norm {  border: 0px solid black;
       padding: 0px;
        line-height: normal;
 }
 .td-rrr{  padding: 8px;
 }
 .td-top{vertical-align:top;}
  th,td {
  border: 1px solid black;
  padding: 8px;
 
}
.w3-table{border-collapse:collapse;border-spacing:0;width:100%;border: 1px solid black;display:table}
 th,td {
  border: 1px solid black;
  padding: 8px;
}

@media only screen
and (min-width : 480px)
and (max-width : 760px) {
	div#wrapper { width: 600px }
	header { font-size: 200% }
    section { width: 450px; padding: 0; margin: 0; border: 0 }
		nav { text-align: left }
	nav a { margin: 0 3px }
	nav a:first-child { margin: 0 3px }
 
	.box {border-right: 0px dotted #c57240}
	footer { width: 600px }
      section { 	
	margin: 10px;
   }
   .beljebb,.beljebb_hirek {
padding: 0px;}
   .kutat-box-left {

		margin-bottom: 0px;  
padding-left: 0px;	
padding-top: 30px;	
 }
 .kutat-box-right {
/*	padding: 23px 40px 30px 10px;

	margin-top: 20px; */
		margin-bottom: 30px;  
 	padding-right: 0px;
    padding-top: 0px;	
 }  
 }
@media only screen
and (min-width : 760px)
and (max-width : 800px) {
	div#wrapper { width: 600px }
	header { font-size: 200% }
    	nav .menu-toggle { display: inline-block }
	nav .menu { display: none; clear: both }
		nav { text-align: left }
	nav a { margin: 0 3px }
	nav a:first-child { margin: 0 3px }
 
	.box {border-right: 0px dotted #c57240}
	footer { width: 600px }
     section { 	
	margin: 10px;
   }
    .beljebb, .beljebb_hirek {
padding: 0px;}
 }


@media only screen
and (min-width : 320px)
and (max-width : 480px) {
	div#wrapper { width: 400px; }
	header { font-size: 100%; }
	header hid { display: none }
    	footer { width: 360px }
    
	section { width: 300px; padding: 0; margin: 0; border: 0 }
/*	aside { display: none } */
 .box {border-right: 0px dotted #c57240}
   .kutat-box-left {

		margin-bottom: 0px;  
padding-left: 0px;	
padding-top: 30px;	
 }
 .kutat-box-right {
/*	padding: 23px 40px 30px 10px;

	margin-top: 20px; */
		margin-bottom: 30px;  
 	padding-right: 0px;
    padding-top: 0px;	
 }
   section { 	
	margin: 10px;
   } 
  .beljebb, .beljebb_hirek {
padding: 0px;}   
}
@media only screen
and (min-width: 240px)
and (max-width: 320px) {
	div#wrapper { width: 300px; }
	header { font-size: 90%; text-align: center }
    .title2{
padding-left:10px;
  font-size: 16px;
 
}

	header span { display: block }
	header hid { display: none }
	nav { text-align: left }
	nav a { margin: 0 3px }
	nav a:first-child { margin: 0 3px }
	section { width: 270px; padding: 0; margin: 0; border: 0 }
   .box {border-right: 0px dotted #c57240}
 .kutat-box-left {

		margin-bottom: 0px;  
padding-left: 0px;	
padding-top: 30px;	
 }
 .kutat-box-right {
/*	padding: 23px 40px 30px 10px;

	margin-top: 20px; */
		margin-bottom: 30px;  
 	padding-right: 0px;
    padding-top: 0px;	
 }  
   .beljebb, .beljebb_hirek {
padding: 0px;}
}
 
 @media(max-width:600px) {
	nav .logo { padding-top: 8px }
	nav .menu-toggle { display: inline-block }
	nav .menu { display: none; clear: both }
	nav .menu > ul { float: none }
	nav .menu li { width: 100%; border: 0 }
	nav .menu li:last-child { margin: 0 0 15px 0 }
	nav .menu li a,
	nav .open-submenu {
		display: block;
/*		background: #62b38d;
		padding: 10px 10px 10px 20px;
		margin: 2px 0 0 0  */
	}
  nav { text-align: left }
	nav .menu ul ul {
		position: static;
		background: transparent;
		display:none
	}
	nav .menu ul ul a { background: transparent }
	nav .menu ul ul a:hover { background: #FFBB22 }
	.box {border-right: 0px dotted #c57240}
    .kutat-box-left {

		margin-bottom: 0px;  
padding-left: 0px;	
padding-top: 30px;	
 }
 .kutat-box-right {
/*	padding: 23px 40px 30px 10px;

	margin-top: 20px; */
		margin-bottom: 30px;  
 	padding-right: 0px;
    padding-top: 0px;	
 } 
   section { 	
	margin: 10px;
   }  
     .beljebb, .beljebb_hirek {
padding: 0px;}
}
}