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


body {
width:98%;
font-family: Arial, Helvetica, sans-serif;
font-size:150%;
text-align: center;
}

#header {
min-height: 115px;
max-width:100%;
width:100%;
}

#logo {
min-height:115px;
display: block;
width:100%;
background-image: url('images/logo.jpg');
background-position:left;
}

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

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

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

#menu {
background-color: #000;
width:100%;
max-width:100%;
margin: 0px auto 0px auto;
display: block;
background-color: #000;
float: left;
height:100%;

}

#menu a{
display: block;
width: auto;
padding: 10px 15px 10px 15px;
color: #fff;
font-size: 160%;
text-decoration: none;
height:auto;
}

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

#slide {
margin: 0px;
width:100%;
float:none;
max-width:100%;
min-height: 300px;
background-position: center;
}

#slide2 {
width:100%;
min-height:300px;
background-position: center;
}

#slide3 {
width:100%;
min-height: 300px;
background-position: center;

}

#slide4 {
width:100%;
min-height: 300px;
background-position: center;
}

#slide5 {
width:100%;
min-height: 300px;
background-position: center;
}

#slide6 {
width:100%;
min-height: 300px;
background-position: center;
}

.alap {
min-height: 150px;
width:75%;
max-width:75%;
margin: 0px auto 0px auto;
font-size:180%;
}

.box  {
width: 82%;
min-height: auto;
margin: 2% 2% 2% 2%;
padding: 6% 4% 6% 10%;
border-style: none;
border-width: none;
border-color:none;
background-position: center;
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: 100%;
max-width:100%;
height: auto;
padding: 1% 0px 1% 0px;
display: block;
float: left;
border-top-style: none;
border-top-width: thin;
border-top-color:#777;
background-color:#CCC;
clear:both;
}

.center {
display: block;
width: 90%;
clear: both;
}
.center2 {
display: block;
width:100%;
clear: both;
}

.cim {
margin: 0px auto 0px auto;
padding: 1% 0px 0% 0px;
color: #000;
font-size:120%;
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;
display: block;
margin:  -120px auto 50px auto;
padding-right: 10%;
width: 90%;
max-width:90%;
}

.szovegcim {
font-size:300%;
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:150%;
}

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