* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Verdana";
}

#piex {
    color: white;
    margin-top: 8px;
    align-items: center;
    display: flex;
    justify-content: center;
}

#pietodos,
.pieguion,
#piemarca,
#pielocalidad,
#pietel {
    float: left;
    width: auto;
    display: block;
}

.hero-man {
    width: 100% !important;
    right: 0px !important;
}

.pieguion {
    margin-right: 10px;
    margin-left: 10px;
}

#piemarca {
    color: #D11800;
    font-weight: bold;
}

#sistemasxa,
#foxnube {
    display: block;
}

#sistemasxb {
    display: none;
}

    {
    display: block;
}

#sistemasxb {
    display: none;
}

#imaloB {
    display: none;
}

#imalo {
    display: block;
}

#espacio {
    width: 100%;
    height: 200px;
    float: left;

}

.ley1 {
    font-size: 25px;
}

.ley2 {
    font-size: 2rem;
}

.rede {
    width: 40px;
    height: 40px;
    float: left;
    margin-top: 15px;
    cursor: pointer;
    margin-left: 6px;
    transition: all 0.4s ease-out;
    border-radius: 50%;
}

.rede#facebook {
    background-color: #2372a3;
}

.rede#twitter {
    background-color: #0084b4;
}

.rede#instagram {
    background-color: #3f729b;
}

.rede#snap {
    background-color: #fc0;
}

.rede#plus {
    background-color: #dd4b39;
}

.rede#youtube {
    background-color: #b00;
}

.icone {
    margin: 0px auto;
    padding: 10px;
    width: 41px;
}

.rede:hover {
    cursor: pointer;
    transform: translateY(-8px);
    box-shadow: 4px 30px 16px 0px rgba(10, 10, 10, 0.45);
}

.padre {
    height: auto;
    /*IMPORTANTE*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.maspadre {
    height: 270px;
    margin-top: 80px;
    /*IMPORTANTE*/
    display: flex;
    justify-content: center;
    align-items: center;
    background: black;
}

.hijo {
    width: 600px;
    word-wrap: break-word;
    text-align: justify;
    margin-top: 85PX;
}

.mashijo {
    width: 100%;
    word-wrap: break-word;
    text-align: justify;
}

.hijo span {
    font-size: 22px;
}

.grupos {
    background: #e6e7e9;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
    cursor: pointer;
}

.grupos a {
    color: black;
}

#lis {
    margin-bottom: 25px;
}

#lis li {
    color: white;
    list-style: disc;
}

.tiserv {
    color: #D11800;
}

.tinov {
    color: #D11800;
    font-size: 70px;
}

.nove {
    background: #e6e7e9;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 5px;
    color: black;
}

.nove:hover {
    background-color: #D11800 !important;
}

.pnove {
    color: white;
    font-size: 24px;

}

.ventas {
    padding: 5px;
}


#titmas {
    font-size: 3.2rem;
}

#mujer {
    width: 90%;
    margin-left: 10%;
}

#lisCar li {
    color: white;
    list-style: disc;
    font-size: 2rem;
}

#ticarac {
    font-size: 3rem;
    margin-left: 30%;
    font-weight: bold;
    color: #ea3433;
}

#caracte {
    float: left;
    background: black;
    padding-top: 180px;
    padding-bottom: 120px;
}

#vicfdi {
    width: 800px;
    height: 485px;
    margin-left: 13%;
}

#tiimpu {
    font-size: 3rem;
    margin-left: 0%;
    font-weight: bold;
    color: #ea3433;
}

#cabeza {

    width: 100%;
    height: 80px;
    padding-right: 0px;
    background: url(imgs/barra.jpg);
    background-size: 106.5%;
    float: left;
    position: fixed;
    z-index: 1600;
}

#sysadmin {
    color: #ea3433;
    font-size: 30px;
    margin-left: -30px;

}

#logox {
    width: 300px;
    height: auto;
    float: left;
    margin-top: 15px;
}





header {
    height: 50px;
    color: white;
    display: flex;
    justify-content: flex-end;
    z-index: 1600;
    margin-right: 30px;
}


#btn-lock {
    display: none;
}

.menu {
    z-index: 1600;
}

#btn-menu {
    display: none;
}

header label {
    font-size: 30px;
    cursor: pointer;
    display: none;
}

.menu ul {
    /* background: red;*/
    display: flex;
    list-style: none;
}

.menu ul ul {
    display: none;
}

.menu ul ul a {
    padding: 12px 12px;
    background: rgba(255, 255, 255, 0.8);
    border-bottom: 3px solid rgba(0, 0, 0, 0.3);
    color: #000000;
}

.menu ul ul a:link {
    text-decoration: none;
}


.menu ul li a:link {
    text-decoration: none;
}

.menu a {
    display: block;
    padding: 25px 12px;
    color: white;
    text-decoration: none;

}

.activa {
    border-bottom: 3px solid #D11800 !important;
    padding-bottom: 7px !important;
}


.menu a:hover {
    /* background: rgba(0, 0, 0, 0.3);*/
    color: #ea3433;
    text-decoration-line: underline;

}

.menu a span {
    margin-left: 10px;
}

.menu ul li:hover ul {
    display: block;
    position: absolute;
    /* background: white;*/
    background: rgba(0, 0, 0, 0.3);

}

.menu ul li a span {
    display: none;
}

#txtmenu {
    display: none;
}

.contacto {
    width: 90%;
    background: #0e0e0e;
    border: 2px solid white;
    border-radius: 5px;
    margin-top: 20px;
    height: 37px;
    color: white;

}

.lblCont label {
    color: white;
    font-size: 20px;
    margin-top: 20px;
    float: right;
}

#mensaje {
    width: 90%;
    background: #0e0e0e;
    border: 2px solid white;
    border-radius: 5px;
    margin-top: 20px;
    color: white;
}

#btnenviar {
    width: 120px;
    height: 45px;
    color: white;
    background: #ea3433;
    border: none;
    border-radius: 8px;
    margin-top: 10px;
    margin-right: -20px;
}

@media screen and (max-width: 1024px) {
    .menu ul li a {
        font-size: 12px;
    }

    #logox {
        width: 230px;
    }

    .col-md-3 {
        width: 20%;
    }

    .col-xl-9 {
        width: 75%;
    }

    #cabeza {
        background: url(imgs/barra1024.jpg);
        width: 100%;
        height: 80px;
        padding-right: 0px;
        background-size: 119.5%;
        float: left;
        position: fixed;
        z-index: 1600;
    }

    .grupos {
        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .hijo span {
        font-size: 16px;
    }

    .ley1,
    .ley2 {
        font-size: 18px;
    }

    #lisCar li {
        font-size: 18px;
    }

    #ticarac,
    #tiimpu {
        font-size: 34px;
    }


}

/*@media (max-width:1200px) {*/
@media (max-width:900px) {
    .contacto {
        width: 100%;

    }

    #mensaje {
        width: 100%;
    }

    .lblCont label {

        float: left;
    }

    #btnenviar {
        width: 120px;
        height: 45px;
        color: white;
        background: #ea3433;
        border: none;
        border-radius: 8px;
        margin-top: 10px;
        margin-right:0px;
    }

    .menu ul li a {
        font-size: 16px;
    }

    #sistemasxa,
    #foxnube {
        display: none !important;
    }

    .pieguion {
        display: none;
    }

    #pietodos,
    #piemarca,
    #pielocalidad,
    #pietel {
        width: 100%;
        text-align: center;
        float: left;
    }

    #piex {
        display: inherit;
        margin-top: 30px;
        padding-bottom: 20px;
    }

    #pietel {
        margin-bottom: 30px;
    }


    #sistemasxb {
        display: block;
    }

    .grupos,
    .remotos {
        display: none;
    }

    #sysadmin {
        margin-left: 10PX;
    }

    .grisarriba {
        padding-top: 30px !important;
    }

    header {
        height: 50px;
        color: white;
        display: flex;
        justify-content: flex-end;
        z-index: 1600;
        margin-right: 0px;
    }

    .menux {
        width: 100%;
    }

    .activa {
        border-bottom: 1px solid white !important;
        display: block;
        padding: 25px 19px !important;
        color: white;
        text-decoration: none;
        padding-bottom: 7px;
    }

    #txtmenu {
        display: block;
        float: left;
        width: 90%;
    }

    .menu ul li a span {
        display: block;
    }

    #imaloB {
        display: block;
        padding-top: 70px;
        width: 90%;
    }

    #logox {
        width: 100%;
        margin-bottom: 20px;
    }

    #imalo {
        display: none;
    }

    #btn-lock {
        display: block;
        margin-top: 10px;
        margin-right: 15px;
    }

    #espacio {
        height: 0px;
    }

    header label {
        display: block;
    }

    .menu {
        position: absolute;
        top: 50px;
        left: 0;
        width: 85%;
        transform: translateX(-100%);
        transition: all 0.3s;
        height: 580px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .menu a {
        border-bottom: 1px solid white;

    }

    .hero__caption {
        padding-top: 30px !important;
    }


    .menu ul {
        display: block;
        background: black;
        font-size: 18px;
    }

    .menu ul li:hover ul {
        display: none;
        position: static;
        background: #575757;
    }

    .menu a span {
        /* position: absolute; */
        right: 5px;
        float: left;
        margin-right: 20px;
        font-size: 30px;

    }

    .piemcr {
        width: 48%;
        text-align: left;
    }

    .tinov {
        font-size: 39px;
    }

    #btn-menu:checked ~ .menu {
        transform: translateX(0%);
    }

    .menu ul ul {
        background: rgba(0, 0, 0, 0.4);

    }

    .menu ul ul a {
        padding: 15px 40px;
        border: 1px solid white;

    }

    .rede {
        display: none;
    }

    #cabeza {
        /* width: 100%; */
        height: 60px;
        /* padding-right: 0px; */
        background: url(imgs/barra.jpg);
        /* background-size: 106.5%; */
        float: left;
        position: fixed;
        z-index: 1600;
    }

    .maspadre {
        height: 270px;
        margin-top: 60px;
        /*IMPORTANTE*/
        display: flex;
        justify-content: center;
        align-items: center;
        background: black;
    }
}




@media(max-width:767px) {
    #mujer {
        width: 100%;
        margin-left: 0%;
    }

    #lisCar li {
        color: white;
        list-style: disc;
        font-size: 1rem;
        margin-left: 5%;
    }

    #ticarac {
        font-size: 2.5rem;
        margin-left: 0%;
        font-weight: bold;
        color: #ea3433;
    }

    #caracte {
        padding-top: 40px;
        padding-bottom: 80px;
    }

    #vicfdi {
        width: 100%;
        height: 415px;
        margin-left: 0px;
    }

}