@charset "utf-8";

/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
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, img, ins, kbd, q, s, samp,
small, strike, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

@font-face {
    font-family: 'specfont-alap';
    src: url('../fonts/SourceSansPro-Regular-webfont.eot');
    src: url('../fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Regular-webfont.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Regular-webfont.svg#specfont-alap') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'specfont-menu';
    src: url('../fonts/BebasNeue Regular-webfont.eot');
    src: url('../fonts/BebasNeue Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue Regular-webfont.woff2') format('woff2'),
         url('../fonts/BebasNeue Regular-webfont.woff') format('woff'),
         url('../fonts/BebasNeue Regular-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue Regular-webfont.svg#specfont-menu') format('svg');
    font-weight: normal;
    font-style: normal;

}


html {
	width: 100%;
	margin: 0;
	padding:0;
	height:100%;
	background: #fff;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

body {
	height: 100%;
	width:100%;
	min-height:100%;
	margin:0 ;
	padding:0;
	font-size:17px;
	font-family:"specfont-alap", Arial, sans-serif;
}

a {
	color:#8cc748;
	text-decoration:underline;
}
		
a:hover,
a:active {
	color:#8cc748;
	text-decoration:none;
}

#wrapper {
  	position:relative;
  	margin:0;
  	padding:0;
    width:100%;
    border:none;
    min-width:100%;
    min-height:100%;
    height:100%;
    height: auto !important;
}

#header,
#header_aloldal {
	width:100%;
	max-width:1020px;
	margin:0 auto 5px auto;
	padding:0;
	height:80px;
	display:block;
	position:relative;
	border:none;
	border-bottom:5px solid #8cc748;
}

.nyito_header {
    height: 40px !important;
    }

  #header_scottslogo,
  #header_logo {
    width:auto;
    max-width:245px;
    height:auto;
    max-height:124px;
    margin:0 auto;
    left:0;
    right:0;
    display:block;
    position:absolute;
    padding:0;
    z-index:1000;
  }
  
  #header_scottslogo>a,
  #header_logo>a {
    text-decoration:none;
  }
  
    #header_scottslogo>a>img,
    #header_logo>a>img {
      width:100%;
      height:auto;
      padding:0;
      margin:0;
      border:none;
     -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      -ms-transition: all .2s ease;
      transition: all .2s ease;
    }
    
    #header_scottslogo>a:hover>img,
    #header_logo>a:hover>img {
    text-decoration:none;

  }
  
  .header_naturen_logo {
    margin-top:18px !important;
  }
  
  .header_kepsav {
    width:100%;
    margin:11px 0;
    padding:0;
    height:auto;
    display:block;
    border:none;
    background-color:#f0f0e8;
  }
  
  #substral_kepsav {
     background-color:#8cc748;
           position:relative;
  }
  
    #naturen_kepsav {
     background-color:#ebe4cc;
           position:relative;
  }
  
     #substral_kepsav .figura {
      position:absolute;
      width:100%;
      max-width:940px;
      height:100%;
      margin:0 auto;
      padding:0;
      left:0;
      right:0;
      display:block;
     }
     
     #substral_kepsav .figura>img {
      height:80%;
      max-height:291px;
      width:auto;
      position:absolute;
      right:-110px;
      bottom:-20px;
      margin:0;
      border:none;
      padding:0;
     }
  
      .header_kepsav>img {
        width:100%;
        max-width:940px;
        height:auto;
        border:none;
        margin:0 auto;
        padding:0;
        border-left:11px solid #fff;
        border-right:11px solid #fff;
        display:block;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
      }
  
    hr {
        margin:0 auto;
        padding:0;
        width:98%;
        max-width:980px;
        height:auto;
        display:block;
        border:none;
      }
    
        hr.zoldcsik {
          border-top:10px solid #008341;
        }
        
        hr.barnacsik {
          border-top:10px solid #573009;
        }
        
        hr.piroscsik {
          border-top:10px solid #d31145;
        }
        
    .megosztas {
          display:block;
          width:110px;
          height:30px;
          margin:25px 0 0 4%;
          float:left;
        }
      
          .megosztas>a {
            width:30px;
            height:30px;
            margin:0 0 0 5px;
            padding:0;
            display:inline-block;
            float:left;
            cursor:pointer;
              opacity: 1; 
              -ms-filter: "alpha(opacity=100)"; 
              -khtml-opacity: 1; 
              -moz-opacity: 1;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
          }
          
            .megosztas>a:hover,
            .megosztas>a:active {
                          -webkit-filter: grayscale(.9); 
            -webkit-filter: grayscale(90%);
            filter: gray;
            filter: grayscale(90%);
              opacity: 0.5; 
              -ms-filter: "alpha(opacity=50)"; 
              -khtml-opacity: .5; 
              -moz-opacity: .5;
            }
            
            .megosztas>a.facebook {
              background: transparent url(../images/facebook_icon.png) no-repeat center center;
              margin:0;
            }

            .megosztas>a.twitter {
              background: transparent url(../images/twitter_icon.png) no-repeat center center;
            }
            
            .megosztas>a.google {
              background: transparent url(../images/google_icon.png) no-repeat center center;
            } 
            
  .kereses {
          height:30px;
          width:160px;
          margin:25px 4% 0 0;
          padding:0;
          display:block;
          float:right;
          position:relative;
          border-bottom:1px solid #e0e0d0;
    }
	
	.kereses form {
		margin:0;
		padding:0;
		width:100%;
	}
	

	input#header-search-text {
		color:#909080;
		font-family:"specfont-alap", Arial, sans-serif;
		font-size:15px;
		line-height:normal;
		font-style:normal;
		font-weight:normal;
		width: 140px;
		height:20px;
		margin: 5px 0;
		padding:0 0 0 20px;
		border:none;
		display:block;
		float:left;
		background-color:transparent;
	}
	
	input#header-search-text::-webkit-input-placeholder,
	input#header-search-text::-moz-placeholder,
	input#header-search-text:-moz-placeholder,
	input#header-search-text:-ms-input-placeholder
	 {
		color:rgba(144,144,144,1);
		font-style:normal;
	 }
	
	input#header-search-button {
		position:absolute;
		top:5px;
		left:0;
		margin:0;
		padding:0;
		width:14px;
		height:16px;
		border:none;
		outline: none;
		outline-width: 0;
    -webkit-appearance: none; 
		display:inline-block;
		background: transparent url(../images/header-search-button.png) no-repeat center left;
		-webkit-transition: all 0.4s ease-in-out; 
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out; 
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	input#header-search-button:hover,
	input#header-search-button:active,
	input#header-search-button:focus {
		background: transparent url(../images/header-search-button-hover.png) no-repeat center left;
	}
	
		.oldalkereses  {
		margin:0;
		display:block;
		height: 30px;
		width:80%;
		padding: 0;
		margin:7px 0 0 0px;
		position:relative;
		 border-bottom:1px solid #e0e0d0;
	}
	

	.oldalkereses input#search-text {
		color:#909080;
		font-family:"specfont-alap", Arial, sans-serif;
		font-size:15px;
		line-height:normal;
		font-style:normal;
		font-weight:normal;
		width: 80%;
		height:20px;
		margin: 5px 0;
		padding:0 0 0 20px;
		border:none;
		display:block;
		float:left;
		background-color:transparent;
	}
	
	.oldalkereses input#search-text::-webkit-input-placeholder,
	.oldalkereses input#search-text::-moz-placeholder,
	.oldalkereses input#search-text:-moz-placeholder,
	.oldalkereses input#search-text:-ms-input-placeholder
	 {
	color:rgba(144,144,144,1);
		font-style:normal;
	 }
	
	.oldalkereses input#search-button {
		position:absolute;
		top:5px;
		left:0;
		margin:0;
		padding:0;
		width:14px;
		height:16px;
		border:none;
		outline: none;
		outline-width: 0;
    -webkit-appearance: none; 
		display:inline-block;
		background: transparent url(../images/header-search-button.png) no-repeat center left;
		-webkit-transition: all 0.4s ease-in-out; 
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out; 
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out
	}
	
	.oldalkereses input#search-button:hover,
	.oldalkereses input#search-button:active,
	.oldalkereses input#search-button:focus {
		background: transparent url(../images/header-search-button-hover.png) no-repeat center left;
	}

	
	#header_menusav {
    width:100%;
    padding:0;
    clear:both;
    min-height:72px;
    overflow:hidden;
  }

	
	#header_menusav>.header_menu {
    width:100%;
    max-width:1020px;
    margin:5px auto 5px auto;
    padding:15px 0;
    height:auto;
    display:block;
    clear:both;
    overflow:hidden;
    border:none;
    border-top:5px solid #8cc748;
    border-bottom:5px solid #8cc748;
  }
	
	#header_menusav .main_menu {
			padding:0;
			margin:0 auto;
			width:auto;
			display:block;
		}

		#header_menusav .main_menu ul,
		#header_menusav .main_menu ul.celaflor,
		#header_menusav .main_menu ul.naturen {
			list-style-type: none;
			padding: 0;
			margin: 0 auto;
			clear:both;
			border:none;
			width:auto;
			display:block;
			overflow:hidden;
			min-width:200px;
			height:auto;
			text-align:center;
		}
		
		#header_menusav .main_menu ul li {
			display:inline-block;
			padding:0 15px 0 18px;
			border:none;
			min-height:30px;
			margin:0;
			text-align: center;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			background: transparent url(../images/substral_menu_icon.png) no-repeat center right;
		}
		
		#header_menusav .main_menu ul li:first-child {
      padding-left:15px;
      background-image: url(../images/substral_menu_icon.png), url(../images/substral_menu_icon.png);
      background-position: center left, center right;
      background-repeat: no-repeat;
		}
		
		#header_menusav .main_menu  ul li a  {
			font-size: 23px;
			font-family:"specfont-menu", Arial, sans-serif;
			color: #008341;
			display:block;
			text-align:left;
			line-height:30px;
			text-decoration: none;
			text-transform:uppercase;
			font-weight:normal;
			padding:0;
			margin: 0;
			height:100%;
			height:auto;
			
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		
		#header_menusav .main_menu ul li a:hover,
		#header_menusav .main_menu ul li a:active,
		#header_menusav .main_menu ul li:hover>:first-child  {
			color: #d31145;
			text-decoration:none;
		}
		
				#header_menusav .main_menu ul.celaflor li {
			display:inline-block;
			padding:0 15px 0 18px;
			border:none;
			min-height:30px;
			margin:0;
			text-align: center;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			background: transparent url(../images/celaflor_menu_icon.png) no-repeat center right;
		}
		
		#header_menusav .main_menu ul.celaflor li:first-child {
      padding-left:15px;
      background-image: url(../images/celaflor_menu_icon.png), url(../images/celaflor_menu_icon.png);
      background-position: center left, center right;
      background-repeat: no-repeat;
		}
		
		#header_menusav .main_menu  ul.celaflor li a  {
			font-size: 23px;
			font-family:"specfont-menu", Arial, sans-serif;
			color: #008341;
			display:block;
			text-align:left;
			line-height:30px;
			text-decoration: none;
			text-transform:uppercase;
			font-weight:normal;
			padding:0;
			margin: 0;
			height:100%;
			height:auto;
			
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		
		#header_menusav .main_menu ul.celaflor li a:hover,
		#header_menusav .main_menu ul.celaflor li a:active,
		#header_menusav .main_menu ul.celaflor li:hover>:first-child  {
			color: #8cc748;
			text-decoration:none;
		}
		
		#header_menusav .main_menu ul.naturen li {
			display:inline-block;
			padding:0 15px 0 18px;
			border:none;
			min-height:30px;
			margin:0;
			text-align: center;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			background: transparent url(../images/naturen_menu_icon.png) no-repeat center right;
		}
		
		#header_menusav .main_menu ul.naturen li:first-child {
      padding-left:15px;
      background-image: url(../images/naturen_menu_icon.png), url(../images/naturen_menu_icon.png);
      background-position: center left, center right;
      background-repeat: no-repeat;
		}
		
		#header_menusav .main_menu  ul.naturen li a  {
			font-size: 23px;
			font-family:"specfont-menu", Arial, sans-serif;
			color: #008341;
			display:block;
			text-align:left;
			line-height:30px;
			text-decoration: none;
			text-transform:uppercase;
			font-weight:normal;
			padding:0;
			margin: 0;
			height:100%;
			height:auto;
			
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		
		#header_menusav .main_menu ul.naturen li a:hover,
		#header_menusav .main_menu ul.naturen li a:active,
		#header_menusav .main_menu ul.naturen li:hover>:first-child  {
			color: #573009;
			text-decoration:none;
		}
		
    #header_menusav .main_menu ul li#rejtettmenupont1,
    #header_menusav .main_menu ul li#rejtettmenupont2 {
      display:none;
    }
	   
 #container_sav {
    width:100%;
    margin:10px 0;
    padding:0;
    height:100%;
    display:block;
    border:none;
    background-color:#f0f0e8;
  }  
  
  #naturen_container_sav {
      width:100%;
    margin:10px 0;
    padding:0;
    height:100%;
    display:block;
    border:none;
    background-color:#f3efdd;
  }
  
   #container {
	width:96%;
	max-width:940px;
	margin:0 auto;
	padding:0;
	height:100%;
	display:block;
	clear:both;
	overflow:hidden;
	border:none;
	background: transparent url(../images/feherhattercsik.gif) repeat-y 30% 0;
} 

      .baloldal {
      width:30%;
      padding: 2%;
      margin:0;
      display:inline-block;
      float:left;
      border:none;
         box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    
    #rejtettbaloldal {
      display:none;
    }
    
    .termekeink_box {
      width:100%;
      padding-bottom:10px;
    }
    
    .termekeink_box>.termekeink {
      font-size:20px;
      color:#fff;  
      background:#d31145;
      font-family:"specfont-alap", Arial, sans-serif;
      width:100%;
      text-align:left;
      display:block;
      padding:13px 15px;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
    }
    
     .termekeink_box>.celaflor_termekeink {
      font-size:20px;
      color:#fff;  
      background:#008341;
      font-family:"specfont-alap", Arial, sans-serif;
      width:100%;
      text-align:left;
      display:block;
      padding:13px 15px;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
    }
    
     .termekeink_box>.naturen_termekeink {
      font-size:20px;
      color:#fff;  
      background:#573009;
      font-family:"specfont-alap", Arial, sans-serif;
      width:100%;
      text-align:left;
      display:block;
      padding:13px 15px;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
    }
    
    
		.termekeink_box ul,
		 .termekeink_box ul.termekek_celaflor,
		 .termekeink_box ul.termekek_naturen {
			list-style-type: none;
			padding: 0;
			margin: 5% 6%;
			clear:both;
			border:none;
			width:auto;
			display:block;
			overflow:hidden;
			height:auto;
			text-align:left;
		}
		
        .termekeink_box ul li,
         .termekeink_box ul.termekek_celaflor li,
         .termekeink_box ul.termekek_naturen li{
          display:block;
          padding:2px;
          border:none;
          margin:4px 0;
          text-align: left;
        }
        
        .termekeink_box ul li:hover {
          padding:2px 2px 1px 2px;
          border-bottom:1px solid #008341;
        }
        
            .termekeink_box  ul li a  {
              font-size: 16px;
              font-family:"specfont-alap", Arial, sans-serif;
              color: #d31145;
              display:block;
              text-align:left;
              line-height:1.3;
              text-decoration: none;
              text-transform:none;
              font-weight:normal;
              padding:0 0 0 20px;
              margin: 0;
              
              background: transparent url(../images/substral_menu_icon.png) no-repeat left 6px ;
              
              -webkit-transition: all .3s ease-in-out;
              -moz-transition: all .3s ease-in-out;
              -o-transition: all .3s ease-in-out;
              -ms-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out;
            }
            
                .termekeink_box ul li a:hover,
                .termekeink_box ul li a:active  {
                  color: #008341;
                  text-decoration:none;
                  background: transparent url(../images/celaflor_balmenu_icon.png) no-repeat left 6px ;
                }
                
                  .termekeink_box ul.termekek_celaflor li:hover {
          padding:2px 2px 1px 2px;
          border-bottom:1px solid #8cc748;
        }
        
            .termekeink_box  ul.termekek_celaflor li a  {
              font-size: 16px;
              font-family:"specfont-alap", Arial, sans-serif;
              color: #008341;
              display:block;
              text-align:left;
              line-height:1.3;
              text-decoration: none;
              text-transform:none;
              font-weight:normal;
              padding:0 0 0 20px;
              margin: 0;
              
              background: transparent url(../images/celaflor_balmenu_icon.png) no-repeat left 6px ;
              
              -webkit-transition: all .3s ease-in-out;
              -moz-transition: all .3s ease-in-out;
              -o-transition: all .3s ease-in-out;
              -ms-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out;
            }
            
                .termekeink_box ul.termekek_celaflor li a:hover,
                .termekeink_box ul.termekek_celaflor li a:active  {
                  color: #8cc748;
                  text-decoration:none;
                  background: transparent url(../images/celaflor_menu_icon.png) no-repeat left 6px ;
                }     
        
    
    
     .termekeink_box ul.termekek_naturen li:hover {
          padding:2px 2px 1px 2px;
          border-bottom:1px solid #008341;
        }
        
            .termekeink_box  ul.termekek_naturen li a  {
              font-size: 16px;
              font-family:"specfont-alap", Arial, sans-serif;
              color: #573009;
              display:block;
              text-align:left;
              line-height:1.3;
              text-decoration: none;
              text-transform:none;
              font-weight:normal;
              padding:0 0 0 20px;
              margin: 0;
              
              background: transparent url(../images/naturen_menu_icon.png) no-repeat left 6px ;
              
              -webkit-transition: all .3s ease-in-out;
              -moz-transition: all .3s ease-in-out;
              -o-transition: all .3s ease-in-out;
              -ms-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out;
            }
            
                .termekeink_box ul.termekek_naturen li a:hover,
                .termekeink_box ul.termekek_naturen li a:active  {
                  color: #008341;
                  text-decoration:none;
                  background: transparent url(../images/celaflor_balmenu_icon.png) no-repeat left 6px ;
                }     
    
    
     a.adatlapok {
      font-size:16px;
      color:#fff;  
      font-family:"specfont-alap", Arial, sans-serif;
      width:100%;
      text-align:left;
      display:block;
      padding:15px 20% 15px 15px;
      margin:0 0 10px 0;
      text-decoration:none;
       background: #008341 url(../images/adatlapok_icon.png) no-repeat 92% center;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
               -webkit-transition: all .3s ease;
              -moz-transition: all .3s ease;
              -o-transition: all .3s ease;
              -ms-transition: all .3s ease;
              transition: all .3s ease;
    }
    
      a.kerdezzen {
      font-size:16px;
      color:#fff;  
      font-family:"specfont-alap", Arial, sans-serif;
      width:100%;
      text-align:left;
      display:block;
      padding:15px 27% 15px 15px;
      margin:0 0 10px 0;
      text-decoration:none;
       background: #8cc748 url(../images/kerdezzen_icon.png) no-repeat 92% center;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
              -webkit-transition: all .3s ease;
              -moz-transition: all .3s ease;
              -o-transition: all .3s ease;
              -ms-transition: all .3s ease;
              transition: all .3s ease;

    }
    
    a.kerdezzen:hover,
    a.kerdezzen:active,
    a.adatlapok:hover,
    a.adatlapok:active {
      background-color:#d31145;
    }
    
         a.celaflor_adatlapok {
      font-size:16px;
      color:#fff;  
      font-family:"specfont-alap", Arial, sans-serif;
      width:100%;
      text-align:left;
      display:block;
      padding:15px 20% 15px 15px;
      margin:0 0 10px 0;
      text-decoration:none;
       background: #8cc748 url(../images/adatlapok_icon.png) no-repeat 92% center;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
               -webkit-transition: all .3s ease;
              -moz-transition: all .3s ease;
              -o-transition: all .3s ease;
              -ms-transition: all .3s ease;
              transition: all .3s ease;
    }
    
      a.celaflor_kerdezzen {
      font-size:16px;
      color:#fff;  
      font-family:"specfont-alap", Arial, sans-serif;
      width:100%;
      text-align:left;
      display:block;
      padding:15px 27% 15px 15px;
      margin:0 0 10px 0;
      text-decoration:none;
       background: #cc1042 url(../images/kerdezzen_icon.png) no-repeat 92% center;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
              -webkit-transition: all .3s ease;
              -moz-transition: all .3s ease;
              -o-transition: all .3s ease;
              -ms-transition: all .3s ease;
              transition: all .3s ease;

    }
    
    a.celaflor_kerdezzen:hover,
    a.celaflor_kerdezzen:active,
    a.celaflor_adatlapok:hover,
    a.celaflor_adatlapok:active {
      background-color:#008341;
    }
    
    
   a.naturen_adatlapok {
      font-size:16px;
      color:#fff;  
      font-family:"specfont-alap", Arial, sans-serif;
      width:100%;
      text-align:left;
      display:block;
      padding:15px 20% 15px 15px;
      margin:0 0 10px 0;
      text-decoration:none;
       background: #8cc748 url(../images/adatlapok_icon.png) no-repeat 92% center;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
               -webkit-transition: all .3s ease;
              -moz-transition: all .3s ease;
              -o-transition: all .3s ease;
              -ms-transition: all .3s ease;
              transition: all .3s ease;
    }
    
      a.naturen_kerdezzen {
      font-size:16px;
      color:#fff;  
      font-family:"specfont-alap", Arial, sans-serif;
      width:100%;
      text-align:left;
      display:block;
      padding:15px 27% 15px 15px;
      margin:0 0 10px 0;
      text-decoration:none;
       background: #008341 url(../images/kerdezzen_icon.png) no-repeat 92% center;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
              -webkit-transition: all .3s ease;
              -moz-transition: all .3s ease;
              -o-transition: all .3s ease;
              -ms-transition: all .3s ease;
              transition: all .3s ease;

    }
    
    
    a.naturen_kerdezzen:hover,
    a.naturen_kerdezzen:active,
    a.naturen_adatlapok:hover,
    a.naturen_adatlapok:active {
      background-color:#573008;
    }
    
    .bannerek {
      width:100%;
      display:block;
      margin:40px 0 10px 0;
    }
    
    .bannerek>a {
				color:#909080;
				font-family:"specfont-alap", Arial, sans-serif;
				font-size:13px;
				line-height:normal;
				display:block;
				padding:10px 0;
				margin:0;
				text-align:center;
				text-decoration:none;
				border-bottom:1px solid rgba(139,198,72,.8);
			}
	
			.bannerek>a:hover,
			 .bannerek>a:active {
				color:#8bc648;
				text-decoration:none;
			}
			
			 .bannerek>a>span
        {
          font-size: 15px;
          font-weight:bold;
          margin-bottom:2px;
          display:block;
        }
			
				 .bannerek>a>img,
				 .bannerek>a>iframe {
					border:none;
					margin:0 auto;
					padding:0;
					width:auto;
					max-width:100%;
					height:auto;
					display:block;
				}
    

    .jobboldal {
      width:70%;
      margin: 0;
      padding:2% 2% 2% 8px;
      display:inline-block;
      float:right;
      border:none;
         box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }   
    
    .navigacio {
      background:#e0e0d0;
      padding:2%;
      margin:0 0 2% 2%;
      width:98%;
      color:#909080;
      font-size:15px;
      line-height:normal;
         font-family:"specfont-alap", Arial, sans-serif;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    
      .naturen_nav {
      background:#ebe4cc;
      
      }
    
    .navigacio>a {
      color:#909080;
      text-decoration:none;
    }
    
      .navigacio>a:hover,
      .navigacio>a:active {
      color:#d31145;
      text-decoration:none;
      }
      
       .naturen_nav>a:hover,
      .naturen_nav>a:active {
      color:#573009;
      text-decoration:none;
      }
      
      .navigacio>a>img {
        border:none;
        margin:0;
        padding:0;
      }
    
  	.hirbox {
		padding:0;
		margin:0 0 20px 0;
		border:none;
		width:100%;
		height:auto;
		display:block;
		clear:both;
		color:#909080;
		font-size:15px;
		overflow:hidden;
		font-family:"specfont-alap", Arial, sans-serif;
		line-height:1.6;
		border-top:2px solid #fff;
		     box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
	}
	
	  #urlap {
		padding:0;
		margin:0 0 20px 0;
		border:none;
		width:100%;
		height:auto;
		display:block;
		clear:both;
		color:#909080;
		font-size:15px;
		overflow:hidden;
		font-family:"specfont-alap", Arial, sans-serif;
		line-height:1.6;
		border-top:2px solid #fff;
		     box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
	}
	
	a.vissza {
    text-decoration:none;
    color:#008341;
    margin:10px 0 10px 4%;
		padding:0;
		font-weight:bold;
		text-align:center;
		text-transform:uppercase;
		display:block;
			-webkit-transition: color 0.3s ease-in-out;
			-moz-transition: color 0.3s ease-in-out;
			-o-transition: color 0.3s ease-in-out;
			-ms-transition: color 0.3s ease-in-out;	
			transition: color 0.3s ease-in-out;
	}
	
    a.vissza:hover,
    a.vissza:active {
      text-decoration:none;
      color:#d31145;
    }
	
	
	.fokep {
			max-height:135px;
			max-width:90%;
			float:right;
			display:inline-block;
			overflow:hidden;
			border:2px solid #fff;
			border-top:none;
			padding:0;
			margin:0 0 10px 10px;
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			-ms-transition: all 0.5s ease-in-out;	
			transition: all 0.5s ease-in-out;
			cursor:pointer;
			}	
			
		  .fokep:hover {
          -webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.58);
          -moz-box-shadow:    0px 3px 4px 0px rgba(50, 50, 50, 0.58);
          box-shadow:         0px 3px 4px 0px rgba(50, 50, 50, 0.58);
			}
			
			.belso_fokep {
        max-height:180px;
			}
			
				.kisfokep {
          max-height:90px;
          max-width:90%;
          float:right;
          display:inline-block;
          overflow:hidden;
          border:none;
          padding:0;
          margin:5px 0 5px 5px;
          }	
			

			.hircim {
				display:block;
				overflow:hidden;
				color:#008341;
				font-size:19px;
				font-family:"specfont-alap", Arial, sans-serif;
				line-height:normal;
				font-weight:bold;
				text-align:left;
				margin:10px 0 5px 4%;
				padding:0;
			  }
			  
			 .uzletkotok {
        margin:0 2% 0 2%;
        padding:5px;
        border-bottom:1px #e0e0d0 solid;
      }

        .uzletkotok:hover {
            background-color:#e0e0d0;
            background-color:rgba(224,224,208,.6);
        } 
			  
			 .nev {
				display:block;
				overflow:hidden;
				color:#008341;
				font-size:17px;
				font-family:"specfont-alap", Arial, sans-serif;
				line-height:normal;
				font-weight:bold;
				text-align:left;
				margin:5px 0 2px 4%;
				padding:0;
			  }
			  
			  span.egyelem {
          display:block;
          margin:0;
          padding:0;
			  }
			  
			  span.kisegyelem {
          display:block;
          font-size:13px;
          margin:0;
          padding:0;
			  }
			  
			  
			  	.hircim a,
			  	.nev a,
			  	 span.egyelem>a,
			  	  span.kisegyelem>a {
            color:#008341;
            text-decoration:none;
          }
		
        .hircim a:hover,
        .hircim a:active,
        .nev a:hover,
        .nev a:active,
         span.egyelem>a:hover,
			    span.egyelem>a:active,
			    span.kisegyelem>a:hover,
			    span.kisegyelem>a:active {
          color:#d31145;
          text-decoration:none;
        }
        
     .hircim_celaflor a {
      color:#008341;
      text-decoration:none;
    }
		
        .hircim_celaflor a:hover,
        .hircim_celaflor a:active {
          color:#8cc748;
          text-decoration:none;
        } 
        
           .hircim_naturen a {
      color:#008341;
      text-decoration:none;
    }
		
        .hircim_naturen a:hover,
        .hircim_naturen a:active {
          color:#573009;
          text-decoration:none;
        }   
			
	.hirszoveg {
    color:#909080;
		font-size:15px;
		font-family:"specfont-alap", Arial, sans-serif;
		line-height:1.4;
		margin:0 0 0 4%;
		padding:0;
		overflow:hidden;
	}
	
	.hirdatum {
    color:#8cc748;
		font-size:13px;
		font-family:"specfont-alap", Arial, sans-serif;
		line-height:16px;
		font-weight:normal;
		margin:10px 0 0 0;
		padding:0 0 0 20px;
		display:block;
		vertical-align:middle;
		 background: transparent url(../images/naptar_icon.png) no-repeat left top;
	}
	
	/*.hirdatum>img {
    margin:0 3px 0 0;
    padding:0;
    border:none;
    vertical-align:middle;
	}
	*/
	
				h1 {
				display:block;
				overflow:hidden;
				color:#008341;
				font-size:20px;
				font-family:"specfont-alap", Arial, sans-serif;
				line-height:normal;
				font-weight:bold;
				text-align:left;
				margin:15px 0 5px 4%;
				padding:0;
			  }
			  
			  .h1 {
          margin-bottom:20px;
			  }
			  
			  .kiemeltcim {
          color:#909080;
          display:block;
          overflow:hidden;
					font-size:20px;
          font-family:"specfont-alap", Arial, sans-serif;
          line-height:normal;
          font-weight:normal;
          text-align:left;
          margin:30px 0 20px 4%;
          padding:0;
			  }
			  
			  .kiemeltcim2 {
          color:#008341;
          display:block;
          overflow:hidden;
					font-size:20px;
          font-family:"specfont-alap", Arial, sans-serif;
          line-height:normal;
          font-weight:normal;
          text-align:left;
          margin:30px 0 10px 4%;
          padding:0;
			  }
			  
			.datum {
    color:#8cc748;
		font-size:13px;
		font-family:"specfont-alap", Arial, sans-serif;
		line-height:23px;
		font-weight:normal;
		margin:0 0 10px 4%;
		padding:0;
	}
	.datum>img {
    margin:0 3px 0 0;
    padding:0;
    border:none;
    vertical-align:middle;
	}	 
	
	 .alcim {
    color:#008341;
		font-size:15px;
		font-family:"specfont-alap", Arial, sans-serif;
		line-height:16px;
		font-weight:normal;
		margin:0 0 10px 4%;
		padding:0;
	}
	
		 .cikkszam {
    color:#008341;
		font-size:15px;
		font-family:"specfont-alap", Arial, sans-serif;
		line-height:16px;
		text-transform:uppercase;
		font-weight:normal;
		margin:0 0 10px 4%;
		padding:0;
	}
	
    .cikkszam>span {
      color:#909080;
    }
	
	
	.hirnagyszoveg {
    color:#909080;
		font-size:15px;
		font-family:"specfont-alap", Arial, sans-serif;
		line-height:1.4;
		margin:2% 0 0 4%;
		padding:0;
	}
	
	.gyik {
	margin:0 2% 0 2%;
	padding:8px 5px 5px 0;
	border-bottom:1px #e0e0d0 solid;
}

.gyik:hover {
		background-color:#e0e0d0;
		background-color:rgba(224,224,208,.6);
}

.kerdes {
	font-family:"specfont-alap", Arial, sans-serif;
	font-size: 17px;
	color:#008341;
	margin:0 5px 0 5px;
	padding:0 0 4px 30px;
	line-height: 1.4;
	cursor:pointer;
	background: transparent url(../images/plusz.png) left top no-repeat;
}


.valasz {
  color:#909080;
	font-size:15px;
	font-family:"specfont-alap", Arial, sans-serif;
	line-height:1.4;
	margin:0 0 0 35px;
	padding:5px 0;
	display:none;
	clear:both;
}
	
	 .hirnagyszoveg p,
   .hirnagyszoveg div {
    margin-bottom:7px;
   }
   
   .hirnagyszoveg img,
   .hirszoveg img {
      border:none;
      padding:0;
      margin:5px;
      max-width:90%;
      height:auto;
      -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.7);
      -moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.7);
      box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.7);
   }  
   
    .valasz img  {
      border:none;
      padding:0;
      margin:5px;
      max-width:90%;
      height:auto;
   }  
   
   .hirnagyszoveg .video-responsive,
   .hirszoveg .video-responsive,
   .valasz .video-responsive{
      overflow:hidden;
      max-width:100%;
      padding-bottom:56.25%;
      position:relative;
      height:0;
    }
    .hirnagyszoveg .video-responsive iframe,
    .hirszoveg .video-responsive iframe,
    .valasz .video-responsive iframe{
      left:0;
      top:0;
      height:100%;
      width:100%;
      position:absolute;
    }
  
  			.hirnagyszoveg table {
				width: 100%;
				border: 1px solid #c2c2c2;
				border-collapse: collapse;
				border-left: 0;
				background-color: #fff;
				border-spacing: 0;
			}
			.hirnagyszoveg table th,
			.hirnagyszoveg table td {
				padding: 5px;
				line-height: 18px;
				text-align: left;
				vertical-align: top;
				border-top: 1px solid #c2c2c2;
				border-left: 1px solid #c2c2c2;
			}
			.hirnagyszoveg  table thead th {
				vertical-align: bottom;
				font-weight: bold;
				background: #ffffff;
				color: #000000;
				border-left: 1px solid #c2c2c2;
			}
			.hirnagyszoveg table caption + thead tr:first-child th,
			.hirnagyszoveg  table caption + thead tr:first-child td,
			.hirnagyszoveg  table colgroup + thead tr:first-child th,
			.hirnagyszoveg table colgroup + thead tr:first-child td,
			.hirnagyszoveg  table thead:first-child tr:first-child th,
			.hirnagyszoveg  table thead:first-child tr:first-child td {
				border-top: 0;
			}
			.hirnagyszoveg  table tbody tr:nth-child(odd) td,
			.hirnagyszoveg table tbody tr:nth-child(odd) th {
				background-color: #f1f1f1;
			}
			.hirnagyszoveg  table tbody tr:nth-child(even) td,
			.hirnagyszoveg table tbody tr:nth-child(even) th {
				background-color: #ffffff;
			}
			
			.hirnagyszoveg >table tbody .odd td {
				background-color: #f1f1f1;
			}
			
			.hirnagyszoveg >table tfoot td,
			.hirnagyszoveg >table tfoot td{
				background: #eeeeee;
				font-weight: bold;
			}
			
			.hirnagyszoveg >table caption {
				padding: .5em;
				font-style: italic;
				background-color: #eeeeee;
				border: 1px solid #cccccc;
				border-bottom: 0;
				font-weight: bold;
			}  
  
  	 .kapcsolodo_doks {
        margin:30px 0 0 4%;
        padding:0;
        width:98%;
        overflow:hidden;
        display:block;
      }
    
  	.kapcs_cim {
      font-size:16px;
      color:#fff;  
      font-family:"specfont-alap", Arial, sans-serif;
      width:100%;
      text-align:left;
      display:block;
      padding:10px 20% 10px 15px;
      margin:0;
      text-decoration:none;
       background: #008341 url(../images/letoltesek_icon.png) no-repeat 96% center;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
		  }
  
  
 	.kapcsolodo_doks>ul {
		margin:0px;
		padding:0;
		list-style-type:none;
		clear:both;
	  }
	  
	  .kapcsolodo_doks>ul>li {
	  	border-bottom:1px #e0e0d0 solid;
			font-family:"specfont-alap",  Arial, sans-serif;
			font-size: 14px;
			text-transform:none;
			font-weight:normal;
			padding:0;
			margin:0;
	  }
	  

	  
	  .kapcsolodo_doks>ul>li>a {
			font-size:14px;
			color:#008341;
			display:block;
			margin:0;
			padding:6px 2px;
			min-height:34px;
			font-style:normal;
			font-weight:normal;
			line-height:1.3;
			text-decoration:none;
			-webkit-transition: all 0.3s ease-in-out; 
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out; 
			-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}
		
	.kapcsolodo_doks>ul>li>a>img {
    float:left;
    margin:0 5px 0 0;
    overflow:hidden;
    border:none;
    padding:0;
    
	}
		
		.kapcsolodo_doks>ul>li>a>span{
			font-size:14px;
			color:#909080;
			margin:0;
			padding:0;
			font-weight:normal;
			display:block;
		}
		
		.kapcsolodo_doks>ul>li>a:hover,
		.kapcsolodo_doks>ul>li>a:active {
			color:#d31145;
			text-decoration:none;
			background-color:#e0e0d0;
			background-color:rgba(224,224,208,.6);
		}	
 
 
   	 .kapcsolodo_kepek {
        width:98%;
        margin:30px 0 0 4%;
        padding:0;
        overflow:hidden;
        display:block;
      }
      
   .kapcskep_cim {
      font-size:16px;
      color:#fff;  
      font-family:"specfont-alap", Arial, sans-serif;
      width:100%;
      text-align:left;
      display:block;
      padding:10px 20% 10px 15px;
      margin:0;
      text-decoration:none;
       background: #8cc748 url(../images/kepek_icon.png) no-repeat 96% center;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
		  }
 
 .kapcsolodo_kepek>a {
  width:auto;
  margin:0;
  padding:0;
  height:auto;
  overflow:hidden;
  display:inline-block;
  text-decoration:none;
  position:relative;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.kapcsolodo_kepek>a>img {
  width:auto;
  max-width:200px;
  height:auto;
  max-height:100px;
  border:2px solid #fff;
  margin:5px;
  padding:0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.kapcsolodo_kepek>a:hover>img {
       -webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.58);
          -moz-box-shadow:    0px 3px 4px 0px rgba(50, 50, 50, 0.58);
          box-shadow:         0px 3px 4px 0px rgba(50, 50, 50, 0.58);
}
 
        
 #nyito_container {
	width:100%;
	max-width:1020px;
	margin:5px auto 0 auto;
	padding:0 0 5% 0;
	height:auto;
	display:block;
	clear:both;
	overflow:hidden;
	border:none;
	border-top:5px solid #8cc748;
}

    

  .koszonto  {
    font-size:17px;
    color:#008341;
    font-family:"specfont-alap", Arial, sans-serif;
    display:block;
    text-decoration: none;
    text-transform:none;
    font-weight:normal;
    line-height:1.4;
    padding:4% 2%;
    margin: 0;
    overflow:hidden;
    text-align:center;
    clear:both;
  }
  
  .koszonto>h1 {
      color:#008341;
      font-size:20px;
      font-family:"specfont-alap", Arial, sans-serif;
      font-weight:bold;
      text-align:center;
      padding:0 0 .5% 0;
  }

      .koszonto p {
        margin-bottom:5px;
      }

      .koszonto img  {
        border:none;
        padding:0;
        margin:5px;
        max-width:90%;
        height:auto;
     } 

     .koszonto .video-responsive {
        overflow:hidden;
        max-width:100%;
        padding-bottom:56.25%;
        position:relative;
        height:0;
      }
      .koszonto .video-responsive iframe{
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
      }


    .nyito_baloldal {
      width:33%;
      min-height:233px;
      margin: 0;
      padding:0;
      display:block;
    float:left;
      border:none;
      border-right:2px solid #f0f0e8;
         box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    
        .nyito_kozep {
      width:33%;
      margin: 0;
      padding:0;
      min-height:233px;
      display:block;
 float:left;
      border:none;
        border-right:2px solid #f0f0e8;
         box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
      

    .nyito_jobboldal {
      width:33%;
      min-height:233px;
      margin: 0;
      padding:0;
      display:block;
  float:left;
      border:none;
         box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
      
       .nyito_baloldal a {
        text-decoration:none;
        font-size:small;
        color:#d31245;
        font-family:"specfont-alap", Arial, sans-serif;
        display:block;
        text-decoration: none;
        text-transform:none;
        font-weight:normal;
        line-height:1.3;
        padding:3% 5%;
        text-align:right;
          -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
       }
       
       .nyito_kozep a {
        text-decoration:none;
        font-size:small;
        color:#008341;
        font-family:"specfont-alap", Arial, sans-serif;
        display:block;
        text-decoration: none;
        text-transform:none;
        font-weight:normal;
        line-height:1.3;
        padding:3% 5%;
        text-align:center;
       }
       
              .nyito_jobboldal a {
        text-decoration:none;
        font-size:small;
        color:#573009;
        font-family:"specfont-alap", Arial, sans-serif;
        display:block;
        text-decoration: none;
        text-transform:none;
        font-weight:normal;
        line-height:1.3;
        padding:3% 5%;
        text-align:left;
       }
         
         .nyito_jobboldal a>img,
         .nyito_baloldal a>img,
         .nyito_kozep a>img {
          border:none;
          padding:4px;
          margin:0 0 2% 0;
          height:auto;
          width:auto;
          max-width:90%;
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
          -o-transition: all .3s ease;
          -ms-transition: all .3s ease;
          transition: all .3s ease;
         }
         
          .nyito_kozep a:hover {
            color:#909080;
            text-decoration:none;
         }
          
          .nyito_jobboldal a:hover {
            color:#909080;
            text-decoration:none;
         }
         
          .nyito_baloldal a:hover{
             text-decoration:none;
             color:#909080;
         }
         
         .nyito_baloldal a:hover>img,
         .nyito_jobboldal a:hover>img,
         .nyito_kozep a:hover>img  {
            -webkit-transform:scale(.95);
            transform:scale(.95);
            -webkit-opacity: 0.4;
            -moz-opacity: 0.4;
            opacity: 0.4;
            -webkit-filter: grayscale(.9); 
            -webkit-filter: grayscale(90%);
            filter: gray;
            filter: grayscale(90%);
         }
   
  #katalogus_resz {
    width:100%;
    height:auto;
    display:block;
    position:relative;
  } 
  
  .katalogus_focim {
    color:#d31145;
    font-size: 20px;
		font-family:"specfont-alap", Arial, sans-serif;
		text-align:center;
		margin:0 auto;
		padding:1em 3%;
  }
  
      .kat_focim_celaflor {
        color:#008341;
      }
      
      .kat_focim_naturen {
        color:#573009;
      }
  
  a.katalogusbox {
    width:140px;
    display:inline-block;
    margin:0 7px;
    padding:0;
    border:none;
    float:left;
    text-decoration: none;
    position:relative;
  }
  
  a.katalogusbox>span,
  a.katalogusbox>span.celaflor_span,
  a.katalogusbox>span.naturen_span  {
    color:#909080;
    font-size: 13px;
		font-family:"specfont-alap", Arial, sans-serif;
		text-align:center;
		line-height:1.3;
		display:block;
		margin:5px auto 0 auto;
		padding:0;
  }
  
  a.katalogusbox>img {
    border:none;
    margin:auto;
    display:block;
    max-width:140px;
    max-height:199px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
  }
  
  a.katalogusbox:hover>img {
     -webkit-transform:scale(.8);
     transform:scale(.8);
     -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.76);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.76);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.76);       
  }
  
  a.katalogusbox:hover>span {
    color:#d31145;
  }
  
    a.katalogusbox:hover>span.celaflor_span {
    color:#008341;
  }
  
      a.katalogusbox:hover>span.naturen_span {
    color:#573009;
  }
  
  span.hint {
	background: #d31145;
	border-radius: 3px 3px 3px 3px;
	color: white;
	width:80%;
	font-size:13px;
	line-height:1.3;
	margin:-60px auto 8px auto;
	padding: 4px 6px;
	text-align:center;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
	bottom:0;
	left:0;
	right:0;
}
  
  /*span.hint::before {
    content: "\25BC";
    color:#d31145;
    position: absolute;
    bottom:-6px;
    left:10px;
  }*/

  a.katalogusbox:hover +  span.hint { display: block;}
  
    span.celaflor_hint {
	background: #008341;
	border-radius: 3px 3px 3px 3px;
	color: white;
	width:80%;
	font-size:13px;
	line-height:1.3;
	margin:-60px auto 8px auto;
	padding: 4px 6px;
	text-align:center;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
	bottom:0;
	left:0;
	right:0;
}

    span.naturen_hint {
	background: #573009;
	border-radius: 3px 3px 3px 3px;
	color: white;
	width:80%;
	font-size:13px;
	line-height:1.3;
	margin:-60px auto 8px auto;
	padding: 4px 6px;
	text-align:center;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
	bottom:0;
	left:0;
	right:0;
}

  
  /*span.celaflor_hint::before {
    content: "\008341";
    color:#d31145;
    position: absolute;
    bottom:-6px;
    left:10px;
  }*/

  a.katalogusbox:hover +  span.celaflor_hint { display: block;}
  a.katalogusbox:hover +  span.naturen_hint { display: block;}
   
   #katalogusok {
    width: 100%;
    max-width:984px;
    display:block;
    height: 290px;
    margin:0 auto;
    padding:0;
    overflow:hidden;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     	position:relative;
  }

	#next_kat {
      position:absolute;
      right:0;
      top:0;
      background:#fff;
      margin:0;
	    width: 30px;
	    height: 290px;
	    text-align:right;
	}
	
	#prev_kat {
      position:absolute;
      left:0;
      top:0;
      background:#fff;
	    float: left;
      margin:0;
	    width: 30px;
	    height: 290px;
	 }

		#prev_kat img,
		#next_kat img {
			padding:45px 0 0 0;
			opacity: .8; 
			-ms-filter: "alpha(opacity=80)"; 
			-khtml-opacity: .8; 
			-moz-opacity: .8;	
		}
		
		#prev_kat img:hover,
		#next_kat img:hover {
			opacity: 1; 
			-ms-filter: "alpha(opacity=100)"; 
			-khtml-opacity: 1; 
			-moz-opacity: 1;
		}

	#katalogus_list {
		overflow: hidden;
		width: 100%;
		margin:0 30px;
		max-width:924px;
		height: 290px;
		    box-sizing:border-box;
    -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     
	}

	#katalogus_list_inner {
		width: 10000000px;
	}
	
   
         
 .figyelem_sav {
    width:100%;
    margin:10px 0;
    padding:0;
    height:auto;
    display:block;
    border:none;
    background-color:#8cc748;
  }  
  
  .naturen_figyelem_sav {
   background-color:#f7edd0;
  }
  
   .figyelem_sav>span {
  		width:100%;
  		max-width:940px;
  		font-size: 22px;
			font-family:"specfont-alap", Arial, sans-serif;
			color: #fff;
			display:block;
			text-align:center;
			text-decoration: none;
			text-transform:none;
			font-style:italic;
			font-weight:normal;
			line-height:normal;
			padding:2%;
			margin: 0 auto;
			box-sizing:border-box;
    -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
		}

.footer_menu {
    width:100%;
    max-width:1020px;
    margin:5px auto 5px auto;
    padding:10px 0;
    height:auto;
    display:block;
    clear:both;
    overflow:hidden;
    border:none;
    border-top:5px solid #8cc748;
    border-bottom:5px solid #8cc748;
  }
	
	.footer_menu .also_menu {
			padding:0;
			margin:0 auto;
			width:auto;
			display:block;
		}

		.footer_menu .also_menu ul {
			list-style-type: none;
			padding: 0;
			margin: 0 auto;
			clear:both;
			border:none;
			width:auto;
			display:block;
			overflow:hidden;
			min-width:200px;
			height:auto;
			text-align:center;
		}
		
		.footer_menu .also_menu ul li {
			display:inline-block;
			padding:0 5px 0 5px;
			border:none;
			min-height:30px;
			margin:0;
			text-align: center;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		
	
		.footer_menu .also_menu  ul li a  {
			font-size: 18px;
			font-family:"specfont-menu", Arial, sans-serif;
			color: #008341;
			display:block;
			text-align:left;
			line-height:30px;
			text-decoration: none;
			text-transform:uppercase;
			font-weight:normal;
			padding:0;
			margin: 0;
			height:100%;
			height:auto;
			
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		
		.footer_menu .also_menu ul li a:hover,
		.footer_menu .also_menu ul li a:active,
		.footer_menu .also_menu ul li:hover>:first-child  {
			color: #d31145;
			text-decoration:none;
		}

         
 .also_logok {
         width:100%;
        max-width:940px;
        height:auto;
        text-decoration:none;
        display:block;
        margin:0 auto;
        text-align:center;
 }
 
  .also_logok>a {
      height:66px;
      width:auto;
      text-decoration:none;
      padding:0;
      margin:3% 3% 0 3%;
      display:inline-block;
  }
  
   .also_logok>a>img {
      border:none;
      margin:0;
      padding:0;
      vertical-align:middle;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -o-transition: all .3s ease;
      -ms-transition: all .3s ease;
      transition: all .3s ease;
   }
   
        .also_logok>a:hover>img {
            -webkit-transform:scale(.95);
            transform:scale(.95);
            -webkit-opacity: 0.4;
            -moz-opacity: 0.4;
            opacity: 0.4;
            -webkit-filter: grayscale(.9); 
            -webkit-filter: grayscale(90%);
            filter: gray;
            filter: grayscale(90%);
         }
 
       .copyright {
        width:100%;
        height:auto;
        max-width:940px;
        text-decoration:none;
        font-size:17px;
        color:#008341;
        font-family:"specfont-alap", Arial, sans-serif;
        display:block;
        margin:0 auto;
        text-decoration: none;
        text-transform:none;
        font-weight:normal;
        line-height:1.3;
        padding:2% 5%;
        text-align:center;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
       }

/* oldalszamozas */
div.pagination {
	padding: 2px 0 2px 0;
	margin: 0;
	font-weight:normal;
	font-family:"specfont-alap",  Arial, sans-serif;
	font-size:17px;
	line-height:1;
	text-align:right;
	display:block;
	clear:both;
}

div.felso {
	margin-bottom:20px;
	margin-top:5px;
}

div.also {
	margin-top:15px;
	margin-bottom:5px;
}

div.pagination a {
	padding: 2px 5px;
	margin: 2px 4px 0 4px;
	border: 0; 
	font-family:"specfont-alap",  Arial, sans-serif;
	font-size:17px;
	text-decoration: none; 
	color: #008341;
}

div.pagination a:hover, div.pagination a:active {
	border: 0;
	color: #fff;
	border: none;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	text-decoration:none;
	background-color:#d31145;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

div.pagination span.current {
	padding: 2px 5px;
	margin: 2px 4px 0 4px;
	border: 0;
	font-weight:bold;
	font-family:"specfont-alap",  Arial, sans-serif;
	font-size:17px;
	line-height:1.1;
	border: none;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	color: #fff;
	background-color:#008341;
}
	
div.pagination span.disabled {
	padding: 1px 3px 0 3px;
	margin: 2px 4px 0 4px;
	font-family:"specfont-alap",  Arial, sans-serif;
	font-size:26px;
	font-weight:bold;
	border: 0;
	color: #d7e1c0;
}

div.pagination span.nincskeret {
	border: 0;
	background:none;
}

span.nincskeret a {
	padding: 1px 3px 0 3px;
	margin: 2px 2px 0 2px;
	border: 0; 
	font-family:"specfont-alap",  Arial, sans-serif;
	font-size:26px;
	text-decoration: none; 
	color: #008341;
	background:none;
	font-weight:bold;
			-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

span.nincskeret a:hover, span.nincskeret a:active {
	border: 0;
	margin: 2px 2px 0 2px;
	color: #d31145;
	text-decoration:none;
	background:none;

}		

.left {
  float:left;
}

.right {
  float:right;
}
	
.clearer {
  clear: both;
  margin:0;
  padding:0;
}	


.galhatter {
  display:none;
}