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


body {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
text-align: center;
}

html {
	margin:0 auto;
	overflow-x:hidden;
}
.animate { /* Makes columns animate when @media css changes */
	-webkit-transition: width 0.2s ease, height 0.2s ease;
	-moz-transition: width 0.2s ease, height 0.2s ease;
	-o-transition: width 0.2s ease, height 0.2s ease;
	-ms-transition: width 0.2s ease, height 0.2s ease;
	transition: width 0.2s ease, height 0.2s ease;
}

#header {
min-height: 110px;
max-width:900px;
margin: 10px auto 10px auto;
}

#logo {
display: block;
margin: 10px auto 0px auto;
width:auto;
min-height: 110px;
background-image: url('images/logo.jpg');
background-position: top center;
background-repeat: no-repeat;
}

.nev {
font-size:120%;
font-style:italic !important;
font-weight:100 !important;
color:#8CC63E;
text-decoration:none;
margin: 0px auto 0px auto;
}

#lang a{
display: block;
width:auto;
margin-top: -25px;
padding: 8px 10px 7px 10px;
float: right;
background-color: #fff;
font-size:85%;
color: #000;
text-decoration: none;
}

#lang a:hover{
background-color: #8CC63E;
color: #fff;
}

#menu {
background-color: #000;
max-width:900px;
margin: 10px auto 0px auto;
display: block;
height:40px;
}

#menu a{
display: block;
width: auto;
padding: 10px 15px 10px 15px;
float: left;
color: #fff;
text-decoration: none;
height:auto;

}

#menu a:hover {
background-color: #fff;
color: #000;
height:34px;
}

#kapcsolat {
float: right !important;
}


#slide {
min-height: 283px;
margin: 5px auto 20px auto;
display:block;
background-image: url('images/slit.jpg');
background-position: top center;
background-repeat: no-repeat;
z-index: -200;

}

#slide2 {
min-height: 283px;
margin: 5px auto 20px auto;
display:block;
background-image: url('images/slit2.jpg');
background-position: top center;
background-repeat: no-repeat;
z-index: -200;

}

#slide3 {
min-height: 283px;
margin: 5px auto 20px auto;
display:block;
background-image: url('images/slit3.jpg');
background-position: top center;
background-repeat: no-repeat;
z-index: -200;

}

#slide4 {
min-height: 283px;
margin: 5px auto 20px auto;
display:block;
background-image: url('images/slit4.jpg');
background-position: top center;
background-repeat: no-repeat;
z-index: -200;

}

#slide5 {
min-height: 283px;
margin: 5px auto 20px auto;
display:block;
background-image: url('images/slit5.jpg');
background-position: top center;
background-repeat: no-repeat;
z-index: -200;

}


#slide6 {
min-height: 283px;
margin: 5px auto 20px auto;
display:block;
background-image: url('images/slit6.jpg');
background-position: top center;
background-repeat: no-repeat;
z-index: -200;

}

.alap {
min-height: 20px;
width:75%;
max-width:510px;
margin: -190px auto;
}

.box  {
display:block;
float: left;
height:auto;
width: 29%;
margin: 0 2% 2% 2%;
padding-top: 240px;
background-color: #fff;
background-position: top;
background-repeat: no-repeat;
text-decoration: none;
color: #000;
}


#karbantartas {
background-image: url('images/karban.jpg');

}

#vezerles {
background-image: url('images/vezerles.jpg');
}

#energia {
background-image: url('images/energia.jpg');
}

#lenia {
display: auto;
margin:  auto;
border-top-style:dotted;
border-top-width:thin;
border-top-color:#777;
max-width: 900px;
height: 28px;
position:relative;
clear: both;
}

.center {
display: flex;
margin: 10px auto 10px auto;
max-width: 900px;
clear: both;
}

.center2 {
display: flex;
margin: 10px auto 10px auto;
width: 800px;
clear: both;
}

.cim {
margin: 0px auto 0px auto;
color: #000;
font-size:90%;
float:left;
}

.cim a{
text-decoration:none;
color: #8CC63E;
}

.bulet {
width:5px;
height:5px;
background-color:#8CC63E;
float:left;
margin: 6px 10px 0px 10px;/* For IE8 and earlier */
}

#head {
text-align:right !important;
display: block;
margin:  -80px auto 50px auto;
padding-right: 10px;
max-width: 890px;
}

.szovegcim {
font-size:45px;
font-weight:100 !important;
color:#FFF;
text-decoration:none;
text-shadow:5px 5px 10px black;
margin: 0px auto 0px auto;
}

.szovegcim2 {
font-size:45px;
font-weight:100 !important;
color:#000;
text-decoration:none;
text-shadow:5px 5px 10px black;
margin: 0px auto 0px auto;
}

.kenyer {
text-align:justify !important;
margin-left: 10px;
margin-right: 10px;
width: 100%;
}

.kenyer2 {
text-align:left !important;
float: none;
padding:  0px 20px 0px 20px;
width: 100%;
}