/* forms in page */

form { margin: 0; text-indent: 0; word-spacing: 0; }

#form-area { margin: 0; padding: 0 0 10px 10px; text-align: justify; font-weight: normal; font-size: 11px; }

/* margin: 0; padding: 0; */
#form-area span { font-size: 12px; color: #000; }
#form-area span a { text-decoration: underline; color: #64acc4; }
#form-area span a:hover { text-decoration: none; color: #6fa006; }

#form-area label { float: left; width: 115px; padding-right: 20px; text-align: left; color: #2570a9; }

#form-area input { 
	display: block; float: left; width: 180px; height: 20px; margin-bottom: 10px; padding-left: 24px; border: 1px solid #dcdcdc;
	background: #d7e0e5; font-size: 11px;
}

#form-area input.name { background: #d7e0e5 url("../img/reparatii-utilaje-industriale/form/field-name.gif") no-repeat 4px 2px; }
#form-area input.email { background: #d7e0e5 url("../img/reparatii-utilaje-industriale/form/field-email.gif") no-repeat 4px 2px; }
#form-area input.phone { background: #d7e0e5 url("../img/reparatii-utilaje-industriale/form/field-phone.gif") no-repeat 4px 2px; }
#form-area input.code { background: #d7e0e5 url("../img/reparatii-utilaje-industriale/form/field-code.gif") no-repeat 4px 2px; }

#form-area input.button { height: 25px; margin: 0; background: #5081b4; color: #fff; }
#form-area input.submit { width: 75px; text-align: center; }
#form-area input.reset  { width: 140px; margin-left: 10px; text-align: center; }

#form-area textarea { 
	display: block; float: left; width: 320px; height: 100px; margin-bottom: 10px; padding-left: 24px;
	border: 1px solid #dcdcdc; background: #d4e6ec; font: 11px "Trebuchet", Tahoma;
}
#form-area textarea.message { background: #d4e6ec url("../img/reparatii-utilaje-industriale/form/field-message.gif") no-repeat 4px 2px; }

#form-area br { clear: left; }

/* form messages */
.error { display: block; text-align: center; font-weight: bold; font-size: 12px; color: #d53030; }
.msgOK { display: block; text-align: center; font-weight: bold; font-size: 12px; color: #3eb523; }