* {
margin: 0px;
padding: 0px;
border: 0px;
}

body {
background-color: #ffffff;
color: #717171;
font-family: arial;
}

.menu a {
color: #ffffff;
text-decoration: none;
}

.menu a:hover {
transition: 2s;
color: #f1f1f1;
}

.belsooldal ul li {
margin-left: 30px;
}

.belsooldal ol li {
margin-left: 30px;
}

table {
width: 100%;
border-collapse: collapse;
}

td, th {
padding: 8px;
border: solid 1px #222222;
}

#cookie a {
color: #ffffff;
text-decoration: none;
}

#cookie a:hover {
transition: 2s;
color: #f1f1f1;
}

#elerhetoseg a {
color: #ffffff;
text-decoration: none;
}

#elerhetoseg a:hover {
transition: 2s;
color: green;
}

a {
color: #333333;
text-decoration: none;
}

a:hover {
transition: 2s;
color: #c0c0c0;
}

#egesz {
width: 100%;
height: auto;
}

.pipa {
margin-bottom: 20px;
}

.kapcsolatbal {
float: left;
width: 68%;
margin-right: 2%;
height: auto;	
}

.kapcsolatbalhover {
width: 50%;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
background-color: #46b475;
color: #ffffff;
font-weight: bold;
text-align: center;
border-radius: 10px;
}

.kapcsolatbalhover:hover {
transition: 2s;
background-color: green;	
}

.kapcsolatbalban input {
padding: 10px;
border-radius: 10px;
background-color: #ffffff;
color: #222222;
width: 90%;
height: auto;
margin-bottom: 20px;
}

.kapcsolatbal textarea {
padding: 10px;
border-radius: 10px;
background-color: #ffffff;
color: #222222;
width: 90%;
height: 250px;
margin-bottom: 20px;	
}

.kapcsolatjobb {
float: right;
width: 30%;
height: auto;
border-radius: 10px;
background-color: #ffffff;
line-height: 170%;	
}

.at02 {
columns: 2;
column-gap: 2%;
}

.blogdobozat {
width: 100%;
height: auto;
background-color: #ffffff;
border-radius: 10px;	
margin-bottom: 30px;
overflow: hidden;
}

.blogdoboz {
float: left;
width: 46%;
margin-left: 2%;
margin-right: 2%;
height: auto;
background-color: #ffffff;
border-radius: 10px;	
margin-bottom: 30px;
}

.blogdoboz img {
border-radius: 10px;
}

.bloggomb {
width: 100%;
height: auto;
border-radius: 10px;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
font-weight: bold;
color: #f1f1f1;
margin-top: 20px;
background-color: #46b475;	
}

.bloggomb:hover {
transition: 2s;	
background-color: green;
}

.belsooldal {
background-color: #f1f1f1;
width: 100%;
height: auto;	
font-size: 110%;
line-height: 150%;
}

.tovabb {
width: 40%;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
color: #ffffff;
background-color: green;
margin-left: 30%;
margin-right: 30%;
border-radius: 10px;
font-weight: bold;
margin-top: 70px;	
}

.tovabb:hover {
transition: 2s;
background-color: gray;
color: #ffffff;	
}

.feher {
border-radius: 10px;
width: 50%;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
border: solid 1px green;
background-color: #222222;
color: #ffffff;
margin-top: 20px;	
}

.feher:hover {
transition: 2s;
background-color: #f1f1f1;
color: #333333;	
}

.balelerhetoseg {
float: left;
width: 50%;	
margin-right: 2%;
height: auto;
line-height: 180%;
font-size: 110%;
}

.jobbelerhetoseg {
float: right;
width: 48%;
height: auto;	
line-height: 180%;
font-size: 110%;
}

.logo {
width: 20%;
float: left;	
}

.menu {
float: right;
}

.partnerek {
float: left;
width: 23%;
margin-left: 1%;
margin-right: 1%;
height: auto;	
}

.balra {
padding-left: 30px;
border-left: solid 5px #717171;	
}

.csikok {
width: 100%;
height: 1px;
border-bottom: solid 1px #c0c0c0;
margin-top: 20px;
margin-bottom: 40px;
}

.csik02 {
width: 10%;
height: 1px;
border-bottom: dashed 1px #ffffff;
margin-right: 90%;
margin-top: 20px;
margin-bottom: 40px;
}

.csik {
width: 10%;
height: 1px;
border-bottom: dashed 1px #717171;
margin-left: 45%;
margin-right: 45%;
margin-top: 20px;
margin-bottom: 40px;
}

ul {
list-style-type: none;	
float: right;
font-family: arial;
margin-top: 35px;
}

li {
float: left;
padding-left: 5px;
padding-right: 5px;	
}

li a {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 40px;
padding-right: 40px;
}

li a:hover {
color: #f1f1f1;
transition: 2s;
background-color: #121212;
border-radius: 5px;
}

.aktiv {
color: #f1f1f1;
transition: 2s;	
background-color: #121212;
border-radius: 5px;
}

#menu {
width: 100%;
height: auto;
background-color: #46b475;
padding-top: 20px;
padding-bottom: 20px;
}

#hatterkep {
width: 100%;
height: auto;
background-color: #ffffff;
}

#bemutatkozas {
width: 100%;
height: auto;
background-color: #f1f1f1;
line-height: 170%;
font-size: 120%;
color: #222222;
}

#szolgaltatasok {
background-color: #ffffff;
width: 100%;
height: auto;
}

#blog {
background-color: #f1f1f1;
width: 100%;
height: auto;
}

#partnerek {
background-color: #ffffff;
width: 100%;
height: auto;
}

#elerhetoseg {
width: 100%;
height: auto;
background-color: #222222;
color: #ffffff;
}

#legalso {
width: 100%;
height: auto;
background-color: #ffffff;
color: #333333;
text-align: center;
font-size: 80%;
padding-top: 20px;
padding-bottom: 20px;
}

.center {
text-align: center;
}

.szolgaltatasdoboz {
width: 46%;
height: auto;
float: left;
margin-left: 1%;
margin-right: 1%;
border: solid 1px #c0c0c0;
line-height: 150%;
font-size: 110%;
}

.clear {
clear: both;
}

.keret {
margin-left: 15%;
margin-right: 15%;
}

figure img {
display: block;
max-width: 100%;
height: auto;
}

h1 {
color: #717171;
font-size: 200%;
text-align: center;
}

h2 {
color: #717171;
font-size: 200%;
text-align: center;
}

h3 {
color: #717171;
font-size: 200%;
text-align: center;
}

.padding {
padding: 20px;
}

.padding40 {
padding: 40px;
}

.szendvics {
display: none;
}

#cookie {
width: 25%;
position: fixed;
left: 20px;
bottom: 20px;
background-color: #46b475;
color: #ffffff;
z-index: 12;
font-size: 80%;
border-radius: 10px;
font-family: arial;
}

#cgomb button {
width: auto;
padding-top: 0px;
height: 45px;
background: linear-gradient(to bottom, #89deda 1%, #3aafa9 100%);
color: #ffffff;
font-weight: bold;
text-align: center;
border-radius: 10px;
border: solid 1px #ffffff;
padding-left: 20px;
padding-right: 20px;
}

#cgomb button:hover {
transition: 1s;	
background: linear-gradient(to bottom, #89deda 1%, #269f99 100%);
color: #f1f1f1;
border: solid 1px #f1f1f1;
}

@media screen and (max-width: 1200px) {
	
#cookie {
width: 50%;
font-size: 60%;
}
	
.keret {
margin-left: 2%;
margin-right: 2%;
}

.feher {
width: 100%;
}

.tovabb {
width: 80%;
margin-left: 10%;
margin-right: 10%;
}

.szolgaltatasdoboz {
float: none;
width: 100%;
margin-bottom: 20px;	
}

.partnerek {
float: none;
width: 96%;
margin-bottom: 20px;	
}

.blogdoboz {
float: none;
width: 96%;
margin-bottom: 20px;	
}

.kapcsolatbal {
float: none;
width: 100%;
margin-bottom: 30px;	
}

.kapcsolatjobb {
float: none;
width: 100%;
margin-bottom: 20px;	
}

.balelerhetoseg {
float: none;
width: 100%;
margin-bottom: 20px;	
}

.jobbelerhetoseg {
float: none;
width: 100%;
margin-bottom: 20px;	
}

.menu {
display: none;
}

.menu02 {
display: none;
}

.logo {
width: 35%;
}

.szendvics {
display: block;	
position: relative;
float: right;
color: #ffffff;
font-weight: bold;
padding-top: 20px;
}

.menu02 ul {
position: absolute;
left: -600%;
z-index: 1;
background-color: #ffffff;
}

.menu02 li {
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
}

.menu02 li a {
float: none;	
padding-top: 20px;
padding-bottom: 20px;
color: #222222;
}

.menu02 li a:hover {
color:  green;
background: none;
}

.menu02 .aktiv {
color: green;
background: none;
}

h1 {
font-size: 150%;
}

h2 {
font-size: 150%;
}

h3 {
font-size: 150%;
}

}