.img-responsive {
	margin: 0 auto;
}
  body{
  color: #38270b !important;
	padding: 0px;
	border: 0;
	margin: 0px;
  }
  
  /*háttér*/

  body { 
background: #e1cdad; /* Old browsers */
/*background: -moz-linear-gradient(top, #88b392 0%, #88b392 70%, #336633 79%, #336633 84%, #666633 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, #88b392 0%,#88b392 70%,#336633 79%,#336633 84%,#666633 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, #88b392 0%,#88b392 70%,#336633 79%,#336633 84%,#666633 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88b392', endColorstr='#666633',GradientType=0 ); /* IE6-9 */
padding-right: 0px;
padding-left: 0px;
}
.gombos{
		box-shadow: 0px 10px 12px 0px #2F5A3E!important;
}		

/*explorer bal menű kilógása miatt*/
.navbar-right {
    float: none!important;;

	}	
 
/*főmenű*/

			



    .col-sm-8 {
      width: 74% !important;
	}
	.navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
	.fomenu{
		position: relative;
		top: -50px;
		z-index:100;
	}
	
	.menuk{
		position: relative;
		top: 55px;
	}
	
	.navbar-inverse {
		background-color: transparent;
		border-color: transparent;
		font-family: 'Dosis', sans-serif;
	    font-size: 24px;
	}
	.navbar-collapse{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.col-sm-3{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	.navbar-inverse .li {
		display: inline-block;
	}
	.navbar-nav li a {
		padding-left: 30px;
		padding-right:30px;
		line-height: 26px;
		padding-top: 2px;
		padding-bottom: 10px;
		color: #38270b;
		font-weight: bold;
	}
	.navbar-inverse .navbar-nav > li > a {
  color: #38270b;
}
	/*.navbar-nav .aktiv
	{
		color: #ffffff !important;
	}*/
	
	
	
	.navbar-nav li a:hover {
		color: #38270b!important;
	}
	
	.hirlevel1
	{
		position: relative;
		top: -5px;
		padding-left: 12px;
	}
	/*.kagylo{
		background-image: url("../images/kagylo.png");
		background-repeat: no-repeat;
		background-attachment: local;
		background-position: 70% 10%;
		
	}*/
	
	.alahuz{
		/*border-bottom: 3px solid #3e311c;*/
		text-shadow: 
		2px 2px 2px #ffffff;
		
		/*text-shadow:
		-1px -2px 0 #3e311c,
		1px -2px 0 #3e311c,
		-1px 2px 0 #3e311c,
		1px 2px 0 #3e311c;*/
	}
	
	
    
/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 100%}
    
/* oldalsó menü*/
    .nav-sidebar .aktiv
	{
		color: #38270b !important;
	}
    .nav-sidebar li a{
		padding-top: 0px;
		padding-bottom: 10px;
	}
	
	.sarga a:hover{
		color: #7a571f !important;
	}
	
	.nav-sidebar li a:hover {
		background-color: transparent;
		color: #38270b;
		}
	
	
	.sidenav {
      background-color : transparent;
      height: 100%;
	  font-family: 'Dosis', sans-serif;
	  font-size: 26px;
	  position: relative;
	  top: -30px;
	  font-weight: bold;
    }
	.szunet{
		font-size: 18px;
	}
	
	.feher a{
		color: #38270b;
		text-decoration: none;
	}
	.sarga a{
		color: #7a571f !important;
		text-decoration: none;
		font-size: 20px !important;
	}
	
	.kicsi {
		font-size: 14px !important;
	}
	.alahuz2 a{
		
		text-shadow:
		-1px -2px 0 #cc6600,
		1px -2px 0 #cc6600,
		-1px 2px 0 #cc6600,
		1px 2px 0 #cc6600;
	color: #ffffff;
	text-decoration: none;
	}
	
	
	
	
	
	.arnyek a{
		text-shadow: 
		2px 2px 2px #ffffff;
	/*text-shadow:
		-1px -2px 0 #339933,
		1px -2px 0 #339933,
		-1px 2px 0 #339933,
		1px 2px 0 #339933;*/
	color: #38270b;
	text-decoration: none;
	}
    .arnyek2 a{
	text-shadow:
		-1px -3px 0 #339933,
		1px -3px 0 #339933,
		-1px 3px 0 #339933,
		1px 3px 0 #339933;
	color: #ffffff;
	text-decoration: none;
	}
	.sidenav p{
		padding-left: 25px;
	}
	.hirlevel{
		max-width: 100% !important;
		
	}
/* Set black background color, white text and some padding */
    footer {
      background-color: transparent;
      color: #38270b;
      padding: 15px;
	  font-size: medium;
    }

/*szövegtörzs*/	
	.panel-heading{
		padding-bottom: 20px!important;
		padding-left: 0px!important;
		padding-right: 0px!important;
		padding-top: 10px!important;
	}
	.eltol{
		height: 80px;
	}
	.torzs{
		position: relative;
		top: -50px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #38270b !important;
		text-align:justify;
		padding-left: 20px;
		/*min-height: 1200px; /*1800*/
}
	.torzs p{
		font-size: medium;
	}
	.torzs a{
		color: #38270b;
	}
	.torzs2{
		position: relative;

		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #38270b;

		padding-left: 20px;
		/*min-height: 900px;*/

}
	.torzs2 input{
		color: black;
	}
	
	.vonal {
    border-left: 4px solid #c9b89d;
	border-top: 4px solid #c9b89d;
	position: relative;
	top: -5px
	
	
	}

	
	/* Popup box BEGIN */
.scale-in-center {
	-webkit-animation: scale-in-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}






.kagylodiv{
    /*background:rgba(0,0,0,.4);*/
    -webkit-animation: fadeIn 1s;
 
    /*display:none;*/
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.kagylodiv .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.kagylodiv > div {
	/*oval*/
	max-width: 1000px;
    min-height: 100px;
    margin:10px 0 0 -10px;  
    -moz-border-radius: 500px / 260px;
    -webkit-border-radius: 500px / 260px;
    border-radius:500px / 260px;
    /*background-color: #fff;*/
    /*box-shadow: 10px 10px 60px #555;*/
    display: inline-block;
    height: auto;
    vertical-align: middle;
    width: 60%;
    position: relative;
    padding: 0px 0%;
	
}
#beusz {
	cursor:pointer;
	-webkit-animation: scale-in-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes beusz {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes beusz {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.popupCloseButton {
    background-color: #ff4c4d;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: 6.5%;
    right: 12.8%;
    font-size: 25px;
    line-height: 30px;
    width: 40px;
    height: 40px;
    text-align: center;
	padding-top: 3px;
	z-index: 500;
}
.popupCloseButton:hover {
    background-color: #ccc;
	color: #d90000;
}

/* Popup box BEGIN */
/*méretfüggő dolgok*/
	
	@media screen and (max-width: 1024px) {
      .popupCloseButton {
		top: 4%;
		right: 11.5%;
		width:35px;
		height: 35px;
		}
	  
	  .kagylo{
		background-position: 66% 10%;
	  }
	  
	  .navbar-nav li a {
		font-family: 'Dosis', sans-serif;
	   font-size: 22px;
      }
	  .sidenav{
        height: auto;
		font-family: 'Dosis', sans-serif;
	   font-size: 22px;
      }
	  .fomenu{

		top: -50px!important;
		}
		
	  .menuk{
		position: relative;
		top: 55px;
	}
		
	   .nyil{
			max-height: 18px;
			float: right;
			position: relative;
			left: -30px!important;
			top: 13px;
			
		  }
	      .gombos table .bal1{

			width: 15%!important;
		  } 
		
	 }
    /*mobil*/
	/* On small screens, set height to 'auto' for sidenav and grid */
    @media only screen and (max-width : 767px) {
		
		.vonal {
    border-left: none;
	border-top: none;
	position: relative;
	top: -5px
	
	
	}
		
		.col-sm-8 {
			width: 100% !important;
		}
		.navbar-nav {
		  margin: 7.5px -5px !important;
		}
		.kagylodiv > div {
	     width: 100%;
		}
		.popupCloseButton {
		top: 1%;
		right: 4%;
		width:35px;
		height: 35px;
	  }
	  
	  .navbar-nav li a {
		padding-left: 40px;
		padding-right:40px;
	}
		.kagylo{
		background-position: 99% 5%;
	}
		
		
		.back-to-top {
			z-index:1000!important;
		}
      	h6,h7{
			font-family: Verdana, sans-serif !important;
			color: #38270b !important;
			font-size: 20.0pt!important;
			background: none!important;
			padding-top: 30px!important;
			padding-bottom: 0px!important;
			
		}

		.eltol{
			height:30px;
		}
		
		.fomenu{
		position: relative;
		top: -100px !important;
		}
		

		
		.fomenu2{
		position: relative;
		top: -90px;
		text-align: right;
		}
		.almenu{
		position: relative;
		top: -230px;
		z-index: 1000;
		}
		.almenu2{
		position: relative;
		top: -220px;
		margin-bottom:15px;
		z-index: 160;
		}
		
		.szunet{
		font-size: 14px!important;
		}
		
		.torzs{
		/*z-index:160;*/
		position: relative;
		top: -340px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #38270b;
		text-align:justify;
		padding-left: 20px;
		min-height: 1200px; /*1800*/
		}
		.hirlevel{
		max-width: 80% !important;
		
		}
	  .sidenav {
		top: -90px;
      }
	  .almenu2 li a {
		font-family: 'Dosis', sans-serif;
	   font-size: 22px;
      }
	  
	  
      .row.content {height:auto;}  
	  .hirlevel{
		max-width: 250px;
	  }
	  .panel-default .panel-heading h4{
		display:block;
		box-shadow: 0px 10px 12px 0px #2F5A3E;
		min-width: 100%;
		text-align: center;
		  }
	  .gombos{
		border: none;
		margin: 0px;
	  }
	  .gombos table{
	    margin: 0px!important;
		}
	   .gombos table .bal1{
			display: none;
		  } 
	  .gombos table .balos{
			border: none!important;
			padding: 0px!important;
			
			text-align: center;
		  }
	  .gombos table .jobbos{
			display: none;
		  } 
	  .panel-default .panel-heading a{
		font-family: 'Nunito', sans-serif;
		font-size: 20px;
		color: #38270b;
		text-decoration: none;
		/*position: relative;
		left: 5px;*/
		display: block;
	  }
	  .nyil{
	    display: none;
		max-height: 18px;

	  }
	  ul .dropdown-content1{
			  display: block!important;
			  position: initial!important;

			  
			  box-shadow: none;
			  z-index: 1;
			  list-style: none;
			  font-family: 'Dosis', sans-serif;
			  font-size: 24px;
		}
		ul .dropdown-content1 a{
			  text-decoration: none!important;
		}
		.kill{
		display: none!important;
		}

	  /* 
	   .fel{
	position: relative;
	top: -40px;
	
  }*/
    }
/* // Extra small devices (portrait phones, less than 576px)
@media (max-width: 575px) { ... }

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... } */

/*lenyilo menu*/

  .panel {
	background-color: transparent;
	border: none;
	box-shadow: none!important;
  }
  .panel-default .panel-heading {
	background-color: transparent;
  }

.navbar-toggle{
	margin-top: 155px!important;
  }
 

 

@media (min-width: 768px){       /*nagy képernyo*/
  
/*  
  .fel{
	position: relative;
	top: -40px;
	
  }
*/


  .gombos table{
	    margin: 0px!important;
	  }
   .gombos table .bal1{
	    border: none!important;
	    padding: 0px!important;
		width: 25%;
	  } 
  .gombos table .balos{
	    border: none!important;
	    padding: 0px!important;
		max-width: 70px;
		text-align: left;
	  }
  .gombos table .jobbos{
	    border: none!important;
	    padding: 0px!important;
		text-align: left;
		width: 13%;
	  } 
	  
  .panel-default .panel-heading a{
	font-family: 'Nunito', sans-serif;
	font-size: 30px;
	color: #38270b;
	text-decoration: none;
	display: block;
	/*display: table-cell;
	padding:2px 0px 2px 30%;
	max-width:60px;
	position: relative;
	left: 20px;
	
	*/
	
	
	
  }
  .nyil{
	max-height: 18px;
	float: right;
	position: relative;
	left: -90px;
	top: 13px;
	
  }
  
  /*blogok*/
			.dropdown1 {
			  position: relative!important;
			  display: inline-block!important;
			}

			.dropdown-content1 {
			  display: none;
			  position: absolute;
			  top: 35px;
			  left: -90px;
			  background-color: #ddd;
			  width: 182px;
			  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			  z-index: 1;
			  list-style: none;
			  font-family: 'Dosis', sans-serif;
			  font-size: 24px;
			  border: 0px solid #297B12;
			  border-radius: 20px;
			  z-index: 1000;
			}
			

			.dropdown-content1 li {
				position: relative;
				left: -40px;
			}

			.dropdown-content1 a {
				color: #339933!important;
			    padding: 5px 5px!important;
			    text-decoration: none!important;
			    display: block!important;
				text-shadow:none!important;
				padding-left:0px!important;
				padding-right:0px!important;
				min-width: 182px;
				padding-left:6px!important;
				font-family: 'Dosis', sans-serif;
			  font-size: 24px;
			  font-weight: bold;
			}
			
			
            .navbar-nav li .valt a:hover {
				background-color: #88b392!important;/*#387e2c!*/
				border-radius: 20px;
				color: white!important;;
				}
				
			.navbar-nav li .ero a:hover {
				background-color: #e2a39a!important;
				border-radius: 20px;
				color: #ffffcc!important;;
				}

			.dropdown1:hover .dropdown-content1 {display: block;}

			.dropdown1:hover .dropbtn1 {background-color: #3e8e41;}
  
  
  
  
}
  .fel{
	/*margin-bottom: -120px;*/
  }
  .fel .paneltartalom{
	border-top: none!important;
	padding: 0px!important;
	/*position: relative;
	top: -130px
	margin-top: -130px;*/
  }
  .paneltartalom img{
	position: relative;
	top: 130px;
	z-index: -1;
	min-height: 90px;
	min-width: 200px;
	margin-top: -130px;
  }

  /*.fel .paneltartalom 
  
  	background: url("../images/hatter.png"),url("../images/szarazsag.png");
	background-repeat: no-repeat, no-repeat;
	background-position: right bottom, left top;
  
  */
  small{
	color: #38270b !important;
  }
  h6{
	font-family: Verdana, sans-serif !important;
	color: #38270b !important;
	font-size: 26.0pt;
	max-height: 238px;
	margin: auto;
    max-width: 657px;
    padding-top: 80px;   /*80*/
	padding-bottom: 30px;/*30*/
	text-align: center;
	vertical-align: middle;
  }

  h5{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	color: #38270b !important;
	max-height: 238px;
	margin: auto;
    max-width: 657px;
    padding-top: 80px;
	padding-bottom: 30px;
	text-align: center;
	vertical-align: middle;
  }
  .panel-body {
    padding: 15px;
        padding-top: 0px;
        padding-right: 15px;
        padding-bottom: 0px;
        padding-left: 15px;
		}

  .fel .paneltartalom h6 span{
	font-family: Verdana, Arial, Helvetica, sans-serif; !important;
  }
  .eltunik{
	display:none !important ;
  }
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	z-index:1000;
	background-color: #337ab780;
}
  
  
  .center {
    margin: auto;
    width: 60%;
    border: 3px solid #73AD21;
    padding: 10px;
}
.responziv{
background-image:url('../images/bg.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}



			.dropbtn {
			  background-color: #4CAF50;
			  color: white;
			  padding: 16px;
			  font-size: 16px;
			  border: none;
			}

			.dropdown {
			  position: relative;
			  display: inline-block;
			}

			.dropdown-content {
			  display: none;
			  position: absolute;
			  top: 0px;
			  left: 138px;
			  background-color: #ddd;
			  width: 220px;
			  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			  z-index: 1;
			  list-style: none;
			  font-family: 'Dosis', sans-serif;
			  font-size: 24px;
			  border: 0px solid #297B12;
			  border-radius: 20px;
			}
			

			.dropdown-content li {
				position: relative;
				left: -40px;
			}

			.dropdown-content a {
				color: #339933!important;
			    padding: 5px 5px!important;
			    text-decoration: none!important;
			    display: block!important;
				text-shadow:none!important;
				padding-left:0px!important;
				padding-right:0px!important;
				min-width: 220px;
				padding-left:6px!important;
				font-family: 'Dosis', sans-serif;
			  font-size: 24px;
			  font-weight: bold;
			}
			
			
			.nav-sidebar li .dropdown-content a:hover {
				background-color: #5c9779!important;
				border-radius: 20px;
				color: white!important;;
				}

			.dropdown:hover .dropdown-content {display: block;}

			.dropdown:hover .dropbtn {background-color: #3e8e41;}
			


			
/* The container */
.containerx {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  /*font-size: 22px;*/
  font-weight: 100!important; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerx input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: relative;
	top: 0px;
	right: 4px;
	height: 18px;
	width: 18px;
	background-color: #eee;
	display: inline-block;
}

/* On mouse-over, add a grey background color */
.containerx:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerx input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerx input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerx .checkmark:after {
  left: 7px;
  top: 5px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*radio*/
 /* Customize the label (the container) */
.rgomb {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.rgomb input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark2 {
	position: relative;
	top: 0;
	right: 5px;
	height: 18px;
	width: 18px;
	background-color: #eee;
	border-radius: 50%;
	display: inline-block;
}

/* On mouse-over, add a grey background color */
.rgomb:hover input ~ .checkmark2 {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.rgomb input:checked ~ .checkmark2 {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.rgomb input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.rgomb .checkmark2:after {
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}