*{
    margin: 0px;
    padding: 0px;
}


#contenido{
    display: grid;
    grid-template-columns: 40% 40%;
    justify-content: center;

    height: auto;
    margin: 0px auto;
    margin-top: 2%;
}


#unirte{
    display: grid;
    grid-template-rows: repeat(5, 1fr);

    background: #C0C2C2;
}

#lineas{
    display: flex;
    align-items: center;
    text-shadow: 2px 2px 1px #2a4461;
}

.unetes{
    color: #3FAAB7;
    margin: 20px;
}

#linea{
    width: 40%;
    margin-top: 35px;
    color: #3FAAB7;
}

#titulo1{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 40% 40%;
 

    color: white;
    margin-left: 20px;
    text-shadow: 2px 2px 1px #2a4461;
}

.trabaja1{    
    grid-column: 1 / 3;
    grid-gap: 20px;
    text-align: start;
    font-family: fantasy;
    font-size: 65px;
}

.trabaja2{
    grid-row-start: 2;  
    text-align: start;
    font-family: fantasy;
        font-size: 65px;
        margin-top: -10px;
}

/*p primer bloque*/

.buscamos{
    color:#2a4461;
    margin: 20px;
    text-align: justify;
    margin-left: 30%;
    font-size: 18px;
}

.pdf{
    margin: 9%;
    text-align: justify;
    color: #2a4461;
    font-size: 80%;
    margin-left: 19%;
    margin-right: 15%;
    margin-bottom: 0px;
}

/*Botones y link primer bloque*/

.form-floating{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 50% 30%;
        margin-left: 0px;
        justify-content: center;
        justify-items: center;
        text-align: center;
}

.btn{
    width: 250px;
    margin: 2%;
    background-color: #2a4461;
    border: 1px solid transparent;
    color: white;
    height: 50%;
}

.btn:hover{
    background-color: white;
    border: 2px solid #194761;
    color: #194761;
    font-weight: bold;
}

#b2{
    display: grid;
    grid-column: 3 / 4;
}

.form-floating p {
    color: #194761;
    text-decoration: none;
    display: grid;
    grid-row: 2;
    grid-column: 1 / 4;
    text-align: center;
    line-height: 50px;
}

.form-floating p:hover a{
   color: white;
}


/*Segundo Bloque*/

#titulocontactanos{
    font-family: fantasy;
    font-size: 65px;
}

#contactanos{
    display: grid;
    grid-template-rows: 40% 60%;

    background: #3DAAB7;
    color: white;
}


/*Titulo bloque 2*/

.titulo3{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 40% 30%;
    
 
    margin-top: 50px;
    color: white;
    margin-left: 20px;
    text-shadow: 2px 2px 1px #2a4461;
}


#tituloContacto{
    grid-column: 1 / 3;
}
#tituloContacto2{
    grid-column: 1 / 3;
    
}

/*Formularios*/

#segundo{
    display: grid;
    grid-template-rows: repeat(5, 1fr);
}


#formulrios{
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(2, 1fr);
    padding: 5px;
}

#formulario11{
    display: grid;
    grid-row: 1 / 1;
    grid-column: 1 / 1;
    width: 95%;
}

#formulario12{
    display: grid;
    grid-row: 1 / 1;
    grid-column: 2 / 2;
    width: 95%;
}



#boton2{
    width: 30%;
    display: flex;
    margin-top: 5%;
    float: right;
    height: 80px;
}

#t{
   display: grid;
   grid-template-columns: 90%;
   justify-content: center;
}