* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
     box-sizing:border-box;
     font-family: 'Poppins';     
}
::-webkit-input-placeholder { 
    color:rgba(84, 84, 84, 1);   
    font-style:normal;
}
::-moz-placeholder {  
    color:rgba(84, 84, 84, 1);   
    font-style:normal; 
} 
:-ms-input-placeholder { 
    color:rgba(84, 84, 84, 1);   
    font-style:normal;
}
input:-moz-placeholder { 
    color:rgba(84, 84, 84, 1);   
    font-style:normal;
}
body {
    max-width:900px;   
    overflow-x: hidden;   
    overflow-y:auto;  
    margin:auto;
   
}
.ContentPage {
    width:100%;
    margin:auto;   
}
/******************HEADER**************************/
.logo {  
    width:20%;  
    height:100px;  
    float:left; 
    padding:10px; 
    text-align:center;
    background-color:rgba(255, 255, 255, 1);      
}
.imgLogo{
    width:160px;
    height:87%;
}

.imgLive{
        width:80px;
        height:100%;
    }
.titulo {
    width: 80%;    
    height:100px;  
    float: left;
    line-height: 5em;
    padding: 10px;
    text-align: center;   
    background-color:rgba(255, 255, 255, 1);  
}
    .titulo span {
        color:rgba(0, 0, 0, 1);
        font-weight: 400;
        font-size: 1.8em;
        letter-spacing: 0.3em;
    }
/******************BUSQUEDA**************************/
.buscador {
    width:100%;
    height:50px;
    float:left;
    background-color:#3c373b;
    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:rgba(255, 255, 255, 1);
        font-size:1em;
        font-weight:600;
    }
.linkBuscar{   
    border:1px solid rgba(84, 84, 84, 1);  
    padding-top:2px;
    padding-left:11px;
    padding-right:11px; 
    padding-bottom:2px;   
    text-decoration:none;    
    background-color:rgba(151, 151, 151, 1);
}
    .linkBuscar:hover {
         background-color:rgba(151, 151, 151, 0.9);
    }
    .linkBuscar span {
         font-size:0.9em;
         color:rgba(255, 255, 255, 1);
    }
.iconSearch {
    font-size:0.7em;
    color:rgba(0, 0, 0, 1);
    margin-right:4px;
}
.avanzada {
   
    height:100%;
    float:left; 
    padding-left:20px;
    padding-right:20px;
    color:rgba(255, 255, 255, 1);
}
.textBox {
    width:100%;
    height:30px;
    padding-left:10px;
    border:1px solid rgba(84, 84, 84, 0.7);
}
/*******************CONTENIDO************************************/
.content {
    width:100%;   
    min-height:679px;
    height:auto; 
    float:left;   
    
}
@media only screen and (min-width: 2800px) {
    .content {
        width:100%;     
        height:700px;      
        float:left;   
      
    }
}
.tituloActa {
    width: 80%;
    height: 10%;
    float: left;
    line-height: 5em;
    text-align: center;      
}
    .tituloActa span {
        font-size:1.3em;
        letter-spacing:0.1em;
        color:#000;
    }
.verIndice{
    width:20%;
    height:10%;
    float:left;   
    line-height:5em;
    text-align:center;
}
.linkVer {
        text-decoration:none;
        font-size:0.8em;
        font-weight:600;
        color:rgba(255, 255, 255, 1);
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
        padding-right:10px;     
        background-color:rgba(151, 151, 151, 1);       
        font-weight:bold;
        border:1px solid rgba(84, 84, 84, 1);  
}
     .linkVer:hover {            
        background-color:rgba(151, 151, 151, 0.9);
    }
.iconPlay {
    font-size:1.2em;
    margin-right:5px;
    color:rgba(0, 0, 0, 1);
}
.divContentVideo {
    width:100%;   
    height:50%;
    float:left;  
    text-align:center; 
    margin-top:2px; 
    margin-bottom:2px;   
}
    .divVideo{
        text-align:center;
        width:65%;   
        height:100%; 
        padding-left:150px;     
    }
 .divTituloUltimasSesiones {
    width:100%;
    height:10%;
    float:left;  
    margin-bottom:5px;   
}
.tituloSesionesAnteriores {
    width:85%;
    margin:auto;   
    padding-top:8px;   
}
    .tituloSesionesAnteriores span {
        font-size:1.3em;
        letter-spacing:0.2em;
        text-align:justify;
        color:#000;
    }
.divUltimasSesiones { 
    width:100%;  
    height:240px;  
    margin-bottom:5px;     
	overflow-x: auto;    
}                   
.acta{      
    padding:2px;
    height: 200px;
    margin-left:2px;
    margin-right:2px;   
    width:200px;
    text-align:center;
    border:solid 2px 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%;
    margin:auto; 
    margin-bottom:4px;   
}
    .duracion span {
        font-size:0.8em;
        text-align:center;
        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:rgba(60, 55, 59, 1);   
    border-top:1px solid rgba(84, 84, 84, 1);
}
.textoFooter {
    width:100%;
    height:30%;
    text-align:center;
    margin:auto;     
    padding:2px;     
}
    .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*******************************/
@media only screen and (max-width: 900px) {
    .logo {
        padding: 10px;
        width: 100%;
        text-align: center;
    }

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

    .titulo {
        width: 100%;     
        float: left;
        height: auto;
        padding: 20px;
        line-height: 1.2em;
    }

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

    .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;       
    }
        .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%;   
        height:100%; 
        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: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: rgba(120, 170, 97, 1); 
    }
}
@media only screen and (max-width: 600px) {
    .logo{
        padding:10px; 
        width:100%;  
        text-align:center;
    }
    .imgLogo{
        width:160px;
        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;
        }
    .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;       
    }
        .tituloActa a {
             font-size:0.7em;
        }
    .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%;   
        height:230px;
        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;    
    }  
   .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: #3c373b; 
    }
}