@charset "utf-8";



.sucursales{
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;   
}

.modulo{
    width: 100%;
    max-width: 400px;
    min-height: 500px;
    /*padding: 1.5em;*/
    margin: .5em .5em;
    display: flex;
    flex-direction: column;
    border-radius: 10px; 
    box-shadow: #d6d6d6 0px 0px 5px 0px;
    background-color: #f5f6f7;
    border: #fff solid 1px; 
}

.contenidoRegion{
    /*background-color: #2E407A;*/
    display: flex;
    padding: 1em 0em;
    flex-direction: row;
    color: rgb(70, 70, 70);
    border-bottom: solid 1px #ccc;
}

.id{
    display: flex;
    width: 25%;
    flex-direction: column;
}
.encargado{
    display: flex;
    width: 100%;
    flex-direction: column-reverse;
    font-family: 'CorporativeSansRd-Regular';
    color: rgb(70, 70, 70);
}

/*.tipo1{
    font-size: 2em;
    text-align: center;
    font-family: 'CorporativeSansRd-Black';
}*/


.tipo2{
    font-size: 1.5em;
    text-align: center;
    font-family: 'CorporativeSansRd-Regular';
}
.tipo3{
    font-size: 1em;
    text-align: center;
    font-family: 'CorporativeSansRd-Regular';
}

/*.contenidoSucursal{
    background-color: #B01630;
    display: flex;
    padding: 1em;
    flex-direction: row;
    margin-top: 0px;
    color: #fff; 
}*/

.contacto{
    display: flex;
    font-family: 'CorporativeSansRd-Regular';
    flex-direction: column;
    flex-direction: column-reverse;

}



.direccion{
    padding: 1em;
    line-height: 1.5em;
    font-family: 'CorporativeSansRd-Regular';
    font-size: 1em;
    color: rgb(70, 70, 70);
    opacity: .8;
    /*border-bottom: #d6d6d6 solid 1px;*/
}


.imgSucursal{
    display: flex;
    background-position: center center;
    background-size: cover;
    height: 12em;
    cursor: pointer;
    overflow: hidden;
}

.datosContacto{
    padding: 1em 1.5em;
    color: rgb(70, 70, 70);
    font-size: 1em;
    line-height: 1.5em;
}

/*p.telefono{
    
}*/

/*p.correo{
    
}*/

.btnMapa{
    padding:  0 1.5em;
    text-align: center;
    color: rgb(128, 128, 128);
    text-decoration: none;
    line-height: 4em;
    background-color: rgb(230, 230, 230);
    font-family: 'CorporativeSansRd-Regular';
    transition: background-color 350ms ease-out;
    /*border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: rgb(212, 212, 212) solid 1px;*/
}

.btnMapa:hover{
    background-color: rgb(165, 165, 165);
    color: #fff;
}

.s001{
    background-image: url('/img/sucursales/s001.jpg');
}
.s002{
    background-image: url('/img/sucursales/s002.jpg');
}
.s003{
    background-image: url('/img/sucursales/s003.jpg');
}
.s004{
    background-image: url('/img/sucursales/s004.jpg');
}
.s005{
    background-image: url('/img/sucursales/s005.jpg');
}
.s006{
    background-image: url('/img/sucursales/s006.jpg');
}
.s007{
    background-image: url('/img/sucursales/s007.jpg');
}
.s009{
    background-image: url('/img/sucursales/s009.jpg');
}

.s010{
    background-image: url('/img/sucursales/s010.jpg');
}

.s011{
    background-image: url('/img/sucursales/s011.jpg');
}
.s012{
    background-image: url('/img/sucursales/s012.jpg');
}
.s013{
    background-image: url('/img/sucursales/s013.jpg');
}
.s014{
    background-image: url('/img/sucursales/s014.jpg');
}
.s015{
    background-image: url('/img/sucursales/s015.jpg');
}
.s016{
    background-image: url('/img/sucursales/s016.jpg');
}

.s017{
    background-image: url('/img/sucursales/s017.jpg');
}

.s018{
    background-image: url('/img/sucursales/s018.jpg');
}
.s019{
    background-image: url('/img/sucursales/s019.jpg');
}
.s020{
    background-image: url('/img/sucursales/s020.jpg');
}

.c001{
    background-image: url('/img/sucursales/c001.jpg');
}

.c002{
    background-image: url('/img/sucursales/c002.jpg');
}

.sd01{
    background-image: url('/img/sucursales/sd01.jpg');
}

.generica{
    background-image: url('/img/sucursales/generica.jpg');
}




/* Estilo para movil *************************************************/
/* Estilo para movil *************************************************/
/* Estilo para movil *************************************************/
/* Estilo para movil *************************************************/

@media screen and (max-width: 900px) {
    .sucursales{
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;   
    }
    
    .modulo{
        width: 20%;
        min-width: 350px;
        /*padding: 1.5em;*/
        margin: .5em .2em;
        display: flex;
        flex-direction: column;
        border-radius: 10px; 
        box-shadow: #d6d6d6 0px 0px 5px 0px;
        background-color: #f5f6f7;
        border: #fff solid 1px; 
    }
    
    .contenidoRegion{
        /*background-color: #2E407A;*/
        display: flex;
        padding: 1em 0em;
        flex-direction: row;
        color: rgb(70, 70, 70);
        border-bottom: solid 1px #ccc;
    }
    
    .id{
        display: flex;
        width: 25%;
        flex-direction: column;
    }
    .encargado{
        display: flex;
        width: 100%;
        flex-direction: column-reverse;
        font-family: 'CorporativeSansRd-Regular';
        color: rgb(70, 70, 70);
    }
    
    /*.tipo1{
        font-size: 2em;
        text-align: center;
        font-family: 'CorporativeSansRd-Black';
    }*/
    
    
    .tipo2{
        font-size: 1.5em;
        text-align: center;
        font-family: 'CorporativeSansRd-Regular';
    }
    .tipo3{
        font-size: 1em;
        text-align: center;
        font-family: 'CorporativeSansRd-Regular';
    }
    
    /*.contenidoSucursal{
        background-color: #B01630;
        display: flex;
        padding: 1em;
        flex-direction: row;
        margin-top: 0px;
        color: #fff; 
    }*/
    
    .contacto{
        display: flex;
        font-family: 'CorporativeSansRd-Regular';
        flex-direction: column;
        
    }
    
    
    
    .direccion{
        padding: .5em;
        line-height: 1.5em;
        font-family: 'CorporativeSansRd-Regular';
        font-size: 1em;
        color: rgb(70, 70, 70);
        opacity: .8;
        border-bottom: #d6d6d6 solid 1px;
    }
    
    
    .imgSucursal{
        display: flex;
        background-position: center center;
        background-size: cover;
        height: 12em;
        cursor: pointer;
        overflow: hidden;
    }
    
    .datosContacto{
        padding: 1em .5em;
        color: rgb(70, 70, 70);
        font-size: 1em;
        line-height: 1.5em;
    }
    
    /*p.telefono{
        
    }*/
    
    /*p.correo{
        
    }*/
    
    .btnMapa{
        padding:  0 1.5em;
        text-align: center;
        color: rgb(128, 128, 128);
        text-decoration: none;
        line-height: 4em;
        background-color: rgb(230, 230, 230);
        font-family: 'CorporativeSansRd-Regular';
        transition: background-color 350ms ease-out;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top: rgb(212, 212, 212) solid 1px;
    }
    
    .btnMapa:hover{
        background-color: rgb(165, 165, 165);
        color: #fff;
    }
}