body{font-family:Helvetica,Arial,sans-serif;font-size:14px; background-color:white;}

div.slide-up {
  height:180px;
  overflow:hidden;
}
div.slide-up p {
  animation: 20s slide-up linear infinite;
  margin-top:50%;	/*400%*/
}

.om8w {
  /*display: inline;*/
  padding-left: px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  font-family: Arial,Tahoma, Verdana;
  text-decoration: none;
}

.om8w:hover {
  color: #00ffff;
  background-color: #acfffa;
}


@keyframes slide-up {
  from {
    margin-top: 30%; /*0%* ennyinél kezd/
    height: 200%;     /*300%*/
  }

  to {
    margin-top: -500%; /* Ez kell ha 6 kép van (200px széles) gyorsabban kezd elölről*/
    height: 100%;    /*100%*/
  }
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  padding: 0px;
  z-index:100;
}
.sticky_2 {
  position: -webkit-sticky;
  position: sticky;
  top: 25px;
  padding: 0px;
}
#footerfat {
  border-top: 1px solid #777777;
  border-bottom: 1px solid #333333;
  padding: 1px 1px 1px 1px;
  display: block;

  background-color: #555555;
  color: #ffffff;

  max-width: inherit;

  text-shadow: #333333 1px 1px 1px;
}



.pic-container {
  width: 240px;
  height: 180px;
  overflow-y: scroll;
}



.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  
  flex-wrap: wrap; /* ez uj Firefox miatt */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.flex-item {
  background: white;
  padding: 2px;
  width: 250px;
  height: 200px;
  margin-top: 3px;
}
.flex-item2 {
  /*background: black;*/
  padding: 2px;
  width: 190px;
  height: 200px;
  margin-top: 2px;
  color:white;
  text-align:left;
  line-height:22px;
}
.flex-item3 {
 
  padding: 2px;
  width: 200px;
  height: 260px;
  margin-top: 2px;
  color:black;
  text-align:left
}
.wrapper {
  display: flex;  
  flex-flow: row wrap;
  font-weight: bold;
  text-align: center;
}

.wrapper > * {
  padding: 1px;
  flex: 1 100%;
}

@media only screen and (min-width: 350px) {
table {colspan:3;}
.abbay {visibility :hidden;width:1px;}
.main {
  text-align: center;
  background: deepskyblue;
  width:100%;
  height:70px;
font-weight:bold;
}
@media only screen and (min-width: 680px) {
table {colspan:3;}
.abbay {visibility :visible; width:220px;}

.main {
  text-align: center;
  background: deepskyblue;
  width:100%;
  height:70px;
font-weight:bold;
}
}


.nb40 {font-size:40px;color:#005fa3;text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}
.nb20 {font-size:20px; text-align:center; font-weight:bold; height:70px;color:white;text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.k1 {background-color:#bbeeff; margin-left:auto; margin-right:auto;}