.capa_footer{
    background-color: #0f351cff; 
    border-top: 10px solid #dd0505ff
}
.fondo_footer{
    background-image: url('/static/img/grafica _footer.png');
    background-repeat: no-repeat; 
    background-size: cover; 
    min-height: 400px; 
    padding-left: 10px
}

.hr_style{
    border: 1px solid white; width: 8000px"
}

.hr_style_sin_width{
    border: 1px solid white;
}

.col_footer{
    min-width: 200px
}

.ul_style{
    list-style: none; 
    padding: 0; 
    margin: 0; 
    display: flex; 
    flex-direction: column; 
    align-items: start;
}

.nav_item_footer{
    display: flex; 
    align-items: start; 
    margin-bottom: 10px; 
    gap: 10px;
}

.nav10_item_img{
    width: 10px
}

.nav15_item_img{
    width: 15px
}

.nav_item_a{
    color: white; font-size: 10px;
}
.li_style{
    color: white; 
    font-size: 10px; 
    display: flex; 
    align-items: start; 
    margin-bottom: 10px; 
    gap: 10px;
}

.div_form_footer{
    position: relative; overflow: visible;
}

.contacto_footer{
    background-color: #dd0505ff; 
    height: 540px; 
    width: 350px;
}

.form_style{
    display: grid; gap: 15px;
}

.input_style{
    padding: 5px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px;
}

.btn_form_footer{
    border: none; cursor: pointer; background-color: transparent;
}

.w100footer{
   width: 100px;
}

.desarrollo_footer{
    text-align: start; font-size: 10px; background-color: #06150bff; color: white;
}

@media (min-width: 1310px) {
    #contactos {
    position: absolute;
    top: -80px;
    z-index: 1;
    margin-bottom: 0;
    }
}
@media (max-width: 1310px) {
    #contactos {
    position: relative;
    top: 0;
    z-index: 0;
    margin-bottom: 10px;
    }
}