@font-face {
    font-family: 'Bahnschrift';
    src: url(../Fuentes/Bahnschrift.ttf);
    font-family: 'Bahnschrift', Times, serif;
}

@font-face {
    font-family: 'Merriweather-Regular';
    src: url(../Fuentes/Merriweather-Regular.otf);
    font-family: 'Merriweather-Regular', Times, serif;
}

@font-face {
    font-family: 'Oswald-Regular';
    src: url(../Fuentes/Oswald-Regular.ttf);
    font-family: 'Oswald-Regular', Times, serif;
}

/*--------- ENVIOS FORMULARIOS ----------*/
#envios-formularios {
    width: 100%;
    background-color: #efefef;
}

.envios-formularios-texto {
    width: 50%;
    height: 300px;
    display: table;
    margin: auto;
    vertical-align: middle;
}

#envios-formularios p {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    color: #f07b00;
    font-size: 1.2vw;
    font-family: 'Oswald-Regular', Times, serif;
    padding: 30px;
}

@media screen and (max-width: 900px)
{
    #envios-formularios p{
        font-size: 15px;
    }
}

#formularios-enviados {
    width: 100%;
    height: 500px;
    background-color: #efefef;
}

/*--------- BUSCADOR ----------*/
.buscador {
    display: inline-block;
    margin-left: 10px;
}

.logo-search {
    float: right;
    cursor: pointer;
    border: 0;
    height: 40px;
    background-color: #102a72;
    
}

.buscador input {
    padding: 10px;
    width: 200px;
    height: 40px;
    border: 0;
}

.buscador img {
    display: block;
    margin: 2px;
}

.buscador button:hover {
    background-color: #648bf5;
}

.buscador input:focus {
    background-color: #31aad2;
    color: snow;
    border: 1px solid #ddd;
    width: 250px;
    transition: .8s ease-in;
}

@media screen and (max-width: 980px)
{
    .buscador{
        display: block;
        text-align: center;
        margin: auto;
    }
    .buscador input {
        width: 100%;
    }
    .logo-search {
        width: 100%;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.8);
    }
}

/*--------- FORMULARIO CONTACTO----------*/
#content-form {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 60px;
    display: inline-block;
    background-color: #e4e4e4;
}

.rellenar {
    width: 60%;
    margin: auto;
    margin-top: 40px;
    font-size: 1vw;
    padding: 10px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: bold;
    color: #f07b00;
    font-family: 'Oswald-Regular', Times, serif;
}

.formulario {
    width: 50%;
    background-color: #efefef;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
    padding: 30px;
    font-family: 'Oswald-Regular', Times, serif;
    display: block;
    border-radius: 10px;
    margin: auto;
    margin-bottom: 70px;
}

.formulario-contenido {
    width: 65%;
    margin: 0px 80px 0px 70px;
    display: inline-block;
    background-color: #efefef;
    border-bottom: 2px solid #d15512;
    box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.3);
}

.row {
    margin-bottom: 20px;
}

.form-control {
    padding: 10px;
    font-family: 'Oswald-Regular', Times, serif;
    font-size: 0.8vw;
    width: 95%;  
}

.formulario input:focus {  
    color: snow;
    background-color: #f07b00;
}

.seleccion {
    padding: 10px;
    display: block;
    margin: auto;
    width: 50%;
    margin-bottom: 20px;
}

.seleccion option:nth-child(3n+1) {
    background-color: #f07b00;
    color: snow;
}

#privacidad {
    width: 100%;
    font-size: 0.8vw;
    display: block;
    padding: 10px;  
}

#privacidad a {
    text-decoration: none;
    font-weight: bold;
    color: #005e9e;
}

#privacidad a:hover {
    text-decoration: underline;
}

.boton-control {
    padding: 10px;
    color: snow;
    width: 100%;
    background-color:#ff8300;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.9vw;
    font-family: 'Oswald-Regular', Times, serif;
    border-radius: 5px;
    letter-spacing: 2px;
    border: 0;
}

.row>.boton-control:hover {
    outline: none;
    animation: brillo 700ms ease-out infinite alternate;
    background-color: #02384B;
    color: snow;
    border-color: #00E6FF;
}

@keyframes brillo {
    0% {
		border-color: #119BAA;
		box-shadow: 0 0 5px rgba(0,230,255,.2), inset 0 0 5px rgba(0,230,255,.1);
    }	
    100% {
		border-color: #00E6FF;
		box-shadow: 0 0 20px rgba(0,230,255,.6), inset 0 0 10px rgba(0,230,255,.4);
    }
}

@media screen and (max-width: 900px)
{
    #content-form {
        width: 100%;
        margin: 0;
        padding: 0;
        display: block;
    }
    .formulario {
        width: 100%;
        margin: 0;
        margin-bottom: 50px;
        padding: 0;
        border-radius: 0;
    }
    .row {
        width: 90%;
        margin-left: 10px;
    }
    .rellenar {
        width: 90%;
    }
    .rellenar p {
        font-size: 15px;
        margin-top: 40px;
    }
    .form-control {
        font-size: 13px;
    }
    .seleccion {
        width: 90%;
        margin: 10px;
    }
    #privacidad,.boton-control {
        font-size: 13px;
        border-radius: 0;
    }
    .formulario-contenido {
        width: 100%;
        margin: 0;
        margin-bottom: 70px;
    }
}

/*--------- FORMULARIO TRABAJO----------*/
.formulario-trabajo {
    width: 70%;
    margin: auto;
    margin-bottom: 70px;
    display: block;
}

.formulario-trabajo form {
    background-color: #efefef;
    font-family: 'Oswald-Regular', Times, serif;
    padding: 20px;
    width: 100%;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
    color: #f07b00;
}

.texto-formulario {
    width: 35%;
    padding: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 50px;
}

.texto-formulario label {
    width: 100%; 
    display: block;
}

.texto-formulario input {
    width: 100%;
    padding: 10px;
    display: inline-block;
}

.radio-formulario {
    width: 40%;
    padding: 10px;
    display: inline-block;
    margin: 0 0 0 50px;
}

.radio-formulario label {
    display: block;
}

.radio-formulario input,.checkbox-formulario input {
    margin: 10px;
}

.checkbox-formulario {
    padding: 10px;
    display: inline-block;
    margin: 0 0 0 30px;
}

.comunicaciones-formulario {
    width: 40%;
    display: inline-block;
    padding: 20px;
    margin: auto;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.comunicaciones-formulario label {
    display: block;
    margin: 10px;
}

.comunicaciones-formulario select {
    padding: 10px;
}

.comunicaciones-formulario optgroup {
    color: snow;
    background-color: #f07b00;
}

.comunicaciones-formulario optgroup>option {
    color: black;
}

.disponibilidad-formulario {
    display: inline-block;
    width: 40%;
    margin: 0 0 0 50px;
    padding: 10px;
    vertical-align: middle;
}

.disponibilidad-formulario label {
    margin: 10px;
    display: block;
}

.disponibilidad-formulario select {
    width: 100%;
}

.disponibilidad-formulario select>option {
    padding: 10px;
}

.disponibilidad-formulario select>option:nth-child(2n+1) {
    background-color: #f07b00;
    color: snow;
}

.enviar-fichero {
    width: 50%;
    display: block;
    margin: auto;
    padding: 10px;
    color: black;
    text-align: center;
}

.fichero {
    padding: 10px;
}

.fichero,.fichero input {
    font-size: 0.8vw;
}

.boton-enviar input[type="submit"],[type="reset"] {
    padding: 10px;
    display: inline-block;
}

.boton-enviar input:hover {
    background-color: #f07b00;
    color: snow;
    border: 0;
    transition-timing-function: 0.8s linear;
    width: 200px;
}

@media screen and (max-width: 900px)
{
    .formulario-trabajo {
        width: 100%;
        margin: 0;
        margin-bottom: 50px;
    }
    .formulario-trabajo form {
        padding: 0;
    }
    .texto-formulario {
        margin: 0;
        display: inline;
        text-align: center;
    }
    .texto-formulario input {
        width: 70%;
        margin: auto;
        display: block;
    }
    .radio-formulario {
        padding: 0;
        margin: 0;
        display: inline;
    }
    .radio-formulario label,.checkbox-formulario {
        display: inline;
    }
    .disponibilidad-formulario {
        margin: 0;
        display: inline;
        padding: 0;
    }
    .comunicaciones-formulario,.comunicaciones-formulario label {
        padding: 0;
        margin: 0;
        display: inline;
    }
    .enviar-fichero {
        margin: 0;
        width: 90%;
    }
    .fichero,.fichero input {
        font-size: 12px;
        width: 100%;
    }
    .boton-enviar input[type="submit"],[type="reset"] {
        font-size: 11px;
    }
}