* { margin: 0px; padding: 0px; }

	

	body { 

		margin: 0 auto; 

		background: #f5f5f5; 	

		color: #555;	 

		width: 600px; 

				

		/* make reference to the Yanone Kaffeesatz font */

		font-family: 'Yanone Kaffeesatz', arial, sans-serif;

	}

	

	h1 { 

		color: #555; 

		margin: 0 0 20px 0; 

	}	

		

	label {	

		font-size: 20px;

		color: #666; 

	}

	

	form { 

		float: left;

		border: 1px solid #ddd; 

		padding: 30px 40px 20px 40px; 

		margin: 15px 0 0 0;

		width: 92%;

		background: #fff;

				

		/* -- CSS3 - define rounded corners for the form -- */	

		-webkit-border-radius: 10px;

		-moz-border-radius: 10px;

		border-radius: 10px; 		

		

		/* -- CSS3 - create a background graident -- */

		background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF)); 

		background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE); 

		

		/* -- CSS3 - add a drop shadow -- */

		-webkit-box-shadow:0px 0 50px #ccc;

		-moz-box-shadow:0px 0 50px #ccc; 

		box-shadow:0px 0 50px #ccc;		 		

	}	

	

	fieldset { border: none; }

	

	#user-details { 

		float: left;

		width: 230px; 

	}

	

	#user-message { 

		float: right;

		width: 405px;

	}

	

	input, textarea, select { 		

		padding: 8px; 

		margin: 4px 0 4px 0; 

		background: #fff; 

		width: 400px; 

		font-size: 14px; 

		color: #555; 

		border: 1px #ddd solid;

		

		/* -- CSS3 Shadow - create a shadow around each input element -- */ 

		-webkit-box-shadow: 0px 0px 4px #aaa;

		-moz-box-shadow: 0px 0px 4px #aaa; 

		box-shadow: 0px 0px 4px #aaa;

		

		/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		

		-webkit-transition: background 0.3s linear;							

	}
	
	select{
	width:420px;
	}

	

	textarea {		

		width: 390px; 

		height: 175px; 		 		

	}

	

	input:hover, textarea:hover { 

		background: #eee; 

	}

		

	input.submit { 	

		width: 266px; 

		color: #eee; 

		text-transform: uppercase; 

		margin-top: 10px;

		background-color: #18a5cc;

		border: none;

		

		/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */

		-webkit-transition: -webkit-box-shadow 0.3s linear;

		

		/* -- CSS3 - Rounded Corners -- */

		-moz-border-radius: 4px; 

		-webkit-border-radius: 4px;

		border-radius: 4px; 

						

		/* -- CSS3 Shadow - create a shadow around each input element -- */ 

		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 

		background: -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc);		

	} 

	

	input.submit:hover { 		

		-webkit-box-shadow: 0px 0px 20px #555;

		-moz-box-shadow: 0px 0px 20px #aaa; 

		box-shadow: 0px 0px 20px #555;	

		cursor:  pointer; 

	} 
	
	.tabela{
	vertical-align:middle;
	}