.fons
{
    margin: 1%;
    padding: 1%;
    background-color: #C4D9E5;
    border-radius: 10px;
    
}

.links
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;    
}
.crarLink
{
    border: 0px solid red;
    width: 28.5%;
    margin: 1% 0.5% 1% 1%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fomrCrearLink
{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 0px solid yellow;
}

.fomrCrearLink > *
{
    width: 80%;
    border: 0px solid green;
    margin: 1%;
}

.fomrCrearLink > label
{
    display: flex;
    flex-direction: column;
}

.recte
{
    flex-direction: row !important;
    flex-wrap: nowrap;
    font-family: "Overlock-N" !important;
    color: #818181;
}

.lletre
{
    font-family: "Overlock-N" !important;
    color: #818181;
}

.mirarLink
{
    border: 0px solid blue;
    width: 68.5%;
    margin: 1% 1% 1% 0.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.titols
{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.titols > *, .dades > *
{
    border: 0px solid red;
}

.titol
{
    font-family: "Overlock-N" !important;
    color: #818181;
}

.origen
{
    width: 50%;
}

.desti
{
    width: 30%;
}

.visites
{
    width: 20%;
}

.origen, .desti, .visites
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dades
{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dadesD
{
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 1%;
}

.dadesD > *
{
    border: 0px solid red;
}

input:focus,select, textarea:focus
{
    outline: none;
    /* background-color: ; */
    color: #818181;
}

.butt
{
    background: #D9E3E5;
    border: #818181;
    color: #818181;
    border-radius: 10px;
    padding: 0.5%;
    /* width: 80%; */
    font-family: "Overlock-N";
}

input
{

    background-color: inherit !important;
    color: #818181;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #818181;
    font-family: "Overlock-N" !important;

}

button:hover
{
    cursor: pointer;
}

@media (max-width: 999px) 
{
    .fons
    {
        margin:13px;
        padding: 13px;
    }
}