textarea#megj {
	color: #344a5f;
	font-size: 1.1em;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 12px;
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#ouibounce-xxx {
  font-family: 'Open Sans', sans-serif;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

#ouibounce-xxx .underlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  cursor: pointer;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}
#ouibounce-xxx .xxx {		/* az ablak tulajdonságai */
  width: 600px;
  height: 430px;
  border: 1px solid #344a5f;

  background-color: #f0f1f2;
  z-index: 1;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  -webkit-animation: popin 0.3s;
  animation: popin .6s;			/* ennyi idő alatt alakul ki  popup ablak */
}
#ouibounce-xxx .xxx-title {		/* fejléc */
  font-size: 18px;
  background-color: #f0f1f2;		/* #252525; */
  color: #252525;			/* #fff; */
  padding: 5px;
  margin: 0;
  border-radius: 4px 4px 0 0;
  text-align: center;
}

#ouibounce-xxx h3 {
  color: #252525;			/* #fff; */
  font-size: 1em;
  margin: 0.2em;
  text-transform: uppercase;
  font-weight: 500;
}
#ouibounce-xxx .xxx-body {		/*  tulajdonságai */
  padding: 20px 35px;
  font-size: 1em;
}

#ouibounce-xxx p {
  color: red;
}
#ouibounce-xxx form {
  text-align: center;
  margin-top: 0px;		/* eredeti: 35, az input mező feletti margó */
}
#ouibounce-xxx form input[type=text] {	/* az input mezőben levő betűk */
  padding: 3px 12px 3px 12px;
  font-size: 1.0em;
  color: #333333;
  width: 300px;
  border-radius: 4px;
  border: 1px solid #ccc;
  -webkit-font-smoothing: antialiased;

	transition: all 0.30s ease-in-out;
 	outline:none;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid rgba(0, 0, 0, 0.55);
    background-color: #fff;
    font-size: 0.875em;
    padding: 0.5em;
}
 
#ouibounce-xxx form input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
    background: #fafafa;
    border-color: #999;
    outline: none;
    font-size: 0.875em;
}

#ouibounce-xxx form textarea[type=text] {	/*  */
  padding: 112px;
  font-size: 1.2em;
  width: 30px;
  border-radius: 4px;
  border: 11px solid #ccc;
  -webkit-font-smoothing: antialiased;
}

#ouibounce-xxx form input[type=submit] {
  text-transform: uppercase;
  font-weight: bold;
  padding: 12px;
  font-size: 1.1em;
  border-radius: 4px;
  color: #fff;
  background-color: #4ab471;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}
#ouibounce-xxx form p {
  text-align: left;
  margin-left: 35px;
  opacity: 0.8;
  margin-top: 1px;
  padding-top: 1px;
  font-size: 10.9em;
}

#ouibounce-xxx .xxx-footer {		/*az ablak lábléce */
  background-color: #232323;
  padding: 10px;
  margin: 0;
  border-radius: 0px 0px 4px 4px;
  text-align: center;
  text-transform: uppercase;

}

#ouibounce-xxx .form {		
  background-color: #232323;
  padding: 110px;
  margin: 0;
  border-radius: 0px 0px 4px 4px;
  text-align: center;
  text-transform: uppercase;

}


#ouibounce-xxx .xxx-footer p {		/*az ablak láblécében a szöveg */
  font-size: 17px;
  color: #fff;
  cursor: pointer;
  display: inline;
  border-bottom: 1px solid #344a5f;
}


@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes popin {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-ms-keyframes popin {
  0% {
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes popin {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}