.info-uno{
    color: black;
    background-color: #e5b60b;
}

.image-container{
    width: 100%;
    height: 100%;
}

.image-container img{
    background-repeat: no-repeat;
    background-size: cover;
}

.logo-zta img{
    padding-top: 2.5%!important;
    height: 120px;
    width: 120px;
}

.infodos nav ul li{
    cursor: pointer;  
}

.opciones >nav> ul> li> a:hover{
    border-bottom: 2px solid #ab0be5c3;
}

.opciones h6{
    text-align: center;
}

.opciones{
    padding-bottom: 3%;
}

.infodosprincipal{
    width: 45%;
    float: left;
    margin-right: 20px;
    padding-left: 5%;
    text-align: justify;
    border-left: 5px solid #641f95;
}

.titulo{
    text-align: center;
}

.contenido{
    padding-top: 5%;
    color: #5f5b62;
}

.vertical {
    border-left: 5px solid #641f95;
    height: 200px;
}

.infodossecundaria img{
    width: 85%;
}

.infotressprincipal{
    width: 75%;
    float: right;
    margin-left: 20px;
    padding-right: 5%;
    text-align: justify;
}

.textoTres{
    width: 75%;
    float: right;
    margin-left: 20px;
    padding-right: 5%;
    text-align: justify;
    border-right: 5px solid #109b5a;
}
.infotressecundaria{
    text-align: right;
}


.infotressecundaria img{
    width: 95%;
}

.portada{
    background-size: contain;
    text-align: center;
}

.portada img{
    width: 50%;
}

.titulocuatro{
    padding-top: 3%;
    width: 45%;
    float: left;
    margin-right: 20px;
    padding-left: 5%;
    text-align: justify;
    border-left: 5px solid #e5b60b;
}

.textocuatro{
    padding-top: 3%;
    color: #5f5b62;
    text-align: justify;
    width: 65%;
    float: right;
}

.titulos{
    font-family: 'Roboto', sans-serif;
}

.ver::before{
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #109b5a; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.roj::before{
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #e5b60b; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.mor::before{
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #641f95; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.centrado{
    padding-top: 2%;
    text-align: center;
}

.tam{
    width: 45%;
}


.accordion-button{
    background-color: white;
}

.collapsed{
    background-color: white;
}

.accordion-collapse{
    background-color: white;
}

.show{
    background-color: white;
}

.izquierda{
    text-align: left;
}

.icono{
    color: #5f5b62;
    width: 45px!important;
}

.demo{
    font-family: 'Roboto', sans-serif;
    font-size: 48px!important;
    line-height: 1.0;
    text-align: center;
}

.doble{
    
}

.subti{
    color: #5f5b62;
}

.tricolor{
    background:linear-gradient(to right, #109b5a 0, #109b5a 33%, #641f95 33%, #641f95 66%, #e5b60b 66%, #e5b60b 100%);
    width: 100%;
    height:13px;
}
.infodemo{
    font-family: 'Roboto', sans-serif;
    font-size: 35px ;
}
.subti{
    font-size: 35px;
    padding-bottom: 5%;
}
.foot{
    background-color: black;
}
.wrn{
    padding-top: 5%;
    padding-bottom: 5%;
    color: white;
    font-size: 15px;
}

.legal{
    padding-top: 25px;
    padding-bottom: 15px;
    font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 15px;
}

.link{
    text-decoration: none;
    color: #5f5b62;
}

link:hover{
    border-bottom: 2px solid #ab0be5c3;
}

.datos{
    color: white;
}

.iconoservicio{
    width: 55px;
    padding-right: 5px;
}

.tablaservicios{
    font-size: 15px;
}