@charset "utf-8";

/**                   	{ margin:0; padding:0; outline:none; }
body                	{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif;
                      	background: #009FAA url(../images/body_bg.png) repeat-x;
												margin-top:40px; }
*/
#contact_form{ 
width:300px; margin:0 auto; height:200px; padding:10px 0;position:relative; 
}
form fieldset{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1.2em;
	margin:0px 0px 20px 0px;
	width:300px;
	position:relative;
	border:0;
	display:block;
	padding: 0px 10px 8px;
}
form fieldset legend{ border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px;margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; 
}
label{
	font-size:12px;
	display:block;
	float:left;
	text-align:right;
	margin:.1em .1em 0 0;
	color:#439FD4;
	font-weight:bold;
	padding:8px 0px;
}
label.error{ font-weight:normal;color:red;text-align:left;width:140px; padding-left:25px;
 background: transparent url(../sliki/cancel.png) no-repeat scroll left; }
input.text-input	{
	margin:4px;
	padding:2px 0;
	color:#069;
	font-weight: bold;
	border:#439FD4 2px solid;
	line-height:normal;
}
textarea.text-area	{
	margin:4px;
	padding:2px 0;
	color:#069;
	font-weight: bold;
	border:#439FD4 2px solid;
	line-height:normal;
}

/*label#name_label      { position:absolute; top:0; left:0; }
input#name            { position:absolute; top:0; left:100px; }
label#name_error      { position:absolute; top:22px; left:100px; }*/

label#email_label     { position:absolute; top:0; left:0; }
input#email           { 
	position:absolute; 
	top:0px;
	left:100px; 
	margin:4px;
	padding:2px 0;
	color:#069;
	font-weight: bold;
	border:#439FD4 2px solid;
	line-height:normal;
}
label#email_error      { position:absolute; top:22px; left:100px; }

label#phone_label     { position:absolute; top:45px; left:0px; }
input#phone           { position:absolute; top:45px; left:100px; }
label#phone_error      { position:absolute; top:67px; left:100px; }

label#poraka_label     { position:absolute; top:90px; left:0px; }
textarea#poraka           { position:absolute; top:90px; left:100px; }
label#poraka_error      { position:absolute; top:195px; left:100px; }

input.button{
	position:absolute;
	top:205px;
	left:120px;
	padding:3px 6px;
	border:2px solid #439FD4;
	margin:15px 0px 0px 0px;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#439FD4;
	-moz-border-radius:3px;
	cursor:pointer;
	width:25%;
}

input.button:hover		{ background:#009FAA none repeat scroll 0% 0%; color:white; }
#message							{ width:180px;margin:60px 0 0 100px; }
#message h2						{ font-size:150%;color:#439FD4; }
#message p						{ color:#439FD4;font-weight:bold;margin:6px 0px; }
#checkmark						{ position:relative;top:-46px;left:-100px; }
.form-div label.error {
  width: 250px;
  display: block;
  float: left;
  color: red;
  padding-left: 10px;
}