﻿* {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box; 
}
video
{
    width:100%;
    height:100%;    
}
iframe
{
    width:100%;
    height:100%;    
}
#divContenidoVisor {
    width:100%; 
    max-width:1920px;
    margin:auto;
    min-height:643px;   
    height:100%;   
}
#divContenidoIzq {   
    width:46%;
    min-height:643px;
    height:100%;
    padding-top:1%;
    padding-left:0.5%;   
    float:left;
}
#divContenidoDrcha {   
    width:53%;
    min-height:643px;
    height:100%;
    padding-top:1%;    
    padding-right:0.5%;  
    float:right;

}
#divTituloPleno {
    width:98%;
    margin:auto;  
    background-color:#ffffff;     
    text-align:center;     
    overflow-y:auto;
    text-align:center;
}
.lblTitulos {
    color:#000000;
    font-family:'Poppins';
    font-size:18px;   
    font-weight:600;        
}
.divPuntoInterv {
    width:100%;
    height:80px;
    overflow-y:auto;
    background-color:#FFFFFF; 
    border-radius:3px;  
    text-align:left;     
    margin-top:1%;
    padding:2%;
    border:3px solid #000000; 
}
.lblPuntos {
    color:#000000;
    font-family:'Poppins';
    font-size:11px;
    font-weight:600;       
}
.lblInterv {
    color:#000000;
    font-family:'Poppins';
    font-size:11px;
    font-weight:600;  
    margin-left:2%;           
}
.lblTitulosFiltro{
    color:#000000;
    font-family:'Poppins';
    font-size:11px;
    font-weight:800;
visibility: hidden;        
}
.lblTitulosInterv{
   color:#FFFFF;
    font-family:'Poppins';
    font-size:12px;
    font-weight:800; 
    text-decoration:none; 
  
}
.divVideo
{
    margin-top:1%;
    width:100%;
    height:380px;      
}
#divTiempoTransc {
    text-align:center;
    width:100%;
    height:5%;   
    margin-top:1%; 
}
.lblTiempoTransc{
    color:#000000;
    font-family:'Poppins';
    font-size:12px;
    font-weight:600;    
}
#divIconCompartir{
    width:100%;
    height:5%;    
    text-align:left;
}
#imgCompartir{
    width:60%;
    cursor:pointer;    
}
.divCompatirVideo {
    width:100%;    
    border-radius:3px;
    height:50px;   
    background-color:#FFFFFF;    
    margin-top:2%; 
    border:3px solid #000000; 
}
.divUrl{
    width:80%;
    float:left;
    margin:auto;     
    padding-top:2%;
}
.txtUrl {
    width:95%;
    height:100%;
    color:#000000;
    font-family:'Poppins';
    font-size:12px;    
}
#tableIconos {
    width: 20%;
    height: 100%;
    float: left;
    margin: auto;
    text-align: center;  
}    
.imgFbTwGo{
    width:70%;
    cursor:pointer;
}
#divDocumentacion {
    margin-top:2%;
    width:100%;
    height:309px;   
}
#divTituloDocu {
    width: 100%;
    height: 20%;
    background-color: #FFFFFF;
    border-radius: 3px;
    text-align: center;
}   
#divTitulo{
    width:90%;
    height:100%;    
    float:left;
    padding-top:3.5%;
    
}
#divVolverGrid {
    width:10%;
    height:100%;
    float:left;    
    padding-top:3.5%;
}
.imgVolverGrid {
    width:23px;
    cursor:pointer;
}
#divContenDocu {
    margin-top:1%;
    width:100%;
    height:80%;    
    background-color:#FFFFFF;
    border-radius:3px;
    text-align:center;   
}
.divDatosFirma {
    width:100%;
    height:100%;
    overflow-y:auto;   
    border:3px solid #000000;
    border-radius:3px;  
    padding-top:1%;   
}
#tableNombreHash 
{
    width:90%;
    margin:auto;   
    border-bottom:1px solid black;   
    text-align:left;  
}
#tableFirma1
{
    width:90%;
    margin:auto;   
    border-bottom:1px solid black;   
    text-align:left;    
   
}
.tdTitulo {
    width:20%;
    background-color: #f5f4f0
}
#tableFirma2
{
    width:90%;   
    margin:auto;  
    text-align:left;    
    border-bottom:1px solid black;
}
.lblTitulo
{
    font-size:11px;
    color:#000;
    font-family:'Poppins';
    font-weight:600;
    background-color: #f5f4f0     
}
.lblTitulosDatos
{
    font-size:11px;
    color:#000;
    font-family:'Poppins';   
    font-weight:600;          
}
.lblDatos
{
    font-size:11px;
    color:#000;
    font-family:'Poppins';        
}
.divGrid {
    width:100%;
    height:100%;
    overflow-y:auto;   
    border:3px solid #000000;
    border-radius:3px;
}
#divDropFiltroInterv
{
    width:100%;   
    height:50px;
    margin-top:1%;
    margin-bottom:1%;

}
.divDropFiltroInterv
{
    width:100%;   
    height:50px;
    margin-top:1%;
    margin-bottom:1%;

}
#divContenidoFiltro{
    width:80%;
    height:100%;
    margin:auto;   
}
.DropInterv{
    width:90%;
    height:72%;
    float:left;
    font-size: 14px;   
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;  
    padding:10px;

}
.imgInterv {
    width:9%;
    height:70%;
    border: 1px solid #ccc;
    border-radius: 3px;
    float:left;

}
.divTituloFiltro {
    width:98%;   
    margin:auto;
    height:24px;
    background-color:#ffffff;   
    text-align:center;  
    padding-top:0.4%;   
}
#divTituloIndice {       
    height:40px;
    border-radius:3px; 
}
.divTituloI
{
    width:30%;
    color:#FFFFFF;
    height:100%;   
    border-radius:3px 3px 0px 0px;     
     background-color:#000000;
    float:left;
    text-align:center;
    padding:1.2%;
    z-index:1;
    margin-right:0.2%;
    border:1px solid #000000; 
}
.divTituloD
{
    width:30%;
   color:#FFFFFF;
    height:100%;   
    border-radius:3px 3px 0px 0px;     
     background-color:#000000;
    float:left;
    text-align:center;
    padding:1.2%;
    z-index:0;
    border:1px solid #000000;
visibility: hidden;
}
.divGridIndice
{
    width:100%;    
    height:480px;
    border-radius:0px 3px 3px 3px;   
    border:3px solid #000000;   
    background-color:#FFFFFF;
    overflow-y:auto;
    overflow-x:hidden;
}
.linkPuntoInterv
{
    font-family:'Poppins';
    text-decoration:none; 
    font-size:14px;
    color:#000;   
    cursor:pointer;
}
.linkPuntoInterv:hover
{
    font-family:'Poppins';
    text-decoration:none;    
    color:gray;
    cursor:pointer;
}
.txtTiempoTranc{
    text-align:center;
    font-size:12px;
    color:#000;
    font-family:'Poppins'; 
    border-radius:3px;     
}
.Punto
{
    font-family:'Poppins';
    text-decoration:none; 
    color:#000;    
    text-align:justify;
    font-weight:600;
    padding:2%;  
}
.linkDescargar
{
    font-size:11px;
    font-family:'Poppins';
    font-weight:600;
    text-align:right;    
}
/*************************CUADRO DE FIRMAS********************************/
.tituloIntervFirmas {
    width:95%;     
    margin:auto;   
    overflow-y:auto;
    margin-top:3px;
    margin-bottom:2px;
}
    .tituloIntervFirmas span {
        font-size:1.1em;
        color:#000;
        letter-spacing:0.1em;
        font-weight:bold;
    }
.divPestañasFirma {
    width:95%;
    height:35px;
    margin:auto;
    margin-top:2px;   
}
.pestañaFirma {
    width:80px;
    height:100%;
    float:left;   
    margin-right:10px;
    background-color:rgba(192, 192, 192, 1);
    text-align:center;
    line-height:2.2em;
    cursor:pointer;
}
    .pestañaFirma:hover {       
       background-color:rgba(192, 192, 192, 1);   
    }
.pestañaFirma1{
    color:#000;
    text-decoration:none;
    font-weight:600;
    text-decoration:underline;
}
.pestañaFirma2{
    color:#fff;
    text-decoration:none;
    font-weight:600;   
}
.divContentFirma1 {
    width:95%;  
    margin:auto; 
    height:450px;
    border:2px solid rgba(84, 84, 84, 0.3);  
    padding:5px; 
}
.divTituloFirma {
    width:100%;
    color:#000;
    font-size:1em;
    font-weight:600;
}
.tableDatosFirma {
    width:100%;
    height:auto;
}
    .tableDatosFirma span{
        font-size:0.8em;
    }
.TextBoxFirma {
    width:100%;
    height:25px;
}
.textBoxMulti {
    width:100%;
    height:45px;
    resize:none;
}
.divContentFirma2 {
    width:95%;  
    margin:auto; 
    height:450px;
    border:2px solid rgba(84, 84, 84, 0.3);
    padding:5px; 
}
.divVolverIndice {
    width:95%;
    height:40px;
    margin:auto;
    text-align:center;   
    padding:2px;
}
.divVolverIndice button{
    height:100%;
    cursor:pointer;
    border:2px solid rgba(84, 84, 84, 1);
    font-weight:600;
}
.divVolverIndice button:hover{   
    background-color:rgba(84, 84, 84, 0.2);    
}




