.puntero{
	height: 20px;
	width: 20px;
}

.filterInformeDialogTitle{
	height: auto !important;
}

main {
	display: inline-block;
	width: 100%;
}

.cab1{
	background : none;
	color:#457E76;
}

.cab2{
	background : none;
	border-bottom: black 1px solid;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 15px 5px;
}

.titulo_detalle_datos {
   padding: 0px 0px 0px 0px;
}

.secciones {
    padding: 0px 0px 0px 5px;
}

#tablaDetalle {
    padding: 0px 0px;
    font-size:0.9em;
}

#tablaDetalle>strong {
    font-weight: normal;
}

.titulo_operaciones{
    background-color: 	#DDEEEC;
}

ul.operaciones li {
	border-color:#89BEBA ;
}

.titulo_operaciones {
	background:	#DDEEEC;
}

SELECT.cajaOperaciones{
	border-color :#89BEBA ;
	color : black;
}

SELECT.cajaVariables{
	border-color :#89BEBA ;
	color : black;
	min-width: 200px;
}

SELECT.cajaOpciones{
	border-color : #89BEBA ;
	color : black;
}

filterButton{
 	background: #89BEBA ;
    border-color: #89BEBA ;
}

#operationDialog > ul{
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 10%;
}

.optButton{
	width: 80%;
 	background: #89BEBA ;
    border-color: #89BEBA ;
}

SELECT.cajaOpciones{
	border-color : #89BEBA ;
	color : black;
}

.cajaBusquedaVar{
	border-color :#89BEBA ;
}

ul.capa_opciones li {
	border-color: #89BEBA ;
}

.titulo_filas{
	background : #89BEBA ;
}

.titulo_columnas{
	background : #89BEBA ;
}
.bordeCapaOpciones{
	border-color: #89BEBA ;
}

.searchStringVar {
	border-color:  #89BEBA ;
}

.radioOption{
	color : black;
}

input.botonSearchStringVar {
	border-color: #89BEBA ;
	background-color: #89BEBA  ;
}

input.botonSearchStringVar:hover {
	border-color: #89BEBA ;
	background: 	#DDEEEC;
}

input.botonSel {
  background: #457E76 ;
  border-color: 	#457E76;
  color:white
}

input.botonSel:hover {
  border-color: #89BEBA ;
  background: 	#DDEEEC;
}

input.botonSel-hover {
	background: 	#DDEEEC;
	border-color:#89BEBA ;
}


SELECT.cajaSearchStrigVar{
	border-color: #89BEBA ;
	color: black;
}

.capaRadio{
	border-color:#89BEBA ;
}

/********************************
Estilos para datos.jsp
**********************************/

.operations th {
    background-color: #89BEBA ;
}

.celdacabeceravacia{
	background-color: #DDEEEC;
}

table.general tr th {
	background-color: inherit;
}

table.general tr:first-child th{
	background-color: 	#DDEEEC;
}

table.general .operations th {
    background-color: #89BEBA ;
}

table.general tr th.sum {
	background-color: #89BEBA ;
}

table.general tr th.sum a{
	color: black;
}

table.general #medium th {
    /*background-color: #89BEBA ;*/
}

table.general tr th.med {
	background-color: #89BEBA ;
}

table.general tr th.med a{
	color: black;
}

table.general tr td {
	background-color: inherit;
}

table.general tr td:hover {
      background-color : 	#DDEEEC;
}

table.general tr td.ilumina{
      background-color : 	#DDEEEC;
}

table.general tr td.ilumrest{
      background-color : 	#DDEEEC;
}

table.general tr td.th {
	background-color: inherit;
}


table.general tr th.s0 {
	background-color: inherit;
	font-weight: bolder;
	background-color: inherit;
}

table.general tr th.lastRH {
	background-color: inherit;
	font-weight: bolder;
    border-bottom: #457e76 1px solid;
}

table.general tr th.rows {
	background-color: inherit;
	font-weight: normal;
	border-bottom: none;
}

table.general tr th.cols {
	 border-bottom: #457e76 1px solid;
}


table.general tr th.s0>a{
	font-weight: bolder;
}

TH.tableCellMed {
	background: 	#DDEEEC;
}
TH.tableCellPeq {
	background: 	#DDEEEC;
}

.tCL_0{
	background: #DDEEEC;
}
/*tableCellLevel */
.tCL_1{
	background: #DDEEEC;
}
/*tableCellLevel */
.tCL_2{
	background: #DDEEEC;
}
/*tableCellLevel */
.tCL_3{
	background: #DDEEEC;
}
/*tableCellLevel */
.tCL_4{
	background: #DDEEEC;
}

/*dataCellInfo*/
TD.dCI {
	background-color: #F3F4F7;
}

/*dataCellInfo*/
TD.dCIe {
	background: none;
}
/*dataCellEmpty */
TD.dCE {
	background: #E7E9EE;
}

ul.login{
   border-color: #89BEBA ;

}

TD.fondoFechasMapaOn{
  background : 	#DDEEEC;
}

TD.fondoFechasMapa{
  background : #89BEBA ;
  border-color: #89BEBA ;
}

input.botonMap {
	background: #89BEBA ;
	border-color:  #89BEBA ;
}

input.botonMap:hover {
	background: 	#DDEEEC;
	border-color: #89BEBA ;
}

h1.tituloMeta{
	background : 	#DDEEEC;
}

h2.tituloMeta{
	background : 	#DDEEEC;
}

.valorMeta{
	color : #333333;
}

#TB_title {
background-color: #89BEBA ;
}

.ui-dialog-titlebar {
	background-color: #89BEBA ;
	background-image: linear-gradient(	#DDEEEC, #89BEBA );
}

.ui-widget-content a {
	color: #000000;
}

.ui-widget-content a:visited {
	color: #000000;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background: #ffffff;
	color: #000000;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: white;
}

.borderSeccionPlus{
   color: #457E76;
   border-bottom-color: none;
   background-image:  url(../../../_b/img/triDch.gif);
   padding: 0px 0px 0px 20px;
   min-height: 16px;
   background-size: 16px 16px;
}

.borderSeccionMinus{
   	color: #457E76;
	border-bottom-color: none;
	background-image: url(../../../_b/img/triAba.gif);
	padding: 0px 0px 0px 20px;
	min-height: 16px;
	background-size: 16px 16px;
}

#boton_detalle{

}

SELECT.selectVarFila{
	border-color : #89BEBA ;
	color : black;
}

SELECT.selectVarColumna{
	border-color : 1px solid #89BEBA ;
	color : black;
}

ul.varFilasColumnas li {
    border-color: #89BEBA ;
}

#selectMeta{
	color : #333333;
}
#selectMeta a{
	color : black;
}

.selected{
	background-color: 	#DDEEEC;
}


#OrderColumns, #OrderRows{
	background-color:#DDEEEC;
	}
#OrderColumns li, #OrderRows li {
	border-color: #89BEBA ;
	background-color: #DDEEEC;
}

input.botonVolver {
	border-color:#89BEBA ;
	background-color: #89BEBA ;
}

input.botonVolver:hover {
	background-color: 	#DDEEEC;
}

input.botonGraficar {
	color: #333;
	background-color: #89BEBA  ;
	border-color: 	#DDEEEC;
}

input.botonGraficar:hover {
	color: #333;
	border-color: #89BEBA ;
	background-color: 	#DDEEEC;
}

input.botonSalir {
	color: #333;
	background-color: #89BEBA ;
	border-color:#89BEBA ;
}

input.botonSalir:hover {
	color: #333;
	background: 	#DDEEEC;
	border-color:#89BEBA ;
}

.tituloPeriodo{
	background-color: #7495C9
}

ul.check{
	background-color: #89BEBA ;
}

#tituloGrafico
{
	background-color: #89BEBA ;
	background-image: linear-gradient(	#DDEEEC, #89BEBA );
}

#tituloInformeActivo
{
	background-color: #89BEBA ;
	background-image: linear-gradient(	#DDEEEC, #89BEBA );
}

#tituloMapa
{
	background-color: #89BEBA ;
	background-image: linear-gradient(	#DDEEEC, #89BEBA );
}

#graficoForm  .consGraph
{
background-color: #89BEBA ;
}

#graficoForm .consGraph .gFContenido
{
	background-color: #89BEBA ;
}

#mapaForm  .consGraph
{
background-color: #89BEBA ;
}

#mapaForm .consGraph .gFContenido
{
	background-color: #89BEBA ;
}

h3, h4 {
		background:		#EEF8F4;

}

/* remove padding and scrolling from elements that contain an Accordion OR a content-div */
@media screen
  {
	.ui-tabs .ui-tabs-nav
	{
	background: #89BEBA ;
	}

}
@media print{

	@page{
		margin: 0;
	}

	.ui-dialog{
		position:absolute;
	}

	#tabs, #tabs::-webkit-scrollbar {
		overflow: visible;
	}

	#tabs-tabla{
		display: table;
	}

	#tabs-informe{
		display: table;
	}

	#tablaInformeContent{
		display: table;
	}

	#tablaInformeDatosPx{
		display: table-row;
	}

	.ui-layout-east .ui-layout-content { /* content-div has Accordion */
		padding: 0;
		overflow: inherit;
	}
}


#capaRecarga
{
	border-color:  #89BEBA ;
}

.titulo_detalle{
	border-bottom-color: #DDEEEA;
}

.botonToolB {
    color: #333333;
    background: #89BEBA ;
    border-color:	#DDEEEC;
}

#tabs>ul{
	width:100%;
	background-color:inherit;
}


.capaSelecBusqueda {
    padding: 0px 0px;
    line-height: 1.2rem;
    border: 1px solid #B6C5DF;
    margin: 2px 0px;
}
.cajaBusquedaVar, .cajaBusquedaVar:focus
 {
	height: 100%;
	display: inline-block;
	float:none;
	border: 0px !Important;
	background:none;
	outline: -webkit-focus-ring-color auto 0px;
}

.capaSelecBusqueda>a{
	/*background-color:#A70332;*/
	height: 100%;
    /*border: 1px solid #A70332;*/
    vertical-align: bottom;
    display: inline-block;
    padding: 0px 1px;
}
.capaSelecBusqueda>a>img {
    margin: 0px 0px;
    width:16px;
    height:16px;
}

.capaSelecTodosNinguno {
	margin: 3px 0px 0px 0px;
    line-height: 1.2rem;
    padding: 0px;
    min-height: 24px;
}
.marcoINE>fieldset>legend, fieldset.marcoINE>legend {
  min-width: inherit;
  max-width: inherit;
}

#tabs {
	border: none;
}

#tabs-tabla {
    min-height: 100px;
}

#capa_tabla_showdec>label,#capa_tabla_tipoconsul>label{
	min-width:12em;
}

#capa_tabla_showdec>select,#capa_tabla_tipoconsul>select{
	min-width:20em;
}

#capaIconosDatos {
     width: inherit;
}

.loadingOp{
  background: url(../../../_b/img/loading.gif) no-repeat center bottom;
  background-size: contain;
}

table.general tr td:hover {
        background-color : inherit;
		margin: inherit;
		border: 1px solid transparent;
}



table.general {
  overflow: hidden;
  z-index:10;
  border-bottom: #457e76 1px solid;
}

table.general *{
  z-index:11;
}

table.general td,table.general th {
  padding: 10px;
  position: relative;
  outline: 0;
}

.img_detalle {
    width: 16px;
    height: 16px;
}

img.iconoExporta {
	width: 32px;
    height: 32px;
}

#btnDescargaForm {
	 background:none;
	 background-size: 32px 32px;
	 width: 32px;
     height: 32px;
}

#btnMetodologia {
	 background:none;
	 background-size: 32px 32px;
	 width: 32px;
     height: 32px;
}

#btnVolver {
	 background:none;
	 background-size: 32px 32px;
	 width: 32px;
     height: 32px;
}
#btnWidgetTabla {
	 background:none;
	 background-size: 32px 32px;
	 width: 32px;
     height: 32px;
}

#btnCesta {
	background:none;
	 background-size: 32px 32px;
	 width: 32px;
     height: 32px;
}

#btnWidgetGrafico {
	background:none;
	 background-size: 32px 32px;
	 width: 32px;
     height: 32px;
}

#btnWidgetMapa {
	background:none;
	background-size: 32px 32px;
    width: 32px;
    height: 32px;
}

#operationTools{
	 width: 16px;
     height: 16px;
}

#capaIconos{
	height:38px;
}

a.selectAll>img,
a.selectNone>img{
	width:20px;
	heght:20px;
}

.sort.desc{
	background-size: 16px;
}

.sort.asc{
	background-size: 16px;
}

@media screen and (min-width: 768px) {
	#tablaForm{
		display: block;
		background: url(../img/backTool.gif);
		background-repeat: no-repeat;
		background-position: bottom right;
	}
}