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


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


#header {
min-height: 70px;
width:100%;
margin: 2px auto 2px 2px;
}

#logo {
min-height: 70px;
display: block;
margin: 6px auto 8px 0px;
width:300px;
background-image: url('images/logo.jpg');
background-position:left;
background-size: 60%;
}

.nev {
font-size:75%;
font-style:italic !important;
color:#8CC63E;
text-align:left;
text-decoration:none;
margin: 0px auto 0px 6px;
}

#lang a{
display: block;
width:20px;
margin: -35px 5px 7px 5px;
float: right;
background-color: #fff;
color: #000;
text-decoration: none;
font-size:120%;
}

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

#menu {
background-color: #000;
width:100%;
height:100%;
font-size: 120%;
}

#menu a{
width: 92%;
background-color: #000;
padding: 2% 4% 2% 4%;
color: #fff;
text-decoration: none;
text-align:right;
height:auto;
}

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


#slide {
min-height: 125px;
background-size: 350%;
margin: 10% auto 0px auto;
}

#slide2 {
min-height: 125px;
background-size: 350%;
margin: 10% auto 0px auto;
}

#slide3 {
min-height: 125px;
background-size: 350%;
margin: 10% auto 0px auto;
}

#slide4 {
min-height: 125px;
background-size: 350%;
margin: 10% auto 0px auto;
}

#slide5 {
min-height: 125px;
background-size: 350%;
margin: 10% auto 0px auto;
}

#slide6 {
min-height: 125px;
background-size: 350%;
margin: 10% auto 0px auto;
}

.alap {
min-height: 20px;
width:90%;
margin: 0px auto 20% auto;
font-size:150%;
}

.box  {
width: 88%;
min-height: 2px;
margin: 2% auto 2% auto;
padding: 6% 4% 6% 10%;
border-style: none;
border-width: none;
border-color:#fff;
background-position: left;
color: #FFF;
text-shadow: 2px 2px 4px black;
background-size: 100%;
text-align: right;
}

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

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

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

#lenia {
width: auto;
height: auto;
margin: 15% auto 0px auto;
padding: 1% 0px 1% 0px;
display: block;
margin:  auto;
border-top-style: none;
border-top-width: thin;
border-top-color:#777;
background-color:#CCC;
clear:both;
}

.center {
display: block;
margin: 4% auto 4% auto;
width: auto;
clear: both;
}
.center2 {
display: block;
margin: 4% auto 4% auto;
width: auto;
clear: both;
}


.cim {
margin: 0px auto 0px auto;
padding: 1% 0px 1% 0px;
color: #000;
font-size:100%;
float: none;
}

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

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

#head {
text-align:right !important;
margin:  -40px auto 30px auto;
padding-right: 4%;
width: auto;
}

.szovegcim {
font-size:180%;
font-weight:100 !important;
color:#FFF;
text-decoration:none;
margin: 0px auto 0px auto;
}

.kenyer {
text-align:justify !important;
float: none !important;
padding: 0px 6% 0px 6%;
margin:  0px auto  0px auto;
width: 88%;
font-size:100%;
}

.kenyer2 {
text-align:left !important;
padding: 0px 6% 0px 6%;
width: 88%;
font-size:100%;
}