@charset "utf-8";
/* CSS Document */

	h4 { 
		color:#00F ;
		margin: 0 0 20px 0;
		font-family:Arial, Helvetica, sans-serif;
		margin:10px;


	}	
	
		h5 { 
		color:#F00;
		margin: 0 0 20px 0;
		font-family:Arial, Helvetica, sans-serif;
		margin:9px;


	}	
		
	label {	
		font-size: 13px;
		color:#000
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold; 
	}
	

	
	
	
	form { 
		float: left;
		
	width:800px;
	height:500px;
		margin-top: 30px;
		margin-left:100px;

		background-image:url(imagenes/caja-texto.png);
				
		/* -- CSS3 - define rounded corners for the form -- */	
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px; 		
		
		
		/* -- CSS3 - add a drop shadow -- */
		-webkit-box-shadow:0px 0 25px #ccc;
		-moz-box-shadow:0px 0 25px #ccc; 
		box-shadow:0px 0 25px #ccc;		

	}	
	
	fieldset{border: none;}
	
	#user-details { 
		float: left;
		width: 250px;
		
	}
	
	#user-message { 
	margin-left:40px;
float: left;
		width: 250px;
	}
	
	input { 		

margin-bottom:8px;	
		width: 240px;
		height:20px;

		color:#000 ;

		
		
				font-size: 10px; 
		color: #555; 
		border: 0.2px #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;	
						
	}
	

	
	input:hover { 
				background: #eee; 
		
	}
		

	
	
	.submit{ 	

		width: 100px;
		height:30px;
		color: #333; 
		text-transform: uppercase; 
		margin-top: 10px;
		margin-left:0px;	
		background-color: #FC3;
		border: none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		
		/* -- 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;

	} 
	
	.reset{
	
		width: 100px;
		height:30px;
		color: #333; 
		text-transform: uppercase; 
		margin-top: 10px;
		margin-left:0px;	
		background-color: #FC3;
		border: none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		
		/* -- 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;
		float:right;
		margin-top:-50px;
	
	
	}
	
	
	input.submit:hover { 		
		-webkit-box-shadow: 0px 0px 15px #333;
		-moz-box-shadow: 0px 0px 15px #333; 
		box-shadow: 0px 0px 15px #333;	
		cursor:  pointer; 
	}