/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016.02.25., 14:28:33
    Author     : user
*/
@charset "UTF-8";

body{
    margin:0 auto;
    padding:0;
    font-family: sans-serif; 
    font: 14px/24px 'Open Sans', sans-serif;
    width: 960px; 
    text-align: center;
    background-color: #F6FAF1;
    max-width:  calc(100% - 6px);
    text-align: center;  
    min-width: 312px;    
}

h1{
 font-size:180%; 
 margin:0;
}

header{
 width:960px;   
 max-width: 100%;
 background-color:#e6e0b6;
 color: black;
 height:2.2em;
 display: relativ;
 padding-top:0.5em;
 padding-bottom:0.5em;
 position: fixed;
 left: 0;
 z-index: 2;
}

.fej_alatt{
   display: table-header-group;  
   width:960px;
   max-width: 100%;
   height:120px; 
   display:table-header-group; 
   display:-webkit-inline-box;
   
}

div.logo1, div.kozossegi,  div.keres {
   position:relative;
   float:left;
   height:30px;
   font-size:110%;
   text-align: center;  
   vertical-align:middle;   
   /* background-color: #f7f0cf; */
   line-height: 30px;
   color:#666;
   visibility: visible;
}
div.logo1 {
    width: 20%;  
    height:70px;     
    background-image: url("../images/magyarorszag.gif");
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    text-align: center;
    line-height: 70px; 
     
}

div.keres {
     width: 36%;  
     padding:4px; /* 26px; */
     z-index: 2;
     font-size: 90%;
     text-align: left;
     opacity: 0.2;
     visibility:hidden; 
}
div.kozossegi{
   width: 44%; 
   padding:4px;
   font-size: 90%;
   text-align: left;
   opacity: 0.2;
   visibility:hidden;
}


nav{ 
   width:960px; 
   max-width:100%;
   height:auto;
   display:block;
   position:relative;   
}


nav ul{
    overflow:hidden;
    background-color:#F5F5F5;  /* #E3EEBE;  #f7f0cf; */
    color: inherit;
    padding:0;
    margin-top: 0px !important;
	margin-bottom:-2px;
    text-align: center;
    display: inline-block;
    position:relative; /* inherit;*/
    width: 100%;
	-webkit-transition: max-height 0.3s;
	-ms-transition: max-height 0.3s;
	-moz-transition: max-height 0.3s;
	-o-transition: max-height 0.3s;
	transition: max-height 0.3s;
	opacity:0.6;
	
}

nav ul li{
    display: inline-block;
    padding: 1em 1em;
    text-decoration: none;
    /* width:5em; */
    
    
}
nav ul li:hover{
    background-color:#dfdfdf;
    color:#555555;
}


a{
 text-decoration: none;
 color:inherit;
    
}
article{
text-align:justify;
line-height: 1.2em;
font-size: 0.9em;
    
}

.oszlop_3keret{
    position:relative;
    width:100%;   
    height:auto;
    vertical-align: top;
    margin-top: 1em;
    margin-bottom: 1em;
    display:inline-block;
}

.oszlop_1,.oszlop_2, .oszlop_3{
    width:33%;
    height:auto; /* 18em; */
    line-height: 1.2em;
    font-size: 0.9em;
    float:left; 
    text-align: center;
    cursor: pointer;
    display:inline-block;
}

.oszlop_1:hover, .oszlop_2:hover, .oszlop_3:hover{
   /* opacity: 0.7; */
    border: 1px solid #D5D5A0;
}

  /*.oszlop_1:hover, .oszlop_2:hover, .oszlop_3:hover{ */
  .oszlop_szoveg:hover, oszlop_leiras:hover{
                 opacity: 1;
                  border-radius: 5px;
                   -webkit-transition: all .1s ease;
                -o-transition: all .1s ease;
                transition: all .1s ease;
                -webkit-transform: perspective(10px) rotateX(1deg);
                -webkit-transform-origin: bottom;
                -moz-transform: perspective(10px) rotateX(1deg);
                -moz-transform-origin: bottom;
                transform: perspective(10px) rotateX(1deg);
                transform-origin: bottom;
                /* background: #ccc;     */
				 }


.oszlop_kep{
 height:auto; /*10em;*/
 padding-top: 1em;
 display:inline-block;
 position:relative;
}
.oszlop_szoveg{
 padding-top: 2em;   
 height:auto;  /*20px; */  
 font-weight: bold;
 text-transform: uppercase; 
 display:block;
 position:relative;
}

.oszlop_leiras{
 height:100px;
 overflow:hidden;
 font-size:inherit;
 padding-top:15px;
 display:block;
 position:relative;
    }
   
  .menu{
   width:100%;
   /* cursor:pointer; */
   background-color:#f7f0cf;
   /* text-align:left; */
   display:none;
   height:auto;
   position:relative;
   padding:2px;
   margin-bottom:-4px;
    }

#hamburger-button span {
    width: 20px;
    height: 3px;
	margin-top:2px;
    margin-bottom: 4px;
    background-color: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
	cursor:pointer;
}	
	
#hamburger-button  .icon-bar + .icon-bar {
  margin-top: 2px; 
}	
	
.right	{	
	float:right; 
}
.left	{	
	float:left; 
}



#mypage{
   width:100%;
   height:auto;
   display:block;
   position:relative;
}

 .k_button{
    -moz-box-shadow:inset 0px 0px 14px -3px #f2fadc;
	-webkit-box-shadow:inset 0px 0px 14px -3px #f2fadc;
	box-shadow:inset 0px 0px 14px -3px #f2fadc;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dbe6c4), color-stop(1, #9ba892));
	background:-moz-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-webkit-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-o-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-ms-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:linear-gradient(to bottom, #dbe6c4 5%, #9ba892 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe6c4', endColorstr='#9ba892',GradientType=0);
	background-color:#dbe6c4;
	
    
    border-radius:3px;
    width:auto; 
    height: auto; 
    /* background-color: #c3c3c3; */
    border: 3px 2px 3px 2px outset #dbe6c4; 
    margin-bottom: 2px;   
    padding: 4px; 
    
	text-decoration:none;
}
.k_button:hover{
  font-style: italic;
   }

addres a {
text-decoration:none;
}


	
.f_menu{	
	width:100%;
	height:auto;
    display:none;
    position:relative;
	z-index: 3200;
	margin-bottom:-8px;
 }
 
 				 
.section_slide, .alap_div_fej, .alap_div{
   width:960px;
   max-width:100%;
   height:auto;
   display:inline-block;
   position:relative;   
}				

.rejt{
   visibility: visible;
} 

.rejt{
   visibility: hidden;
} 




.op_50{
   opacity:0.5;  
    
}
.op_1{
   opacity:1 !important;  
    
}

.fixed{
position:fixed;
}

.section_slide{
    z-index:-1;
	
}
.alap_div_fej{
  z-index:3200;
}

/* oliva 3d 2#  vertikális beállitísban*/
.bg_oliva{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4efc0+0,abbd73+100;Olive+3D+%232 */
background: #e4efc0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZWZjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmJkNzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e4efc0 0%, #abbd73 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4efc0), color-stop(100%,#abbd73)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  #e4efc0 0%,#abbd73 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  #e4efc0 0%,#abbd73 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  #e4efc0 0%,#abbd73 100%); /* IE10 preview */
background: linear-gradient(to bottom,  #e4efc0 0%,#abbd73 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 ); /* IE6-8 */}



.bg_white{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10 preview */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
    
}


.bg_okker{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e767+100,feb645+100 */
background: #f1e767; /* Old browsers */
background: #f3f3df; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFlNzY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlYjY0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
background: -moz-linear-gradient(top,  #f3f3df 0%, #f0f0bd 60%, #d0d09a 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3df), color-stop(60%,#f0f0bd), color-stop(100%,#d0d09a)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  #f3f3df 0%,#f0f0bd 60%, #d0d09a 100% ); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, #f3f3df 0%,#f0f0bd 60%, #d0d09a 100% ); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, #f3f3df 0%,#f0f0bd 60%, #d0d09a 100%); /* IE10 preview */
background: linear-gradient(to bottom,  #f3f3df 0%,#f0f0bd 60%, #d0d09a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#d0d09a',GradientType=0 ); /* IE6-8 */
 
    
}

.okker_button{
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e767+100,feb645+100 */
    background: #f1e767; /* Old browsers */
    background: #f3f3df; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFlNzY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlYjY0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
    background: -moz-linear-gradient(top,  #f3f3df 0%, #f0f0bd 60%, #d0d09a 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3df), color-stop(60%,#f0f0bd), color-stop(100%,#d0d09a)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top,  #f3f3df 0%,#f0f0bd 60%, #d0d09a 100% ); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #f3f3df 0%,#f0f0bd 60%, #d0d09a 100% ); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #f3f3df 0%,#f0f0bd 60%, #d0d09a 100%); /* IE10 preview */
    background: linear-gradient(to bottom,  #f3f3df 0%,#f0f0bd 60%, #d0d09a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#d0d09a',GradientType=0 ); /* IE6-8 */
  
	
    
    border-radius:3px;
    width:auto; 
    height: auto; 
    /* background-color: #c3c3c3; */
    border: 3px 2px 3px 2px outset #dbe6c4; 
    margin-bottom: 2px;   
    padding: 4px; 
    
	text-decoration:none;
}
.okker_button:hover{
  font-style: italic;
   }














#roti_keret{
    width: 70%;
    display: inline-block;
    height:45px;
    float:left;
    overflow: hidden;    
}




#text_rotator{
vertical-align: middle;
margin:-16px 0px 0px 0px;		
display: inline-block;
position: absolute;
left:168px;
overflow: hidden;
width: 79%;
height:47px !important; /* 53px; */
color: #535353;
text-align:left;

        
}

#text_rotator h1, h2{
    font-size:130%;   /* 22px; */
    vertical-align: middle;
    font-style: italic;
}

#text_rotator  h2{
    font-size:120%;   /* 22px; */
    vertical-align: middle;
    font-style: italic;
}


.textItem {
    position:inherit; 
    display: none;
}



.anim_text_shadow{

animation:mymove 4s infinite;
/*Safari and Chrome:*/
-webkit-animation:mymove 4s infinite;
}

/*50% {text-shadow:10px 10px 30px #3f3f3f;}*/
@keyframes mymove
{
//50% {text-shadow:2px 2px 2px #3f3f3f;}
50% {text-shadow:1px 1px 1px #3f3f3f;}
}

/*Safari and Chrome:*/
@-webkit-keyframes mymove
{
50% {text-shadow:1px 1px 1px #3f3f3f;}
}


.belso_arnyek{
    /* margin-top: -5px; */
    padding: 4px 0;
    background-color:#F2F2D9;    /*#e3e3e3; */
    box-shadow: inset 0 0 5px rgba(242,242,215,.3);  /* inset 0 0 5px rgba(0,0,0,.3); */
}


#burkolatokrol p{
    
    width: 100%; 
}

#burkolatok{
 /*   padding-top: 68px; */
    
}

/*
#burkolatokrol h3{
    display:inline-block;
    font-size: 120%;
    margin-top: 4px;
         
}
*/
#gombok {         
    text-align: left;    
}

#gombok h3{     
    display:inline-block;
    font-size: 120%;
    margin-top: 4px;  
    cursor: pointer;     
}

.display_none{
    display: none; 
  
}

h3{
 
 font-size: 120%;   
    
}

.sor_magas2{
 line-height: 2;       
}

.cimsor{
font-weight: 700;    
    
}

dolt{
 font-style: italic; 
}

#rendezveny{
 border-style: outset;
 border-color:#a2a1a1;
    
 padding: 2px;
    
    
}

#rendezveny img{
   
 padding: 2px;
    
}