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

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

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

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

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

.alsodoboz a:hover {
transition: 2s;
color: yellow;
}

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

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

.pos {
position: absolute;
bottom: -1px;
}

.atolelem {
width: 100%;
height: 70vh;
}

#slideshow {
width: 100%;
height: auto;
position: relative;
}

.fade {
animation-name: fade;
animation-duration: 0.5s;
}

@keyframes fade {
0% { transform: translateX(100%); }
100% { transform: translateX(0%); }
}

.alsodoboz {
width: 29%;
height: auto;
float: left;
margin-left: 2%;
margin-right: 2%;
line-height: 170%;
color: #f1f1f1;	
}

.doboz {
float: left;
border: solid 1px #c0c0c0;
text-align: center;
width: 22%;
margin-left: 1%;
margin-right: 1%;
}

.gombosszes {
width: 60%;
padding-top: 15px;
padding-bottom: 15px;
border: solid 2px #ffffff;
color: #717171;
text-align: center;
margin-left: 20%;
margin-right: 20%;	
font-weight: bold;
background-image: linear-gradient(#f1f1f1, #c0c0c0);
border-radius: 7px;
}

.gombosszes:hover {
transition: 2s;
background-image: linear-gradient(gray, #222222);
color: #f1f1f1;
}

.menugomb {
width: 60%;
padding-top: 15px;
padding-bottom: 15px;
border: solid 1px #ffffff;
color: #ffffff;
text-align: center;
margin-left: 20%;
margin-right: 20%;	
font-weight: bold;
}

.menugomb:hover {
transition: 2s;
background-color: #ffffff;
color: MediumSeaGreen;	
}

.foto {
width: 100%;
height: auto;
}

.jo {
overflow: hidden;
}

.galeriadoboz {
width: 48%;
float: left;
margin-left: 1%;
margin-right: 1%;
background-color: #ffffff;
color: #717171;
text-align: center;
}

.gombok {
border: solid 1px #717171;
width: 100%;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;	
border-radius: 7px;
background-color: #96c01b;
color: #f1f1f1;
font-weight: bold;
}

.gombok:hover {
transition: 2s;
background-color: #717171;
color: #f1f1f1;	
}

.gomb {
border: solid 1px #717171;
width: 100%;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;	
border-radius: 7px;
}

.gomb:hover {
transition: 2s;
background-color: #717171;
color: #f1f1f1;	
}

.balra {
float: left;
width: 2%;
height: auto;
text-align: center;	
color: #222222;
}

.jobbra {
float: right;
width: 2%;
height: auto;
text-align: center;	
color: #222222;
}

.balhatternek {
float: left;	
width: 48%;
height: auto;
margin-top: 8ch;
}

.jobbhatternek {
float: left;	
width: 48%;
height: auto;
margin-top: 2ch;
}

.nagybetu {
color: #ffffff;
font-size: 330%;
font-weight: bold;
text-align: center;
}

.minden {
background-color: #3d4751;
width: 80%;
margin-left: 10%;
margin-right: 10%;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
font-size: 200%;
font-weight: bold;
color: #ffffff;
border-radius: 7px;
}

.alatta {
text-align: center;
font-size: 120%;
color: #ffffff;
}

.alattakisebb {
text-align: center;
font-size: 90%;
color: #ffffff;
}

.jobbhatternek img {
width: 90%;
}

.szovegbal {
float: left;	
width: 47%;
height: auto;
line-height: 170%;
font-size: 110%;
border-left: solid 5px #96c01b;
padding-left: 20px;
}

.szovegjobb {
float: right;	
width: 47%;
height: auto;
font-size: 160%;
color: #c0c0c0;
}

.menu ul {
list-style-type: none;	
float: right;
font-family: arial;
margin-top: 5px;
padding-top: 25px;
padding-bottom: 15px;
}

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

.menu li a {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 25px;
padding-right: 25px;
color: #717171;
}

.menu li a:hover {
color: MediumSeaGreen;
transition: 2s;
}

.aktiv {
transition: 2s;	
color: MediumSeaGreen;
}

#menu {
width: 100%;
height: auto;
background-color: #ffffff;
border-bottom: solid 1px #96c01b;
}

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

.menu {
float: right;
}

video {
width: 100%;
height: auto;
}

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

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

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

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

#kepek {
width: 100%;
height: auto;	
background-color: #f1f1f1;
border-radius: 10px;
}

#kapcsolat {
width: 100%;
height: auto;
background-color: #3d4751;
}

#lent {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
font-size: 80%;
color: #717171;	
}

h1 {
font-size: 250%;
color: #717171;
margin: 0px;
padding: 0px;	
text-align: center;
}

.csik {
width: 10%;
height: 1px;
margin-left: 45%;
margin-right: 45%;
margin-top: 10px;
margin-bottom: 15px;
border-bottom: solid 1px #96c01b;	
}

.csikmasik {
width: 10%;
height: 1px;
margin-left: 0%;
margin-right: 90%;
margin-top: 10px;
margin-bottom: 30px;
border-bottom: solid 1px #c0c0c0;	
}

.center {
text-align: center;
}

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

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

.padding {
padding: 20px;	
}

.padding10 {
padding: 10px;	
}

.clear {
clear: both;
}

@media screen and (max-width: 1200px) {

}