.divsliderSeccionSuperior {

    width:100%;

    height:400px;

}



.sliderimagenoVideo {

    width:100%;

    height:400px;

}



.divSeccionIconos {

    width:80%;

}

.textoTituloSlide {

    bottom:62%;

    position:absolute;

    color:#ffffff;

    font-weight:bold;

    font-size:2.7rem;

    line-height:1;/*interlineado separacion entre lineas de texto*/

    word-wrap:break-word;

    animation-duration: 2s;

    -webkit-animation-name: sliTitulo; /* Safari 4.0 - 8.0*/

    animation-name: sliTitulo;

    left: 42%;

    width:60%;

    float:left;



}

/*Safari 4.0 - 8.0*/

@-webkit-keyframes sliTitulo {

    from {left: 80%;        }

    to {

        left: 42%;



    }

}

@keyframes sliTitulo {

    from {   left: 80%;   }

    to {

        left: 42%;



    }

}



.TextoIntroSlide {

    /*	bottom:50%;*/

    top:37%;

    position:absolute;

    color:#ffffff;

    font-weight:bold;

    font-size:2.2rem;

    line-height:1;/*interlineado separacion entre lineas de texto*/

    word-wrap:break-word;

    animation-duration: 2s;

    -webkit-animation-name: sliIntro; /* Safari 4.0 - 8.0*/

    animation-name: sliIntro;

    left: 42%;

    width:58%;



}

/* Safari 4.0 - 8.0*/

@-webkit-keyframes sliIntro {

    from {left: -50%;        }

    to {left: 42%;    }

}

@keyframes sliIntro {

    from { left: -50%;    }

    to {  left: 42%;   }

}





.TextoMensajeSlide {

    background: rgba(164,156,156,0.58);

    /*  box-shadow: 0px 0px 10px #000 inset;

border: solid 1px;*/

    border-radius: 10px 10px 10px 10px;



    padding-left:5px;

    padding-right:5px;

    position:absolute;

    word-wrap:break-word;

    color:#ffffff;



    font-size:1.5rem;

    /* padding: 48px 0 0 0px;sup 0 abajo izq*/

    text-align:left;

    line-height:1;/*interlineado separacion entre lineas de texto*/

    animation-duration: 2s;

    -webkit-animation-name: sliMensaje; /* Safari 4.0 - 8.0*/

    animation-name: sliMensaje;

    left: 1%;

    bottom:5%;

    width:30%;

}

@-webkit-keyframes sliMensaje {

    from {bottom:70%;        }

    to { bottom: 5%;    }

}

@keyframes sliMensaje {

    from {bottom:70%;        }

    to { bottom: 5%;    }

}



.divSlide {

    position:absolute;

    left:40%;

    top:40%;

    width:auto;

    height:auto;

}



/*tomado de archivo slideshow*/

.slideshow {

    position:relative;

    margin:0 0 1em;

    direction:ltr;

}

.slideshow a {

    font-size:.75em;

    line-height:2em;

    text-decoration:none;

    color:#fff;

    background:#666;

}

.slideshow a:hover,

.slideshow .selected a {

    background-color:#333;

}

.carousel {

    margin:0;

    padding:0;

    list-style:none;

    width:100%;

}

.slide {

    z-index:1;

}

.slide .sliderimagenoVideo {



}

@-webkit-keyframes example {

    /*  from {opacity:1;}

       to {opacity:0.1;}*/

}





/* pagination*/

/* pagination */

.slides-pagination {

    position: relative;

    display:flex;

    top:-23px;

    justify-content: center;

    list-style:none;

    /*z-index:1;*/

    /*margin-left: 44%;*/



}



.slides-pagination li {

    display:inline;/*pone los numesos del slide en sentido horizontal*/

    display: flex;  justify-content: flex-end;

}

.slides-pagination a {

    display:block;

    float:left;

    width:2em;

    margin-right:5px;

    text-align:center;

}



/* skip*/

.slides-next,

.slides-prev {

    position:absolute;

    top:50%;

    margin-top:-1em;

    padding:0 .5em;

    z-index:1;/*estaba en 120*/



}

.slides-next {

    right:0;

}

.slides-prev {

    left:0;

}

.slides-next.disabled,

.slides-prev.disabled {



    cursor:auto;

}



svg {

    position:absolute;

    overflow:hidden;

    opacity:0.2;

    -webkit-animation-name: example;/* Safari 4.0 - 8.0*/

    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0*/

    animation-name: example;

    animation-duration: 2s;



}

/* Safari 4.0 - 8.0*/

@-webkit-keyframes example {

    from { margin-left:-420px;}

    to {margin-left:0px;}

}



/* Standard syntax*/

@keyframes example {

    from { margin-left:-420px;}

    to {margin-left:0px;}

}



/*div contenido medio*/

.divSeccionBajaSlide{

    width:96%;

    margin:0 auto;

    background-color:#ffffff;

    margin-top:5px;

    margin-bottom:15px;

    border-color:#000000;

    box-shadow: 0px 0px 10px #000 ;

    margin-top:20px;

    padding-bottom:20px;



}



/*Estilos de la galeria*/

.slide_proyectos{

    margin-top:1px;

    padding-top:15px;

    padding-left:5%;

    font-size:1.5rem;

    color:#AAA5A5;

    border-bottom: solid 1px;

}

.galeria {

    width: 100%;

    margin: auto;

    list-style: none;

    /*padding: 5px;*/

    box-sizing: border-box;

    text-decoration:none;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    text-justify:distribute;

}

.galeria a{

    text-decoration:none; /*quita el subrayado ubicandolo en la a*/

}

.galeria li {

    width: 260px;

    margin: 2px;

    border-color:#000000;

    box-shadow: 0px 0px 10px #000 inset;

    border-radius: 10px 10px 10px 10px;

    padding:5px;

}

.galeria li:hover {

    background:rgba(130,175,245,0.80);cursor:default;

}

.galeria p{

    margin-top:5px;

    color:#000000;

    word-wrap: break-word;

    width:100%;/**/

    text-justify:inter-word;

    font-weight:bold;

    /*background-color:red;*/



}

.galeria embed{

    width: 98%;

    height: 170px;

    padding-left:2px;

    padding-top:2px;



}



/*INICIO CONVENIOS*/

.divSeccionConvenios{

    width:96%;

    padding:10px;

    margin:0 auto;

    margin-bottom:10px;

    border-color:#000000;

    box-shadow: 0px 0px 10px #000 ;

    border-radius: 10px 10px 10px 10px;

    margin-top:10px;

}



.Titulo_Convenios{

    margin-top:1px;

    padding-top:10px;

    padding-left:5%;

    font-size:1.5rem;

    color:#ffffff;

    border-bottom: solid 1px;

    justify-content: center;

    background: rgba(30, 144, 255,0.5);

}

.ulConvenios {

    width: 100%;

    margin: auto;

    list-style: none;

    /*padding: 5px;*/

    box-sizing: border-box;

    text-decoration:none;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    text-justify:distribute;

}

.ulConvenios a{

    text-decoration:none; /*quita el subrayado ubicandolo en la a*/

}

.ulConvenios li {

    box-sizing: border-box;

    width: 270px;

    margin: 2px;

    border-color:#000000;

    box-shadow: 0px 0px 10px #000 ;

    padding:5px;

    background: #ffffff;

}

.ulConvenios p{

    margin-top:5px;

    color:#000000;

    word-wrap: break-word;

    width:100%;/**/

    text-justify:inter-word;

    font-weight:bold;



}

.ulConvenios embed{

    width: 100%;

    height: 170px;

    padding-left:2px;

    padding-top:2px;

}

.ulConvenios video{



    width: 100%;

    height: 170px;

    padding-left:2px;

    padding-top:2px;



}





/*VENTANA MODAL  */

.li_slideModal {

    z-index:1;

}



.modal-header{

    position: relative;

    display:  flex;



}

.modal-header #ModaldivImagenPrevia{

    position:absolute;

    width:50px;

    height: 60px;

    top:4px;

    float:left;

    left: 2px;



    /*background-color: red;*/

    /*margin:10px;*/

}

.imgModal{

    width:100%;

    float:left;

    height: 100%;

}

.modal-title{

    position:relative;

    /*display: block;*/

    left: 40px;



}



.modal-dialog {


 /*
    width: 800px;

   display: flex;*/

    /*height: auto;*/

    /*height: auto;*/

    /*background-color: red;*/

}

.li_slideModal{

    width: 100%;

    /*height: auto;*/

    top:2px;

}



.modal-dialog .li_slideModal .ModalimagenoVideo{

    width: 100%;

    height:450px;

}

.modal-body{
    padding-top: 0;

    padding-bottom: 0;

    height: auto;

    background-color: #fff;



}

.close{

    background-color: #000 !Important;

    margin: 5px;

    color:red;

    width: 25px;



}



/*INICIO SCREEN ENTRE 800 Y 999 AZUL*/

@media screen and (min-width:801px) and (max-width: 999px)  {

    .divsliderSeccionSuperior {

        height:300px;



    }



    .sliderimagenoVideo {

        height:300px;



    }



    .textoTituloSlide {

        /*top: 10%;

         font-size:1.3em;*/

    }



    .TextoIntroSlide {

        /*top:20%;

        font-size:1.8rem;*/

    }



    .TextoMensajeSlide {

        /*font-size:1rem;

        bottom:25%;*/

    }





}



/*SCREEN ENTRE 601 Y 800 VERDE*/

@media screen and (min-width:601px) and (max-width: 800px ){

    .divsliderSeccionSuperior {

        height:200px;

    }



    .sliderimagenoVideo {

        height:200px;

    }



    .textoTituloSlide {

        /*top: 10%;*/

        font-size:1.1em;

        /* background-color:red;*/

    }



    .TextoIntroSlide {

        /*top:20%;*/

        font-size:1.2rem;

    }



    .TextoMensajeSlide {

        font-size:0.8rem;

        /*bottom:23%;*/

    }





}

/*SCREEN MOVIL 300 a 600 AMARILLO*/

@media screen  and (min-width: 300px) and (max-width: 600px) {

    .divsliderSeccionSuperior {

        height:150px;

    }



    .sliderimagenoVideo {

        height:150px;

    }



    .textoTituloSlide {

        /*bottom:62%;*/

        font-size:0.7rem;

    }



    .TextoIntroSlide {

        /* top:25%;*/

        font-size:0.8rem;

    }



    .TextoMensajeSlide {

        font-size:0.5rem;

        /*bottom:23%;*/

    }

.modal-dialog {

        width: 85%;
        /*display: flex;*/
        /*height: auto;*/
        /*height: auto;*/
        /*background-color: red;*/
    }
}