* { 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:#62b38d;
	margin: 5px auto;
	font-size: 90%;
  color:#2e1c1a; 
/*color: #feefce; 
color: #ff9800; */
	padding: 0px 10px;
	text-align:left;
}
footer li a { padding: 0 15px;
color:#2e1c1a; }
footer li a:hover { padding: 0 15px; 
color: #fff;}
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 #8c8b8b inset;
    	text-align:center;
}
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%
}
 .beljebb_hirek {
padding: 0 60px 0 60px;}
.beljebb {
padding: 0 0px 0 120px;}
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: #62b38c; */
color:#F348E9;
}
section article a:visited {
 /*color: #62b38c;  */
color:#F348E9;  
  text-decoration:none !important;
  }
section article a:hover { padding: 0 15px;
 /*color: #62b38c; */
color:#F348E9;
text-decoration:none;
}
 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: #62b38c; 
/* color: #800000;
text-transform: uppercase;*/
  padding: 5px 0px 5px 0px;
  
 
 	border: 0px solid; border-color: green;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0;
   text-align:left;
  
/*	text-shadow: 1px 1px 1px #6d2a15   */
}
.no-trans {
text-transform:none;
 }
.zold {color: #62b38c;
font-weight: 700;
}
section article ol { counter-reset: item;
 list-style-position:outside;
 border: 0px solid  #fff;
 list-style-type: none;
 text-align: justify;}
section article ol li{ display: block;
	font-weight: 700; }
  section article ol ol li{ display: block;
	font-weight: normal;
  padding-left: 15px; }
  
  section article ol li ol{
   list-style-position: outside;
    border: 0px solid  #fff;
  } 
  section article ol li {
 list-style-position : outside !important;
  }

  
  
section article ol li:before { content: counters(item, ".") ". " ; counter-increment: item }

 .normal {
  font-weight: normal;
  }
figure {
	padding: 10px;
/*	background: #c57240;
	margin: 0 0 20px 0 */
}
figure img { max-width: 100% }
figure figcaption {
	font-style: italic;
	font-size: 80%;
	margin: 6px 0 0 0
}
@media only screen
and (min-width : 480px)
and (max-width : 760px) {
	div#wrapper { width: 600px }
	header { font-size: 200% }
		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 {
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 { 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 {
padding: 0px;}
 }


@media only screen
and (min-width : 320px)
and (max-width : 480px) {
	div#wrapper { width: 400px; }
	header { font-size: 200%; }
	header hid { display: none }
/*	section { width: 400px; 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;
   }  
}
@media only screen
and (min-width: 240px)
and (max-width: 320px) {
	div#wrapper { width: 300px; }
	header { font-size: 100%; text-align: center }
	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: 300px; 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 {
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 {
padding: 0px;}
}
}