.logo .cotent_sitio_situlo .titulo_sitio_link{
    padding-top: 18px;
    margin-left: 180px;
}
.custom--header{
    height: 80px;
}
.custom--header .logo-img{
    width: 170px;
}
.custom--header .logo-wrap-upaep{
    padding: 26px 9px;
}
.footer_contacto{
    background-color: #231f20;
    color: #FFF;
    padding: 50px 0;
}
.footer_contacto .redes{
    text-align: center;
}
.footer_firma {
    text-align: center;
}
.footer_firma img{
    width: 400px;
    margin: auto;
    padding: 20px 0;
}
    .container-fluid{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #cotLogo{
       
        padding-top: 4px;
        border-bottom: 1px solid #b3b3b3;
    }
    #contImgLogo{
        text-align: right;
    }
    
    #textTitulo{
        color: #4d4d4d;
        font-size: 24px;        
        font-family: 'Spinnaker', sans-serif;
        margin-left: 1%;
    }
    #colBanner{
        padding:0px;
        margin-top: 51px;
    }
    .imgbanner{
        width: 100%;
        cursor: pointer;        
    }
    /*----------------------------------------------SECTION--------------------------------*/
    #sectInfo{
        background-color:#231f20;
       /* width: 100%;*/
        height:780px;
    }

    #contIzquierda{
        margin-top: -4%;
        max-width: 87%;
        margin-left: 15%;
        height: 100%;
    }

    #asideDerecha{
        background: #ff0000;
        max-width: 450px;
        margin-left: 11%;
        padding: 0px;
    }
    #contDerecha{
		height: 100%;
		background: #ddd;
		text-align: left;
		padding: 0px;
		width: 100%;
		background: #ff0000;
		margin-top: -7%;
    }
    .contTextoDerecha{
        text-align: -webkit-left;
        padding: 10%;
        padding-top: 23%;
    }
    .txtBlanco40{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 40px;
        font-weight: 800;
        font-style: italic;
    }
     .txtBlanco35{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 40px;
        font-weight: 800;
        font-style: italic;
    }
    .txtBlanco28{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 25px;
        font-weight: 400;
        font-style: italic;
    }
    .txtBlanco28blod{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 25px;
        font-weight: 800;
        font-style: italic;

    }
    .txtBlanco20{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        font-style: italic;
    }
    .txtBlanco20blod{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 20px;
        font-weight: 800;
        font-style: italic;
    }
    
    .txtBlanco22{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 22px;
        font-weight: 400;
        font-style: italic;
    }
    .txtBlanco16{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        font-style: italic;
    }
    .txtBlanco16Blod{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 16px;
        font-weight: 800;
        font-style: italic;
    }
    .btnInscribete{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 28px;
        font-weight: 400;
        font-style: italic;
        border-radius: 10px;
        border: 2px solid #838383;  
        text-align: center;
        background: #ff0000 !important;

    }

    .btnMayores{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 28px;
        font-weight: 400;
        font-style: italic;
        border-radius: 10px;
        border: 2px solid #fff;  
        text-align: center;
        background: #ff0000 !important;
        margin-top:19%;
    }

    .ontbtnInscribete{
        margin-bottom: 10%;
    }

    #contDerecha .contTexto{
        /*margin-top: 2%;*/
        padding: 19%;
        background: #ff0000;
        height: 107%;
    }
    #contIzquierda .contTexto{
        margin-top: 12%;    
    }
    .textoBlanco25b{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 24px;
        font-weight: 800;
        text-align: left;
    }
    
    .textoBlanco25r{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size:25px;
        font-weight: 400;
        text-align: left;

    }
    .textoBlanco25ri{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 25px;
        font-weight: 400;
        font-style: italic;
        text-align: left;

    }

    .divPie{ 
        background:#4d4d4d; 
    }
    .imgPie{
        height: 50px;
        width: 100%;
    }
/*-------------------------------------------------Filtros---------------------------------------------------*/
   #contPOrdenar{
    margin-top: 6%;
    text-align: center;
   }
    #pOrdenarPor{
        font-family: 'Merriweather Sans', sans-serif;
        /*color: #fff;*/
        font-size: 36px;
        font-weight: 800;
        font-style: italic;
    }
    #divIconsFiltro{
       /*margin-top: 4%;*/
       padding: 2% 2%;
   }
   .barra{
        margin-top: 7px;
        height: 7px;
        background: #231f20;
    }
    #contFiltrosMovil{
        width: 100%;
        display: none;
        margin-left: 7%;
        padding-right: 9%;
    }
    .filtrosMovilTexto{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        font-style: italic;
        height:40px; 
        margin-bottom: 7px;
        padding-left: 15px;
        padding-top: 3%;
        width: 80%;
        text-align: initial;
        cursor: pointer;
    }

    .divFiltroMovil1{
        background:  #e30613;
    }
    .divFiltroMovil2{    
        background:#e30613;
    }
    .divFiltroMovil3{    
        background:#e30613;
    }
    .divFiltroMovil4{
        background:#e30613;
    } 
    .divFiltroMovil5{
        background:#e30613;
    }
    .divFiltroMovil6{
        background:#e30613;
    }
     .divFiltroMovil0{
        background:#e30613;
    }
    .contBarraV{width:  8px;}
     .barraV{
            margin-top: 0px;
            width: 8px;
            background: #231f20;
            height: 40px;
            margin-left: 10px;
            display: none;
        }
/*------------------------------------------PONENCIAS-------------------------------------------------*/

    #divContPonencias{
     margin-top: 5%; 
     text-align: center;
     margin-left: 1%;
     margin-right: 1%;
    }
    .divPonencia{
        padding:3%;
    }
    .pTituloPonencia{
        font-family: 'Merriweather Sans', sans-serif;
        color: #838383;
        font-size: 25px;
        font-weight: 800;
        text-align: left;
        width: 360px;
        padding-top: 3%;
        margin-bottom: 30px;
    }
    .pNombrePonente{
        font-family: 'Merriweather Sans', sans-serif;
        color: #838383;
        font-size: 19px;
        font-weight: 300;
        font-style: italic;
        text-align: left;
        
        
        
    }
    .pad{
        float: left;
    }
    .divTextoNotas{
        padding:0px;
    }
    .btnDescargar{
        font-family: 'Merriweather Sans', sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: 200;
        font-style: italic;
        text-align: center;
        cursor:pointer;
        margin-bottom: 30px;
        display: block;

    }
    /*------------------------------paginación------------------*/
    .btnIcons{
        cursor: pointer;
    }
    #divPaginacion{
        text-align: center;
    }
    #divContTrama{      height: 100%; 
        /*width: 100%;  */
    }
    #imgContTrama{      height: 100%; 
    /*  width: 100%;  */
    }
    .page-item.active .page-link {

    z-index: 1;
    color: #fff;
    background-color: #231f20 !important;

    border-color: #231f20;
    }
    /*------------------------------Modal---------------------------------*/

    .spinnerModal {
    width: 100%;
    height: 100%;
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999999999999999999;
    background-color: #ffffff;
    display: none;
    text-align: center;
    opacity: 0.8;
    padding-top: 38%;
}

iframe{
        width: 100%;
        border:0px;
        height: 450px;
     }
    nav{
        display: flex;
        justify-content: center;
    }
.modal-body{
    height: 650px;
    overflow-y: auto;
}

    @media (max-width: 1199px) {
        .btnDescargar{
            margin-left: 0px;
        }
        #asideDerecha {
            max-width: 340px;
        }
        
    }
    
    @media (max-width: 1174px) {    
       .txtBlanco40 {
            font-size: 37px;
        }
        #asideDerecha {
            max-width: 372px;
            margin-left: 7%;
        }

        .txtBlanco40{       font-size: 35px;    }
        .txtBlanco28{       font-size: 20px;    }
        .txtBlanco28blod{   font-size: 20px;    }
        .txtBlanco20{       font-size: 15px;        }
        .txtBlanco20blod{       font-size: 15px;    }
        .btnInscribete{     font-size: 20px;        }
        .btnMayores{font-size: 20px; }
        .textoBlanco25b{        font-size: 18px;    }
        .textoBlanco25r{        font-size: 18px;    }
        .textoBlanco25ri{       font-size: 18px;    }
        .pTituloPonencia{       font-size: 18px;    }
        .pNombrePonente{        font-size: 15px;    }        
    }
    @media (max-width: 991px) {
      #asideDerecha {
        max-width: 272px;
        margin-left: 5%;
    }

    @media (max-width: 980px) {
            #colBanner{
        margin-top: 0px;
    }
        
    }
        
    }
    @media (max-width: 767px) {
        .txtBlanco40{       font-size: 30px;    }
        .txtBlanco28{       font-size: 18px;    }
        .txtBlanco28blod{   font-size: 18px;    }
    .txtBlanco20{       font-size: 14px;        }
    .txtBlanco20blod{       font-size: 13px;    }
    .btnInscribete{     font-size: 18px;        }
    .btnMayores{		font-size: 18px; }
    .textoBlanco25b{        font-size: 15px;    }
    .textoBlanco25r{        font-size: 15px;    }
    .textoBlanco25ri{       font-size: 15px;    }
    .pTituloPonencia{       font-size: 15px;    }
    .pNombrePonente{        font-size: 10px;    }

    
    .imgPonente{ width: 95%; }
    #contTrama{  height: 150px;}
    #contIzquierda {        max-width: 100%;   margin-left: 0px; }
    #sectInfo {           height: 100%;     margin-bottom: 12%; }
   	#asideDerecha{   		
   		max-width: 100%;
   		width: 100%;   
   		margin-left: 0px;
   		margin-top: 7%;

   	}
   	#contDerecha{
   		width: 100%;
   		margin-top: 7%;

   	}


    .modal-body{
        height: 500px;

    }

   /* #contDerecha {          max-width: 100%;  margin-left: 0px;    }*/
    
    }
    @media(max-width: 621px){
   
    }
    @media (max-width: 575px) {

       /* .txtBlanco40{       font-size: 30px;    }
        .txtBlanco28{       font-size: 18px;    }
        .txtBlanco28blod{   font-size: 18px;    }
        .txtBlanco20{       font-size: 10px;    }
        .txtBlanco20blod{   font-size: 10px;    }
    
        .textoBlanco25b{    font-size: 15px;    }
        .textoBlanco25r{    font-size: 15px;    }
        .textoBlanco25ri{   font-size: 15px;    }
        .logo-img.logo-img-main{    width: 100%;    }
        #contImgLogo {          text-align: none;   max-width: 40%;}
        #textTitulo{ max-width: 60%; font-size: 15px; }
        .pTituloPonencia{       font-size: 12px;    }
        .pNombrePonente{        font-size: 9px; }*/
        #contTrama{display: none;}

        #imgObtenPase{width: 100%; margin-top: 50px;}

        #contFiltrosMovil{display: block;}

        .btnInscribete{     font-size: 18px;   margin-bottom: 6%; }
        #sectInfo { padding-top: 10%; height: 100%;  }
        .imgPonente { width: 95%;}
        #contTrama{height: 100px;       }
        #divIconsFiltro{
         margin-top: 4%;
           padding: 2% 2%;
        }
        #divIconsFiltro img{
           max-width: 100%;
           max-height: 100%;
           display: none;
        }
        #contPOrdenar{
            margin-top: 25%;

        }
        #pOrdenarPor{            
            font-size: 22px;
        }
        .imgPie{height: 30px;}
       
        
    }   

    @media(max-width: 514px){
		#textTitulo{margin-left: 0px;}
    }
    @media(max-width: 431px){
    	#textTitulo{
    		font-size: 18px; 
			/*background: #4d4d4d;*/
    	}
    }
    @media(max-width: 320px){
        .txtBlanco40 {
            font-size: 26px;
        }
    }