
.google-maps{padding-bottom:130px;height:250px;width:100%;}
.google-maps iframe{position:absolute;top:400;left:0;width:100%!important;} 

    .fcontacto {width: 100%; margin: 0 auto; font-family: 'Roboto';}

	.fcontacto h1 { 
		color: #555; 
		margin: 30px 0 0 50px;
		font-size: 20px;
		font-weight:300;
	}	
		
	.fcontacto label {	
		color:#0473a2; font-weight:300; font-size:18px;
	}
	
	.fcontacto form { 
		float: left;
		padding: 10px 40px 20px 90px; 
		margin: 20px auto 0 auto;
		width: 100%;
	 		
	}	
	
	fieldset { border: none; color:#0473a2;font-weight:300;font-size:19px }
	
	#user-details { 
		float: left;
		max-width: 350px;
		width:100%;
		
	}
	
	#user-message { 
		float: left;
		max-width: 600px;
		min-width: 300px;
		width:100%;
	}
	
	.fcontacto input, .fcontacto textarea { 		
		padding: 8px; 
		margin: 4px 0 20px 0; 
		background: #fff; 
		width: 270px; 
		font-size: 14px; 
		color: #555; 
		border: 1px #ddd solid;
		
		/* -- CSS3 Shadow - create a shadow around each input element -- */ 
		-webkit-box-shadow: 0px 0px 3px #aaa;
		-moz-box-shadow: 0px 0px 3px #aaa; 
		box-shadow: 0px 0px 3px #aaa;
		
		/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
		-webkit-transition: background 0.3s linear;							
	}
	
	.fcontacto textarea {		
		max-width: 600px;
		min-width: 300px;
		width:100%;
		height: 197px; 		 		
	}
	
	.fcontacto input:hover, .fcontacto textarea:hover { 
		background: #eee; 
	}
		
	.fcontacto input.submit { 	
		width: 270px; 
		color: #eee; 
		text-transform: capitalize; 
		margin-top: 10px;
		background-color: #cb0e5e;
		border: none;
		font-size: 22px;
		letter-spacing: 1px;
		font-weight:400;
		
		/* -- CSS3 - define rounded corners for the form
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;   -- */	
	} 
	
	.fcontacto input.submit:hover { 		
		-webkit-box-shadow: 0px 0px 5px #555;
		-moz-box-shadow: 0px 0px 5px #aaa; 
		box-shadow: 0px 0px 5px #555;	
		cursor:  pointer; 
	} 

	/* Formulario de comentarios*/

	.fcomentario label{ color: #393a37; }

	.fcomentario {width: 100%; margin: 0 auto; font-family: 'Roboto';}
		
	.fcomentario p {	
		color:#e71096; font-weight:300; font-size:16px;
	}
	
	.fcomentario form {
		padding: 10px 0px; 
		margin: 20px auto 0 auto;
		width: 100%;
	}	
	
	.fcomentario input, .fcomentario textarea { 		
		padding: 5px; 
		margin: 4px 0 10px 0; 
		background: #fff; 
		width: 270px; 
		font-size: 12px; 
		color: #555; 
		border: 1px #ddd solid;
		
		/* -- CSS3 Shadow - create a shadow around each input element -- */ 
		-webkit-box-shadow: 0px 0px 3px #aaa;
		-moz-box-shadow: 0px 0px 3px #aaa; 
		box-shadow: 0px 0px 3px #aaa;
		
		/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
		-webkit-transition: background 0.3s linear;							
	}
	
	.fcomentario textarea {		
		max-width: 660px;
		min-width: 270px;
		width:100%;
		height: 80px; 		 		
	}
	
	.fcomentario input:hover, .fcomentario textarea:hover { 
		background: #eee; 
	}
		
	.fcomentario input.submit { 	
		width: 270px; 
		color: #eee; 
		text-transform: capitalize; 
		margin-top: 10px;
		background-color: #cb0e5e;
		border: none;
		font-size: 19px;
		letter-spacing: 1px;
		font-weight:400;
		
		/* -- CSS3 - define rounded corners for the form
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;   -- */	
	} 
	
	.fcomentario input.submit:hover { 		
		-webkit-box-shadow: 0px 0px 5px #555;
		-moz-box-shadow: 0px 0px 5px #aaa; 
		box-shadow: 0px 0px 5px #555;	
		cursor:  pointer; 
	} 