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

#contenedorsuperior {
    display: flex;
    margin-top: 4em;
    align-items: center;
    overflow: hidden;
}
#contenedorimagen {
    width: 40%;
    flex-shrink: 0;
}
#contenedorformulario {
    width: 60%;
    margin-left: 1em;
    padding-bottom: 4em;
}
#contenedorimagen img {
    width: 100%;
    height: auto;
}
#hablamos {
    width: 100%;
    margin-left: auto;
    margin-right: 0px;
    padding-bottom: 12em;
}
#contenedorformulario p.subrayado {
    border-bottom: solid black 1px;
}
#contenedorformulario label {
    display: block;    
}
#contenedorformulario .ancho {
    width: 100%;
}
#contenedorformulario form {
    margin-left: 1em;
}
#contenedorformulario input, #contenedorformulario textarea {
    font-weight: 400;
    border: none;
    background-color: transparent;
    border-radius: 3px;
    font-size: .9375em;
    color:#788f83;
}
#contenedorformulario ::placeholder{
    color: #bbcac2;
}
#contenedorformulario textarea {
    background-color: rgba(255,255,255,.4);
    height: 4em;
}
#contenedorformulario #inclave2, #contenedorformulario input[type="checkbox"] {
    background-color: rgba(255,255,255,.4);
    border: 1px solid rgba(149,149,149,1.00);
}
#contenedorformulario a {
    color: black;
}
#contenedorformulario form p:last-of-type {
    text-align: right;
}
#contenedorformulario input[type="submit"] {
    color: var(--amarillo);
    padding: .5em 1em .5em 1em;
    border: solid 2px var(--amarillo);
    transition: background-color .3s linear 0s, color .3s linear 0s;
    font-weight: 600;
}
#contenedorformulario input[type="submit"]:hover {
    background-color: var(--amarillo);
    color: white;
}
#mapa {
    display: block;
    width: 100%;
}
#fotogrande {
    display: none;
    width: 100%;
    height: auto;
}
#nuestrocentro1 {
    display: none;
    padding-left: var(--rellenomovil);
    padding-right: var(--rellenomovil);
    margin-bottom: 2em;
    margin-top: -4em;
}
#nuestrocentro, #nuestrocentro1, #contenedormapa {
    opacity: 0;
    transform-origin: center center;
    transform: scale(0,1);
    transition: transform .5s linear 0s,opacity .5s linear 0s;;
}
#contenedormapa {
    transform:none;
}

#nuestrocentro1 h2 {
    margin-top: .356em;
}
@media (max-width: 700px) {
    #contenedorsuperior                 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    #contenedorimagen {
        width: 100%;
    }
    #contenedorimagen img, #nuestrocentro {
        display: none;
    }
    #contenedorformulario {
        width: 90%;
        margin-left: 1em;
    }
    #hablamos {
        width: 100%;
        padding-bottom: 1em
    }
     #fotogrande, #nuestrocentro1 {
         display: block;
    }
   
}