@charset "utf-8";
/* CSS Document */

body{
	/*bgcolor:#ffffff;*/
	background-color:#FFFFEA;
	color:#333;
	font-family:Verdana, Arial, Tahoma, Geneva, sans-serif;
	font-size:16px;
	link:#0000CC;
	margin-left:0;
	margin-top:0;
}
h2, h3, h4, h5, h6{
	border-bottom:#ecdfd0 solid 1px;
}

.main{
	max-width:800px;
	margin:auto auto;
	padding:5px;
}

a{
	color:#35A6FF;
}

#header-logo{
	width:120px;
}

.header-img{
	background: #8bc4f1 url("header.jpg") no-repeat;
	width:100%;
	height:108px;
	margin:15px 0 15px 0;
	border:#000000 solid 1px;
}

header{
	text-align:right;
	width:100%;
}

#m1{
	margin-right:3vmin;
	font-size:6.9vmin;
	display:block;
}
#m2{
	margin-right:0;
	position:relative;
	top:5px;
	font-size:5.2vmin;
}
.header_menu{
	width:320px;
	text-align:right;
}
.header_menu a{
	color:#666666;
	font-size:1em;
	text-decoration:none;
}

.main_table{
	/*background-color:#FFFFFF;
	padding:5px;*/
}
.kalk{
	font-size:1.3em;
	font-weight:bold;
	padding:20px;
	background: #ffffff;
	margin:20px 0 20px 0;
	border:#666666 solid 1px;
	text-align: center;
}

footer{
	width:100%;
	display:block;
	min-height:400px;
	color:#333333;
	border-top:#333333 solid 1px;
	padding-top:10px;
}

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	font-weight:normal;
}
h2{
	color:#D10000;
	font-size:1.7em;
	margin-top:65px;
}
h3{
	font-size:1.5em;
	margin-top:40px;
	color:#6d3c02;
}
h4{
	font-size:1.3em;
	margin-top:35px;
	color:#447833;
}
h5{
	font-size:1.2em;
	margin-top:30px;
}
h6{
	font-size:1.1em;
}

hr {
  border-top: 1px solid red;
}

#novenybiztositasok{
	margin-top:30px;
}

.jogszabaly{
	background: #FFFAFA;
	padding:0 20px 20px 20px;
	border:#666666 solid 1px;
	clear: both; 
}

img{
		margin:0;
		width:100%;
		float:none;
		
	}
	


nav {
    background: #8bc4f1;
	border:#666666 solid 1px;
    padding: 10px; 
	margin: 0 0 15px 0;
	clear: both; 
}

.ul1 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex; 
    justify-content: center;
    flex-wrap: wrap;
}

.li1 {
    text-align: center;
    border-radius: 20px;
    margin: 5px; 
	font-weight: bold;
}

.li1:hover {
    background-color: rgb(52, 194, 52);
    transition: 0.4s;
}

.ul1 .li1 a {
    display: block; /* Blokként jelenjen meg a link, hogy a teljes terület kattintható legyen */
    padding: 5px 10px 5px 10px; /* Padding a linkek körül */
    text-decoration: none;
    color: #000000;
}

/* Mobil nézetre vonatkozó menü stílusok */
@media (max-width: 768px) {
    .ul1 {
        flex-direction: column; 
        align-items: center; 
    }

    .li1 {
        width: 100%; 
        margin: 5px 0; 
		border-bottom: 2px solid #999;
		border-radius: 5px;
    }
}
	

@media (min-width:550px){
	img{
		float:right;
		margin:0 0 10px 10px;
		width:230px;
	}
	#m1{
		margin-right:7vmin;
	}
}

#more1 {display: none;}
#more2 {display: none;}
#more3 {display: none;}

button {   
  padding: 10px 20px;   
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
  border: 2px solid #ddd; 
  border-radius: 5px; 
  line-height: 1.25;   
  background: #FC6E51;   
  text-decoration: none;   
  color: white;   
  position: relative;   
  transition: background-color .6s ease;   
  overflow: hidden;   
  &:after {     
    content: "";     
    position: absolute;     
    width: 0;     
    height: 0;     
    top: 50%;     
    left: 50%;     
    transform-style: flat;     
    transform: translate3d(-50%,-50%,0);     
    background: rgba(white,.1);     
    border-radius: 100%;     
    transition: width .3s ease, 
    height .3s ease;   
  }   
  &:focus,   
  &:hover {       
    background: 
    darken(#FC6E51,7%);   
  }   
  &:active {     
    &:after {       
      width: 200px;       
      height: 200px;     
    }   
  } 
}