@font-face {
  font-family: 'Skoda Pro';
  src: url("fonts/SkodaPro_Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal; }


#next {display: none}
.quest {
	font-size: 14px;
	font-style: italic;
}

body {
	padding: 0;
	margin: 0;
	font-family: 'Skoda Pro', arial, sans-serif;
}

h2 {
	color:#3baa35;
}

.header {
	width: 630px;
	margin: 0 auto;

}

.container {
	width: 630px;
	margin: 0 auto;
	padding:20px;
	box-sizing: border-box;
	padding-top: 20px;
}

textarea {width: 100%;}

.error {
	margin-top: 50px;
	font-size: 25px;
	color:#ed0000;
	text-align: center;
}
table {
	border-collapse: 
	border-collapse : collapse;
}

th {
font-family: 'Skoda Pro', arial, sans-serif;
border: thin solid #eeeeee!important;
padding: 5px;
background: #000;
}
td {
font-family: sans-serif;
border: thin solid #eeeeee!important;

padding: 5px;
text-align: center;
background-color: #dedede;
color:#000;
;
}

#nextbt {
	background: url(suite.gif) no-repeat;
	display: block;
	width: 109px;
	height: 37px;
	text-indent: -1000em;
	border:0 none;
	cursor:pointer;
}

#send {
	background: #3baa35;
    color: #ffffff;
    width: 109px;
    height: 37px;
    border: 0 none;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
}


@media only screen and (max-width:480px) {

  .container, .header {
 	width: 100%;
 }
}