@charset "utf-8";
/*Code by Fio
author url: http//www.vonfio.de
copyright: Creative Commons Attribution-Share Alike 3.0 Unported License
*/
body  {
	font: 15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000;
}


#forma{
border: 0px solid#000000;
max-width: 1000px; 
margin: 0px auto;
}



.table_body{
border: 0px solid#cc0000;
max-width: 1000px; 
text-align: left;
}
input, textarea, select, intutbox {outline:none;}

.inputbox{
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid#cccccc;
height: 40px;
font: 16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000000;

}

input::placeholder {
  color: #c2c2c2;
}



.message{
border-top: none;
border-left: none;
border-right: none;

border-bottom: 1px solid#cccccc;
height: 100px;
font: 16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
outline:none;
}

.kod{
border: 1px solid#cccccc;
text-align: center;
height: 40px;
font: 20px Tahoma, Verdana, Arial, Helvetica, sans-serif;

}


.table_footer{
border: 0px solid#cc0000;
text-align: center;
}


#input-btn{
margin: 25px 0px 0px 0px;
border: 0px solid#000000;
witdh: 130px;

}


.kod:hover,  .inputbox:hover,  .message:hover, .kod:active, .inputbox:active, .message:active,  .kod:focus, .inputbox:focus, .message:focus {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #50dfa9;
}


.table_body{

color: #50dfa9;

}


#input-kod-btn{
border: 0px solid #000000;
margin: 0px auto;
max-width: 450px;
}


#input-kod{
float:left;
border: 0px solid#000000;
padding: 5px 0px 0px 0px;
width: 180px;

}


#inputfield-btn{
margin: 0px 10px 0px 30px;
max-width: 135px;
border: 0px solid#cc0000;
float: left;
}




.btn {
  background: #50dfa9;
color:#ffffff;
  border: 1px solid #50dfa9;
border-radius: 100px ;
  height: 38px;
  width: 125px;
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 38px;
   font-size: 13px;
    font-weight: bold;

  /*Переход*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  
  
  
  /*Тень*/
  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}
.btn:hover {
background: #ffffff;

color:#50dfa9;
 font-size: 13px;
    font-weight: bold;
}