@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('../fuentes/caviardreams/caviardreams-webfont.eot');
    src: url('../fuentes/caviardreams/caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/caviardreams/caviardreams-webfont.woff2') format('woff2'),
         url('../fuentes/caviardreams/caviardreams-webfont.woff') format('woff'),
         url('../fuentes/caviardreams/caviardreams-webfont.ttf') format('truetype'),
         url('../fuentes/caviardreams/caviardreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'caviar_dreamsbold';
    src: url('../fuentes/caviardreams-bold/caviardreams_bold-webfont.eot');
    src: url('../fuentes/caviardreams-bold/caviardreams_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/caviardreams-bold/caviardreams_bold-webfont.woff2') format('woff2'),
         url('../fuentes/caviardreams-bold/caviardreams_bold-webfont.woff') format('woff'),
         url('../fuentes/caviardreams-bold/caviardreams_bold-webfont.ttf') format('truetype'),
         url('../fuentes/caviardreams-bold/caviardreams_bold-webfont.svg#caviar_dreamsbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{ width: 100%; height: 100%; }
h1,h2,h3,h4,h5,h6,p{margin: 0px;}
a img{
    border: none;
}

a{cursor: pointer;}

.lnkLogo, .lnkLogo img{
    border: none;    
}

body{
    margin: 0px;
    width: 100%;
    height: 100%;  
    overflow: hidden;   
}

*{font-size: 15px; font-family: caviar_dreamsregular; line-height: 22px;outline: none; font-size: 14px;}

#contenedor{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: auto;        
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;    
}
#contenedor.oculto{visibility: hidden;}

.overflow-y{
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}


.mensajeSistema{
    position: absolute;
    color:#FFF;
    display: none;    
    z-index: 1050;
}

.mensajeSistema div{
    padding: 15px 30px;
}

.mensajeSistema p{
    margin: 0px;
    height: 28px;
    line-height: 28px;
    padding-left: 30px;
}

.mensajeSistema p span{float: left; margin-right:30px;}

.mensajeSistema p a{
    float: right; 
    color: #FFF; 
    text-decoration: none;
    margin-right: 15px;
    font-weight: bold;
}

.alertaSistema{background-color: #F00;}
.alertaSistema p{ background-color: #a10c0c;}
.informarSistema{background-color: #f1d41f; color: #6f620b;}
.informarSistema p{ background-color: #c2a800; color: #FFF;}
.afirmarSistema{background-color: #00a300; }
.afirmarSistema p{ background-color: #007a00;}

.boton{    
    cursor: pointer;   
    text-decoration: none;
}

.azul{
    color: #00F;
}

.btnNegro{
    color: #FFF;
    background-color: #373737;
    border-color: #000;
    display: block;
}

.obligatorio::-webkit-input-placeholder {color: red;}
.obligatorio:-moz-placeholder { color: red; }
.obligatorio::-moz-placeholder {  color: red; }
.obligatorio:-ms-input-placeholder {    color: red;  }

.obligatorio{color:#F00 !important;}
.obligatorio input, .obligatorio textarea, .obligatorio select{border-color: #F00 !important;}


.restablecer form input[type=submit]{ 
    width: 108px;
    background: url(../img/restablecer.png) no-repeat;
}


.fondoSesion form input[type=submit]:hover, .fondoSesion #frmCnt input[type=button]:hover{
    background-position: 0px -23px;
}

.restablecer form a{margin-left: 65px;}

.fondoSesion>p{
    display: table;    
    color: #FFF;
    font-weight: bold;
    font-size: 25px;                
    float: left;
    margin: 10px 15px;
    line-height: 25px;        
}


.fondoSesion .logoCliente{    
    margin: 5px 0px 0px 5px;
    height: 41px; position: absolute;
}

.fondoSesion .logoTexto{
    margin: 10px 20px;
    float: right;
    width: 250px;
}
.contLnkNegro{color: #909090}
.lnkFondoNegro, .contLnkNegro a{
    color: #909090;
    font-size: 12px;
    text-decoration: none;
}

.lnkFondoNegro:hover, .contLnkNegro a:hover{
    color: #FFF;
    text-decoration: underline;
}

.sombra{-webkit-box-shadow: 2px 2px 15px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 15px 1px rgba(0,0,0,0.3);
box-shadow: 2px 2px 15px 1px rgba(0,0,0,0.3);
}

.sombraChica{    
    -webkit-box-shadow: 5px 5px 11px -8px rgba(0,0,0,0.87);
-moz-box-shadow: 5px 5px 11px -8px rgba(0,0,0,0.75);
box-shadow: 5px 5px 11px -8px rgba(0,0,0,0.75);
}

.sinRegistro{
    font-size: 18px;
    margin: 30px;
}

#iframeOperaciones{
    position: absolute;
    width: 100%;    
    top: 0px;
    left:0px;
    height: 100%;
    z-index: -1;
    display: none;
}

.block{display: block;}

.amarillo{
    color: #FFE7A1;
}

.separador{
    border-top: solid 1px  #BCBCBC;    
}

.separadorAdmin{
    margin: 40px 0px;
}

#fondoNegro{
    position: absolute;
    width: 100%;
    height: 100%;    
    z-index: -1;
    opacity: 0;
}

#fondoNegro.plano{background-color: rgba(0,0,0,0.15)}
#fondoNegro.degrado{background-image: radial-gradient(rgba(0,0,0,0.6), rgba(0,0,0,1));}

#fondoNegro .modoCargando{    
    display: none;
    width: 80px;
    height: 80px;
    background: url(../img/cargando.gif) no-repeat center center #FFF;
    background-size: 40px 40px;
    border-radius: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
}

.ventana-flotante{     
    margin: 30px auto;        
    display: table;    
    border-radius: 4px;
    width: 90%;
    max-width: 800px;
    height: auto;     
    background-color: #FFF; 
    border-radius: 5px; overflow: hidden;
}


.ventana-flotante .tituloVF{display: table; width: 100%;}
.ventana-flotante .tituloVF>div{display: table-cell; vertical-align: middle;}
.ventana-flotante .tituloVF>div:first-child{padding: 20px;text-align: center; }

.ventana-flotante .tituloVF>div:first-child{padding: 20px 20px 2px 20px; font-size: 15px;}
.tituloVF{text-transform: uppercase;}

#cerrarVentana{        
    background: url(../img/iconos/cerrar.svg) no-repeat; 
    background-size: 20px 20px; height: 30px; background-position: 0px 10px;
    width: 30px;
    height: 30px;                
    cursor: pointer;
}

.cerrarFlotante{
    clear: both; display: block;
}

#contenedorVentana{
    height: 100%;
    width: 100%;
    display: none;
    position: absolute;
    overflow: auto;
    z-index: 100;
}

#frmArchivo{
    position: absolute;
    display: none;
    z-index: 2000;
    background-color: #FFF;
    padding: 15px;
    border-radius: 10px;
}



.tituloFrmAdmin{
    clear: both;
    display: block;
    color: #FFF;
    font-size: 25px;
    display: block;
    text-align: center;
    margin-top: 170px;
}

.restablecer0, .restablecer1{color: #FFF;}

.restablecer0{}
.restablecer1{}

#frmSesion .error{
    color: #FF7777;
    margin-top: 20px;
}

.contenidoLigero{
    position: absolute;
    left: 0px;
    top: 0px;
}

.contenidoLigero *{color: #777; font-family: arial;}

.contenidoLigero h1{  font-size: 25px; }
.contenidoLigero h2{  font-size: 21px; }
.contenidoLigero h3{  font-size: 18px; }
.contenidoLigero h4{  font-size: 15px; }

.cntImagenes{
    width: 90%;
    display: table;
    margin: auto;
    padding-top: 30px;
}

.cntImagenes>div{
    width: 150px;
    float: left;
    margin: 6px 12px;    
}

.cntImagenes .previa{    
    height: 90px;        
    background: no-repeat center center #454545;
}

.cntImagenes .previa.cargando_25{background-color: #FFF;}

.imgVP{
    max-height: 100px;
    max-width: 300px;
}

#comparticionRedes{
    position: absolute;
    z-index: 2001;
}

.paginado{
    display: table;
    margin: 50px auto;    
}

.paginado span, .paginado input{ float: left; }

.paginado span{margin: 0px 7px;}

.paginado input{ 
    width: 25px;
    margin-left: 15px;
    border: solid 1px #ccc;
}

.paginado a{
    display: block;
    float: left;
    background: #3399ff;
    color: #FFF;
    text-align: center;
    padding: 2px 6px;
    margin: 0px 2px;
    text-decoration: none;
    border-radius: 5px;
    opacity: 0.5;
    position: relative;
}

.paginado .activo{opacity: 1;}

.navegadorVF{
    position: absolute;
    z-index: 2200;
    top: 50%;
    margin-top:-15px; 
    display: block;
    width: 15px;
    height: 30px;
}

.anteriorVF{background: url(../img/anterior.png) no-repeat;}
.siguienteVF{background: url(../img/siguiente.png) no-repeat;}

.cargandoPagina{
    background: url(../img/cargando.gif) no-repeat center center; background-size: 40px 40px;
}

.tituloCategoriaListado{
    display: table-cell;    
    padding: 6px 0px;
    vertical-align: top;
}

.googlemaps{border: 0px;}
.googlemaps .campo>img{
    border: 1px solid rgb(187, 187, 187);
}


.botonesFrm a{color: #FFF; background-color: var(--colorCorporativo1); position: relative; display: table; }
.mesCalendario{display: table;}
.mesCalendario>div{display: table;}
.mesCalendario span{ float: left; display: block;}
.nombreMes{color: #006688; font-size: 11px; margin-bottom: 5px; text-align: center; width: 140px;}

.formularioAdministrador .botonesFrm{position: fixed;}
.formularioAdministrador .botonesFrm a{width: 50px;height: 50px; padding: 0px; border-radius: 50%; z-index: 100; line-height: 29px; }
.formularioAdministrador .botonesFrm a + a{margin-top: 10px;}
.formularioAdministrador .botonesFrm .soloIcono i{margin-top: 12px; margin-left: 10px;}

#verInfo .botonesFrm a{border-radius: 3px; padding: 7px 15px; margin-top: 20px;}

.seSubio{
    border:solid 1px #F00;
    padding: 3px 5px;
    display: table;
}

.vista_previa{
    
}


.instructivo .instruccion{
    background: url("../img/btn.png") repeat-x;
    height: 28px;    
}

.instructivo h2{        
    background: url("../img/triangulo.png") no-repeat;
    height: 28px; 
    line-height: 28px;
    color: #FFF;    
    margin: 0px;
    cursor: pointer;
    padding-left: 27px;
}

.instructivo .desplegado{ background: url("../img/botonActivo2.png") repeat-x;}
.instructivo .desplegado h2{ background-position: 0px -28px; }

.instruccion-desplegar{
    margin: 0px 20px;
}

.instruccion-desplegar h3{color: #3399ff; font-size: 15px;}

.instructivo .izquierda{
    float: left;
    margin-right: 10px;
}
.instructivo .derecha{
    float: right;
    margin-left: 10px;
}

figure, figcaption{display: block; margin: 0px; padding: 0px;}
.instructivo figure{
    padding: 5px; 
    border: solid 1px #ACACAC;
    margin-bottom: 20px;
    width: 230px;
    cursor: pointer;
}

.instructivo figure img{max-width: 100%;}

.instruccion-desplegar>div{
    line-height: 22px;
    border-bottom: dotted 1px #000;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.instruccion-desplegar>div:last-child{border-bottom: none;}

.estilodesplegable1 span{
    background: 0px -10px no-repeat;
    display: block;
}

.estilodesplegable1 .desplegado span{
    background-position: 0px -44px;
}

.estilodesplegable1 a{
    display:block;
    padding:9px 0px;
    line-height:16px;
    color: #FFF;
    text-decoration: none;
}

.estilodesplegable1 .desplegar{
    background: url(../img/triangulosBlancos34.png) -10px 0px no-repeat;    
    padding-left: 15px;
}
.estilodesplegable1 .desplegado{background-position: -10px -34px;}

.estilodesplegable1 div{margin-left: 20px;}
.estilodesplegable1 .enlace{
    background: url(../img/indicadorElementos.png) repeat-y;
}

.estilodesplegable1 .enlace span{
    padding: 0px 10px;
    background: url(../img/indicadorEnlace.png) 0px 8px no-repeat;
}

.estilodesplegable1 div .enlace:last-child{
    background-position: 0px -32px;
    background-repeat: no-repeat;
}

.numerico li{
    list-style: decimal;
}

.vinetas li{
    list-style: disc;
}

.instructivo .numerico li{    
    margin-top: 15px;
}

.letras li{
    list-style: lower-latin;
}
#contenido_split_cells, #contenido_merge_cells{
    display: none;
}

.ejemploRedaccion{
    margin-top: 20px;
}

.ejemploRedaccionInstructivo{
    width: 90%;
    margin: 30px auto;
}

.ejemploRedaccionInstructivo .titulo{
    font-weight: bold;
    display: block;
    text-align:center;
    font-size: 20px;
    text-transform: uppercase;
}

.ejemploRedaccionInstructivo .imgdiego{
    width: 75%;
    display: block;
    margin: auto;
    padding: 4px;
    border: solid 1px #000;
}

.ejemploRedaccionInstructivo .comercio{
    float: left;
    width: 45%;
    margin-right: 20px;
    margin-bottom: 20px;
}

.ejemploRedaccionInstructivo .info{margin: 0px; font-size: 15px; line-height: 25px;}

.ejemploRedaccionInstructivo .tabla_ejemplo table{
    width: 50%;
    margin: auto;  
    margin-top: 20px;
}

.ejemploRedaccionInstructivo .tabla_ejemplo table th{
    color: #FFF;
    background-color: #007fff;    
}

.tabla_ejemplo span{
    display: block;
    text-align: center;
}

.ejemploRedaccionInstructivo .tabla_ejemplo table th, .ejemploRedaccionInstructivo .tabla_ejemplo table td{
    border-right: solid 1px #000;
    border-top: solid 1px #000;
    padding: 5px 20px;
}

.ejemploRedaccionInstructivo .tabla_ejemplo table th:first-child, .ejemploRedaccionInstructivo .tabla_ejemplo table td:first-child{
    border-left: solid 1px #000;    
}

.ejemploRedaccionInstructivo .tabla_ejemplo table tr:last-child td{
    border-bottom: solid 1px #000;    
}

.ejemploRedaccionInstructivo tr td:last-child{text-align: center;}


.instructivo .centrado{    
    margin: auto;
}

.previa_video_inertado img{
    position: absolute;
    cursor: pointer;
}

.previa_video_inertado{    
    background-size: 150px auto;
    background-position: center center;
}

.errorNavegacion{
    font-size: 20px;
    line-height: 30px;
    margin: 50px;
    text-align: center;
}

.articulo1 h1{
    font-size: 30px;
    margin-bottom: 45px;
    text-align: center;
    margin-top: 0px;
}

.articulo1{    
    display: block;
    margin: 45px auto;
    width: 1050px;
    font-size: 15px;
}

.centrarHorizontalmente{
    overflow: hidden;
}

.centrarHorizontalmente img{    
    display: block;      
}

.noventa{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.centrar-imagen img{display: block; position: relative; }

.videoInsertado iframe{
    width: 100%;
    height: 100%;
    position: relative;
}

.etiquetaCheckbox{
    display: table;    
    margin-bottom: 6px;
}

label.campochk{width: 120px;}
.etiquetaCheckbox input{width: auto; margin: auto; margin-right: 6px;}

.trSeleccionado td{background-color: #ededed;}

.tabla_sistema table .thFixed{
    position: fixed;
    top: 0px;    
}

.tabla_sistema th{cursor: pointer;}
.tabla_sistema th:hover{text-decoration: underline;}
.tabla_sistema th.no-filtrar:hover{text-decoration: none; cursor: default}
.tabla_sistema th:last-child{cursor: auto;}
.tabla_sistema th:last-child:hover{text-decoration: none;}

.mayuscula{
    text-transform: uppercase;
}

.formularioSistema .tituloSeparador, #verInfo .tituloSeparador{
    background-color: var(--colorCorporativo2);
    color: #FFF;
    margin: 30px 0px 0px 0px;
    padding: 6px 0px;
}
#verInfo .caja{border-top: solid 1px #dedede;padding-top: 10px;}
.formularioSistema .tituloSeparador p, #verInfo .tituloSeparador p{ color: #FFF;}

#verInfo .tituloSeparador + .caja{border-top:none; margin-top: 0px;} 

#msjSistema .boton{padding: 4px 15px 4px 15px;}
#msjSistema b{color: #FFF;}

.boton i{margin-right: 7px; width: 16px; height: 14px; background: no-repeat; background-position: center center; }

i.check{ background-image: url(../img/iconos/check.svg); background-size: 12px 12px;}
i.correo{ background-image: url(../img/iconos/correo_17.svg)}
i.contacto{ background-image: url(../img/contacto_btn.png)}
i.contactos{ background-image: url(../img/contactos_btn.png)}
i.cancelar{ background-image: url(../img/iconos/cancelar.svg)}
i.vista{ background-image: url(../img/vista_btn.png)}
i.lista{ background-image: url(../img/lista_btn.png)}
i.monedas{ background-image: url(../img/monedas_btn.png) }
i.html{ background-image: url(../img/html_btn.png) }
i.buscar{ background-image: url(../img/buscar_btn.png) }
i.mas{ background-image: url(../img/iconos/mas.svg) }
i.calendario{ background-image: url(../img/calendario_btn.png) }
i.pdf{ background-image: url(../img/pdf_btn.png) }
i.xls{ background-image: url(../img/iconos/xls_exportar.svg) }
i.imprimir{ background-image: url(../img/imprimir_btn.png) }
i.atras{ background-image: url(../img/iconos/atras.svg); background-size: 12px 12px; }
i.refrescar{ background-image: url(../img/iconos/volver.svg); background-size: 12px 12px; }
i.xls_importar{ background-image: url(../img/iconos/xls_importar.svg); background-size: 17px 17px; }
i.montos_17{background-image: url(../img/iconos/montos_17.svg); background-size: 17px 17px; }
i.galeria_17{background-image: url(../img/iconos/galeria_17.svg); background-size: 17px 17px; }
i.stock_17{background-image: url(../img/iconos/stock_17.svg); background-size: 17px 17px; }

#msjSistema{box-shadow: 0 10px 8px -5px rgba(0, 0, 0, 0.57); padding: 15px; border-radius: 5px; position: fixed; 
    top: -100px; opacity: 0; z-index: 9999000;}
#msjSistema.activo{top: 100px; opacity: 1}
#msjSistema .boton{display: none; }
#msjSistema, #msjSistema.btnAceptar .boton{display: table; }
#msjSistema .txt, #msjSistema .boton{color: #FFF;}
#msjSistema .boton{cursor: pointer; margin: 15px auto 0px auto; }
#msjSistema.msjError{background-color: #EF2323;} 
#msjSistema.msjError .boton{border-color: #F25B5B; background-color: #F25B5B}
#msjSistema.msjExito{background-color: var(--colorCorporativo4);} 
#msjSistema.msjExito .boton{border-color: #00BB00; background-color: #00BB00}
#msjSistema.msjInfo{background-color: #5B88FD;} 
#msjSistema.msjInfo .boton{border-color: #235FFC; background-color: #235FFC}

.transicion{
    -webkit-transition: width 0.3s, color 0.3s, background-color 0.3s, margin-top 0.3s, box-shadow 0.3s, text-indent 0.3s, left 0.3s, top 0.3s, bottom 0.3s, opacity 0.3s, margin-left 0.3s, height 0.3s, right 0.3s;
            transition: width 0.3s, color 0.3s, background-color 0.3s, margin-top 0.3s, box-shadow 0.3s, text-indent 0.3s, left 0.3s, top 0.3s, bottom 0.3s, opacity 0.3s, margin-left 0.3s, height 0.3s, right 0.3s;
}

.transicion06{
    -webkit-transition: width 0.6s, color 0.6s, background-color 0.6s, margin-top 0.6s, box-shadow 0.6s, text-indent 0.6s, left 0.6s, top 0.6s, bottom 0.6s, opacity 0.6s, margin-left 0.6s, height 0.6s, right 0.6s;
            transition: width 0.6s, color 0.6s, background-color 0.6s, margin-top 0.6s, box-shadow 0.6s, text-indent 0.6s, left 0.6s, top 0.6s, bottom 0.6s, opacity 0.6s, margin-left 0.6s, height 0.6s, right 0.6s;
}

.transicion1{
    -webkit-transition: width 1s, color 1s, background-color 1s, margin-top 1s, box-shadow 1s, text-indent 1s, left 1s, top 1s, bottom 1s, opacity 1s, margin-left 1s, height 1s, right 1s;
            transition: width 1s, color 1s, background-color 1s, margin-top 1s, box-shadow 1s, text-indent 1s, left 1s, top 1s, bottom 1s, opacity 1s, margin-left 1s, height 1s, right 1s;
}

.transicion3{
    -webkit-transition: width 3s, color 3s, background-color 3s, margin-top 3s, box-shadow 3s, text-indent 3s, left 3s, top 3s, bottom 3s, opacity 3s, margin-left 3s, height 3s, right 3s;
            transition: width 3s, color 3s, background-color 3s, margin-top 3s, box-shadow 3s, text-indent 3s, left 3s, top 3s, bottom 3s, opacity 3s, margin-left 3s, height 3s, right 3s;
}

.transicion6{
    -webkit-transition: width 6s, color 6s, background-color 6s, margin-top 6s, box-shadow 6s, text-indent 6s, left 6s, top 6s, bottom 6s, opacity 6s, margin-left 6s, height 6s, right 6s;
            transition: width 6s, color 6s, background-color 6s, margin-top 6s, box-shadow 6s, text-indent 6s, left 6s, top 6s, bottom 6s, opacity 6s, margin-left 6s, height 6s, right 6s;
}

.soloIcono i{width: 30px;height: 26px; background-position: center center; display: block; padding: 0px;
margin: 0px; border-radius: 3px;  background-repeat: no-repeat; }
.navegador .soloIcono i{ background-color: var(--colorCorporativo1); background-size: 17px 17px;}

.cargando_25{
    background-image: url(../img/cargando_25.gif) !important;
    background-repeat: no-repeat;
    background-size: 25px 25px !important;
}

.cargando_25 *{display: none;}

.ajax.cargando_25 img{visibility: hidden;}

input.cargando_25{background-position: 5px center;}

.fondoSeccionado, .fondoSeccionado>div{display: table;}
.fondoSeccionado>div>div, .fondoSeccionado>div>img{display: table-cell; vertical-align: top;}

.titulosSeccionesC>div:nth-of-type(1){display: table; height: 45px;}
.titulosSeccionesC>div:nth-of-type(1)>span, .titulosSeccionesC>div:nth-of-type(1)>i{display: table-cell; vertical-align: middle; text-align: center; cursor: pointer;}
.titulosSeccionesC .activador{height: 2px;}

*{    
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.boton{border-radius: 4px;}

#frmSolicitarR, #frmISesion{width: 100%;}
#frmSolicitarR input, #frmISesion input{display: block; padding: 7px 2%; width: 100%; margin-top: 5px; border: solid 1px #dfdfdf;}
#frmSolicitarR .caja, #frmISesion .caja{ margin: 20px auto 0px auto;}
#frmSolicitarR .caja-lnk, #frmISesion .caja-lnk{margin-top: 5px;}
#frmSolicitarR .botonesFrm, #frmISesion .botonesFrm{display: table; margin: 20px auto;}
#frmSolicitarR .botonesFrm a, #frmISesion .botonesFrm a{padding: 7px 14px; border-radius: 5px; display: block; float: left;}
#frmSolicitarR .enviar, #frmISesion .btnEntrar{margin-right: 20px;}
.caja.campochk{display: table; margin-top: 22px; width: 100%;}
.caja.campochk label{padding-right: 10px;}
.caja.campochk .campochk{display: table-cell; vertical-align: top;}

.botonesFrm i{background-size: 24px 24px;}


form.cargando, #frmAdministrado.cargando{
    background: url(../img/cargando.gif) no-repeat; width: 70px !important; height: 80px !important; background-color:#FFF; 
    background-position: center center; padding: 0px !important; margin-left: auto; margin-right: auto;
    background-size: 40px 40px; text-indent: -100000px;
}
form.cargando h3{display: none;}
#frmSolicitarR.cargando, #frmISesion.cargando{width: 80px;}
form.cargando, #frmAdministrado.cargando{}

form.cargando>input, form.cargando>a{display: none;}

.fecha_picker{display: table; width: 100%;}
.fecha_picker>div{display: table-cell;}
.fecha_picker>div:nth-of-type(2){width: 30px;}
.fecha_picker>div:nth-of-type(2) img{margin-left: 4px; cursor: pointer; height: 25px; }

form.filtros input, form.filtros select{padding: 5px 10px; border: solid 1px #eee; border-radius: 3px;}
form.filtros .campos{margin-top: 25px;}

.cmp_subir>div{ display: table; }
.cmp_subir input{
    width: 30px;
    height: 30px;
    opacity: 0;
    cursor: pointer;
}
.cmp_subir>div>div{
    background: url(../img/subir.png) no-repeat;
    background-size: 30px 30px;    
    width: 30px;
    height: 30px;    
}
.cmp_subir>div>span{
    padding-left: 5px; width: 150px; overflow: hidden;
    white-space: nowrap; color: #555;
    text-overflow: ellipsis;
}
.cmp_subir>div>div, .cmp_subir>div>span{display: table-cell; vertical-align: middle;}

.cmp_imagen a{margin-top: 15px;}

div.campochk .campochk{
    max-height: 200px;
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch;
    margin: 18px 0px 0px 10px;
}

div.campochk span{display: table-cell; vertical-align: top; color: #555;}



#verInfo>.botonesFrm{
    display: table;
    margin: auto;
    width: auto;
}

.campochk.cargando_25{height: 30px;}
.campochk.cargando_25>div{display: none;}

.estrellas{display: table; cursor: pointer;}


.calificador.estadoCalificacion{width: 250px; margin: 20px auto; cursor: pointer;}
.calificador.estadoCalificacion, .calificador.estadoCalificacion>div{
    height: 32px; background-repeat: no-repeat; background-size: 250px auto; }

.hasDatepicker + img{display: none;}

iframe.editor{border: none; width: 100%;}





.formularioSistema .tabero{display: table; margin-top: 15px;}
.formularioSistema .tabero .tab{display: table-cell; border-top-left-radius: 10px;border-top-right-radius: 10px; 
    background-color: #D6D6D6; vertical-align: middle; padding: 10px 15px; margin-right: 2px; cursor: pointer;}
.formularioSistema .cntTab{background-color: #E4E4E4; display: table; padding: 2.8%; width: 94.4%; position: absolute; left: -10000px; top: -10000px;}
.formularioSistema .tabero .activo, .formularioSistema .activo{background-color: #F3F3F3; position: relative; left: 0px; top: 0px;}

.formularioSistema .cntTab textarea{height: 100px;}

.formularioSistema .cntTab>div:first-child label{margin-top: 0px;}

.componenteGMaps{height: 300px;}

.frmCamposImagen input{cursor: pointer; opacity: 0;}
.frmCamposImagen{margin: 0px; display: block; cursor: pointer;}
.cargando_25 .frmCamposImagen input{display: none;}

.columnas2, .columnas3, .columnas4, .columnas5, .columnas6{float: left;}
.columnas2, .columnas2.campochk{width: 50%;} 
.columnas3, .columnas3.campochk{width: 33%;} 
.columnas4, .columnas4.campochk{width: 25%;}
.columnas5, .columnas5.campochk{width: 20%;}
.columnas6, .columnas6.campochk{width: 16%;}

.columnas2.campochk, .columnas3.campochk, .columnas4.campochk, .columnas5.campochk, .columnas6.campochk{margin-top: 45px;}




.cntTab>.tituloSeparador:first-child{margin-top: 0px;}
.columnas2 .campo, .columnas3 .campo, .columnas4 .campo, .columnas5 .campo, .columnas6 .campo{width: 96%;}

.Datetime, .Date{background: url(../img/iconos/calendario_hora.svg) no-repeat right center; background-size: auto 24px; background-color: #FFF}

.sombralateral{
    -webkit-box-shadow: 1px 0px 6px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 0px 6px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 0px 6px 0px rgba(0,0,0,0.75);
}

.sombraInferior{
    -webkit-box-shadow: 0px 3px 15px -7px rgba(0,0,0,0.54);
    -moz-box-shadow: 0px 3px 15px -7px rgba(0,0,0,0.54);
    box-shadow: 0px 3px 15px -7px rgba(0,0,0,0.54);
}

.cntVpIMG{width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.85); display: none; z-index: 1010; }
.cntVpIMG img{visibility: hidden; background: #FFF;}
.cerrarImgVP{background: url(../img/iconos/cerrar.svg) no-repeat center center #FFF; opacity: 0.5; width: 50px;height: 50px;
background-size: 30px 30px; cursor: pointer; position: absolute; top: 15px; right: 15px; border-radius: 50%; background-size: 20px 20px;}


#verInfo .videoInsertado{height: 300px;}

.color_administrable{width: 50px; height: 25px;}

.mensajeInfo{margin-top: 10px;}

.tabla{display: table;}
.tabla>*{display: table-cell; vertical-align: middle; margin: 0px;}

.campo .enlace_ejemplocm{margin-top: 20px;}

.accionesRegistro{float: right; }
.accionesRegistro a{float: left; margin-left: 15px;}
.accionesRegistro a, .accionesRegistro a img{width: 19px; height: 19px;}


.tabla_sistema table .consultarEliminar td, div.consultarEliminar{border-top:solid 2px #F00; border-bottom:solid 2px #F00;}
.consultarEliminar .acciones, .consultarEliminar .accionesRegistro, .cntImagenes .consultarEliminar .acciones{display: none;}
.consultarEliminar .confirmarEliminar, .tabla .consultarEliminar .confirmarEliminar, .cntImagenes .consultarEliminar .confirmarEliminar{display: block; height: 22px;}
.confirmarEliminar a{margin-left: 15px; color: #555;}
.confirmarEliminar, .cntImagenes .acciones>.confirmarEliminar{display: none;}
.confirmarEliminar a{text-decoration: none;}
.confirmarEliminar{float: right;}
.confirmarEliminar.cargando_25{width: 25px; height: 25px;}
.confirmarEliminar.cargando_25 a, .confirmarEliminar.cargando_25 span{display: none;}
.cntImagenes .confirmarEliminar{margin-top: 9px;}
tr .confirmarEliminar{display: none;}

.listadochk{max-height: 200px; overflow-y: auto;}

.archivos_vp a{display: block; padding: 5px; color: #333;}

.formularioSistema table { 
    border-spacing: 0px;    
}

.formularioSistema{     
    width: 100%; padding-bottom: 20px; display: table; margin: auto;
}

.formularioSistema label{margin-top: 22px; display: block; color: #555;}

.formularioSistema input[type=text], .formularioSistema input[type=email], .formularioSistema input[type=password], .formularioSistema select, .formularioSistema .txt, .formularioSistema textarea{    
    width: 96%; 
    padding: 7px 2%;
    display: block;    color: #555;
    border:solid 1px #bbb;    
}
.formularioSistema select{width: 100%; }



.formularioSistema input, .formularioSistema select{margin-top: 6px;}
.formularioSistema input[type=checkbox]{margin-top: 2px;}

.formularioSistema .btnNegro{ 
    float: right;
    margin-left: 10px;
    line-height: 17px;
    margin-top: 0px;
}

.formularioSistema .grande textarea{height: 200px;}

.formularioSistema .grilla{ margin: 0px; }

.formularioSistema .grilla td, .formularioSistema .grilla th{
    padding: 7px 15px;    
}

.formularioSistema .grilla td{
    background-color: #FFF;
    border-top: solid 1px #788ca3;
    border-left: solid 1px #788ca3;
}

.formularioSistema .grilla tr td:first-child, .formularioSistema .grilla tr th:first-child{
    border-left:none;
}

.formularioSistema .cntEditor{
    background-color: #FFF;
    
}

.formularioSistema .divFormulario{
    background-color: #FFF;
    padding: 5px 20px;
}

.formularioSistema .grilla th{
    font-weight: normal;
    background-color: #373737;
    color: #FFF;    
    border-left: solid 1px #788ca3;
}

.formularioSistema .separador{
    margin: 15px 15px 30px 15px;
}

@media screen and (max-width:1100px){
    .formularioSistema .campo{        
        margin: 5px 0px 15px 0px;
    }
    
    .formularioSistema .campochk{margin-right: 10px; }
    .formularioSistema div.campochk, .campochk input{margin: 0px;}
    
    .formularioSistema{
        width: 100%;
    }    
    
    div.campochk{width: 98%;}
    .formularioSistema .grande input[type=password], .formularioSistema .grande input[type=text], .formularioSistema .grande textarea, .formularioSistema .grande  select{ 
        
    }
    
    .formularioSistema .btnNegro:last-child{margin-left: 0px;}
}

.formularioSistema .agregarFilaRM{
    width: 24px;
    height: 24px;
    float: right;
    margin-top: 5px;
    cursor: pointer;
    background: url(../img/mas.png) no-repeat;
}

.formularioSistema>p{
    margin: 0px;
    display:block; 
    text-transform: uppercase;
    padding-bottom: 6px;
    border-bottom: solid 1px #ccc;
}

.ventana-flotante>.infoVF{width: 90%; margin-left: 5%; padding-bottom: 20px;}

.estadoCalificacion, .estadoCalificacion>div{mask: url(../img/iconos/estrellas.svg) repeat-x; 
-webkit-mask: url(../img/iconos/estrellas.svg) repeat-x;}

.rojo{color: #F00;}
.verde{color: #007a00;}

.formularioSistema .mensaje{
    line-height: 25px; color: #555;
    display: block;    
    margin-bottom: 40px;    
    padding: 5px 1.5% 5px 35px;
    background-color: #ededed;
    width: 93%;    
}
.formularioSistema .mensaje ul{padding-left: 0px;}
.formularioSistema .mensaje i{
    font-size: 24px;
    margin-right: 5px;
    position: absolute;
    margin-left: -28px;
}
.formularioSistema .mensajechk{    
    margin-bottom: 0px; margin-top: 5px;
}
.formularioSistema .mensajechk ul{padding-left: 0px; margin-top: 0px;}

td .acciones, .botonesTitulo .acciones, .cntImagenes .acciones{display: table; float: right;}
td .acciones>div, .botonesTitulo .acciones>div, .cntImagenes .acciones>div{display: table-cell; vertical-align: middle; padding-left: 15px; min-width: 24px;}
.cntImagenes .acciones>div{padding-left: 10px; padding-top: 5px;}
.tabla_sistema td .acciones .solicitarEliminar img, .tabla_sistema td .acciones .btnEditar img, 
.tabla_sistema td .acciones .btn_ver img, .cntImagenes td .acciones .btn_ver img{height: 20px;}
.botonesTitulo .acciones img, .cntImagenes .acciones img{height: 22px;}

.tabla_sistema .acciones a.mascara, .mascara{ mask-size: auto 24px; -webkit-mask-size: auto 24px; }
.tabla_sistema .acciones a{ height: 24px; font-size: 24px; }

.cntImagenes .acciones a.mascara, .mascara{ mask-size: auto 20px; -webkit-mask-size: auto 20px; }
.cntImagenes .acciones a{width: 20px; height: 20px; font-size: 30px; }

.acciones a{display: block; color: #555; text-decoration: none;}
.botonesTitulo{padding: 5px 0px;}

.boton_enlace a{width: 24px; height: 24px;}
.boton_enlace div{font-size: 12px; vertical-align: bottom; padding-left: 3px;}
.tabla .lnkAccion + div, .tabla .btn_ver + div, .tabla .btnEditar + div, .tabla .solicitarEliminar + div{display: none;}  

.acciones a.mascara, a.mascara{text-decoration: none; color: #333;}
.acciones a.mascara, a.mascara>div{background-color: #333; mask-position:center center; mask-repeat:no-repeat;  -webkit-mask-position:center center; -webkit-mask-repeat:no-repeat; display: block; }
.acciones a{display: block;color: #333; text-decoration: none; }
.mascara>span{height: 30px; width: 24px;}
.tabla_sistema .mascara + p{padding-left: 5px;}

.icono-fuente{text-decoration: none; }
.icono-fuente>div{font-size: 24px; color: #333;}
.icono-fuente>span{color: #333;}

.obligatorio .campoArchivo span{color: #F00;}

.tachado{text-decoration: line-through;}

.previaArchivo{
    display: table;
}
.previaArchivo>div, .previaArchivo>span{display: table-cell; vertical-align: middle;}
.previaArchivo>div{width: 30px; height: 24px; padding-right: 10px;}
.previaArchivo.svg>div{width: 100px; height: 100px;padding-right: 0px;}
a.mascara.previaArchivo.svg>div{mask-size: 100% auto; -webkit-mask-size: 100% auto;}
.previaArchivo.svg > span{display: none;}

.divFormulario li{margin-top: 7px;}

.tituloFormulario>p, .tituloSeparador>p{    
    margin-left: 14px;
    margin-right: 14px;
}

.controleschk + div{margin-top: 10px;}
.controleschk input[type=text]{padding: 2px; width: 150px;}

.control_checkbox, .mascarachk, .control_checkbox input{width: 24px; height: 24px;}
.control_checkbox input{opacity: 0; position: absolute; display: block; z-index: 1; margin: 0px; cursor: pointer;}
.control_checkbox .mascarachk{background: url(../img/iconos/estadod2.svg) no-repeat; position: relative; z-index: 0; cursor: pointer;}
.control_checkbox input:checked + .mascarachk{background: url(../img/iconos/estado1.svg) no-repeat;}
.control_checkbox input.cargando_25 + .mascarachk{background: url(../img/cargando_25.gif) no-repeat; background-size: 25px 25px;}
.campo_checkbox label{padding-left: 5px;} 
.campo_checkbox + .campo_checkbox{margin-top: 5px;}

#nivelesAnidacion{width: 100px; position: fixed; background-color: rgba(0,0,0,0.70); top: 0px; padding: 20px 0px; border-radius: 3px;}
#nivelesAnidacion>div + div{margin-top: 20px;}
#nivelesAnidacion span{display: block; background-color: rgba(255,255,255,0.8); border-radius: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-left: 25px;}
#nivelesAnidacion label{ color: #FFF; text-transform: uppercase; text-align: center; padding-top: 5px; font-size: 10px; display: block; width: 100px; }
#nivelesAnidacion span.hecho{background-color: rgba(37,198,14,0.9); color: #FFF;}

.mensajeValidacion{ margin: 3px 10px; color: #F00; display: none;}

.generarCnt{color: var(--colorCorporativo1); padding-top: 3px; cursor: pointer;} 
.generarCnt:hover{text-decoration: underline;}

.tabla-campo-color input[type=text]{ margin-left: 5px; padding: 3px; width: 80px; }


.caja .muestraArchivo, .imgAmpliableFrm{width: 100px;}
.caja video.muestraArchivo{ width: 200px; height: 200px; }

.botonMenu{
    background: #333;    
    mask: url(../img/menu.svg) no-repeat center center ; mask-size: auto 24px; 
    -webkit-mask:url(../img/menu.svg) no-repeat center center; -webkit-mask-size: auto 24px;    
    height: 40px; width: 40px;
    cursor: pointer; display: block;
}

nav .cerrarMenu{background: #333; 
    mask: url(../img/iconos/cerrar.svg) no-repeat center center ; mask-size: auto 24px; 
    -webkit-mask:url(../img/iconos/cerrar.svg) no-repeat center center; -webkit-mask-size: auto 24px;    
    height: 40px; width: 40px;
    cursor: pointer; display: block; 
}

.buscador1{border:solid 1px #d8d8d8; border-radius: 7px; -webkit-transition: width 0.3s; transition: width 0.3s;
 width: 0px; padding: 5px 10px 5px 30px; background: url(../img/iconos/ver.svg) no-repeat 5px center #FFF; 
 background-size: 16px auto; }
.buscador1:focus{width: 100px;}

.suspensivos{
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

video, img{display: block;}


:root{ --anchoBtnMenu: 900px; }


.btnMenu{ cursor: pointer; width: 30px;  }
.btnMenu span{width: 20px; height: 2px; background-color: #FFF; display: block; }
.btnMenu span + span{margin-top: 4px;}

.flotar{background-color: rgba(255,255,255,0.7); border-radius: 50%; height: 40px;width: 40px;  
         position: fixed; z-index: 150;
        -webkit-box-shadow: 6px 3px 10px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 3px 10px -5px rgba(0,0,0,0.75);
box-shadow: 6px 3px 10px -5px rgba(0,0,0,0.75); float: none; }    
.btnMenu.flotar{top: 20px; left: 10px; }
.btnMenu.flotar span:first-child{margin-top: 13px;}
.btnMenu.flotar span{margin-left: 10px; background-color: var(--colorCorporativo2); }



.tablaFilas{display: table;}
.tablaFilas>*{display: table-row;}
.tablaFilas>*>*{display: table-cell; vertical-align: middle;}
.fondoSesion .contenedorFrm>div>div{margin: auto;}
.fondoSesion>div{width: 100%; height: 100%;}
#frmSesion a{margin-bottom: 20px; display: table; margin-top: 15px;}

@media screen and (min-width:501px){ 
    .fondoSesion .tabla2{display: table;}
    .fondoSesion .tabla2>div{display: table-cell; vertical-align: middle;}
}

@media screen and (max-width:500px){ 
    .fondoSesion .tabla2 img{margin: 0px auto 20px auto; display: block;}    
}


    .fondoSesion .piesesion{height: 90px;}     


#frmPost{position: absolute; top: -100px;}

select.cargando_25{background-position: center center; }

.valordefecto{
    text-transform: uppercase; font-style: italic; color: #888; font-size: 12px; letter-spacing: 1px; font-family: "Times New Roman", Times, serif;
}

.tablaZona th, .tablaZona td{padding: 5px;}
.tablaZona th{padding-top: 0px;}

#redesConfiguradas{ display: table;  }
#redesConfiguradas a{width: 20px; height: 20px; margin-right: 0px;}
#redesConfiguradas a + a{margin-left: 20px; }
#redesConfiguradas .fb{mask: url(../img/redes/fb.svg); -webkit-mask: url(../img/redes/fb.svg); }
#redesConfiguradas .ig{mask: url(../img/redes/ig.svg); -webkit-mask: url(../img/redes/ig.svg); }
#redesConfiguradas .li{mask: url(../img/redes/li.svg); -webkit-mask: url(../img/redes/li.svg); }
#redesConfiguradas .pin{mask: url(../img/redes/pin.svg); -webkit-mask: url(../img/redes/pin.svg); }
#redesConfiguradas .tt{mask: url(../img/redes/tt.svg); -webkit-mask: url(../img/redes/tt.svg); }
#redesConfiguradas .yt{mask: url(../img/redes/yt.svg); -webkit-mask: url(../img/redes/yt.svg); }
#redesConfiguradas a.fb, #redesConfiguradas a.ig, #redesConfiguradas a.li,
#redesConfiguradas a.pin, #redesConfiguradas a.tt, #redesConfiguradas a.yt{background: #FFF; float: left; 
    mask-size: 20px 20px; -webkit-mask-size: 20px 20px; mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; }

#alias_icono_ghi{margin-top: 10px; height: 350px; overflow-y: auto;}
.formularioSistema #alias_icono_ghi.divFormulario{padding: 0px;}
#alias_icono_ghi .icono, .caja.alias_icono_def .icono{display: inline-block; width: 100px; height: 100px; 
border: solid 1px #eaeaea; margin-right: 5px; margin-bottom: 10px; text-align: center; cursor: pointer; }
#alias_icono_ghi .icono:hover{border-color:#235FFC;}
#alias_icono_ghi .icono.activo{border-color:#47b21d;}
#alias_icono_ghi i, .caja.alias_icono_def i{font-size: 60px;display: block;height: 75px;line-height: 75px;}
#alias_icono_ghi .icono .suspensivos, .caja.alias_icono_def .icono .suspensivos{padding-left: 5px; padding-right: 5px;}
.alias_icono_txt label{display: none;}
#alias_icono_txt{width: 300px; margin-top: 20px;}
.formularioSistema .alias_icono_txt input[type="text"]{ border-color: #eaeaea; }

.tabla_sistema .campo-orden input{width: 50px; text-align: center; }
.tabla_sistema .campo-orden{width: 60px;}

.muestraCntGenerada{
    color: #FFF;
    background-color: rgba(0,0,0,0.2);
    display: table;
    margin: 10px auto;
    padding: 10px 20px;
}


.flotando{position: fixed; bottom: 0px; display: block;}
.previaArchivo2{width: 100%;}
.previaArchivo2 img{width: 30px; margin-right: 5px;}
.previaArchivo2 .ico{width: 30px; }


.estiloBoton1 .ico span{display: block; color: #FFF; margin-left: 5px;}
.estiloBoton1 .ico.mascara span{ background: #FFF; 
mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center center; -webkit-mask-position:center center; }

.estiloBoton1{display: table;}
.estiloBoton1>*{display: table-cell;}
.estiloBoton1, .estiloBoton1 p{color: #FFF; text-decoration: none;}
.estiloBoton1>div, .estiloBoton1>p{display: table-cell; vertical-align: middle;}

@media screen and (min-width:500px){
    .estiloCerrar1{width: 40px; height: 40px; }
    .estiloCerrar1 img{width: 20px; height: 20px; margin: 10px;}
    .estiloBoton1, .estiloBoton1 p{font-size: 16px;}
    .estiloBoton1{width: 200px; }
    .estiloBoton1 .ico{width: 65px;}
    .estiloBoton1 .ico span{ width: 50px; height: 50px;  font-size: 50px; }    
    .estiloBoton1 .ico.mascara span{mask-size: 50px 50px; -webkit-mask-size: 50px 50px; }
}

@media screen and (max-width:499px){
    .estiloCerrar1{width: 30px; height: 30px; }
    .estiloCerrar1 img{width: 15px; height: 15px; margin: 7.5px;}
    .estiloBoton1{width: 150px; margin-top: 30px;}
    .estiloBoton1 .ico{width: 50px;}
    .estiloBoton1 .ico span{ width: 40px; height: 40px; font-size: 40px; }
    .estiloBoton1 .ico.mascara span{mask-size: 40px 40px; -webkit-mask-size: 40px 40px; }    
}
.estiloBoton1.activo>div{border-left: solid 2px yellow;}

.estiloCerrar1{ background: rgba(255,255,255,0.55); border-radius: 50%; overflow: hidden; 
    cursor: pointer; position: fixed; top: 10px; right: 10px; display: none;}

.tituloEstilo1{height: 20px; text-align: center; color: #FFF; background-color: rgba(255,255,255,0.2);
line-height: 20px; text-transform: uppercase; font-size: 11px; }

.limite-suma .sumando{border-bottom: solid 1px;}
.subtotal-sumando td, td.sumando{text-align: right; }

.botonesFrm2{display: table; margin: auto;}
.botonesFrm2 i{font-size: 30px;}

.tt-blanco{
    mask: url(../img/redes/tt.svg) no-repeat center center ;
    -webkit-mask:url(../img/redes/tt.svg) no-repeat center center; ;  
     mask-size: auto 24px; background-color: #fff;      
    -webkit-mask-size: auto 24px;   
}

.fb-blanco{
    mask: url(../img/redes/fb.svg) no-repeat center center ;
    -webkit-mask:url(../img/redes/fb.svg) no-repeat center center; ;  
     mask-size: auto 24px; background-color: #fff;      
    -webkit-mask-size: auto 24px;   
}

.li-blanco{
    mask: url(../img/redes/li.svg) no-repeat center center ;
    -webkit-mask:url(../img/redes/li.svg) no-repeat center center; ;  
     mask-size: auto 24px; background-color: #fff;      
    -webkit-mask-size: auto 24px;   
}

.caja-alias_adjuntoscm img, .caja-alias_adjuntoscm video{float: left; margin: 5px 5px 0px 0px; float: left;}