@font-face {

  font-family: 'Yanone Kaffeesatz';

  font-style: normal;

  font-weight: 400;

  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(http://www.komaszerviz.hu/new/fonts/Yanone_Kaffeesatz.ttf) format('truetype');

}

.button {

  margin: 40px;

  font-size: 72px;

  font-family: 'Yanone Kaffeesatz', Arial, sans-serif;

  text-decoration: none;

  text-shadow: 1px 1px 0px #fff;

  font-weight: 400;

  color: #666;

  border: 1px solid #ccc;

  cursor: pointer;

  padding: 20px 70px 30px;

  position: relative;

  top: 50px;

  left: 30%;

  background: #eee;

  box-shadow: 1px 1px 1px #fff;

  -moz-box-shadow: 1px 1px 1px #fff;

  -webkit-box-shadow: 1px 1px 1px #fff;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  -moz-transition: all 0.5s ease-out;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.button:hover {

  color: #333;

  background: #eeffff;

  -moz-transition: all 0.5s ease-out;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.modalbg {

  position: fixed;

  font-family: Arial, Helvetica, sans-serif;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: rgba(0, 0, 0, 0);

  z-index: 99999;

  -moz-transition: all 2s ease-out;

  -webkit-transition: all 2s ease-out;

  -o-transition: all 2s ease-out;

  transition: all 2s ease-out;

  -webkit-transition-delay: 0.2s;

  -moz-transition-delay: 0.2s;

  -o-transition-delay: 0.2s;

  -transition-delay: 0.2s;

  display: block;

  pointer-events: none;

}

.modalbg .dialog {

  width: 400px;

  position: relative;

  top: -1000px;

  margin: 10% auto;

  padding: 5px 20px 13px 20px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  background: url(http://www.komaszerviz.hu/new/images/contact.jpg);


  box-shadow: 0 0 10px #000;

  -moz-box-shadow: 0 0 10px #000;

  -webkit-box-shadow: 0 0 10px #000;

}

.modalbg .dialog .ie7 {

  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3);

}

.modalbg:target {

  display: block;

  pointer-events: auto;

  background: rgba(0, 0, 0, 0);

  -moz-transition: all 0.5s ease-out;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.modalbg:target .dialog {

  top: -90px;

  -moz-transition: all 0.8s ease-out;

  -webkit-transition: all 0.8s ease-out;

  -o-transition: all 0.8s ease-out;

  transition: all 0.8s ease-out;

  -webkit-transition-delay: 0.4s;

  -moz-transition-delay: 0.4s;

  -o-transition-delay: 0.4s;

  -transition-delay: 0.4s;

}

.close {

  background: #606061;

  color: #FFFFFF;

  line-height: 25px;

  position: absolute;

  right: -12px;

  text-align: center;

  top: -10px;

  width: 24px;

  text-decoration: none;

  font-weight: bold;

  -webkit-border-radius: 12px;

  -moz-border-radius: 12px;

  border-radius: 12px;

  box-shadow: 0 0 10px #000;

  -moz-box-shadow: 0 0 10px #000;

  -webkit-box-shadow: 0 0 10px #000;

  -moz-transition: all 0.5s ease-out;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  -webkit-transition-delay: 0.2s;

  -moz-transition-delay: 0.2s;

  -o-transition-delay: 0.2s;

  -transition-delay: 0.2s;

}

.close .ie7 {

  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3);

}

.close:hover {

  background: #00d9ff;

  -moz-transition: all 0.5s ease-out;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



a.popup {

  color: #333;

  text-decoration: none;

}

.koma_textbox {
	background: #00d9ff;
	font-color: #FFFFFF
			
	
}
.textarea {ackground: #00d9ff
	
}