.respuesta_formulario{border-radius:6px;margin-bottom:10px;position:relative}.respuesta_formulario.error{border:2px solid orangered}.respuesta_formulario.error:before{font-family:"FontAwesome", sans-serif;content:"";position:absolute;top:50%;left:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:25px;color:#ff4500}.respuesta_formulario.error ul{margin-left:25px}.respuesta_formulario.error ul li{color:orangered}.respuesta_formulario.ok{border:2px solid forestgreen;padding:16px}.respuesta_formulario.ok:before{font-family:"FontAwesome", sans-serif;content:"";position:absolute;top:50%;left:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:25px;color:#228b22}.respuesta_formulario.ok p{margin:0;padding:0;color:forestgreen;margin-left:25px}.respuesta_formulario.loading{background-image:url("/img/loading.gif");background-repeat:no-repeat;background-position:50% 50%;background-size:contain;min-height:40px}#contacto #mapa{margin-bottom:60px}#contacto #mapa iframe{display:block;width:100%;height:280px}#contacto .contacto{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 2%}#contacto .contacto #datos{-ms-flex-preferred-size:50%;flex-basis:50%;padding-right:5%}#contacto .contacto #datos p{margin:0;padding:0;position:relative;color:#636363;font-size:20px;padding-left:60px;font-weight:200;margin-bottom:35px}#contacto .contacto #datos p a{color:#636363;text-decoration:none}#contacto .contacto #datos p a:hover{text-decoration:underline}#contacto .contacto #datos .telefono:before{font-family:"FontAwesome", sans-serif;content:"";position:absolute;top:50%;left:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:50px;color:#2E3092}#contacto .contacto #datos .direccion:before{font-family:"FontAwesome", sans-serif;content:"";position:absolute;top:50%;left:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:50px;color:#2E3092}#contacto .contacto #datos .correo:before{font-family:"FontAwesome", sans-serif;content:"";position:absolute;top:50%;left:5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:40px;color:#2E3092}#contacto .contacto #datos .horario:before{font-family:"FontAwesome", sans-serif;content:"";position:absolute;top:50%;left:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:40px;color:#2E3092}#contacto .contacto form{-ms-flex-preferred-size:50%;flex-basis:50%;padding:30px 0 30px 5%;border-left:1px solid #2E3092}#contacto .contacto form label{display:block;color:#2E3092}#contacto .contacto form input[type="text"],#contacto .contacto form textarea{border:1px solid #bababa;padding:5px;width:100%;margin-bottom:20px}#contacto .contacto form input[type="text"]:last-of-type,#contacto .contacto form textarea:last-of-type{margin-bottom:0}#contacto .contacto form textarea{height:calc(100% - 19px)}#contacto .contacto form .estructura{display:-webkit-box;display:-ms-flexbox;display:flex}#contacto .contacto form .estructura .inputs{-ms-flex-preferred-size:50%;flex-basis:50%;padding-right:3%}#contacto .contacto form .estructura .textarea{-ms-flex-preferred-size:50%;flex-basis:50%;padding-left:3%}#contacto .contacto form .respuesta_formulario{margin:15px 0}#contacto .contacto form .btn{text-align:right}#contacto .contacto form .btn input[type="submit"]{display:inline-block;border:1px solid #2E3092;padding:5px 25px;font-size:14px;color:#2E3092;background:white;border-radius:8px;-webkit-transition:all .2s ease;transition:all .2s ease}#contacto .contacto form .btn input[type="submit"]:hover{background:#2E3092;color:white;cursor:pointer}@media (max-width: 680px){#contacto .contacto{-ms-flex-wrap:wrap;flex-wrap:wrap}#contacto .contacto #datos{-ms-flex-preferred-size:100%;flex-basis:100%;padding-right:0}#contacto .contacto form{-ms-flex-preferred-size:100%;flex-basis:100%;padding:0;border-left:0}}@media (max-width: 375px){#contacto .contacto #datos p{padding-left:45px}#contacto .contacto #datos .telefono:before,#contacto .contacto #datos .direccion:before{font-size:40px}#contacto .contacto #datos .correo:before,#contacto .contacto #datos .horario:before{font-size:30px}#contacto .contacto form .estructura{-ms-flex-wrap:wrap;flex-wrap:wrap}#contacto .contacto form .estructura .inputs{-ms-flex-preferred-size:100%;flex-basis:100%;padding-right:0}#contacto .contacto form .estructura .inputs input[type="text"]:last-of-type{margin-bottom:20px}#contacto .contacto form .estructura textarea{min-height:150px}#contacto .contacto form .estructura .textarea{-ms-flex-preferred-size:100%;flex-basis:100%;padding-left:0}}
