/* NAPISTE NAM */
#napiste-nam { background: #ececec; }
#napiste-nam h1 { margin-bottom: 5px; }

#napiste-nam form{ padding: 0px 15px 0px 15px; }
#napiste-nam input, #napiste-nam textarea { font-size: 1.8em; border: solid 1px #fff; width: 100%; margin-bottom: 10px; padding: 15px 15px 15px 15px; box-sizing: border-box; border-radius: 2px; background: #fff; }
#napiste-nam textarea { height: 120px; }
#napiste-nam label { display: block; margin-bottom: 5px; font-size: 14px; }
#napiste-nam input:focus, #napiste-nam textarea:focus { border-color: #74ae4f; }

.form_line { margin-bottom: 15px; padding: 0px 15px 0px 15px; }
.form_submit_line { margin-bottom: 15px; padding: 0px 15px 15px 15px; }
.form_submit_line { text-align: center; }
#napiste-nam .form_submit_line input { background: #74ae4f; color: #fff; width: 100%; padding: 30px 0px 30px 0px; }
#napiste-nam .form_submit_line input:hover { background: #444; cursor: pointer; }

input[type=checkbox] { display: none; }
input[type=checkbox] + label { padding: 10px 20px 10px 40px; background: url('../img/checkbox.gif') left center no-repeat; display: block; }
input[type=checkbox] + label:hover { cursor: pointer; }
input[type=checkbox]:checked + label { background: url('../img/checkbox-checked.gif') left center no-repeat; }

.alert { padding: 0px 15px 0px 15px; margin-bottom: 30px; }
.alert div.red { padding: 10px 15px 10px 15px; font-weight: 700; color: #c00; font-size: 1.8em; background: #f8c4c4;  border-radius: 5px;	}
.alert div.red div { padding: 5px 0px 5px 0px; }

.alert div.green { padding: 15px 15px 15px 15px; font-weight: 700; color: Green; font-size: 1.8em; background: #cff8c4;   border-radius: 5px;	}