body{
font-family: ‘Alegreya Sans SC’, sans-serif;
}
p{
margin: 0;
padding: 0;
border: 0;
font-size:100%;
vertical-align: baseline;
}
label p{
color: #333;
text-decoration: none;
display:block;
margin:5px 0;
font-size:1.25em;
}
label h2{
color: #333;
padding-bottom:10px;
text-align:justify;
text-decoration: none;
display:block;
margin:5px 0;
font-size:1.25em;
}
#cabecera{
position:relative;
}
#titulo{
position:relative;
margin-top:2%;
padding:5px;
float:left;
font-family: 'Open Sans', sans-serif;
border:1px solid;
border-color:#37a0f3;
background-color:#fafafa;
}
#contactform{
width:500px;
float:left;
margin-left:1%;
margin-top:1%;
margin-right:3%;
padding-bottom:2%;
background: #fafafa;
overflow: hidden;
border:1px solid;
border-bottom:1px solid;
border-color: #39b1cc;
  border-color: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  border-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af));
  border-color: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  border-color: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  border-color: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  border-color: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%);
}
.google-maps {
position: relative;
margin-top:1%;
padding-bottom: 25%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
width: 90% !important;
height: 100% !important;
}
</style>
 
<div class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12698.017302765014!2d-5.924386855443038!3d37.28317952472348!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd12705c945f7355%3A0x1f6735c306757c59!2sDos+Hermanas%2C+Sevilla%2C+Espa%C3%B1a!5e0!3m2!1ses!2s!4v1387797719272" width="600" height="450" frameborder="0" style="border:0"></iframe>

#direc{
position:relative;
float:left;
font-family: 'Roboto Condensed', sans-serif;
color:black;
font-size:15px;

padding-top: 10px;
padding-right: 24px;
padding-bottom: 10px;
padding-left: 22px;
}

#direc a{
color:#0378ad;
text-decoration:none;
}

.c_input{
padding: 3px;
width: 250px;
outline:1px solid white;
}

#c_form{
margin: 25px;
width: 90%;
}

#c_form textarea {
outline:1px solid white;
}

.c_input, #c_form textarea{
margin-bottom: 10px;
border: 1px solid #ddd;
padding: 4px;
}

input:focus, textarea:focus{
outline: none;
}

::-webkit-input-placeholder { font-style:italic; }
::-moz-placeholder { font-style:italic; } /* firefox 19+ */
:-ms-input-placeholder { font-style:italic; } /* ie */
input:-moz-placeholder { font-style:italic; }

#c_form textarea{
min-height: 150px;
resize: none;
width: 100%;
}

#c_enviar{
padding: 4px;
font-size: 13px;
font-family: helvetica, arial;
}

#bottom_container{
overflow: hidden;
}

#c_information{
width: 100%;
border: solid 1px #ccc;
background: #25A25A;
padding: 4px 0 4px 0;
text-align: center;
font-size: 14px;
color: #fff;
}

.c_error{
color: #D64242;
font-size: 10px;
margin-left: 5px;
}
.hide{
display:none;
}

/*————————Boton enviar————————*/

.btn-b {
width:100%;
padding: 5px;
color: #111111;
text-decoration: none;
border-radius: 3px;
border-color: #2A73A6 #165899 #07428F;
border-style: solid;
border-width: 1px;
color: #ffffff;
text-shadow: 0 -1px 1px #3275BC;
background: #52a8e8;
padding: 5px;
background: #39b1cc;
  background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af));
  background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#52a8e8′, endColorstr=’#377ad0′,GradientType=0 );
cursor: pointer;
}

.btn-b:hover {
border-radius: 3px;
border-color: #2A73A6 #165899 #07428F;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 0 #62B1E9 inset;
text-shadow: 0 -1px 1px #1D62AB;
background: #3e9ee5;
background: -moz-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e9ee5), color-stop(100%,#206bcb));
background: -webkit-linear-gradient(top, #3e9ee5 0%,#206bcb 100%);
background: -o-linear-gradient(top, #3e9ee5 0%,#206bcb 100%);
background: -ms-linear-gradient(top, #3e9ee5 0%,#206bcb 100%);
background: linear-gradient(top, #3e9ee5 0%,#206bcb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#3e9ee5′, endColorstr=’#206bcb’,GradientType=0 );

}

.btn-b:hover {
text-decoration: none;
}

.btn-b:active {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #3282D3;
border-color: #154C8C #154C8C #0E408E;
border-style: solid;
border-width: 1px;
box-shadow: 0 0 6px 3px #1657B5 inset, 0 1px 0 0 #FFFFFF;
text-shadow: 0 -1px 1px #2361A4;
}