body{
   font:400 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
/*    background: url('../images/bg.jpg') ;
   background-size: 100%;*/
   margin:0;
   padding:0;
   height: 100%;
   /*background-color:#B7DF8B;*/
   background-color: #87C643;
   /* background-color: #CAFF8E;*/
   }
   
#map{
   margin-left: 20px;
   margin-top:20px;
 
}

#gallery{
   width:330px;
   display:block;
   margin-left: auto;
   margin-right: auto;
}


 
/*TopBar style*/
.top-bar-wrap {
	height:50px;
	
}

#top-bar {
	height:100%;
}

#top-bar .links {
	float:left;
	margin-top:15px;
	font-size:11px;
}
#top-bar .rft {
	height:16px;
	float:right;
	margin-top:15px;
}
.rss, .facebook, .twitter {
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:10px;
	vertical-align:middle;
	background:url(../images/rft_icons.png) no-repeat
}
.rss {
	background-position:0 0
}
.facebook {
	background-position:-16px 0
}
.twitter {
	background-position:-32px 0
}

   
#top-bar .search {
	width:183px;
	height:20px;
	padding:5px;
	float:right;
	margin-top:10px;
        background:url(../images/search_input_bg.png) no-repeat

}
#top-bar .search input {
	width:134px;
	height:14px;
	padding:3px;
	border:0;
	background:none;
	color:#6a87a3;
	float:left
}
#top-bar .search button {
	width:30px;
	height:20px;
	border:0;
	background:none;
	float:right;
	text-indent:-9999px;
	overflow:hidden
        
}   
   
.kozepre{
   text-align:center;
}   

#fomenu{
   margin: 0 0 0 0;
   width:100%;
   height:75px;
   background-image: url('../images/cross.jpg') ;
}

.mod-con {
	width:800px;
	margin:0 auto
}


#alsosav1 {
   margin:15px 5px 5px 15px;
   padding:0 0 0 0;
   width:150px;
/*  background-color:#9AFE2E;*/
   float:left;
   font-size:12px;
   
 /*  text-align:center;*/
   font-weight:500;

}

#alsosav2 {
   margin:0 0 0 0;
   padding:5px 0 5px 0;
   width:600px;
   float:right;
   font-size:14px;
 /*  text-align:center;*/
   font-weight:500;
   margin-left: auto;
   margin-right: 20px;
/*background-color:#9AFE2E; */  
}


#alsosav {
   margin:0 0 0 0;
   margin-top:0px;
   width:1000px;
   background-color:#66AB1A;
   float:left;
   font-size:14px;
   text-align:center;
   font-weight:500;

}



#kozepso{
   width:100%;
   margin-left:auto;
   margin-right:auto;
  
}




#slider li {width:800px;height:290px;overflow:hidden;text-align:center;}

#slider li h2 {
	width:380px;
	margin:80px auto 12px auto;
	color:#09F;
	text-transform:uppercase;
	font-size:1.6em;
}

#slider li p {width:380px;margin:0 250px 12px 250px;}



#menu{
   float:left;
   width:1000px;
   margin-right:0px;
   margin-left:0px;
 	
}

#logo{
   float:left;
   width:300px;
   margin-top: 30px;
   margin-left:40px;
   margin-bottom: 5px;
   
}

#logo_uj{
   float:left;
   margin-top:5px;
  
   
}


#logo-right{
   float:right;
   width:400px;
   margin-top: 2px;
   margin-right:10px;
   margin-bottom: -5px;
   
}



#kepek {
   float:left;
   clear:left;
   margin-right:5px;  
   width:100px;
/*    height:500px;*/
}

#tartalom {
   float:left;
   width:1000px;
   margin:0;
   padding:0;
}


#szoveg {
   float:left;
   width:780px;
   /*height:500px;*/
   margin-left:5px;
   margin-right: 15px;
   background-color: #87C643; 
   font-size:15px;
}

#szoveg_index {
   float:left;
   width:780px;
   height:340px;
   padding-left:10px;
   padding-right: 10px;
   background-color: #87C643; 
   font-size:15px;
   display: block;
   text-align: justify;
}

.contact {
   font-size:12px;

}

#terkep {
   float:left;
   height:600px;
   /*height:500px;*/
   margin-left:5px;
   margin-right: 15px;
   background-color: #87C643; 
   font-size:15px;
}

#szoveg1 {
   float:left;
   width:780px;
   /*height:500px;*/
   margin-left:5px;
   margin-right: 15px;
   background-color: #87C643; 
   font-size:15px;
}



#footer{
   margin-left:auto;
   margin-right:auto;
   width:1000px;
   float:left;
   height:65px;
   bottom:0px;
   background-color:#60A016;
   font-size:12px;
}

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}



/* Styling needed for the navigatio bar */


ul#nav-bar {
	background: #E5E5E5; /* old browsers */
	background: -moz-linear-gradient(top, #E5E5E5 0%, #C4C4C4 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(100%,#C4C4C4)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#C4C4C4',GradientType=0 ); /* ie */
	border:1px solid #757575;
	border-bottom:3px solid #A30000;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	padding:10px 20px;
	cursor:default;
   font-size: 11px;
   overflow: hidden;
   z-index: 0;

}

ul#nav-bar li {
	display:inline;

	margin-right:-4px;
}

ul#nav-bar li a, .dropbtn {
	text-decoration:none;
	font-weight:bold;
	color:#1d1d1d;
	border-left:1px solid #6f6f6f;
	padding:10px 20px;
}





ul#nav-bar li:first-child a {
	border-left:none;
}

/* ul#nav-bar li:nth-child(2) a {
	border-left:none;
} */

ul#nav-bar li a:hover, .dropdown:hover .dropbtn {
	background:rgba(0, 0, 0, 0.1);
}

ul#nav-bar li a.active {
	padding:20px 20px 10px 20px;
	background: #E20000;
	background: -moz-linear-gradient(top, #E20000 0%, #A30000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E20000), color-stop(100%,#A30000));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E20000', endColorstr='#A30000',GradientType=0 );
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	-moz-box-shadow:0px -1px 5px #000000;
	-webkit-box-shadow:0px -1px 5px #000000;
	box-shadow:0px -1px 5px #000000;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=0, direction=0, color='#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=0, Direction=0, Color='#000000')";
	color:#fff;
}

ul#nav-bar li.dropdown {
    display: inline-block;
    
}

.dropdown-content {
   display: none;
   position: absolute;
   background-color: #f9f9f9;
   margin-top: 10px;
   min-width: 180px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   background: #E5E5E5; /* old browsers */
	background: -moz-linear-gradient(top, #E5E5E5 0%, #C4C4C4 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(100%,#C4C4C4)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#C4C4C4',GradientType=0 ); /* ie */
   z-index:500;
    
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

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





img.kozepre {
   display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 2px 2px 2px ;
    
}

#kepernyo{
   width:1000px;
   height:670px;
   margin-left:auto;
   margin-right:auto;
   background-color: #87C643;
/*   border-style: solid;
   border-width: 1px;
   border-color: black;
   padding: 10px 10px 10px 10px;
*/   
   
   }

#jobb_sav1{
   float:right;
   width:200px;
   height:350px;
   text-align:center;
   font-size: 10px;
   background-color:#66AB1A;
}

#jobb_sav2{
   float:right;
   width:200px;
   height:650px;
   display:block;
   text-align:center;
   font-size: 10px;
   background-color:#66AB1A;
}

input, textarea { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('form_background.png') left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}

.form label { 
	margin-left: 12px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	padding: 10px 14px;
	background: #617798;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	}
#form-div { 
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
background-color:#F5F5F5;
padding:15px;
}

#wrapper { 
margin:30px auto;
width:500px;
}

#20_percent{
   font-size: 25px;
}

#new_customers{
   font-size: 10px;  
}