/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */
input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}
input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 160px; height: 150px; padding:5px; }
/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

label {
	float:left;
	margin:1px 10px 5px 0;
	padding:2px 3px;
	text-align:right;
	width:90px;
}

.szer3 { width: 130px; }

input, textarea, select {
	border:1px solid #ddd;
	color: #666;
	float:left;
	font-size: 11px;
	margin:2px 5px;
	padding:1px 3px;
	width:145px;
}

.radioIn { 
	border: none;
	width: 30px; 
}	
textarea.uwagi { width: 400px; } 
 
input.submit, input.reset {
	display: block;
	background-color: #888;
	border: 1px solid #999;
	margin-right: 9px;
	height: 20px;
	float: right;
	font-size: 11px;
	color:#fff;
	text-decoration:none;
	text-align: center;
	cursor: pointer;
	padding-bottom: 2px;
	width: 83px;
}

#buttons { margin: 0px; padding: 0px 70px 0px 0px; }



.button {
	display: inline;
	background-color: #ccc;
	border: 1px solid #666;
	margin-right: 9px;
	height: 20px;
	font-size: 11px;
	color:#fff;
	text-decoration:none;
	text-align: center;
	cursor: pointer;
	padding: 2px 8px;
	width: auto;
}


/*--- formularz mailowy ---*/

.formularz-mailowy form {
	display: table;
	margin: 25px 0px 0px 30px;
	
}
.formularz-mailowy form input.email,.formularz-mailowy input.name,.formularz-mailowy textarea {
	background-color: #fff;
	font-size: 12px;
	float: right;
	margin: 5px 0px;
	padding: 2px;
	width: 260px;
}
.formularz-mailowy form textarea {
	height: 150px;
	font-size: 11px;
}
.formularz-mailowy div#buttons{
	display: block;
	float: right;
	margin-top: 10px;
	height: 30px;
	width: 250px;
}
.formularz-mailowy label {
	display: block;
	font-weight: bold;
	font-size: 11px;
	float: left;
	margin-top: 5px;
	margin-right: 30px;
	text-align: left;
	width: 40px;
}
.formularz-mailowy input.submit {
	display: block;
	background-color: #003399;
	margin-right: 5px;
	height: 20px;
	float: right;
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	border: 0;
	text-decoration:none;
	text-align: center;
	cursor: pointer;
	padding-bottom: 2px;
	width: 85px;
}
.formularz-mailowy input.reset {
	display: block;
	background-color: #a5a5a5;
	margin-right: 5px;
	height: 20px;
	float: right;
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	border: 0;
	margin-right: 1px;
	text-decoration:none;
	text-align: center;
	padding-bottom: 2px;
	cursor: pointer;
	width: 85px;
}