body{
    background-color: rgba(24, 169, 205, 1); 
}
.form-contacto{	
    padding: 3px 0 0 20px;
	width: 300px;
	border: 1px !important;
	border-radius: 10px;
	background-color: #F8F8FF;
}

.form-input, select{
	/*margin: 10px 0 10px 2px;
	width: 90%;*/
	margin:15px ;
	width: 80%;
	display: block;
	border: none;
	padding: 10px 0;
	border-bottom: solid 1px #FB0;
	transition: all 0.3s cubic-bezier(.64,.09,.08,1);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 96%, #FB0 4%);
	background-position: -200px 0;
	background-size: 200px 100%;
	background-repeat: no-repeat;
	color: #777;
}

.form-input:focus, select:focus{
	border-bottom: solid 1px rgba(50, 120,0,1);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 96%, rgba(125,179,68,1) 4%);
	box-shadow: none;
	outline: none;
	background-position: 0 0;
}

.form-input:focus::-webkit-input-placeholder select{
	color:rgba(50, 120,0,1);
	font-size: 11px;
	transform: translateY(-20px);
	visibility: visible !important;
}

.botonAzul
{	
	font-size: 15px; text-transform: capitalize; display: inline-block; cursor: pointer;
    text-transform: uppercase; width: 100px; height: 30px; text-align:center; margin: 10px 8px;
	padding-top:6px; letter-spacing: .5px; border-radius: 2px; position:relative; overflow:hidden;
	transition: background 200ms ease-in-out; transition: all 0.7s; 
	box-shadow: 3px 3px 3px rgba(10, 10, 10, 0.5);
}

.botonAzul:hover
{ box-shadow: 6px 6px 6px rgba(10, 10, 10, 0.4); }

/* BOTON AZUL */
.botonAzul
{ color:#FFF; background: rgba(5, 154, 231,1); }

.botonAzul:hover
{ background: rgba(5, 154, 231,0.8); }