/*#region *********************************** Home/Index  ***********************************/

/*#region Imagenes links*/
.hbut {
    width: 100px;
    height: 30px;
    border-radius: 5px 5px 5px 5px;
    border: 2px solid #555554;
    color: #959594;
    background-color: #FFFFFF;
}

.hbut:hover {
    border: 2px solid #959594;
}
/*#endregion*/

/*#region Nota*/
.iniNota {
    background-color: #F0F0F0;
}

.inispan {
    height: 15px;
    width: 15px;
    background-color: var(--mscyellow);
    border-radius: 5px;
}
/*#endregion*/

/*#region Bandera Medlog*/
.flagparr {
    font-size: 14px;
}

.flagbut {
    font-size: 14px;
    border-radius: 5px;
    background-color: var(--mscyellow);
    border-color: var(--mscyellow);
}

.flagbut:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

@media (min-width: 768px) {
    .flagtit {
        font-size: 18px;
    }

    .flagparr {
        font-size: 16px;
    }

    .flagbut {
        font-size: 16px;
        width: 250px;
    }
}

@media (min-width: 992px) {
    .flagtit {
        font-size: 20px;
    }

    .flagparr {
        font-size: 18px;
    }

    .flagbut {
        font-size: 18px;
    }
}

@media (min-width: 300px) {
    .flagbut {
        font-size: 10px;
    }
}

@media(min-width: 440px) {
    .flagbut {
        font-size: 14px;
    }
}
/*#endregion*/

/*#region "Links"*/
/*Contenedor de las imagenes*/
.imglinks {
    margin: auto;
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 0;
}

.hlinks {
    margin: auto;
    padding: 0;
    display: flex;
    height: 400px;
    justify-content: space-around;
    align-items: center;
}

.hitems {
    padding: 0;
    width: 250px;
    background-color: #F8F8F8;
}

.imgCont {
    margin: 0px;
    padding: 0px;
    height: 400px;
    width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.imgCont img {
    height: 150px;
    width: 150px;
}

.imgCont .hidi {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.imgCont .itexto {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
}

.imgCont .ifranja {
    height: 10px;
    margin-bottom: 10px;
}

.imgCont .iniparr {
    height: 50px;
}

.imgCont .ibutton {
    height: 30px;
    margin-bottom: 10px;
}

.imgCont .iimg {
    padding-top: 20px;
    padding-bottom: 20px;
}

.imgCont .ifranja .GenFranja {
    height: 4px;
    width: 30px;
}

.hitems img {
    width: 100px;
    height: 100px;
}
/*#endregion*/

/*#region Bandera*/
/************************* Bandera de medlog *****************************/
.flagc {
    margin: auto;
    margin-top: 30px;
    padding: 0;
    border: 1px solid red;
}

.flagimg {
    margin: 15px;
    background-image: url('../img/Home/medlog_banner_desktop.gif');
    background-position: center;
    background-size: contain;
    height: 300px;
    display: flex;
}

.flagc .flagimg:hover {
    box-shadow: 0px 80px 200px -10px inset #5C5C5C, 0px -80px 100px -10px inset #5C5C5C;
}

.hijoh {
    padding: 0;
    margin: 0;
    width: 600px;
    height: 100%;
}

.flagpcont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.iflagpar {
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    font-style: italic;
}

.iflagparm {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
/*#endregion*/

.ccaption {
    top: 0;
    left: 0;
}

.ContCarr {
    left: 0;
}

.CarTit {
    font-family: 'burger';
    color: #222221;
}

.CarText {
    color: #222221;
}

.islbtn {
    width: 80px;
    border-radius: 5px;
    border: 1px solid #F8F8F8;
    background-color: #F8F8F8;
}

/*X_Small*/
@media(min-width: 350px) {
    .CarTit {
        text-align: left;
        font-size: 11px;
    }

    .CarText {
        text-align: left;
        font-size: 11px;
    }

    .islbtn {
        font-size: 11px;
    }
}

/*Small*/
@media (min-width: 576px) {
    .ContCarr {
        bottom: 3rem;
    }

    .CarTit {
        text-align: left;
        font-size: medium;
    }

    .CarText {
        text-align: left;
        font-size: small;
    }

    .islbtn {
        font-size: small;
    }
}

/*Medium*/
@media (min-width: 768px) {
    .ContCarr {
        bottom: 6rem;
    }

    .CarTit {
        text-align: left;
        font-size: 20px;
    }

    .CarText {
        text-align: left;
        font-size: 16px;
    }

    .islbtn {
        width: 100px;
        height: 30px;
        font-size: 16px;
    }
}

/*Large*/
@media (min-width: 992px) {
    .ContCarr {
        bottom: 12rem;
    }

    .CarTit {
        text-align: left;
        font-size: 28px;
    }

    .CarText {
        text-align: left;
        font-size: 16px;
    }
}

/*Extra Large*/
@media (min-width: 1200px) {
    .ContCarr {
        bottom: 16rem;
    }
}
/*#endregion*/

/*#region *********************************** Vision y Mision / Vission & Mission ********** */
.vmimg {
    width: 100%;
}
/*#endregion*/

/*#region *********************************** Historia / History *************************** */
.hmimg {
    width: 100%;
}
/*#endregion*/

/*#region *********************************** Ejecutivos / Ejecutive *********************** */
.ejespan {
    height: 20px;
    width: 20px;
    background-color: var(--mscyellow);
    border-radius: 5px;
}

.cbod {
    height: 450px;
    background-color: #F4F4F4;
}
/*#endregion*/

/*#region *********************************** Clientes/ Clients **************************** */
.climg {
    width: 100%;
}
/*#endregion*/

/*#region   *********************************** Logistica a la Carga / Cargo Services ******** */
.servcont1 .nav li:hover {
    cursor: pointer;
}

.servcont1 .servimgicon {
    height: 30px;
    width: 30px;
    margin-right: 5px;
}

.servcont1 .active p {
    color: #F8F8F8;
}

.servcont1 .active {
    background-color: var(--mscyellow);
}

.servcont1 .active p {
    color: #222221;
    font-weight: bold;
}

.ServDisplayOn {
    display: block
}

.ServDisplayOff {
    display: none;
}

/*#region Soporte Operativo*/
.servt2 {
    background-image: url('../img/Servicios/deposito 1 1360x800.jpg');
    background-position: 0px -250px;
    background-size: cover;
    height: 400px;
    color: white;
}

.serbod2 {
    display: flex;
    justify-content: space-around;
}

#slisuppdisp .servsoporttexto {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.servsoporttexto p {
    text-align: justify;
}

.serbod2 .servsoportcol {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.serbod2 .servsoportcol .GenCajaCont {
    padding: 2px 2px 2px 2px;
    width: 350px;
}

.serbod2 .GenCajaCont .GenCajaText {
    display: flex;
    align-items: center;
}
/*#endregion*/

/*#region seguridad*/
.servt3 {
    background-image: url('../img/Servicios/deposito 2 1360x800.jpg');
    background-position: 0px -250px;
    background-size: cover;
    height: 400px;
    color: white;
}

.serbod3 {
    display: flex;
}

.slisegtexto p {
    margin-top: 10px;
    text-align: justify;
}

.serbod3 .servsoportcol2 {
    display: flex;
    height: 100%;
}

.servsoportcol2 .GenCajaCont {
    width: 350px;
    height: 130px;
    margin-left: 10px;
    padding: 2px 2px 2px 2px;
}
/*#endregion*/


/*#region *********************************** Logistica/Logistic *************************** */
/****************** Cuadro de empresas *********************/
.logisticlogoitem {
    height: 320px;
    width: 260px;
    padding-top: 40px;
    background-color: #F0F0F0;
    display: flex;
    flex-direction: column;
}

/*#region Diseño del titulo del cuadro*/
.logisticlogoitem .logisticlogoparr {
    display: flex;
    height: 80px;
}

/*Diseño titulo y cuadrado */
.logisticlogoparr p {
    font-size: 16px;
    margin-top: 15px;
    height: 50px;
}

.logisticlogoparr .GenTituloEstilo {
    width: 200px;
}

.logisticlogoparr .lcuadrado {
    height: 20px;
    width: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 12px;
    background-color: var(--mscyellow);
    border-radius: 5px;
}
/*#endregion*/

/*#region direccion del cuadro*/
.logisticlogoitem .logisticdir {
    display: flex;
    height: 70px;
    margin-top:10px;
}

.logisticdir img {
    height: 18px;
    width: 24px;
    margin-left: 10px;
}

.logisticdir p {
    margin-left: 10px;
    font-size: 14px;
    height: 50px;
}
/*#endregion*/

/*#region Telefono del cuadro*/
.logisticlogoitem .logisticcell {
    display: flex;
    height: 50px;
}

.logisticcell img {
    height: 25px;
    width: 20px;
    margin-left: 10px;
}

.logisticcell p {
    font-size: 14px;
    margin-left: 10px;
}
/*#endregion*/

/*#region Vinculo pagina web*/
.logisticlogoitem .logisticvinculo {
    height: 40px;
    margin-left: 42px;
    text-align: left;
}

.logisticvinculo a {
    color: black;
    text-decoration: none;
}

.logisticvinculo a {
    font-size: 14px;
}
/*#endregion*/

/*#region imagen del pie del cuadro*/
.logisticlogoitem .logisticimg {
    text-align: end;
}

.logisticimg img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
/*#endregion*/

/*#region *********************************** Politicas / Politics ************************* */
.btnPol {
    background-color: var(--mscyellow);
}

.btnlong {
    width: 240px;
    text-decoration: underline;
    font-family: 'burger';
}
/*#endregion*/

/*#region *********************************** Ubicacion /Location ************************** */
.ulogoitem {
    height: 260px;
    width: 250px;
    margin: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #F0F0F0;
    display: flex;
    flex-direction: column;
}

/*Seccion Titulo*/
.ulogoitem .ulogoparr {
    display: flex;
    align-items: center;
    height: 80px;
}

.ulogoparr p {
    font-size: 19px;
    margin-left: 10px;
    margin-top: 15px;
}

.ulogoparr .ucuadrado {
    height: 20px;
    width: 20px;
    margin-left: 10px;
    background-color: var(--mscyellow);
    border-radius: 5px;
}

/*Seccion Direccion*/
.ulogoitem .udir {
    display: flex;
    height: 70px;
}

.udir img {
    height: 25px;
    width: 20px;
    margin-left: 10px;
}

.udir p {
    margin-left: 10px;
    font-size: 16px;
}

/*Seccion Telefono*/
.ulogoitem .ucell {
    display: flex;
    height: 50px;
}

.ucell img {
    height: 25px;
    width: 20px;
    margin-left: 10px;
}

.ucell p {
    margin-left: 10px;
}

/*Seccion Vinculo*/
.ulogoitem .uvinculo {
    height: 40px;
}

.uvinculo p {
    margin-left: 40px;
}

.uvinculo a {
    color: black;
    text-decoration: none;
}

/*Contenedor boton*/
.ulogoitem .ubuttoncont {
    display: flex;
    align-items: center;
    height: 60px;
}

/*Trabajr en la vista de ingles de ubicacion...*/
.ubuttoncont p {
    margin-left: 40px;
    margin-right: 10px;
}

.ubuttoncont .ubutton {
    height: 50px;
    width: 160px;
    margin-left: 40px;
    border-radius: 5px;
    background-color: var(--mscyellow);
    border: 1px solid var(--mscyellow);
}

.ubuttoncont .enubutton {
    padding-left: 15px;
    padding-right: 15px;
}

.ubuttoncont .ubutton:hover {
    background-color: var(--mscyellow);
    border: 1px solid var(--mscyellow);
}

/*Seccion Imagen de pie*/
.ulogoitem .uimgpie {
    text-align: end;
}

.uimgpie img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
/*#endregion*/

/*#region *********************************** Ubicacion Polimorfica ************************ */
.upoldireccion {
    padding: 0;
    border: 5px solid #959594;
}

.upoldireccion .upolvapmap {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 800px;
}
/*#endregion*/

/*#region *********************************** Mapa Del Sitio ******************************* */
.mpLineavertical {
    width: 2px;
    height: 20px;
    background-color: black;
}

.mpLineaHorizontal {
    width: 100%;
    height: 2px;
    background-color: black;
}
/*#endregion*/

/*#region *********************************** Libro de Sugerencias ************************* */
.formcolor2 {
    background-color: #F8F8F8;
}
/*#endregion*/

/*#region *********************************** Contactenos ***********************************/
.backcolor {
    background-color: #F8F8F8;
}
/*#endregion*/

/*#region *********************************** Politicas de reclutamiento ********************/
.prbold {
    font-weight: bold;
}

.prcont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.prdescrip {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-top: 20px;
    width: 100%;
}

.prdescrip p {
    font-size: 16px;
}
/*#endregion*/

/*#region *********************************** Trabaja con Nosotros/Work with Us *************/
.formcolor {
    background-color: #F8F8F8;
}

@media(min-width: 300px) {
    .filebutt {
        font-size: smaller;
    }
}

@media(min-width: 450px) {
    .filebutt {
        font-size: medium;
    }
}
/*#endregion*/

/*#region *********************************** Terminos y Condiciones ************************/
.tctextocont {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.tctextocont p {
    font-size: 16px;
    text-align: justify;
}
/*#endregion*/