<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* *{ */
/* 	margin:0; */
/* 	padding:0; */
/* } */
html,body{
	height:99.2%;
}


body {
  color:#333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: justify;
  margin: 1px 1px 1px 1px;
/*   background-color: #333333; */
  padding:0;
  min-height: 100%;
}

#wrap{
	margin:0 auto 0 auto; 
	/* Inicia Cambia CLUI Prototipo */
/* 	width: 93% !important; */
	width: 100% !important;  
	/* Fin Cambia CLUI Prototipo */
	text-align:center;
	min-width: 520px;
/* 	min-height: 100%; */
	background: white;
	overflow:hidden;
	min-height:100%;
	position:relative;
}

/*Estilos del encabezado*/
#encabezado{
	width:100%;
	background-image: url("../imagenes/header_background.gif");
	z-index: 1;
	height: 69px;
}

.encabezado_izquierda{
	width:405px;
	background-image: url("../imagenes/BMLogo.jpg");
	z-index: 2;
	height: 69px;
	float:left;
}

.encabezado_derecha{
	width:251px;
	background-image: url("../imagenes/BMEdif.jpg");
	z-index: 2;
	height: 69px;
	float:right;
}


.logoEncabezado1{
	background-image: url("../imagenes/intro-headerA.png") !important
}


.logoEncabezado2{
	background-image: url("../imagenes/logoN5V1.png") !important
}

.logoEncabezado3{
	background-image: url("../imagenes/intro-headerB.png") !important
}

.fondoCompleto{
	  background-repeat: no-repeat !important;
    background-position: center !important;
   margin: auto;
    background-size:auto 100%; 
    
    
    
}


.fondoCompletoContainer{
	  background-repeat: no-repeat !important;
    background-position: center !important;
   margin: auto;
    background-size:contain; 
    
    
    
}


.encabezado_abajo_izquierda{
	width:161px;
	background-image: url("../imagenes/header2BM.jpg");
	z-index: 2;
	height: 22px;
	float:left;
}
.encabezado_abajo_derecha_latizq{
	width:4px;
	background-image: url("../imagenes/sep_01.gif");
	z-index: 2;
	height: 22px;
	float:left;
}
.encabezado_abajo_derecha_latder{
	width:4px;
	background-image: url("../imagenes/sep_03.gif");
	z-index: 2;
	height: 22px;
	float:right;
}
.encabezado_abajo{
	width:100%;
	background-image: url("../imagenes/fondo_menu_superior.gif");
	z-index: 2;
	height: 22px;
	float:left;
}
.encabezado_titulo{
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	font-weight: bold;
 	color: #426085;
 	margin-left:165px;
	margin-right:4px;
		
}

#contenedor2
{
	margin:auto;
	width:100%;
	min-height:900px;
	background:white;
	height:100%;
}


.tabsPrincipal &gt; ul li{
	height:40px;
	display:table;
}

.tabsPrincipal &gt; ul li a{
	display: table-cell;
    vertical-align: middle;
    float: none !important;
}

.tabsPrincipal &gt; ul li img{
	height:25px !important;
}


.logo{
	
	width:25%;
	height:120px;
	float:left;
}


#contenedorLibroPrincipal{
	float:left;
	width:100%;
	
}

#contenedorLibro{
	margin:auto;
	

}

#libro{
	
	clear:both;

}

.libro ol li h2 span{
	
	font-weight: bold;
}

.sinFondo{
	background:none;
}
.fondoCompleto{
	  background-repeat: no-repeat !important;
    background-position: center !important;
   margin: auto;
    background-size:contain; 
    
    
    
}


.sombra{
		-webkit-box-shadow: -1px 0px 90px 6px rgba(0,0,0,0.7);
-moz-box-shadow: -1px 0px 90px 6px rgba(0,0,0,0.7);
box-shadow: -1px 0px 90px 6px rgba(0,0,0,0.7);
}

.sombraMini{
	-webkit-box-shadow: -1px 0px 10px 1px rgba(0,0,0,0.7);
	-moz-box-shadow: -1px 0px 10px 1px rgba(0,0,0,0.7);
	box-shadow: -1px 0px 10px 1px rgba(0,0,0,0.7);
}

.sombraMiniTabs{
	-webkit-box-shadow: -1px 0px 30px 5px rgba(0,0,0,0.7);
	-moz-box-shadow: -1px 0px 30px 5px rgba(0,0,0,0.7);
	box-shadow: -1px 0px 30px 5px rgba(0,0,0,0.7);
}

.sombraMedia{
		-webkit-box-shadow: -1px 0px 20px 5px rgba(0,0,0,0.7);
-moz-box-shadow: -1px 0px 20px 5px rgba(0,0,0,0.7);
box-shadow: -1px 0px 9px 5px rgba(0,0,0,0.7);
}


.logoBMSimple{
	background-image: url("../imagenes/BM-logo.png") !important;
}

.logoBM{
	
	background-image: url("../imagenes/BM-logo.png") !important;
	 background-image: url("../imagenes/BM-logo.png"), -webkit-gradient(left top, right top, color-stop(0%, rgba(232,232,232,1)), color-stop(21%, rgba(255,255,255,1)), color-stop(78%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1))) !important; 
  background-image: url("../imagenes/BM-logo.png"), -webkit-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 78%, rgba(232,232,232,1) 100%) !important; /* Chrome 10+, Saf5.1+ */
  background-image: url("../imagenes/BM-logo.png"),  -moz-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 78%, rgba(232,232,232,1) 100%) !important; /* FF3.6+ */
  background-image: url("../imagenes/BM-logo.png"),  -o-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 78%, rgba(232,232,232,1) 100%) !important; /* Opera 11.10+ */
  background-image: url("../imagenes/BM-logo.png"),  linear-gradient(to right, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 78%, rgba(232,232,232,1) 100%) !important; /* W3C */
	 
	
}

.p3 .textoDiv{
	margin-top:5%;
	width:100%;
	color: #1A2A4A;
}

.textoDiv{
	margin-top:35%;
	position:absolute;
	width:70%;
/* 	font-family: 'Source Sans Pro', sans-serif; */
	text-align: center;
	font-style: italic;
/* 	font-weight: bold; */
/* 	font-size: 25px; */
	color: white;
}

.sizelogoBM{
	margin-top:1%;
	width:100%;
	height:145px;
	overflow:hidden;
	
}

.sizeFin{
	width:100%;
	height:50px;
}

.imagenPortadaN{
    background-image: url("../imagenes/cabeceraAdmin.png");
    background-repeat: no-repeat !important;
    width: 100% !important;
    background-size: 100% 100% !important;
}


.sizePie{
	width:100%;
	height:35px;
	font-size: 12px;
	font-weight: bold;
	position:absolute;
	left:0;
	bottom:0;
}

.floatLeft{
	float:left;
}

.altura100{
	
	height:100%;
}

.alturaAuto{
	height:auto;
}

.imagen1{
	background-image: url("../imagenes/mercados.jpg") !important;
	
   
}

.imagen2{
	background-image: url("../imagenes/recursos.jpg") !important;
	
   
}

.imagen3{
	background-image: url("../imagenes/productos.jpg") !important;
}



.imagen4{
	background-image: url("../imagenes/bm-edificio.png") !important;
	 background-image: url("../imagenes/bm-edificio.png"), -webkit-gradient(left top, right top, color-stop(0%, rgba(232,232,232,1)), color-stop(21%, rgba(255,255,255,1)), color-stop(78%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1))) !important; 
  background-image: url("../imagenes/bm-edificio.png"), -webkit-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 78%, rgba(232,232,232,1) 100%) !important; /* Chrome 10+, Saf5.1+ */
  background-image: url("../imagenes/bm-edificio.png"),  -moz-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 78%, rgba(232,232,232,1) 100%) !important; /* FF3.6+ */
  background-image: url("../imagenes/bm-edificio.png"),  -o-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 78%, rgba(232,232,232,1) 100%) !important; /* Opera 11.10+ */
  background-image: url("../imagenes/bm-edificio.png"),  linear-gradient(to right, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 78%, rgba(232,232,232,1) 100%) !important; /* W3C */
	 
   
}

.imagenLogoBM{
	background-image: url("../imagenes/BM-monograma.png") !important;
	 background-image: url("../imagenes/BM-monograma.png"), -webkit-gradient(left top, right top, color-stop(0%, rgba(232,232,232,1)), color-stop(21%, rgba(255,255,255,1)), color-stop(78%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1))) !important; 
  background-image: url("../imagenes/BM-monograma.png"), -webkit-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 78%, rgba(232,232,232,1) 100%) !important; /* Chrome 10+, Saf5.1+ */
  background-image: url("../imagenes/BM-monograma.png"),  -moz-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 78%, rgba(232,232,232,1) 100%) !important; /* FF3.6+ */
  background-image: url("../imagenes/BM-monograma.png"),  -o-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 78%, rgba(232,232,232,1) 100%) !important; /* Opera 11.10+ */
  background-image: url("../imagenes/BM-monograma.png"),  linear-gradient(to right, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 78%, rgba(232,232,232,1) 100%) !important; /* W3C */
	 
   
}


.imagen5{
	background-image: url("../imagenes/banco-de-mexico.jpg") !important;
	
    
}

.imagenTitulo{
	
	background-image: url("../imagenes/inf-fin3baja.jpg") !important;
	
}

.imagenIntro{
	background-image: url("../imagenes/inf-fin4baja.jpg") !important;
	
}

.imagenLogo1{
	background-image: url("../imagenes/PIIF-element1.png") !important;
}

.imagenLogo2{
	background-image: url("../imagenes/PIIF-logo.png") !important;
}

.imagenLogo3{
	background-image: url("../imagenes/PIIF-element3b.png") !important;
}



.ocultar{
	
	display:none;
}


.volver{
	float:right;
}

.overflow{
	  background-repeat: no-repeat !important;
    background-position: center !important;
    background-size:100% 100%;
	height:100%;
	overflow: auto;
	
}

.descripcion
{
	width:100%;
	height:320px;
	float:left;
}


.flip .front,.flip .back{
	width:100% !important;
	height:100%;
}

.flip .back .botones{
	text-align:right;
}



.libro .portada{
	
	width:27.41228070175439% /*250 912*/;
	float:left;
	height:100%;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	/*background-color:#c7b992;*/
}

.libro .descripcion{
	
	width:72.58771929824561%;/*662/912*/
	float:left;
	height:100%;
	font-size: 12px;
	/*overflow:auto;*/
}


.libro .portada .imagenPortada{	
	margin: 10px 10px ;
	height: 65%;
	margin-bottom: 8%;
}

.indicesCarruselDiv{
    margin: 10px 10px;
    height: 29%;
}


.libro .portada .tituloPortada{
	
	height:10%;
	
	font-style:oblique;
	font-weight: bold;
	text-align: center;
	
}


.sinFondo
{
	background: none !important;
}
/*
.libro .descripcion img{
	width:100%;
	height:100%;
	
}
*/



.descripcion .menu, .descripcion .menu{
	
	margin:0 auto;
	width:98.03921568627451%; /*600/612*/
	overflow:auto;
	height:100%;
}


.descripcionMenu{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
/* 	background-color:#e3ebed; */
	background-color: #F2F2F2;
	border-radius: 0;
	overflow:auto;
	text-align: left;
	padding:1% 12px !important;
	margin-top: 1em;
	height:130px;
	width:100%;
}


.back{
}

ul.folder{
	
	width:20%;
	background-color:gray;
	margin: 0; padding: 0; border: none; list-style: none;
	float:left;	
	overflow:auto;	
}


div.ui-widget-content{
	
	/*background:none !important;*/
}

ul#menuDash li
{
	display:inline-block;
	width:200px;
	
}



ul.folder li a{
	background: #0D5995;
	margin: auto;
	padding: 10px 10px 10px 15px;
	display:block;
	text-decoration: none;
	text-align: center;
	color:white;
	
}

ul.folder li a:hover,ul.folder li a:active{ 
	
    background: #05477c;
}

#encabezado_sesion{
	width: 100%;
	background-image: url("../imagenes/CabeceraNuevaImagenPIIF.png");	
	z-index: 1;
	height: 74px;
	position: relative;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
}

/* #encabezado_sesion &gt; #logout{ */
/*     position: absolute; */
/*     right: 40px; */
/*     top: 86px; */
/*     border: 1px solid #999999; */
/*     font-weight: normal; */
/*     color: #20385a; */
/*     background-color: #e2eaf7; */
/*     border-radius: 50%; */
/*     margin: 0px 2px; */
/* } */

#encabezado_sesion &gt; #logout{
    position: absolute;
    right: 17px;
    top: 86px;
    border: 1px solid #999999;
    font-weight: normal;
    color: #20385a;
    background-color: #e2eaf7;
    border-radius: 50%;
    margin: 0px 2px;
}

.lenguaje{
	position:relative;
	top: 30px;
	right: 10px;
	float: right;
}

.lenguaje a
{
	display:block;
	float:left;
	margin-left:5px;
}

.titulo_sesion{
	
	width:100%;
	/*background-image: url("../imagenes/header_background.gif");*/
		background:#51749D;
	z-index: 1;
	height: 40px;
	
}

.estilo_titulo{
	border:none;
	font-weight:bold;
	text-align:center;
	font-family: Helvetica Neue;
	font-style: italic;
	font-size: 3em;
	color:#3F5471;
	position: relative;
	top:50px;
	
	
}

#contenedor
{
	/*margin-left: 163px;*/
	width:100%;
	margin:0 auto 0 auto;
	padding-bottom:50px; 
}

#menu
{	
	width: 161px;
	float:left;
	
}

/* #contenido */
/* { */
/* 	float:left; */
/* 	width:99%; */
/* 	margin-left:.5%; */
/* 	margin-right: .5%; */
/* 	min-height:300px !important; */
/* } */


#contenido
{
/* 	float:left; */
	width:100%;
	min-height:300px !important;
}

#contenido .container{
	
	height:inherit;
	
}

.barra_titulo
{
	width:90%;
	background-image: url("../imagenes/fondo_titulo_portlet_azul.gif");
	height:20px;
	margin-left:auto;
	margin-right:auto;
}
.titulo {
 font-size: 12px;
 font-weight: bold;
 color: #333333;
 text-decoration: none;
 
}
.titulo2{
 	font-size: 12px;
 	font-weight: bold;
 	color: #426085;
}

.titulo3{
 	font-size: 14px;
 	font-weight: bold;
 	color: white;
 	width:100% !important;
 	height:30px;
}

.accordion h3{
	font-size: 14px;
 	font-weight: bold !important;
 	text-transform:initial;
	margin: 0;	
}

.pie{
	clear:both;
}

.error{
	color:red;
	margin-left:5px;
}

.correcto{
	color:green;
	margin-left:5px;
}


.login
{
	width:30%;
	border:groove;
	margin:auto;
}

/* .ui-accordion .ui-accordion-content
{
	padding:0px;
	margin:auto;
	overflow:hidden;
}*/

.non {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #333333;
 background-color: #F7F7F7;
 text-decoration: none;
}
.par {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #333333;
 background-color: #E9E9E9;
 text-decoration: none;
}

.par2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #333333;
 background-color: #CFDDEE;
 text-decoration: none;
}


/** assssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss**/
.page-title{
		width:96% !important;
	margin-left: 2% !important;
	margin-right: 2% !important;
}

.page-subtitle{
	
	width:96% !important;
	margin-left: 2% !important;
	margin-right: 2% !important;
}

.completo,.partido,.nada{
	height:auto;
	width:auto;
} 

.partido{
	width:96% !important;
	padding:2%;
	clear:both;
}

#libroFlip .page .completo{
	display:none;
}
/** assssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss**/
.todo{
	
	width:98%;
	margin-left:1%;
	margin-right:1%;
	
}

.sinMargen{
	margin-left:0px;
	margin-right:0px;
	width:50%;
}

.mitadVertical{
	width:100%;
	height:45%;
}


#loading
{
	width:90%;
	height:100%;
	position:absolute;
	background-color: white;
	filter: alpha(opacity=60);
	opacity: 0.6; 
	z-index:500;
	display:none;
}


#mostrarArchivos{
	width:100%;
	float:left;
	/*height:200px;*/
	}



#archivo1{
	
	width:49.939172%; /* 821  1644 */
	float:left;
	margin-right:.06082725%; /*1 1644*/
	
}

#archivo2{
	float:left;
	width:49.939172%; /*821 1644*/
	margin-left:.06082725%; /*1 1644*/
}

#informacion{ 
	width:29.927007%; /* 492  1644 */
	float:left;
	margin-right: .121654%;/*2 1644*/
	
}

.width100{
	width:100% !important;
}


	
.css_right {
	float: right !important;
}

.css_left {
	float: left !important;
}





#cargando{
	width: 50px;
	height: 50px;
	margin: auto !important;
}

#cargando img{
	width:100%;
}


.visorCargandoPequeno{
	width:16px;
	height:16px;
	float:left;
}



.grafica{
/* 	padding: .5%; */
	padding: 5px;
/* 	margin-top:5px; */
	position: relative;
	border:2px solid #3b7878;
	border-radius: 4px;
}



 .ui-tabs-nav li
{
/* 	max-width:250px; */
	list-style: none;
	font-size: 14px;
	font-weight: bold !important;
}
/*
.ui-tabs-nav li a{
	display:block !important;
	white-space: pre-wrap !important;
	float:none !important;*
	width:98%;
	padding:.5em 1% !important;
}*/

/* .ui-datepicker-calendar { */
/*     display: none; */
/*     } */
    
#accordionHerramientas{
/* 	width: 25%; */
	display: inline-block;
/* 	max-width: 225px; */
/* 	float: left; */
/* 	text-align: center; */
	display: none !important;
}

.filtro fieldset{
	padding:1%;
}


.highcharts-container
{
	width:100% !important;
}

.ui-tabs-hide { 
  display: block !important; 
  height: 0!important; 
  width: 0!important; 
  border:none!important; 
}
/*
.ui-accordion-content{
	overflow:hidden !important;
}*/

button.ui-datepicker-current 
{ 
	display: none; 
}

.tablesorter, .tablesorter .tablesorter-filter {
    width: 100%;
}

.tabla table tbody{
	text-align:left;
}



.tabla table tbody tr.expand-child td:nth-child(1){
	 text-indent:20px;
}

.tabla table tbody tr td a{
	display:block;
	text-decoration: none;
}

.tabla table tbody tr.expand-child.parent{
	 text-indent:0px;
}

tr.tablesorter-hasChildRow td a{
	display:block;
}

.tablesorter-header{
	cursor: pointer;
	
}

.filtro fieldset
{
	padding:0px;
}

.filtro fieldset table{
	height:30px;
	text-align: center;
}

.filtro fieldset table td{
	
	border: groove 1px;
	border-color: white;
}
#tabsPrincipal2 #dashboard{
	min-height: 662px;
}

.widget{
	
	width:49%;
	
}

.widgetTabla{
	
	width:30%;

}

.ui-dialog .sDashboardWidgetContent &gt; *{
	position: relative !important;
}

/* .form .short { */
/*     width: 60px; */
/*     float: right; */
/*     margin: 0px; */
/* } */

.mitad{
	float:left;
	width:48%;
	margin-left:.9%;
	margin-right:.9%;
/* 	min-height:400px; */
}

.grafica.completo{
	float:left;
	width:100%;
	height:100%;
	margin-top: 3px;
/* 	margin-left:.9%; */
/* 	margin-right:.9%; */
/* 	min-height:400px; */
}
	
.plantilla.mitad{
	float:left;
	width:48%;
	margin-left: 1%;
	margin-right: 1%;
}

/* #opcionesPrincipal &gt; div{ */
/* 	margin: 1px 0; */
/* 	float:left; */
/* 	width:49%;	 */
	
/* 	} */

#opcionesPrincipal &gt; div{
	display: inline-block;
	max-width: 100%;
}

#opcionesPrincipal &gt; div div.first{ 
	min-height: 20px;
	text-align: center;
}

#opcionesPrincipal &gt; div  div.last{ 
	width: 100%;
}

#opcionesPrincipal &gt; div  div.last select{ 
	max-width: 100%;	
}


#opcionesPrincipal &gt;div div label{
	font-weight: bold;	
	white-space:pre-wrap;
}




.ocultar{
	display:none !important;
}

/*
.ui-menu:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.ui-menu .ui-menu-item {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
    border:1px;
   
}
*/

.highcharts-range-selector{
	
	z-index:20 !important;
}


.ui-tabs .ui-tabs-nav-arrows {
    position:absolute;
    top:1px;
    right:1px;
    left:1px;
    margin:.1em;
    padding:0;
}
.ui-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-next {
    float:right;
}
.ui-tabs .ui-tabs-nav-arrows li {
    list-style:none;
    position:relative;
    cursor:pointer;
    z-index:1000;
    line-height:1;
    margin:0;
    padding:0;
}
.ui-tabs .ui-tabs-nav-arrows li a {
    display: block;
    padding: .7em .1em;
}
.ui-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-previous {
    float:left;
}
.ui-tabs .ui-tabs-scroll-container {
    position:relative;
    height: 2.7em;
    overflow:hidden;
}
.ui-tabs .ui-tabs-nav-scrollable {
    position:absolute;
    left:0;
    right:0;
}
.ui-tabs .ui-tabs-nav-scrollable ul {
    position:relative;
    width:10000px;
}

.ui-tabs-overflow {
	position: absolute;
	z-index: 100;
	list-style: none;
	display: block;
	width: 200px;
	right: 0;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	min-height: 50px;
	background: #ececec;
	padding: 10px;
}
.ui-tabs-overflow li, .ui-tabs-overflow .ui-state-default {
	border: 0;
	clear: both;
}
.ui-tabs-overflow li:before, .ui-tabs-overflow li:after {
	border: 0;
}
.ui-tabs-overflow.hide {
	visibility: hidden;
}

.overflow-selector {
	position: absolute;
	top: 12px;
	right: 10px;
	background: #ececec;
	width: 40px;
	height: 15px;
	border: 1px solid #d3d3d3;
	border-top-left-radius: 5px;
	text-align: center;
	line-height: 15px;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.overflow-selector .total {
	font-weight: normal;
}

.ui-tabs-hide { 
   display: none; 
   background-color: #fff 
}
.ui-tabs-panel {
   padding: 0.5em;
}
.ui-tabs-paging-next { 
   float: right !important;
   padding: 0 !important;
}
.ui-tabs-paging-prev a,
.ui-tabs-paging-next a {
   display: block; 
    
    
   border: 0;
   z-index: 2; 
   padding: 0px; 
   color: #444; 
   text-decoration: none;
   cursor: pointer;
}
.ui-tabs-paging-next a:hover,
.ui-tabs-paging-next a:focus,
.ui-tabs-paging-next a:active,
.ui-tabs-paging-prev a:hover,
.ui-tabs-paging-prev a:focus,
.ui-tabs-paging-prev a:active { 
   
}
.ui-tabs-paging-disabled {
   visibility: hidden;
}




.tituloPrincipal{
	padding:40px 0px 0px 0px;
	width:75%;
	float:left;
	height:120px;
	margin: 0 auto;
	text-align: left;
	font-size: 25px;
}	
	
	
#booker{
	
	position:absolute;
	top:70px;
	width:90%;
	height:100%;
	z-index:1000;
	
	
}	




kbd{
	 font-size:1.5em !important;
	 
}


.liteAccordion div.sinFondo{
	border:0;
	padding-top: 0px;
	position: relative;
}



.allTabs {
    display: none;
    position:absolute;
    background: #e6e6e6;
    right: 10px;
    border: 1px groove;
    z-index:100000;
    /*min-height:85px;*/
    max-height:125px;
    padding:3px;
    /*overflow:auto;*/
}


.allTabs  div.item{
	/*background: #c7b992;*/
	/*width:100%;
    float:left;*/
    padding: .3em 0em;
    cursor:pointer;
    border: 0px !important;
    height:32px;
}



.allTabs a {
    font-size: 14px;
    text-decoration: none;
}

.allTabs a img {
    height:25px !important;
}

.allTabs span {
    
}

.allTabs .highlight {
    font-weight: bold;
}

.closeTab{
	float:right;
	cursor:pointer;
	margin-right:15px;
}

.tabs &gt; .ui-tabs-nav{
	background: #f8f9fa !important;
	border: 0;
	position: relative;
	overflow-x:auto;
	white-space:nowrap;
	text-align: left;
	z-index: 100;
}

.tabs &gt; .ui-tabs-nav li{	
	float:none !important;
	display:inline-block !important;
	
}

.tabs{
	border: 0 !important;
}

.containerSlider{
	position: relative;
	display:inline-block;
	width:40%;
	height: 110px;
	margin: 0 3.5%;
}

.bxSlider li &gt; div{
	margin:10px 50px;
	
}

.padreCentradoVerticalHorizontal{
	
	display:table;
	
	text-decoration: none;

}

.padreCentradoVerticalHorizontal &gt; img{
	
    vertical-align: middle;
    display: table-cell;
}

.padreCentradoVerticalHorizontal &gt; span{ 
    vertical-align: middle;
 	padding-left:10px;
	width:100%;
}

.padreCentradoVerticalHorizontal &gt; span.nombreCortoTema{ 
	display: table-cell;
}

.padreCentradoVerticalHorizontal &gt; span.tituloTema{ 
	display: none;
}


.tituloSlider{
	
	/*width:100%;*/
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/* .bx-viewport{ */
/* 	height:auto !important; */
/* } */

.bx-controls{
	position: absolute;
	top: 67px;
	width: 100%;
	height: 35px;	
}

.tooltipGraph{
	width:100%;
	display:block;
	overflow:hidden;
	position: relative;
}

.highcharts-tooltip .tooltipGraph_data{
/* 	width: 100%; */
	width: 600px;
	float:left;
	margin-bottom:0px;
}

.tooltipGraph_data{
	width: 208px;
	height: 100%;
	display:inline-table;
/* 	float:left; */
/* 	text-align:left; */
/* 	padding-bottom:99999px; */
/* 	margin-bottom:-99999px; */
	margin-bottom:10px;
/* 	margin-right:2.5% */
}

.highcharts-tooltip .tooltipGraph_mitad{
	margin-bottom: 0px;
	float:left;	
} 

.tooltipGraph_mitad{
	width:100%;
	margin-bottom: 3px;
/* 	display: inline-block; */
/* 	float:left; */
/* 	min-height:45px; */
}

.highcharts-tooltip .tooltipGraph_mitad_center{
	float:right;
	text-align:center;
}

.tooltipGraph_mitad_center{
	width:100%;
/* 	display: inline-block; */
/* 	float:left; */
/* 	text-align:center; */
}

.highcharts-tooltip .total{
	display: inline-table;
	float: left;
	margin-top: 3px;
	text-align: center;
	width: 100%;
}

.plantilla{
/* 	min-height:500px; */
	/*margin-bottom: -20px;*/
}

#menuOpcionesIndice{
	text-align:center;
}

.ui-accordion .ui-accordion-header{
	margin-bottom: 0px;
	padding-left: 2.2em;
	display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    min-height: 0
}

#reestablece, .opcionSeries, #tooltip{
	width: 65px;
	display: inline-table;
}

#hGeneral p{
	font-size: 10px;
	margin: 0px !important;
}

.reestableceGraf{
/* 	width: 20px; */
/* 	height: 20px; */
	cursor: pointer;
/* 	float: right; */
/* 	top: -10px; */
/* 	right: -24px; */
/* 	background-color: red; */
/* 	background-image: url("../imagenes/refresh.png") no-repeat; */
/* 	z-index: 1; */
/* 	position: absolute; */
}

.enviaDashb{
	position: relative;
}

.tooltipGraf{
	cursor: pointer;
}

.ocultarSer{
/* 	width: 20px; */
/* 	height: 20px; */
	cursor: pointer;
/* 	float: right; */
/* 	top: 18px; */
/* 	right: -24px; */
/* 	background-color: orange; */
/* 	background-image: url("../imagenes/refresh.png") no-repeat; */
/* 	z-index: 1; */
/* 	position: absolute; */
}

.activarSer{
/* 	width: 20px; */
/* 	height: 20px; */
	cursor: pointer;
/* 	float: right; */
/* 	top: -10px; */
/* 	right: -24px; */
/* 	background-color: orange; */
/* 	background-image: url("../imagenes/refresh.png") no-repeat; */
/* 	z-index: 1; */
/* 	position: absolute; */
}

.enviaDashboard{
/* 	width: 20px; */
/* 	height: 20px; */
	cursor: pointer;
	float: right;
	top: 2px;
	right: 40px;
/* 	background-color: green; */
/* 	background-image: url("../imagenes/refresh.png") no-repeat; */
	z-index: 1;
	position: absolute;
}

#accordionTooltip{
/* 	width: 70%; */
	display: inline-block;
/* 	max-width: 670px; */
/* 	margin-left: 0.4%; */
/* 	float: left; */
	display: none !important;
}

#accordionReferencias{
/* 	width: 90%; */
	display: inline-block;
/* 	max-width: 687.3px; */
/* 	float: right; */
/* 	margin-left: 0.4%; */	
	display: none !important;
}

.mostrarReferencias{
	cursor: pointer;
}

#referencias ul{
	margin: 0px;
}

#refIzq{
	width: 48%;
	float: left;
/* 	padding: 0% 2% 0% 4%; */
}

#refDer{
	width: 48%;
	float: right;
/* 	padding: 0% 2% 0% 6%; */
}

#referencias p{
	margin: 0px 0px 2px 0px;
}

#consultas button{
	width: 170px !important;
}

#divideHerramientas{
	margin: 8px 0;
	border: 0px;
	height: 5px;
	width: 100%;
	box-shadow: inset 0 10px 10px -10px #3b7878;
/* 	margin-top: 8px; */
	position: relative;
}

#divideHerramientas{
	border: 0px;
	height: 5px;
	width: 100%;
	box-shadow: inset 0 10px 10px -10px #3b7878;
/* 	margin-top: 8px; */
	position: relative;
}

.tooltipGraph_mitad_center_burbuja{
	margin-bottom: 20 px;
	
	float: center;
}

.highcharts-tooltip #serieBurbuja,
.highcharts-tooltip #valorBurbuja,
.highcharts-tooltip #volumenBurbuja,
.highcharts-tooltip #serieCaja {
  width: 100% !important;
  margin: 0px !important;
}


#serieBurbuja, #valorBurbuja, #volumenBurbuja, #serieCaja {
  width: 210px;
  margin: 5px 20px;
  display: inline-table;
}

.highcharts-tooltip .valorCaja {
  margin: 0px;
  float: left;
  width: 20%;
}

.valorCaja {
  width: 120px;
  margin: 5px 20px;
  display: inline-table;
}

#filtroSeries{
	width: 100%;
	display: inline-table;
/* 	float: left; */
}

.highcharts-tooltip #infoBurbuja,
.highcharts-tooltip #infoCajas{
	width: 380px !important;
	float: left;
}

#infoBurbuja, #infoCajas{
	width: 100%;
	display: inline-table;
/* 	float: left; */
}

#infoSeries{
	width: 23%;
	height: 100px;
	float: right;
	margin-right: 1.5%;
	overflow-y: auto;
}

#infoSeries div{
	float: left;
}

#filtroSeries{
	margin-bottom: 10px;
	font-weight: bold;
}

.tooltipGraph_mitad_d1{
	width:33%;
	float:left;
	text-align:center;
}

/* #divideBurbujas{ */
/* 	border: 0px; */
/* 	height: 5px; */
/* 	width: 100%; */
/* 	box-shadow: inset 0 10px 10px -10px #3b7878; */
/* /* 	margin-top: 8px; */ */
/* 	position: relative; */
/* } */

#divideDatos{
	border: 0px;
	height: 5px;
	width: 100%;
	box-shadow: inset 0 10px 10px -10px #3b7878;
/* 	margin-top: 8px; */
	position: relative;
}

#series{
	width: 100%;
/* 	height: 33px; */
/* 	max-height: 33px; */
	position: relative;
	float: right;
	margin: 10px 0px;
	overflow-y: auto;
}

#series b{
	margin: 0px 5px;
	display: inline-block;
}

#hGeneral{
	width: 100%;
	margin: 15px 0 0 0 !important;
}

#visualizacion, #vista{
/* 	max-width: 150px !important; */
	max-width: 100% !important;
}

.allTabs .nombreCortoTema{
	display: inline-block;
	position: relative;
}

.allTabs .tituloTema{
	display: none;
}

#contenedor #contenido .ui-tabs-nav .tituloTema{
	display: inline-block;
	position: relative;
}

#contenedor #contenido .ui-tabs-nav .nombreCortoTema{
	display: none;
}

.principal.ui-accordion &gt; .ui-accordion-content {
	padding: 8px;
	overflow:hidden;
	border: 0;
}

/* .liteAccordion .slide &gt; h2.priv { */
/* /* 	background: repeating-linear-gradient(#FF9C12, #FF9C12, #C6721F); */ */
/* 	background: rgba(255,145,10,1); */
/* 	background: -moz-linear-gradient(top, rgba(255,145,10,1) 0%, rgba(255,145,10,1) 40%, rgba(214,118,0,1) 60%, rgba(214,118,0,1) 100%); */
/* 	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,145,10,1)), color-stop(40%, rgba(255,145,10,1)), color-stop(60%, rgba(214,118,0,1)), color-stop(100%, rgba(214,118,0,1))); */
/* 	background: -webkit-linear-gradient(top, rgba(255,145,10,1) 0%, rgba(255,145,10,1) 40%, rgba(214,118,0,1) 60%, rgba(214,118,0,1) 100%); */
/* 	background: -o-linear-gradient(top, rgba(255,145,10,1) 0%, rgba(255,145,10,1) 40%, rgba(214,118,0,1) 60%, rgba(214,118,0,1) 100%); */
/* 	background: -ms-linear-gradient(top, rgba(255,145,10,1) 0%, rgba(255,145,10,1) 40%, rgba(214,118,0,1) 60%, rgba(214,118,0,1) 100%); */
/* 	background: linear-gradient(to bottom, rgba(255,145,10,1) 0%, rgba(255,145,10,1) 40%, rgba(214,118,0,1) 60%, rgba(214,118,0,1) 100%); */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff910a', endColorstr='#d67600', GradientType=0 ); */
/* } */

/* .liteAccordion .slide &gt; h2.priv.ui-state-focus { */
/* /* 	background: repeating-linear-gradient(#FFA527, #DC8836); */ */
/* 	background: rgba(255,161,46,1); */
/* 	background: -moz-linear-gradient(top, rgba(255,161,46,1) 0%, rgba(255,161,46,1) 40%, rgba(240,132,0,1) 60%, rgba(240,132,0,1) 100%); */
/* 	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,161,46,1)), color-stop(40%, rgba(255,161,46,1)), color-stop(60%, rgba(240,132,0,1)), color-stop(100%, rgba(240,132,0,1))); */
/* 	background: -webkit-linear-gradient(top, rgba(255,161,46,1) 0%, rgba(255,161,46,1) 40%, rgba(240,132,0,1) 60%, rgba(240,132,0,1) 100%); */
/* 	background: -o-linear-gradient(top, rgba(255,161,46,1) 0%, rgba(255,161,46,1) 40%, rgba(240,132,0,1) 60%, rgba(240,132,0,1) 100%); */
/* 	background: -ms-linear-gradient(top, rgba(255,161,46,1) 0%, rgba(255,161,46,1) 40%, rgba(240,132,0,1) 60%, rgba(240,132,0,1) 100%); */
/* 	background: linear-gradient(to bottom, rgba(255,161,46,1) 0%, rgba(255,161,46,1) 40%, rgba(240,132,0,1) 60%, rgba(240,132,0,1) 100%); */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa12e', endColorstr='#f08400', GradientType=0 ); */
/* } */


svg{
    overflow:visible !important;
}
.highcharts-container{
    overflow:visible !important;
}

.fixed_menu{
	position:fixed; 
	top:0; 
	z-index:2;
	width:inherit;
	padding-right:40px !important;
}

.ui-multiselect-filter &gt; input{
	color: black;
} 

/* .completo #parametrosEnviados{ */
/* 	position: absolute; */
/* 	background-color: white; */
/* 	max-width: 300px; */
/* 	height: 30px; */
/* /* 	display: none; */ */
/* 	left: 70px; */
/* 	top: 66px; */
/* 	bottom: auto; */
/* 	z-index: 1; */
/* 	overflow-y: auto; */
/* 	overflow-x: hidden; */
/* } */

/* .completo #parametrosEnviados p{ */
/* 	margin: 0px; */
/* 	height: 100%; */
/* 	text-align: left; */
/* 	line-height: 15px; */
/* } */

/* .completo #parametrosEnviados p &gt; b{ */
/* 	color: #3b7878; */
/* 	font-size: 13px; */
/* } */

/* .completo #parametrosEnviados p &gt; div{ */
/* 	font-weight: bold; */
/* 	color: #20385a; */
/* } */




/*admin.css*/

/*extractor.css*/

#visTable_wrapper{
	margin-top: 20px;
}

/* div[id*='extractor'] .dt-buttons{ */
/*     left: -10px; */
/* } */

/* div[id*='extractor'] .dt-buttons button { */
/* /* 	float: left; */ */
/* /*  margin-left:175px; */ */
/* 	background: #3b7878; */
/* 	color: #ffffff; */
/*     border-radius: 4px; */
/*     background-image: url(../imagenes/excelIcon.png); */
/*     background-size: 27px; */
/*     background-repeat: no-repeat; */
/*     padding-left: 35px; */
/*     height: 35px; */
/*     border-color: #aaaaaa; */
/*     font-weight: bold; */
/*     display: none; */
/* } */

/* div[id*='extractor'].dt-button:hover, div[id*='extractor'] .dt-button:hover { */
/* 	background: #3b7878; */
/*     font-weight: bold; */
/*     border-radius: 4px; */
/*     background-image: url(../imagenes/excelIcon.png); */
/*     background-size: 27px; */
/*     background-repeat: no-repeat; */
/*     padding-left: 35px; */
/* } */


.descripcionMenuInterno {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 7px 10px 10px 10px;
    border: 0px solid #000000;
    background-color: #e3ebed;
    overflow: auto;
    text-align: left;
    padding: 1% 12px !important;
    margin-top: 1em;
    height: 130px;
    width: 100%;
}

.flechaDescripcionTitulo {
    cursor: pointer;
    max-width: 16px;
    float: right;
    margin-right: 15px;
}

.hard{
	height: auto !important;
}

/* Estilos Nuevos*/

.adminContenidoBoton {
    position: absolute;
    left: 20px;
    top: 86px;
    font-weight: normal;
    border-radius: 50%;
    margin: 0px 2px;
    cursor: pointer;
    background: #e2eaf7;
    border: 1px solid #999999;
    padding: 0.3%;
}

.divHome {
    float: left;
    cursor: pointer;
    background: #e2eaf7;
    border: 1px solid #999999;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding-top: 3px;
}

.adminEstiloPrincipal {
    display: none;
    height: 670px;
    padding: 0.4%;
    padding-top: 0.7%;
}

.menuNavegacionAdminClass{
    background-image: url("../imagenes/cabeceraAdmin.png");
    height: 140px;
    -webkit-box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.7);
    box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.7);
}

.rellenoAdmin{
    float: left;
    border: 1px solid #d3d3d3;
    width: 80%;
    height: 140px;
}

.menuAdministradorPIIF {
    float: left;
    border: 1px solid #d3d3d3;
    width: 20%;
    height: 140px;
    background: #ffffff;
    padding: 0.1%;
    padding-left: 0.2%;
}

.tituloMenuAdministradorClass{
    font-size: 1.3em;
    font-weight: bold;
    background: #c7b992 !important;
    color: #222222 !important;
    border-radius: 4px;
    border: 1px solid #999999 !important;
    height: 26px;
}

.contenidoPrincipalAdminClass {
    border: 1px solid #d3d3d3;
    margin-top: 1%;
    width: 98%;
    margin-left: 1%;
    border-radius: 3px;
    height: 567px;
    -webkit-box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.7);
    box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.7);
    float: left;
}

.contenidoAdministrador {
    height: 98%;
    overflow: hidden;
    margin-top: 0.5%;
    /*border: 2px solid #3b7878;*/
    border-radius: 4px;
}

.divContenidoClass {
    float: left;
    width: 70%;
    height: 100%;
    border: 2px solid #20385a;
    border-radius: 4px;
    margin-right: 0.5%;
}



.divFormulariosClass {
    float: left;
    width: 29.5%;
    height: 100%;
    border: 2px solid #3b7878;
    border-radius: 4px;
}


.rutaNavegacionClass{
    height: 6%;
    float: left;
    width: 100%;
}

.contenidoNavegacionClass{
    height: 93%;
    margin-top: 1%;
    float: left;
    width: 100%;
    overflow-y: auto;
}

.homeRuta {
    float: left;
    height: 100%;
    width: 4%;
    background-color: #e2eaf7;
    padding-top: 0.4%;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #20385a;
}

.ruta{
    float: left;
    height: 100%;
    width: 96%;
    /*background: #20385a;*/
    color: #ffffff;
    text-align: left;
    padding-top: 0.6%;
    padding-left: 0.4%;
    font-size: 1.1em;
    font-weight: bold;
}

.tituloForm {
    float: left;
    height: 6%;
    width: 100%;
    color: #ffffff;
    text-align: center;
    padding-top: 0.6%;
    padding-left: 0.4%;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 0px;
}



.objetosNavegacion{
    float: left;
    width: 100%;
    height: 89%;
    overflow-y: auto;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 0.5%;
}

.botonesNavegacion {
    float: left;
    width: 100%;
    height: 10%;
    padding-top: 1%;
}


.botonesAdministrador {
    float: right;
    width: 50px;
    height: 40px;
    margin-right: 5%;
    margin-top: 6px;
    cursor: pointer;
}

.botonesAdministrador:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.cajaLibroAdmin {
    border: 1px solid #aaaaaa;
    border-radius: 2px;
    width: 32.5%;
    height: 30%;
    float: left;
    margin-right: 0.8%;
    margin-bottom: 1%;
}


.infoLibro{
    height: 100%;
    float: left;
    width: 100%;
    padding: 1%;
}

.imagenLibroAdmin{
    border-image: none;
    width: 45%;
    height: 100%;
    float: left;
    padding-left: 1%;
    padding-right: 1.5%;
    padding-top: 1%;
    padding-bottom: 1%;
}


.infoLibroTextos{
    float: left;
    width: 55%;
    height: 100%;
}

.nombreLibroCaja{
    float: left;
    width: 100%;
    height: 40%;
    color: #2a5d87;
    font-weight: bold;
    font-size: 1.1em;
    text-align: left;
    margin-top: 20px;
}

.descripcionLibroCaja{
    float: left;
    width: 100%;
    height: 60%;
    overflow-y: auto;
    font-size: 0.9em;
    text-align: left;
    display:none;
}

.sombreCajaLibro{
    background: rgb(244, 244, 244);
    width: 100%;
    height: 15%;
    float: left;
    text-align: right;
    padding-right: 2%;
}

.cajaLibroAdmin:hover {
    border: 2px solid #626567;
}

.sombraLigera {
    -webkit-box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.7);
    box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.7);
}

.formulariosElementos{
    padding: 1.5%;
    border: 1px solid rgb(153, 153, 153);
    border-image: none;
    width: 100%;
    height: 100%;
    float: left;
    border-radius: 4px;
}



.botonesFormularios {
    height: 9%;
    float: left;
    width: 100%;
    padding-top: 1.5%;
}


.contenedorFormulariosElementos {
    height: 68%;
    float: left;
    width: 100%;
    padding: 2%;
}


.botonesFormularioDivBoton {
    float: left;
    border: 1px solid #3b7878;
    margin-left: 28%;
    width: 50%;
    font-size: 1.3em;
    height: 80%;
    padding-top: 2.5%;
    background: #3b7878;
    color: #ffffff;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
}



.nombreLibroDiv{
    float: left;
    width: 100%;
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
}


.descripcionLibroDiv {
    float: left;
    width: 100%;
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
    margin-top: 2%;
}



.imagenLibroDiv{
    float: left;
    width: 100%;
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
    margin-top: 1.5%;
}

.textoEditorAdmin {
    width: 100%;
    float: left;
    margin-top: 1%;
    margin-bottom: 1%;
}

.cajaTextoForm{
    width: 100%;
    font-size: 1em;
    font-weight: normal;
}


.imagenLibroEdicion {
    float: left;
    width: 30%;
    border: 2px solid #20385a;
}


.cambioImagen{
    float: left;
    width: 67%;
    margin-left: 2.5%;
    margin-top: 10%;
}

.instruccionesCrearLibro {
    color: #2a5d87;
    font-size: 1.1em;
    font-weight: bolder;
    margin-bottom: 2%;
    float: left;
    width: 100%;
    margin-top: 0.5%;
}




.cajaIndice {
    border: 1px solid;
    width: 74%;
    margin-left: 13.5%;
    height: 60px;
    font-size: 13px;
    padding: 1.5%;
    font-weight: bold;
}

.cajaInd {
    height: 50px;
    font-size: 12px;
    padding: 1%;
    font-weight: bold;
    word-wrap: break-word;
    overflow: auto;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}


.imagenPIIF{
    width: 100%;
    height: 17%;
    float: left;
    padding-top: 0%;
}

.margenFormulario{
    border: 2px solid #3b7878;
    padding: 2%;
    border-radius: 4px;
    float: left;
}


.highcharts-plot-lines-0{
	display: none;
}

.noDisponible{
    margin-top: 20%;
    float: left;
    margin-left: 30%;
    font-size: 30px;
    color: #3b7878;
}

.refrescaElem{
	cursor: pointer;
}

.sliderIndices{
    background: rgb(226, 234, 247);
    border: 2px solid #20385a;
    border-image: none;
    width: 88%;
    height: 50px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    margin-left: 6%;
}

.circuloSerieDiv{
	border-radius: 50%;
	width: 10px; 
	height: 10px;
}

.divCirculoSerie{
	float: left;
}

.divCajaNombreSerie{
	margin-left: 5px;
	float: left;
	padding:5px;
	font-size: 13px;
}


.parametrosReportes{
	border: 1px solid #3b7878;
    border-radius: 2px;
    margin-bottom: 5px;
}

.tituloParametrosReportes{
	background: #3b7878;
	color: #ffffff;
	font-style: font;
}

.divParametros{
	width: 100%;
}

.muestraParametros{
	width: 90%;
	
}

.botonConsultar{
	width: 10%;	
}

.divParametrosGlobales{
    border: 2px solid #3b7878;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 5px;
}


.opcionesGraficaList{	
	text-align: right;
	padding: 5px;
}

.circuloIcono{
    border: 1px solid #20385A;
    width: 40px;
    text-align: center;
    height: 40px;
    border-radius: 50%;
    background: #E2EAF7;
    padding-top: 2px;
    display: inline-table;
    margin-left: 5px;
    cursor: pointer;
}

.circuloIcono:hover{  
    background: #2980B9;
}

.circuloIcono &gt; img{
	width: 30px;
}


.filtrosOpcionesGraficaList{
/* 	border: 1px solid #D0D3D4; */
	width: 100% !important;
	border-radius: 4px;
	padding: 5px;
	height: 106px;
	overflow-y: auto;
	display: none !important;
}

.visualizacionOpcionesGraficaList{
	border: 1px solid #D0D3D4;
	width: 100% !important;
	border-radius: 4px;
	padding: 5px;
	height: 106px;
	overflow-y: auto;
	display: none !important;
}

.divTablaGraficaGrid{
	margin-top: 10px;
	visibility: hidden;	
}

.cerrarTablaGrafica{
	padding: 3px;
}


.opcionesGlobalesGraficas{
	text-align: left;
}

.divParametrosGlobales{
	margin-top: 10px;
	border: 0;
}

.tooltipTituloGrafica{
	background: #D0D3D4 !important;border-color: #D0D3D4;color: #000000;
}

.divListaOpcionesDes{
	height: 35 px;
    background: #F2F2F2;
    text-align: right;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
}

.select2-container--default .select2-selection--single{
    background-color: #F2F2F2 !important;
    border: 0 !important;
}

.select2-search--dropdown{
    background-color: #F2F2F2 !important;
}

.select2-search__field{
    background-color: #ffffff !important;
    border-color: #F2F2F2 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
	background-color: #007279 !important;
    color: white !important;
}

.contenedorPersonal{
	width:100%;
	max-width: 1000px;
	margin: auto;
	pading: 40px 0;
	
}

.selectBoxPersonal{
	width:50%;
	margin: auto;
	position: relative;
}

@media screen and (max-width: 800px){
	.selectBoxPersonal{
		width:100%;
	}
}

.selectPersonal{
	background: #f4f4f7;
	width: 100%;
	height: 10px;
	box-shadow: 0px 0px 0px rgba(0,0,0,.16);
	border-radius: 10px;
	cursor: pointer;
	display:flex;
	justify-content: space-between;
	align-items:center;
	transition: 02s ease all;
	margin-bottom:30px;
	padding:20px;
	position:relative;
	z-index:200;
	border:2px solid transparent;
}


.selectPersonal.active,
.selectPersonal:hover{
	box-shadow: 0px 5px 10px rgba(0,0,0,.16);
	border:2px solid #5e9090;
}

.selectPersonal.active:before{
	content:"";
	display:block;
	height:0;
	width:0;
	border-top:15px solid #5e9090;
	border-right:15px solid transparent;
	border-bottom:15px solid transparent;
	border-left:15px solid transparent;
	position:absolute;
	bottom: -30px;
	left: calc(50% - 15px);
}

.selectPersonal i{
	font-size: 30px;
	margin-left: 30px;
	color: #5e9090;
}

.tituloPersonaol{
	margin-bottom: 10px;
	color: #000;
	font-weight: 600;
	font-size: 30px;
}

.descripcionPersonal{
	font-size: 18px;
	color: #434343;
}

.opcionPersonal{
	cursor: pointer;
}

.opcionesPersonales{
	bakcground: #f4f4f7;
	border-radius: 10px;
	box-shadow: 0px 5px 10px rgba(0,0,0,.16);
	max-height: 300px;
	overflow: auto;
	z-index: 500;
	width: 100%;
	display: none;
	position: absolute;
}

.opcionesPersonales.active{
	display: block;
	animation: fadeIn .3s forwards;
}


@keyframes fadeIn {
	from {
		transform: translateY(-200px) scale(.5);
	}
	to {
		transform: translateY(0) scale(1);
	}
}

.contenido-opcion{
	background: #f4f4f7 !important;
	width: 100%;
	height: 30px;
	display: flex;
	align-items: center;
	transition: .5s ease all;
	pading: 30px; /*cambios constantes*/
}

.opcionesPersonales .contenido-opcion{
	padding: 30px;
}
.contenido-opcion img{
	width: 30px;
	height: 30px;
	margin-right; 20px;
}

.opcionesPersonales .contenido-opcion:hover{
	background: #5e9090 !important;
}

.opcionesPersonales .contenido-opcion:hover .tituloPersonal,
.contenido-opcion:hover .descripcionPersonal{
	color: #fff;
}

.divConsultasProgramadas {    
    padding: 5px;
    height: 50vh;
    overflow-y: auto;
}

.botonColorConsultaProgramada{
    border: 1px solid;
    background: #20385a;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    height: 30px;
    padding-top: 7px;
    cursor: pointer;
    border-radius: 5px;
}

.botonColorConsultaProgramada:hover{
	background: #fd850c;
}



.botonesExtractorAcciones{
	width: 25% !important;
	border-image: none;
	margin-left: 0%; 
	float: left;
}

.dt-buttons{
	width: 5% !important;
}

.agregarFechaDinamica{
	position: relative;
	top: 5px;
	right: 5px;
	width: 21px;
	cursor: pointer;
}


.bx-controls-direction{
	position: absolute;
	top: -50px;
	width: 100%;
	height: 35px;
}

.bx-wrapper {    
    height: 80px !important;    
}

.bx-wrapper .bx-pager {
	top: 0px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #3b7878;
    background: #3b7878 url(../js/jquery/images/ui-bg_highlight-hard_30_3b7878_1x100.png) 50% 50% repeat-x !important;
    font-weight: normal;
    color: #FFFFFF;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #20385a url(../js/jquery/images/ui-bg_highlight-hard_30_20385a_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #FFFFFF;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #ffffff;
    text-decoration: none;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-state-active .ui-icon {
    background-image: url(../js/jquery/images/ui-icons_454545_256x240.png);
}

.highcharts-no-tooltip{
	font-size: 14px;
}

.highcharts-subtitle{
	font-size: 12px !important;
}


.tituloSlider .ui-state-active{
	height: 55px !important;
}


.sinFondo .bx-controls-direction{
	top: 1px;
}

.ui-button{
	border: 1px solid #d3d3d3;
    background: #20385a url(images/ui-bg_highlight-hard_30_20385a_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #FFFFFF;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
    border: 1px solid #3b7878;
    background: #3b7878 url(images/ui-bg_highlight-hard_30_3b7878_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #FFFFFF;
}


/* Estilo para la tabla */
.noRegistrosExtractorTabla {
  border-collapse: collapse;
  width: 100%; /* Ancho de la tabla */
  margin: 20px auto; /* Centrar la tabla */
}

/* Estilo para las celdas de la tabla */
.noRegistrosExtractorTabla td {
  border: 1px solid #ddd; /* Borde de las celdas */
  padding: 10px; /* Espacio interno de las celdas */
  text-align: left; /* Alineaci�n del texto a la izquierda */
}

/* Estilo para las celdas de encabezado */
.noRegistrosExtractorTabla th {
  border: 1px solid #ddd; /* Borde de las celdas de encabezado */
  padding: 10px; /* Espacio interno de las celdas de encabezado */
  text-align: left; /* Alineaci�n del texto a la izquierda */
  background-color: #f2f2f2; /* Color de fondo */
}

/* Estilo para las filas impares */
.noRegistrosExtractorTabla tr:nth-child(odd) {
  background-color: #f9f9f9; /* Color de fondo de las filas impares */
}

.centrado {
  text-align: center; /* Centrar el texto */
}


</pre></body></html>