/* FŐOLDAL */

#kapunyito-fo, #kapujavitas, #szolgaltatas, #termekeink {
max-width: 100%;
max-height: 300px;
margin: 0 auto 0 auto;
background-color: red;
box-shadow: 3px 3px 3px gray;
color: #fff;


}

#kapunyito-fo h2, #kapujavitas h2, #szolgaltatas h2, #termekeink h2{
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}

#kapujavitas-kedvezmeny ul li {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;

}

.javitas {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color:red;

}

#kaputechnika-szerviz {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color:red;
line-height: 30px;

}
#kiemelt ul li {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color:#000;
line-height: 30px;
}

#kiemelt{
	max-width: 100%;
}

.kiemelt h3 {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  background-color: red;
  font-size: 22px;
}

.doboz {
  position: relative;
  width: 100%;
}

.kep-kezdo {
  display: block;
  width: 100%;
  height: auto;
}

.atfedes {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 50%;
  opacity: 0;
  transition: .2s ease;
  background-color: #FF0000;
}

.doboz:hover .atfedes {
  opacity: 1;
}

.szoveg {
  color: white;
  text-transform:uppercase;
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.szoveg a{
  color: white;
  text-transform:uppercase;
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}