/* =Formato para cumpleaños y aniversarios
-------------------------------------------------------------------*/
table.cumple{ width: 755px!important; }
table.aniversario{ width: 755px!important; }
table.img_aniv02{background-image:url('images/bg/aniv02.jpg');background-position:right bottom;}
table.img_cumple02{background-image:url('images/bg/cumple02.jpg');}
table.img_aniv01{background-image:url('images/bg/aniv01.jpg');background-position:right bottom;}
table.img_cumple01{background-image:url('images/bg/cumple01.jpg');}
h1.color{ color: #FFFFFF; }
h1.color1{ color: #4c84bd; }
h1.color2{ color: #bce889; }
h1.color3{ color: #7a007e; }
h1.color4{ color: #eb7e15; }
h1.color5{ color: #9eba65; }
h1.color6{ color: #35caf5; }

div.item{ float: left; width: 430px; }
table.aniversario div.item{ color: #EFEFEF; }
table.aniversario div.item .titulo2{ color: #f9ff00; }
div.item .titulo, div.item .titulo2{ font-size: 12px; font-weight: bold; text-align: center; }
div.item .titulo2{ padding-bottom: 15px; padding-top: 5px; }
div.item .linea{ font-size: 10px; clear: both; }
div.item .linea div{ height: 1.3em; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.4em; }
div.item .linea div.dia{ width: 15px; }
div.item .linea div.anios{ width: 30px; }
div.item .linea div.nombre{ width: 275px; }
div.item .linea div.depto{ width: 125px; }

.content_cumplehoy { margin:0 auto; }
.content_cumplehoy .image { display: inline-block; width: 50px; height: 50px; float: left; }
.content_cumplehoy h3 { text-align: center; }
.content_cumplehoy ul > li { white-space: nowrap; }
.content_cumplehoy ul > li span { display:inline-block; width:6em; }
.content_cumplehoy ul > li div { font-size: 9px; line-height: 8px; text-align: center; font-style: italic; }
.content_cumplehoy .cumple14 { background: url('images/icons/cumple(14).jpg'); }
.content_cumplehoy .cumple13 { background: url('images/icons/cumple(13).jpg'); }
.content_cumplehoy .cumple12 { background: url('images/icons/cumple(12).jpg'); }
.content_cumplehoy .cumple11 { background: url('images/icons/cumple(11).jpg'); }
.content_cumplehoy .cumple08 { background: url('images/icons/cumple(08).jpg'); }
.content_cumplehoy .cumple02 { background: url('images/icons/cumple(02).jpg'); }
.content_cumplehoy .cumple06 { background: url('images/icons/cumple(06).jpg'); }
.content_cumplehoy .cumple07 { background: url('images/icons/cumple(07).jpg'); }
.content_cumplehoy .cumple01 { background: url('images/icons/cumple(01).jpg'); }
.content_cumplehoy .cumple05 { background: url('images/icons/cumple(05).jpg'); }
.content_cumplehoy .cumple09 { background: url('images/icons/cumple(09).jpg'); }
.content_cumplehoy .cumple04 { background: url('images/icons/cumple(04).jpg'); }
.content_cumplehoy .cumple03 { background: url('images/icons/cumple(03).jpg'); }
.content_cumplehoy .cumple15 { background: url('images/icons/cumple(15).jpg'); }
.content_cumplehoy .cumple10 { background: url('images/icons/cumple(10).jpg'); }

/* =Botones del Directorio
-------------------------------------------------------------------*/
ul#dirfabsel{ list-style: none; margin: 0; }
ul#dirfabsel li{ width: 125px; height: 40px; background: url('images/btn_general.png'); background-repeat: none; float:left; }
ul#dirfabsel li a{ display:block; text-align: center; color: #FFFFFF; line-height: 40px; font-size: 14px; }

/* =Formato para reportes
-------------------------------------------------------------------*/
ul.reporting, ul.reporting li ul { list-style: none; }
ul.reporting li ul { display: none; }
ul.reporting a { padding-left: 35px; background-repeat: no-repeat; background-position: left bottom; }
ul.reporting a.folder { background-image: url('images/images/icono_close.jpg'); }
ul.reporting a.abierto { background-image: url('images/images/icono_open.jpg'); }
ul.reporting li a.report { background-image: url('images/images/icono_docto.jpg'); }

/* =Botones APP
-------------------------------------------------------------------*/
a.boton-app div{
	width: 390px;
	height: 69px;
	background-repeat: none;
}
a.boton-app:hover div{ background-position: bottom; }

a.b30 div{background-image: url('images/apps/botones_aplicaciones_net_30.png');} 
a.b21 div{background-image: url('images/apps/botones_aplicaciones_net_21.png');} 
a.b04 div{background-image: url('images/apps/botones_aplicaciones_net_04.png');} 
a.b13 div{background-image: url('images/apps/botones_aplicaciones_net_13.png');} 
a.b20 div{background-image: url('images/apps/botones_aplicaciones_net_20.png');} 
a.b25 div{background-image: url('images/apps/botones_aplicaciones_net_25.png');} 
a.b24 div{background-image: url('images/apps/botones_aplicaciones_net_24.png');} 
a.b29 div{background-image: url('images/apps/botones_aplicaciones_net_29.png');} 
a.b07 div{background-image: url('images/apps/botones_aplicaciones_net_07.png');} 
a.b14 div{background-image: url('images/apps/botones_aplicaciones_net_14.png');} 
a.b18 div{background-image: url('images/apps/botones_aplicaciones_net_18.png');} 
a.b22 div{background-image: url('images/apps/botones_aplicaciones_net_22.png');} 
a.b15 div{background-image: url('images/apps/botones_aplicaciones_net_15.png');} 
a.b26 div{background-image: url('images/apps/botones_aplicaciones_net_26.png');} 
a.b19 div{background-image: url('images/apps/botones_aplicaciones_net_19.png');} 
a.b27 div{background-image: url('images/apps/botones_aplicaciones_net_27.png');} 
a.b10 div{background-image: url('images/apps/botones_aplicaciones_net_10.png');} 
a.b17 div{background-image: url('images/apps/botones_aplicaciones_net_17.png');} 
a.b28 div{background-image: url('images/apps/botones_aplicaciones_net_28.png');} 
a.b03 div{background-image: url('images/apps/botones_aplicaciones_net_03.png');} 
a.b31 div{background-image: url('images/apps/botones_aplicaciones_net_31.png');} 
a.b02 div{background-image: url('images/apps/botones_aplicaciones_net_02.png');} 
a.b16 div{background-image: url('images/apps/botones_aplicaciones_net_16.png');} 
a.b06 div{background-image: url('images/apps/botones_aplicaciones_net_06.png');} 
a.b01 div{background-image: url('images/apps/botones_aplicaciones_net_01.png');} 
a.b32 div{background-image: url('images/apps/botones_aplicaciones_net_32.png');} 
a.b05 div{background-image: url('images/apps/botones_aplicaciones_net_05.png');} 
a.b09 div{background-image: url('images/apps/botones_aplicaciones_net_09.png');} 
a.b00 div{background-image: url('images/apps/botones_aplicaciones_net_00.png');} 
a.b12 div{background-image: url('images/apps/botones_aplicaciones_net_12.png');} 
a.b23 div{background-image: url('images/apps/botones_aplicaciones_net_23.png');} 

/* =Formato para lista de logos
---------------------------------------------------------------------*/
ul.list_logos { list-style:none; }
ul.list_logos li { border-bottom:1px solid #A5CCF7; font-size: 16px; }
ul.list_logos li div { display:inline-block; width:80%; }
ul.list_logos li div * { display:inline-block; }
ul.list_logos li span { float:right; }

/* =Tabla directorio General
-------------------------------------------------------------------*/
table.directorio{ font-size:12px; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
table.directorio thead{ background:url('images/bg_top.png'); color: #FFFFFF; font-weight: bold; }
table.directorio thead td{ text-align: center; padding: 3px; }
table.directorio tbody td.depto{ text-align:center; font-size: 1.2em; font-weight: bold; }
table.directorio tbody tr.linea1{ background-color: #EAF9FF; }
table.directorio tbody tr.linea2{ background-color: #d3f9ff; }
table.directorio tbody td:nth-child(3) span { display:none; font-size:11px; line-height:14px; }
table.directorio tbody td:nth-child(4) { min-width: 8em; }

.icon_mail{ text-decoration: none; width: 16px; height: 16px; display: inline-block; background-image: url('images/ic_mail.png'); background-repeat: no-repeat; padding-left: 3px; }
button.opSign{ float:right; background:none; }
button.opSign div{ width:32px; height:16px; background-position:left; }
button.opSign.sQR div{ background-image:url('images/ic_qr_sign.png'); }
button.opSign.sEC div{ background-image:url('images/ic_eco_sign.png'); }
button.opSign.sGC div{ background-image:url('images/ic_sgc_sign.png'); }
button.opSign div.activo{ background-position:right; }

/* =Tabla para visualizar politicas
-------------------------------------------------------------------*/
table.tdocto{ font-size:12px; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
table.tdocto thead tr { background-color: #EAF9FF; }
table.tdocto thead td {text-align: center; }
table.tdocto tr.subtitle{ background-color: #d3f9ff; }

/* =Espacio para documentos de Referencia
-------------------------------------------------------------------*/
#content table tr td#content-doctos{ font-size: 10px; }
#content table tr td#content-doctos ul{ list-style: none; margin: 0; }
#content table tr td#content-doctos ul li{ border-bottom: 1px solid #d3f9ff; white-space: normal; }
#content table tr td#content-doctos ul li:hover{ background-color: #EFEFEF; }
#content table tr td#content-doctos ul li a{ display: block; }

/* =Extras
-------------------------------------------------------------------*/
.kgvid_wrapper{ margin:0!important; }

iframe.fullScr { position:fixed; top:0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; border: none; margin: 0; padding: 0; overflow: hidden; z-index: 999999; }
iframe.powerBI { display: block; background: #000; border: none; height: 100vh; width: 100vw; }

.fb-400 .fancybox-content {
    height: auto;
    min-height: 80vh;
}
.fb-400 .fancybox-iframe {
    position: relative;
    width: 100%;
    height: 90vh;
}