*{
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}
/* 

--------------Pagina Proyectos-----------------------------

*/
.Contenido-Total .proyectosojnum{
    width: 80%;
    max-width: 85%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
.Contenido-Total .proyectosojnum div{
    width: 65%;
    max-width: 70%;
    height: 120px;
    border: 1px solid ;
    margin: 40px;
    padding: 20px;
}
.Contenido-Total .proyectosojnum div img{
    width: 170px;
    max-width: 180px;
    height: 100px;
    float: left;
    margin-top: 5px;
}
.Contenido-Total .proyectosojnum a{
    text-decoration: none;
    color: black;
    width: 100%;
}
.Contenido-Total .proyectosojnum div b{
    margin: 5px;
    padding: 5px;
}
.Contenido-Total .proyectosojnum div p{
    margin-left: 171px;
    margin-top: 5px;
    padding: 8px;
}
@media all and (max-width:815px){
    .Contenido-Total .proyectosojnum div{
        width: 85%;
        max-width: 85%;
    }
}
@media all and (max-width:660px){
    .Contenido-Total .proyectosojnum div{
        padding: 15px;
    }
    .Contenido-Total .proyectosojnum div b{

        float: right;
    }
    
    .Contenido-Total .proyectosojnum div p{
        margin-top: -80px;
        float: left;
    }
    .Contenido-Total .proyectosojnum .caja2 .Texp1{
        position: relative;
        margin-top: 20px;
    }
}
@media all and (max-width:598px){
    .Contenido-Total .proyectosojnum div{
        width: 92%;
        max-width: 100%;
        margin: 0;
        position: relative;
        margin-top: 20px;
    }
    .Contenido-Total .proyectosojnum #trayect{
        margin-top: 30px;
    }
}
@media all and (max-width:546px){
    .Contenido-Total .proyectosojnum div{
        height: 180px;
    }
    .Contenido-Total .proyectosojnum .caja2{
        height: 220px;
    }
    .Contenido-Total .proyectosojnum div b{

        float: left;
    }
    .Contenido-Total .proyectosojnum div p{
        margin-top: -5px;
        margin-left: -10px;
        width: 100%;
    }
}

@media all and (max-width:505px){
    
    .Contenido-Total .proyectosojnum div{
        width: 85%;
        height: 200px;
    }
    
    .Contenido-Total .proyectosojnum .caja2{
        height: 230px;
    }
    .Contenido-Total .proyectosojnum {
        
        max-width: 100%;
    }
    .Contenido-Total .proyectosojnum b{
        font-size: 0.95em;
        overflow: hidden;
    }
    .Contenido-Total .proyectosojnum p{
        width: 100%;
        font-size:4vw;
    }
}



/**

-----------------Página de Ojnum Galería-----------------------

**/

.Contenido{
    width: 100%;
    overflow: hidden;
    border: 1 solid;
}
.Contenido h2{
    margin-top: 50px;
    margin-left: 10%;
}
.Slider{
    width: 100%;
    margin: auto;
    height: 550px;
    margin-top: 20px;
}
.Slider ul{
    display: flex;
    width: 4100%;
    padding: 0;

    animation:  cambio 110s infinite;
}
.Slider li{
    width: 100%;
    list-style: none;
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s;
}
.Slider img{
    width: 100%;
    height: 550px;
    object-fit: cover;
}
.Slider li:first-child{
    opacity: 1;
}
/*

@keyframes cambio{
    0% {margin-left: 0;}
    1.5% {margin-left: 0;}

    2.5% {margin-left: -100%;}
    4% {margin-left: -100%;}

    5% {margin-left: -200%;}
    6.5% {margin-left: -200%;}

    7.5% {margin-left: -300%;}
    9% {margin-left: -300%;}

    10% {margin-left: -400%;}
    11.5% {margin-left: -400%;}

    12.5% {margin-left: -500%;}
    14% {margin-left: -500%;}

    15% {margin-left: -600%;}
    16.5% {margin-left: -600%;}

    17.5% {margin-left: -700%;}
    19% {margin-left: -700%;}

    20% {margin-left: -800%;}
    21.5% {margin-left: -800%;}

    22.5% {margin-left: -900%;}
    24% {margin-left: -900%;}

    25% {margin-left: -1000%;}
    26.5% {margin-left: -1000%;}
     
    27.5%{margin-left: -1100%;}
    29%{margin-left: -1100%;}

    30% {margin-left: -1200%;}
    31.5% {margin-left: -1200%;}

    32.5% {margin-left: -1300%;}
    34% {margin-left: -1300%;}
     
    35%{margin-left: -1400%;}
    36.5%{margin-left: -1400%;}

    37.5% {margin-left: -1500%;}
    39% {margin-left: -1500%;}

    40% {margin-left: -1600%;}
    41.5% {margin-left: -1600%;}
     
    42.5%{margin-left: -1700%;}
    44%{margin-left: -1700%;}

    45% {margin-left: -1800%;}
    46.5% {margin-left: -1800%;}

    47.5% {margin-left: -1900%;}
    49% {margin-left: -1900%;}
     
    50%{margin-left: -2000%;}
    51.5%{margin-left: -2000%;}
     
    52.5%{margin-left: -2100%;}
    54%{margin-left: -2100%;}
     
    55%{margin-left: -2200%;}
    56.5%{margin-left: -2200%;}
     
    57.5%{margin-left: -2300%;}
    59%{margin-left: -2300%;}
     
    60%{margin-left: -2400%;}
    61.5%{margin-left: -2400%;}
     
    62.5%{margin-left: -2500%;}
    64%{margin-left: -2500%;}
     
    65%{margin-left: -2600%;}
    66.5%{margin-left: -2600%;}
     
    67.5%{margin-left: -2700%;}
    69%{margin-left: -2700%;}
     
    70%{margin-left: -2800%;}
    71.5%{margin-left: -2800%;}
     
    72.5%{margin-left: -2900%;}
    74%{margin-left: -2900%;}
     
    75%{margin-left: -3000%;}
    76.5%{margin-left: -3000%;}
    
    77.5%{margin-left: -3100%;}
    79%{margin-left: -3100%;}
     
    80%{margin-left: -3200%;}
    81.5%{margin-left: -3200%;}
     
    82.5%{margin-left: -3300%;}
    84%{margin-left: -3300%;}
     
    85%{margin-left: -3400%;}
    86%{margin-left: -3400%;}
     
    87%{margin-left: -3500%;}
    88%{margin-left: -3500%;}
     
    89%{margin-left: -3600%;}
    90%{margin-left: -3600%;}
     
    91%{margin-left: -3700%;}
    92%{margin-left: -3700%;}
     
    93%{margin-left: -3800%;}
    94%{margin-left: -3800%;}
     
    95%{margin-left: -3900%;}
    96%{margin-left: -3900%;}
     
    97%{margin-left: -4000%;}
    98%{margin-left: -4000%;}
     
    99%{margin-left: -4100%;}
    100%{margin-left: -4100%;}
}*/

.conjuntoslider{
    width: 90%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 40px;
}
.conjuntoslider li{
    display: inline;
    text-align: center;
}
.conjuntoslider li a{
    display: inline-table;
    color: white;
    text-decoration: none;
    background-color: green;
    padding: 1.99px;
    width: 20px;
    height: 18px;
    font-size: 1em;
    border-radius: 100%;
    position: relative;
        
}
.conjuntoslider li a:hover{
    background-color: red;
}
.Slider li:target{
    opacity: 1;
}


/**


-------------------------Página ORGANIGRAMA-------------------------

*****/
.ORGANIGRAMA{
    width: 100%;
    max-width: 1500px;
    margin-top: 50px;
}
.ORGANIGRAMA div img{
    margin: auto;
    display: block;
    width: 98%;
}
/**


-------------------------Página Contacto-----------------------

*****/

.Contenido-Contacto{
    width: 100%;
    overflow: hidden;
    border: 1 solid;
}
.Contenido-Contacto h2{
    margin-top: 50px;
    margin-left: 10%;
}
.Contenido-Contacto .titcontacto, input, textarea, .nombre, .apellido, .nota{
    margin-left: 10%;
    margin-top: 10px;
}
.Contenido-Contacto .apellido, .nombre, #comentarios{
    color: rgba(8, 8, 8, 0.7);
    font-size: 1em;
}

.Contenido-Contacto i{
    color: red;
}
.Contenido-Contacto .titcontacto{
    color:rgba(8, 8, 8, 0.9);
    font-size: 1.3em;
}
.Contenido-Contacto input{
    font-size: 1.2em;
}

@media all and (max-width:800px){
    .Contenido-Contacto #correo, #Telefono{
        size: 30px;
        font-size: 1.5vw;
    }
}

/**


-------------------------Página Seamos derechos y humanos-----------------------

*****/
.SDH{
    width: 100%;
    max-width: 1500px;
    margin-top: 50px;
    overflow: hidden;
}
.SDH img{
    margin: auto;
    display: block;
    width: 70%;
    height: 800px;
}
.SDH h2 {
    text-align: center;
    margin-top: 50px;
}
.SDH div{
    position: relative;
    margin-left: 10%;
    border-top: 1px solid;
    padding: 40px;
    margin: 80px;
}
.SDH div img{
    width: 180px;
    height: 120px;
}
.SDH div .imgcontexto{
    float: left;
}
.SDH div b{
    font-size: .98em;
    position: relative;
    margin-left: 1.5%;
    top: 10px;
    color: black;
}
.SDH div a{
    margin-left: 1.5%;
    position: relative;
    top:40px
}
.SDH div .div{
    text-decoration: none;
    font-size:1.5em;
    color:#ffffff;
    border-radius: 20px 20px 20px 20px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:25px;
    padding-right:25px;
    background-color:red;
    
}
@media all and (max-width:859px){
    .SDH img{
        width: 80%;
        height: auto;
    }
    .SDH h2{
        font-size: 2.6vw;
    }
    .SDH div b{
        font-size: 2.4vw;
    }
}

@media all and (max-width: 700px) {
    .SDH div {
        margin-top: 25px;
        padding: auto;
    }
    .SDH div .div{
        font-size:1em;

    }
}

@media all and (max-width:540px){
    .SDH h2{
        font-size: 1em;
    }
    .SDH div{
        margin: 20px;
        height: 150px;
        line-height: 20px;
    }
    .SDH div b{
        float: left;
        font-size:0.8em;
    }
}
@media all and (max-width:450px){
    

    .SDH div img{
        text-align: center;
        width: 140px;
        height: 100px;
    }
}
@media all and (max-width:360px){
    .SDH div{
        height: 200px;
    }
    .SDH div .div{
        float: left;
        top: 20px;
    }
}