/* form style */
#form_kontakt {
	position:relative; 
	float:right; 
	display: inline; height: 370px;
	background:#333 url() repeat-x;	
	padding:15px 20px; 
	color:#eee;
	width:400px;
	margin:0 auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
} 

/* nested fieldset */
#form_kontakt fieldset {
	border:0;
	margin:0;
	padding:0;

	background:#333333 url(/tools/img/logo-medium.png) no-repeat scroll 215px 40px;	
}

/* typography */
#form_kontakt h3 	{ color:#eee; margin-top:0px; }
#form_kontakt p 	{ text-align:left; font-size:11px; margin-bottom: 20px;}


/* input field */
#form_kontakt input {
	border:1px solid #444;
	background-color:#666;
	padding:5px;
	color:#ddd;
	font-size:12px;
	width:130px;
	
	
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-shadow:1px 1px 1px #000;
}

#form_kontakt input:focus 		{ color:#fff; background-color:#777; }
#form_kontakt input:active 	{ background-color:#888; }


/* button */
#form_kontakt button {
	outline:0;
	border:1px solid #666;	
}


/* error message */
/*.error {
	height:15px;
	background-color: #821d8d;
	font-size:11px;
	border:1px solid #6d27bc;
	padding:4px 10px;
	color:#fff;
	margin-left:-2px;
	

	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}
*/

/* validation error message */
.error {
	background-color:#E8FF6D;
	position:relative;
	display:block;
	padding:4px;
	color: #748a28;
	font-size: 10px;
	-webkit-box-shadow: #000 0 0 12px;
	-moz-box-shadow: #000 0 0 12px;
}

/* nested arrow inside error message. It's 100% CSS. No images. */
.error em {
	border:10px solid;
	border-color:#E8FF6D transparent transparent;
	bottom:-17px;
	display:block;
	height:0;
	left:10px;
	position:absolute;
	width:0;
}





/* field label */
label {
	display:block;
	font-size:11px;
	color:#ccc;
}

#terms label {
	float:left;
}

#terms input {
	margin:0 5px;
}

#form_kontakt textarea#tresc 
{
width: 240px; height:250px;
background: #666; 
border: 0px solid #444; 
color: #fff; 
overflow-y: auto;

scrollbar-face-color: #535353;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #535353;
scrollbar-arrow-color: #8d8d8d;

text-shadow:1px 1px 1px #000; 	
-moz-border-radius:4px;	
-webkit-border-radius:4px;
}

#form_kontakt textarea#tresc:focus {color:#fff; background-color:#777;}
#form_kontakt textarea#tresc:active {background-color:#888;}


#form_kontakt .przycisk_wyslij {position:relative; float:left; clear:both; width:200px; height:25px;}

#submit_but , #reset_but 
{
display:block; 
width:77px; height:22px; 
background: #000 url('../img/wyslij.png') no-repeat; 
float:left; margin-right:10px;
cursor:pointer;
}

.przycisk_wyslij #reset_but  {background: #000 url('../img/wyczysc.png') no-repeat;}
.przycisk_wyslij #reset_but:hover, .przycisk_wyslij #submit_but:hover {background-position: 0px -22px;}