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

body {
font-family: arial;
font-size: 100%;
color: #333333;
background-color: #ffffff;
}

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

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

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

#alsoresz a:hover {
transition: 2s;	
color: yellow;
}

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

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

.valaminek {
background-color: orange;
padding-top: 15px;
padding-bottom: 15px;
width: 30%;
border-radius: 10px;	
text-align: center;
}

.valaminek:hover {
transition: 1s;
background-color: #f1f1f1;
}

.aloldalhoz {
width: 100%;
height: auto;	
background-color: #333333;
background-image: url(../fotok/belsohatternekezt.jpg);
background-position: top center;
background-repeat: no-repeat;
}

.kat {
border-radius: 10px;
border: solid 1px #c0c0c0;
font-size: 120%;
line-height: 170%;
margin-bottom: 20px;
}

.el {
width: 100%;
height: 1px;
border-bottom: solid 1px #c0c0c0;
margin-top: 15px;
margin-bottom: 15px;	
}

.kepben {
max-width: 40%;
height: auto;
margin-bottom: 20px;
}

ul {
list-style-type: none;	
}

li {
padding-top: 35px;
float: left;
}

li a {
color: #333333;	
padding-left: 40px;
padding-right: 40px;
padding-top: 15px;
padding-bottom: 15px;
margin-left: 2px;
margin-right: 2px;
font-weight: bold;
}

li a:hover {
transition: 1s;
color: #222222;	
background-color: #f1f1f1;
border-radius: 10px;
}

.aktiv {
color: #222222;	
background-color: #f1f1f1;
border-radius: 10px;
}

.al {
float: left;
height: auto;
}

.alsodoboz02 a {
display: block;
line-height: 170%;
}

.alsodoboz02 .aktiv {
color: yellow;	
background: none;
border-radius: 0px;
}

.lenticsik {
width: 40px;
margin-right: 95%;
height: 1px;
border-bottom: solid 1px #ffffff;
margin-top: 15px;
}

.padding10 {
padding: 10px;	
}

.hirdetesekdoboz {
float: left;
margin-left: 2%;
margin-right: 2%;
height: auto;	
width: 26%;
background-color: #ffffff;
margin-bottom: 30px;
}

.hirdetesekdoboz:hover {
transition: 2s;
box-shadow: 5px 5px 4px #c0c0c0;	
}

.kategoriadoboz {
border: solid 1px #c0c0c0;
width: 47%;
height: auto;
margin-bottom: 30px;	
float: left;
margin-left: 1%;
margin-right: 1%;
border-radius: 10px;
}

.kategoriadoboz:hover {
transition: 1s;
background-color: #222222;
color: #ffffff;
}

.baloldal img {
width: 25%;
height: auto;
}

.baloldal {
float: left;
}

.jobboldal {
float: left;
padding-top: 30px;
padding-bottom: 30px;
padding-right: 5px;
text-align: center;	
font-weight: bold;
font-size: 75%;
}

.kategoriagomb {
width: 25%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 5px;
color: #ffffff;
font-weight: bold;
text-align: center;
background-color: #46b475;
float: left;
margin-right: 2%;
margin-left: 24%;
}

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

.kapcsolatgomb {
width: 25%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 5px;
color: #222222;
font-weight: bold;
text-align: center;
background-color: white;
float: left;
margin-right: 24%;	
}

.kapcsolatgomb:hover {
transition: 2s;
background-color: #c0c0c0;	
}

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

.menu {
float: right;
}

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

#menu {
width: 100%;
height: auto;	
padding-top: 15px;
padding-bottom: 15px;
}

#at {
width: 100%;
height: auto;	
background-color: #333333;
background-image: url(../fotok/hatter.jpg);
background-position: top center;
background-repeat: no-repeat;
}

#hatter {
width: 50%;
height: auto;
line-height: 190%;
float: left;
}

#hatter02 {
float: right;
width: 50%;	
height: auto;
overflow: hidden;
}

#szoveghatter {
width: 100%;
height: auto;
background-color: #f4f5f0;
background-image: url(../fotok/hatternek.png);
background-position: top center;
background-repeat: no-repeat;
line-height: 160%;
color: #222222;
font-size: 120%;
}

.keres {
width: 100%;
height: auto;
margin-top: 40px;
margin-bottom: 40px;
margin-left: 15%;
margin-right: 15%;
}

.keres input {
padding: 20px;
width: 55%;
height: auto;
background-color: #ffffff;
border-radius: 6px 0px 0px 6px;	
float: left;
}

.dejo input {
padding: 20px;
width: 15%;
height: auto;
background-color: #f9a61a;
color: #ffffff;
border-radius: 0px 6px 6px 0px;
font-weight: bold;
float: left;
}

.dejo input:hover {
transition: 2s;
background-color: #f1f1f1;
color: #222222;
}

.szoveg {
width: 100%;
text-align: center;
padding-top: 10%;
font-size: 200%;
color: #ffffff;
}

.vonal {
margin-left: 45%;
margin-right: 45%;
width: 10%;
height: 1px;
border-bottom: solid 1px #ffffff;
margin-top: 15px;
margin-bottom: 40px;
}

.vonal02 {
margin-left: 47%;
margin-right: 47%;
width: 6%;
height: 1px;
border-bottom: solid 1px #222222;
margin-top: 15px;
margin-bottom: 40px;
}

.kisszoveg {
width: 100%;
text-align: center;
font-size: 130%;
color: #ffffff;	
}

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

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

.kategoriatovabb {
background-color: green;
width: 36%;
margin-left: 32%;
margin-right: 32%;
border-radius: 10px;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
font-weight: bold;
color: #ffffff;
}

.kategoriatovabb:hover {
transition: 1s;
background-color: gray;	
}

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

.alsodoboz {
width: 26%;
float: left;
height: auto;
margin-right: 4%;	
line-height: 170%;
}

.alsodoboz02 {
width: 20%;
float: left;
margin-right: 4%;	
height: auto;
}

.alsodoboz03 {
width: 15%;
float: left;
height: auto;
line-height: 170%;
}

.emailcim {
width: 60%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
background-color: #333333;
color: #ffffff;
font-weight: bold;
border-radius: 10px;
margin-bottom: 20px;
border: solid 1px #ffffff;	
}

.emailcim:hover {
transition: 2s;
background-color: #ffffff;
color: #222222;	
}

.telefonszam {
width: 60%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
background-color: #333333;
color: #ffffff;
font-weight: bold;
border-radius: 10px;
margin-bottom: 20px;
border: solid 1px #ffffff;	
}

.telefonszam:hover {
transition: 2s;
background-color: #ffffff;
color: #222222;	
}

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

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

#email {
width: 90%;
height: 40px;
border: solid 1px #c0c0c0;
border-radius: 8px;	
margin-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}

#nev {
width: 90%;
height: 40px;
border: solid 1px #c0c0c0;
border-radius: 8px;	
margin-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}

#telefonszam {
width: 90%;
height: 40px;
border: solid 1px #c0c0c0;
border-radius: 8px;	
margin-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}

.check input {
width: 15px;
}

#cookie {
width: 25%;
position: fixed;
left: 20px;
bottom: 20px;
background-color: #012f2d;
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;
}

.szoveg60 {
font-size: 300%;
color: #1a1a1a;
}

.rajta {
width: 50%;
height: 35px;
padding-top: 15px;
padding-bottom: 10px;
border: solid 1px #c0c0c0;
background-color: #ffffff;
border-radius: 10px;
color: #121212;
text-align: center;	
font-weight: bold;
}

.rajta:hover {
transition: 2s;
background-color: #333333;
color: #ffffff;	
}

.check input {
width: 15px;
}

#uzenet {
width: 90%;
height: 250px;
padding: 15px;
border-radius: 10px;
border: solid 1px #c0c0c0;	
}

.keret02 {
margin-left: 5%;
margin-right: 5%;
}

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

.padding {
padding: 20px;
}

.center {
text-align: center;
}

.clear {
clear: both;
}

.aloldalhoz h1 {
font-size: 180%;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: center;
color: #ffffff;
}

h1 {
font-size: 180%;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: center;
color: #222222;
}

.bong {
display: none;
}

.menu02 {
display: none;
}

.feh {
width: 70%;
height: 1px;
border-bottom: dashed 1px #ffffff;
margin-bottom: 20px;
margin-top: 20px;
}

@media screen and (max-width: 1200px) {
	
.logo {
width: 70%;
margin-right: 5%;
text-align: center;	
}

.menu {
display: none;
}

.menu02 {
float: none;
width: 350%;	
background-color: #f1f1f1;
display: none;
position: absolute;
left: -250%;
z-index: 999;
border-radius: 10px;
opacity: 0.9;
border: solid 5px #222222;
}

.bong {
display: block;
float: left;
width: 15%;
margin-top: 40px;
margin-right: 5%;
position: relative;
}

.hirdetesekdoboz {
float: none;
width: 100%;
}

.kategoriadoboz {
float: none;
width: 100%;
}

.baloldal {
float: none;
width: 100%;
text-align: center;
}

.jobboldal {
float: none;
width: 100%;	
}

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

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

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

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

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

.keret02 {
margin-left: 2%;
margin-right: 2%;
}

#hatter {
float: none;
width: 100%;
margin-bottom: 30px;
}

#hatter02 {
float: none;
width: 100%;
margin-bottom: 30px;
}

ul li {
width: 100%;
float: none;
padding-top: 20px;
padding-bottom: 20px;
background: none;
text-align: center;
padding-left: 0px;
}

ul li a:hover {
background: none;
color: green;	
}

#cookie {
width: 50%;
}

.keres input {
width: 45%;
}

.dejo input {
width: 20%;
}

.valaminek {
width: 100%;
}

.al {
display: none;
}

}