.formulario{
	background: #354a82;
	padding: 50px 0px;
}

.correo{
    padding: 50px 0px 107px;
    background:  #354a82;

    
}

.mapa{
	padding: 0px 0px;
	margin: 0;
}

.mapa{
	background: #354a82;
}

input[type=text] {
    background-color: rgba(255, 255, 255);
    border: solid 1px #fff;
    margin: 0px 0px 11px;
    padding: 10px 9px ;
    width: 70%;
    color:  #6B7A89;
    font-family: 'Open Sans', sans-serif;

}

#telefono {
 
    border: solid 1px #fff;
    margin: 0px 5px 11px 0px;
    padding: 10px 9px ;
    width: 70%;
    color:  #6B7A89;
    font-family: 'Open Sans', sans-serif;

}

 textarea {
    background-color: rgba(255, 255, 255);
    border: solid 1px #fff;
    padding: 10px 9px 95px;
    width: 70%;
    color: #6B7A89;
    font-family: 'Open Sans', sans-serif;
}

t

 input[type=submit] {
    background:#4f7db1;
    border: solid 1px rgba(61, 201, 179, 0.5);
    padding: 10px 20px;
    left: 94px;
    position: relative;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.btn{
    background:#4f7db1;
    left: 94px;
    position: relative;
    border: solid 1px rgba(61, 201, 179, 0.5);
    padding: 10px 20px;
    position: relative;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;

}

.pie{
    background: white;
    width: 100%;
}

.verde{
    background: #fff;
    width: 34%;
    padding: 0px 15px 10px;

    float: left;

}

.rojo{
    background: #fff;
    width: 33%;
    padding: 10px 0px 17px;
    float: left;

}

.amarillo{
    background: #fff;
    width: 33%;
        padding: 10px 10px 17px 0px;

    float: left;

}

@media screen and (max-width: 520px){
    .verde{
    background: #fff;
    width: 100%;
    padding: 0px 0px 10px;

   

}

.rojo{
    background: #fff;
    width: 100%;
  
    padding: 0px 47px;

}

.amarillo{
    background: #fff;
    width: 100%;



}




}