body {font-family: 'Noto Sans', sans-serif; font-size: 1em;}
/*div.formi { width: 90%; margin: 15px 5% 30px 5%;}*/
table#lomake-aimo { width: 100%; font-size: 1em; border: 0;}


td { vertical-align: top;}

#lomake-aimo td { padding: 8px .3%; border-bottom: 1px dotted #ddd; margin: 5px 0;}
td input, td select, td textarea /*{ width: 70%; text-align: left; b}*/
 { font-size: 1em; border:none; background-color: #DDD; padding: 8px 2%; width:94%; color:#222; -moz-border-radius: 7px; 	-webkit-border-radius: 7px; 	border-radius: 7px; margin: 0; }
div.lomake-txt { padding: 8px .3%; border-bottom: 1px dotted #ddd; margin: 5px 0;}








td.lomake-left { width: 30%;}
input#vastaustapa,
input.short,
input#muuttolaatikot,
input#pakkausapu,
input#purkamisapu,
input.tarkistus,
input#loppusiivous { width: 10%; min-width: 50px;}

/*td select { width:400px;}*/
input#muuttolaatikot_lkm { width: 23%; min-width: 50px; margin-left: 3%;}
select#uusi_portaat { width: 120px;}
input#muutto_paiva { width: 50%; margin-left: 3%;}

input.short{}


h3 { font-size: 1.7em; font-family: 'Bangers', cursive; color: #444; line-height: 1.2em; margin: 5px 0; }
/*
input#button { border:none; background-color:#3a5d9d; padding:6px 12px; width:auto; color:#fff; margin-top: 15px;  -moz-border-radius: 7px; 	-webkit-border-radius: 7px; 	border-radius: 7px; font-size: .9em; text-transform: uppercase;  }
input#button:hover { background-color:#333;  }
input#button:active { background-color:#6592af; margin-top: 16px;  }
*/
input#vanha_pintaala, input#uusi_pintaala { width: 10%; min-width: 30px;}
input.low { float:left; width: 50px; height: 20px;}
input.teksti { width: 40% !important; background-color:#f2f2f2;}

td select { width: auto; }
select.paku { font-size: .9em !important; }
input#button { float: right; border:none; display: block; width: 40%; min-width: 250px;  text-align: center; margin: 15px auto; background-color: #555; border-radius: 8px; /*height: 48px;*/ color: #fff; text-decoration: none; font-size: 1.6em; line-height: 1.7em; font-family: 'Bangers', cursive;}
input#button:hover { background-color:#ef4134;  font-size: 1.75em;}


/* uusi lomake */
div#lomake-aimo { width: 100%; font-size: 1em; border: 0;}
div.form-left {width: 28%; float: left; padding: 10px 1%; display:  block; }
div.form-right{width: 68%;  float: left; padding: 10px 1%; display:  block;}
div.form-header {width: 100%; display:  block; clear: both;}
input, select, textarea  { font-size: 1em; border:none; background-color: #DDD; padding: 8px 2%; width:94%; color:#222; -moz-border-radius: 7px; 	-webkit-border-radius: 7px; 	border-radius: 7px; margin: 0; }


div.lomake-txt { padding: 8px .3%; border-bottom: 1px dotted #ddd; margin: 5px 0;}




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

div.form-left { width: 100%; padding: 0 2%;}
div.form-right{ width: 100%; padding: 5px 2%;}
	
	
input#button { float: left; width: 40%; /*min-width: 250px;*/   font-size: 1.2em; }
input#button:hover {  font-size: 1.3em;}
select.paku { font-size: .8em; line-height: 1.5em; }
}