* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
     box-sizing:border-box;
  }
::-webkit-input-placeholder { 
    color:rgba(84, 84, 84, 1);   
    font-style:normal;
    font-family: 'Poppins'; 
}
::-moz-placeholder {  
    color:rgba(84, 84, 84, 1);   
    font-style:normal;
font-family: 'Poppins'; 
} 
:-ms-input-placeholder { 
    color:rgba(84, 84, 84, 1);   
    font-style:normal;
font-family: 'Poppins';
}
input:-moz-placeholder { 
    color:rgba(84, 84, 84, 1);   
    font-style:normal;
font-family: 'Poppins';
}
body {
    max-width:1100px;   
    overflow-x: hidden;   
    overflow-y:auto;  
    margin:auto;
    background-color:rgba(255, 255, 255, 1);  
font-family: 'Poppins';
}
.ContentPage {
    width:95%;
    margin:auto;   
}
/******************HEADER**************************/
auto-styleb {
            width: 100%;
            height: 100%;
            }

    .fotobanner{
       /*width: 1397px;
       height: 141px;*/
    width: 100%;
       height: 100%;

    }
.logo {  
    width:25%;  
    height:100px;  
    float:left; 
    /*padding:10px;*/ 
    text-align:center;
    background-color:rgba(255, 255, 255, 1);      
}
.imgLogo{
    width:100%;
    height:100%;
}

.imgLive{
        width:80px;
        height:100%;
    }
.titulo {
    width: 80%;    
    height:100px;  
    float: left;
    /*line-height: 4em;*/
    /*padding: 10px;*/
    margin-top:2px;
    text-align: center;   
    background-color:#960c0c; /*COLOR FONDO */
}
    .titulo span {
        color:white;
        font-weight: 400;
        font-size: 2.5em;
        letter-spacing: 0.3em;
          margin-top:2px;
    }
/******************BUSQUEDA**************************/
.buscador {
    width:100%;
    height:50px;
    float:left;
    background-color:#960c0c; /*COLOR FONDO */
    border-top:1px solid  rgba(84, 84, 84, 0.6);  
    border-bottom:1px solid rgba(84, 84, 84, 0.6);  
}
.busqueda {
    width:50%;
    margin:auto;
    height:100%;
    float:left;  
    border-right:1px dashed rgba(255, 255, 255, 0.6); 
    padding-left:40px;
    padding-right:40px;          
}
    .busqueda span {
        color:#960c0c; /*COLOR FONDO */
        font-size:0.6em;
        font-weight:600;
    }
.linkBuscar{   
    border:1px solid rgb(15,15,15);  
    padding-top:2px;
    padding-left:11px;
    padding-right:11px; 
    padding-bottom:2px;   
    text-decoration:none;    
    background-color:#960c0c; /*COLOR FONDO */
}
    .linkBuscar:hover {
         background-color:#960c0c; /*COLOR FONDO */
    }
    .linkBuscar span {
         font-size:0.9em;
         color:rgba(255, 255, 255, 1);
    }
.iconSearch {
    font-size:0.9em;
    color:rgba(255, 255, 255, 1);
    margin-right:4px;
}
.avanzada {
    width:40%;
    height:100%;
    float:left; 
    padding-left:20px;
    padding-right:20px;
    color:rgba(255, 255, 255, 1);
font-family: 'Poppins';
font-size:0.9em;
}
.textBox {
    width:100%;
    height:30px;
    padding-left:10px;
    border:1px solid rgba(84, 84, 84, 0.7);
font-family: 'Poppins';
}
/*******************CONTENIDO************************************/
.content {
    width:100%;   
    min-height:679px;
    height:auto; 
    /*float:left;*/   
    background-color:#ffffff; 
font-family: 'Poppins';  
}
@media only screen and (min-width: 1400px) {
    .content {
        width:100%;     
        height:700px;      
        /*float:left;*/   
        background-color:rgba(255, 255, 255, 1);   
    }
}

tituloActadirecto {
    width: 80%;
    height: 10%;
    /*float: left;*/
    line-height: 5em;
    text-align: center;
    /*padding-top:10px;*/
     font-size:2em;
     /*background-color:#ebedec;*/            
}
    .tituloActadirecto span {
        font-size:2em;
        color:#000;
        /*padding-top:10px;*/
    }



.tituloActa {
    width: 80%;
    height: 10%;
    /*float: left;*/
    /*line-height: 5em;*/
    text-align: center;
    /*padding-top:10px;*/
     /*background-color:#ebedec;*/            
}
    .tituloActa span {
        font-size:1.3em;
        letter-spacing:0.1em;
        color:#000;
        /*background-color:#ebedec; ocualta gris texto titulo*/
        /*padding-top:10px;*/
    }
.verIndice{
    width:20%;
    height:10%;
    float:left;   
    line-height:5em;
    text-align:center;
}
.linkVer {
        text-decoration:none;
        font-size:1em;
        font-weight:600;
        color:rgba(255, 255, 255, 1);
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
        padding-right:10px;     
        background-color:#960c0c; /*COLOR FONDO */    
        font-weight:bold;
        border:1px solid #960c0c; /*COLOR FONDO */
}
     .linkVer:hover {            
        background-color:#960c0c; /*COLOR FONDO */
    }
.iconPlay {
    font-size:1.2em;
    margin-right:5px;
    color:rgba(255, 255, 255, 1);
}
.divContentVideo {
   /* width:100%;*/    
    height:50%;
    /*float:center;*/  
   /* margin-top:2px; 
    margin-bottom:2px;  */  
   text-align: -webkit-center;
}
    .divVideo{
        text-align:center;
        width:50%; 
        height:50%;  
           
    }
 .divTituloUltimasSesiones {
    width: 100%;
    float: left;
    text-align: center;         
}
.tituloSesionesAnteriores {
    width:100%;
    margin:auto;   
    padding-top:8px;   
}
    .tituloSesionesAnteriores span {
        font-size:1.0em;
        letter-spacing:0.1em;
        text-align:justify;
        color:#000;
          padding-bottom: 8px;
    }
.divUltimasSesiones { 
    width:100%;  
    height:220px;  
    margin-bottom:5px;     
	overflow-x: auto;  
      /*padding-bottom: 8px;*/        
}                   
.acta{      
    padding:2px;
    height: 200px;
    margin-left:2px;
    margin-right:2px;   
    width:200px;
    text-align:center;
    border:solid 0px rgba(60, 55, 59, 1);
    float:left;      
}
.imagen {
    width:100%;
    margin:auto;
    height:45%;
    /*padding:4px;*/   
}
    .imagen img {    
        width:100%;
        height:100%;
        margin:auto;       
    }
.nombre {
    width:100%;
    margin:auto;
    margin-top:2px;           
}
    .nombre span {
        font-size:0.8em;
        text-align:center;
        line-height:initial;         
    }
.duracion {
    width:100%;
     font-family: 'Poppins'; 
        text-align:center ;
font-size:0.7em;
        /*background-color:black;*/
        color: rgba(255, 255, 255, 1);
        /*padding: 4px;*/
        /*margin-left:4px;*/   
}
    /*margin:auto; 
    margin-bottom:4px;*/   
}
    .duracion span {
        font-size:0.7em;
        font-family: 'Poppins'; 
        text-align:left;
        /*line-height:initial;  */       
    }
.enlace {
    width:100%;
    margin:auto;
    margin-top:4px;   
}
    .enlace a {
        font-size:0.7em;
        text-align:center;
        line-height:initial;
    }

/*******************FOOTER*****************************/
.footer {   
    width:100%;
    height:100px;
    float:left;    
    background-color:#333;   
    border-top:1px solid rgba(84, 84, 84, 1);
}
.textoFooter {
    width:100%;
    height:20%;
    text-align:center;
    margin:auto;     
    padding:3px;     
}
    .textoFooter span {
        color:#ffffff;
        font-size:10pt;
    }
    .textoFooter span a {
        color:#ffffff;
        font-size:10pt;
        text-decoration:none;
        cursor:pointer;
    }
.redesSociales {
    width:100%;
    height:40%;
    text-align:center;       
}
.tableRedes {
    width:10%;
    margin:auto;   
    height:100%;
    text-align:center; 
}
.arriba {
    width:100%;
    height:30%;   
    text-align:right;    
    margin:auto; 
    padding-right:10px; 
    display:none;    
}    
.imgArriba {
    font-size:1.6em;
    cursor:pointer;
    color:rgba(255,255,255,1);
}
.imgArriba:hover {    
   color:#ede9ec;
}
.logoSmartis {
    width:100%;
    height:40px;      
    text-align:center;
     
}
    .logoSmartis img {
        width:150px;
        height:100%; 
        
      
    }
/*******************MEDIA****************************990** 1400*/
@media only screen and (max-width: 3496px) {
    tituldirecto {
    width: 80%;
    height: 10%;
    float: left;
    line-height: 5em;
    text-align: center;
    padding-top:10px;
     /*background-color:#ebedec;*/            
}
    .tituldirecto span {
        font-size:2em;
        letter-spacing:0.1em;
        color:#000;
        padding-top:10px;
    }
    
    .logo {
        padding: 10px;
        width: 100%;
        text-align: center;
    }

    .imgLogo {
        width:250px;
        height: 100%;
    }

    .titulo {
        width: 100%;     
        float: left;
        height: auto;
        padding: 20px;
        color:white;
        /*line-height: 1.2em;*/
        

    }

        .titulo span {
            font-weight: 400;
            font-size: 2em;
            letter-spacing: 0.3em;
        }

    .buscador {
        width: 100%;
        height: 100%;
    }

    .busqueda {
        width: 50%;
        height: 100%;
        padding: 12px;
        border: none;
    }

    .textBox {
        width: 100%;
    }

    .avanzada {
        width: 50%;
        padding: 10px;

    }
    .ContentPage {
        width:100%;
    }
    .content{
        width:100%;
        height:auto;
        padding:5px; 
    }    
    .tituloActa {
        width:100%;
        height:auto;
        /*padding:5px;*/
        /*line-height:3em;*/   
         /*background-color:#ebedec;*/          
    }
        .tituloActa a {
             font-size:0.9em;
        }
    .verIndice {
        width:100%;
        height:auto;
        text-align:center;
    }
 .divContentVideo {
        width:100%;
        height:100%;
        min-height:100%;
        margin-top:4px;
        margin-bottom:4px;
    }
    .divVideo{
       /* width:100%;*/  
        width:50%; 
        height:50%; 
        padding-left:0px;         
    }   
    .footer {
        width: 100%;
        height: 100%;
        padding:10px;
    }
    .redesSociales
    {
        width:100%;
        height:100%;
    }
    .tableRedes {
        width:30%;
        margin:auto;   
        height:100%;
        text-align:center; 
    }
    .arriba {
        width:100%;
        display:block;
        height:100%;        
    }
    .divCarrusel {
        width: 95%;
    }  
    .acta{     
        width:200px;
        height:100%;
        margin-top:5px;
        text-align:center;
    }
    .imagen {
        /*width:150px;*/
    }
    .divUltimasSesiones {
        width:100%;    
        height:auto;   
          /*padding-bottom: 8px;*/ 
    }
    /* Srollbar */
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }
    ::-webkit-scrollbar-thumb {
        background: #545454; 
        border-radius: 10px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #545454; 
    }
}
@media only screen and (max-width: 600px) {
 ituldirecto {
    width: 80%;
    height: 10%;
    float: left;
    line-height: 5em;
    text-align: center;
    padding-top:10px;
     /*background-color:#ebedec;*/            
}
    .tituloActadirecto span {
        font-size:2em;
        letter-spacing:0.1em;
        color:#000;
        /*padding-top:10px;*/
    }
    
       .logo{
        padding:10px; 
        width:100%;  
        text-align:center;
    }
    .imgLogo {
         width:243px;
        height: 100%;
    }
      .imgLive{
        width:80px;
        height:100%;
    }
    .titulo {
         width: 100%;         
         float:left;       
         height: auto;
         padding:20px;
         line-height: 2.5em;
        
         
    }
        .titulo span {
            font-weight: 400;
            font-size: 2em;
            letter-spacing: 0.3em;
            color:white;
        }
    .buscador {
        width:100%;
        height:100%;
    }
    .busqueda {
        width:100%;
        height:100%;
        padding:12px;
        border:none;
    }
    .textBox {
        width:100%;
    }
    .avanzada {
        width:100%;
        padding:10px;
    }
    .ContentPage {
        width:100%;
    }
    .content{
        width:100%;
        height:auto;
        padding:5px; 
    }    
    .tituloActa {
        width:100%;
        height:auto;
        /*padding:5px;*/
        line-height:3em;  
         /*background-color:#ebedec;*/       
    }
        .tituloActa a {
             font-size:0.5em;
        }
    .verIndice {
        width:100%;
        height:auto;
        text-align:center;
    }
    .divContentVideo {
        width:100%;
        height:100%;
        min-height:100%;
        margin-top:4px;
        margin-bottom:4px;
    }
    .divVideo{
          /* width:100%;*/    
        width:50%; 
        height:50%; 
        float:left;        
    }   
    .footer {
        width: 100%;
        height: 100%;
        padding:10px;
    }
    .redesSociales
    {
        width:100%;
        height:100%;        
    }
    .tableRedes {
        width:30%;
        margin:auto;   
        height:100%;
        text-align:center; 
    }
    .arriba {
        width:100%;
        display:block;
        height:100%;       
    }
    .divCarrusel {
        width:100%;
        padding-left:10%;
        padding-right:10%;
    } 
    .divUltimasSesiones { 
        width:100%;  
        height:100%;
        margin-bottom:5px;     
	    overflow-x: auto;
            /*padding-bottom: 8px;*/
                
    }  
   .acta{     
        width:200px;
        height:100%;
        /*margin:auto;*/
        /*margin-top:2px;*/       
        text-align:center;       
    }
    .imagen {
        /*width:150px;*/        
    }
    .divUltimasSesiones {
        width:100%;
        height:auto;    
    }
    /* Srollbar */
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }
    ::-webkit-scrollbar-thumb {
        background: #545454; 
        border-radius: 10px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #545454; 
    }
}