/* Css del fichero ui/processcatalog/templates/wfadaptor/processcatalog_list */

@media screen and (max-width: 480px){
    #responsive{
        display: block !important;
    }   
}

@media screen and (max-width: 724px){
    #border-responsive-empresa{
        border-bottom: 6px solid;
        border-right: 0px solid !important;
    }
}

@media screen and (max-width: 750px){
    #border-responsive-ciudadano{
        border-bottom: 6px solid;
        border-right: 0px solid !important;
    }
}

#responsive{
    display: flex;
    padding: 0px;
    margin-bottom: 35px;
}

.cell_individual img{
    height: 140px;  
    float:left;
}
.cell_individual div{
    float: left;
    margin-left: 20px;
}

.cell_individual div p{
    font-size: 2.4em;
    padding-left: 35px;
    padding-top: 15px;
}

#border-responsive-ciudadano{
    border-color: #006bb3 !important;
    border-right: 6px solid;
}

#border-responsive-empresa{
    border-color: #73264d !important;
    border-right: 6px solid;
}

#border-ciudadano{
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding-top: 10px; 
    box-shadow: 2px 7px 40px rgb(206, 206, 206);
    padding-left: 10px;
    padding-right: 10px; 
    margin-right: 15px;
}

#border-empresa{
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding-top: 10px; 
    box-shadow: 2px 7px 40px rgb(206, 206, 206);
    padding-left: 10px;
    padding-right: 10px;
}

#fondo{
    background: #fff;
}

.a_enlaces{
    font-size: 15px !important;
    color: #037b96 !important;
}


#design{
    margin-bottom: 48px !important;
    margin-top: 48px !important;
    padding-top: 0px !important;
}

.cell_ciudadano{
    height: 169px !important;
}

.cell_empresa{
    height: 169px !important;
}

#img-ciudadano{
    width: 100%; 
    height: 165px;
    border-color: #006bb3 !important;
    border-bottom: 6px solid;
}

#title-ciudadano{
    font-size: 22px;
    margin: 5px 0;
    font-weight: 500;
    line-height: 1.1em;
    color: #5b606c!important;
    padding: 0;height: 30px; 
    border-bottom: 0px;
    text-align: center;
}

.enlaces{
    text-align: center;
}

#img-empresa{
    width: 100%; 
    height: 165px;
    border-color: #73264d !important;
    border-bottom: 6px solid;
}

#title-empresa{
    font-size: 22px;
    margin: 5px 0;
    font-weight: 500;
    line-height: 1.1em;
    color: #5b606c!important;
    padding: 0;
    height: 30px; 
    border-bottom: 0px;
    text-align: center;
}

#button-style{
    border: 2px solid #037b96;
    border-radius: 8px;
    padding: 4px;
    background-color: #e1fcff;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}