
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	

	
/* Hides the whole contact form until needed */	
#contactForm {
	padding: 7px 19px;
	color:#fff;
	/*display:none;*/
}   

#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding:6px 30px 6px 0; text-align:center; 
	color:#FF0000; float:right; 
	}
/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
label { color:#999999; padding-left:5px}

#kontakeres , #kontakeres_archi { float:right !important; margin:30px 10px 10px; display:none }
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

.Pakiet { padding: 15px; border: 2px dotted #b1b1c1; color:#444; width: 250px; float: right; margin: 30px 140px 15px 0}

/* This hides the form validation alert messages until needed */

	
/* Some styling for the contact button */

			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	

	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	


#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d;
	width:130px;
	font-weight:bold; 
	padding:7px 16px; 
	height:37px;  
	cursor:pointer; 
	float:right; margin:5px 20px 20px
	
	}
#contactForm .submit:active {background:#cacaca; }



