@import "tooltipster.css";

/*Ajustes general de la pagina*/

a:hover{
/* 	background-color: rgba(255, 255, 255, 0.6); */
	color: #ff5010;
}

.linkImporta:hover{
	color: #42baff;
	text-decoration: underline;
}

.fondoProcesamiento{
    position:fixed;
    display:none; 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.55); /* 0.5 = 70% opacity */
    
}
.fondoProcesamientoBlanco{
    position:fixed;
    display:none; 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 1); /* 0.5 = 70% opacity */
    border-bottom: 1px solid #b9b9b9;
    /*box-shadow: 0px 2px 30px 3px #8a8a8a;*/
    
}
.fondoProcesamientoTransparente{
    position:fixed;
    display:none; 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent; /* 0.5 = 70% opacity */
	/*background-color:rgba(112, 240, 194, 0.5);*/
}

/*Guia de GUI para rapido aprendizaje del usuario*/
.frontHelp001{
  position:absolute;
  display:none; 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-color:rgba(0, 0, 0, 0.55);

}

.overlayClaro						{
    position:fixed;
    display:none; 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
   background-color:rgba(255,255,255,0); 
	/*background-color:rgba(254, 64, 64, 0.5);*/
	/*background-color: red;*/
}

.overlayNegro						{
    position:fixed;
    display:none; 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
   background-color:rgba(43, 43, 43, 0.59);
}

.mapaBase							{
  width:100%;/*1024*/
  height:1000px; /*603*/ /*768*/
  position:absolute;/*relative*/
  margin-top:0px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  overflow: hidden;
}

.imagenCentro					{
    position:absolute;
    margin-left: auto;
    margin-right: auto;
 }
.imagenCentro img{
    margin-left: auto;
    margin-right: auto;
}

.cajaAlertas {
	display:none;
	position: fixed;
	top: 150px;
	left: 31.3%;
	width: 500px;
	height:500px;

	z-index: 2;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	

	background-color: white;
 /*	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
 	box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 4px 10px 2px rgba(86, 86, 86, 0.1);*/
	border-radius: 0px 0px 5px 5px;
	border: 1px solid #D1D1D1;	
	
 	
}

/*Tipografia*/
@font-face {
    font-family: HelveticaNuelight; /*a name to be used later*/
    src: url('../fonts/HelveticaNeueLight.ttf'); /*URL to font*/
}
@font-face {
    font-family: QuickSandAukera; /*a name to be used later*/
    src: url('../fonts/Quicksand-Light.otf'); /*URL to font*/
}




.label {
	font-family: Verdana, Geneva, sans-serif;
	color: #8f8f8f;
	font-size: 13px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.label9Naranja {
	font-family: Verdana, Geneva, sans-serif;
	color: #ff7000;
	font-size: 9px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.label14Gris {
	font-family: Verdana, Geneva, sans-serif;
	color: #8f8f8f;
	font-size: 14px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.label14GrisTransparente {
	font-family: Verdana, Geneva, sans-serif;
	color: rgba(143, 143, 143, 0.31);
	font-size: 14px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.label15Naranja {
	font-family: Verdana, Geneva, sans-serif;
	color: #ff5010;
	font-size: 15px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.label16Gris {
	font-family: Verdana, Geneva, sans-serif;
	color: #8f8f8f;
	font-size: 16px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.label18Naranja {
	font-family: Verdana, Geneva, sans-serif;
	color: #ff5010;
	font-size: 18px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.label18Gris {
	font-family: Verdana, Geneva, sans-serif;
	color: #8f8f8f;
	font-size: 18px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.label20Gris {
	font-family: Verdana, Geneva, sans-serif;
	color: #8f8f8f;
	font-size: 20px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.label20GrisTransparente {
	font-family: Verdana, Geneva, sans-serif;
	color: rgba(143, 143, 143, 0.31);
	font-size: 20px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.field_notice {
	font-family: Verdana, Geneva, sans-serif;
	color: #AAAAAA;
	font-size: 11px;
	padding-top: 6px;
}
.labelHNLGris15{
	font-family:HelveticaNuelight;
	color: #828282;
	font-size: 15px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: right;
	font-weight: lighter;
	
}
.labelHNLGris15Fuerte{
	font-family:HelveticaNuelight;
	color: #515151;
	font-size: 15px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: right;
	font-weight: lighter;
	
}
.labelCortina{
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	font-size: 30px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelCortinaGris{
	font-family: Verdana, Geneva, sans-serif;
	color: #767676;
	font-size: 30px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelCortinaGris25{
	font-family: Verdana, Geneva, sans-serif;
	color: #767676;
	font-size: 25px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelCortinaGris60{
	font-family: Verdana, Geneva, sans-serif;
	color: #767676;
	font-size: 30px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelProcesa {
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	font-size: 15px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}

.labelProcesa20Gris {
	font-family: Verdana, Geneva, sans-serif;
	color: #777777;
	font-size: 20px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelProcesa20GrisClaro {
	font-family: Verdana, Geneva, sans-serif;
	color: #b0e0e6;
	font-size: 20px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelProcesaGris {
	font-family: Verdana, Geneva, sans-serif;
	color: #757575;
	font-size: 15px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}

.label1Slider {
	font-family: Verdana;
	color: #ff6919;
	font-size: 25px;
	font-weight: lighter;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.textoPopUp 						{
	font-family: Verdana, Geneva, sans-serif;
	color: #afafaf;
	font-size: 16px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.textoPopUpRojo 				{
	font-family: Verdana, Geneva, sans-serif;
	color: red;
	font-size: 16px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}


.label2Menu {
	font-family: Verdana, Geneva, sans-serif;
	color: #afafaf;
	font-size: 13px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.textoProyeccion					{
 	position:absolute;/*absolute*/
 	background-color: transparent;
}
.labelQuickSand{
	font-family:QuickSandAukera;
	color: #a0a0a0;
	font-size: 14px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/	
}
.label3DwMenu {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
}

.labelMenuAccesorio25{
	font-family: Verdana;
	color: #626262;
	font-size: 25px;
	font-weight: lighter;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelMenuAccesorio50{
	font-family: Verdana;
	color: #626262;
	font-size: 50px;
	font-weight: lighter;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelNaranja30{
	font-family: Verdana, Geneva, sans-serif;
	color: #ff5010;
	font-size: 30px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}

/*Contenedores de div*/
.g_56 	{
	float: left;
	position: relative;
	width: 100%;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid transparent;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.g_2 	{
	float: left;
	position: relative;
	width: 20%; /*16.66*/
	padding-left: 2px;
	border: 1px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}
.g_4 	{
	float: left;
	position: relative;
	width: 77%;
	border: 1px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}
.g_6 	{
	float: left;
	position: relative;
	width: 50%;
 	border: 5px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	
}
.g_80 	{	
	float: left;
	position: relative;
	width: 100%;
	margin-left: 0px;
	padding-right: 10px;
	border: 1px solid transparent;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/*Alineacion*/
.celdaR{
	text-align: right;
}
.celdaI{
	text-align: left;
}
.celdaM{
	text-align: center;
}
.celdaJ{
	text-align: justify;
}



/*Validacion de modales*/
.cuadroValidado{
	background: #e0f6c8; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0f6c8 0%, #e0f6c8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f6c8), color-stop(100%,#e0f6c8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0f6c8 0%,#e0f6c8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0f6c8 0%,#e0f6c8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0f6c8 0%,#e0f6c8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0f6c8 0%,#e0f6c8 100%); /* W3C */
}
.cuadroInvalido{
	background: #ffb3ab; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb3ab 0%, #ffb3ab 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb3ab), color-stop(100%,#ffb3ab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffb3ab 0%,#ffb3ab 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffb3ab 0%,#ffb3ab 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffb3ab 0%,#ffb3ab 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffb3ab 0%,#ffb3ab 100%); /* W3C */
}
.field_noticeError {
	font-family: Verdana, Geneva, sans-serif;
	color: #ff6919;
	font-size: 11px;
	padding-top: 6px;
}
.field_noticeSucess {
	font-family: Verdana, Geneva, sans-serif;
	color: #00b51c;
	font-size: 11px;
	padding-top: 6px;
}
.cuadroCreacion{
	background: #bed8ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #bed8ff 0%, #bed8ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bed8ff), color-stop(100%,#bed8ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bed8ff 0%,#bed8ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bed8ff 0%,#bed8ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bed8ff 0%,#bed8ff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bed8ff 0%,#bed8ff 100%); /* W3C */
}
.field_noticeCreacion {
	font-family: Verdana, Geneva, sans-serif;
	color: #448fff;
	font-size: 11px;
	padding-top: 6px;
}


/*Estilo de las paginas interiores*/
.cajaTopFlow{
	position: fixed;
	top:0;
	z-index: 200;
	width: 100%; /*si le pongo porcentaje se hace liquido. Tenia 1024*/
	height: 50px;/*38*/
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	box-shadow: 0 1px 0 #FCFCFC;
	background-color: #FFFFFF;
	margin: 0 auto;
}
.user {
	height: 40px;
	float: left;
	line-height: 38px;
	position: relative;
	cursor: pointer;
}
.user a {
	color: inherit;
}

div.navegacionMapaIcono {
	display: block;
	width: 30px;
	height: 30px;
	margin-top: 10px;
}


.touchPopUp					{
 	position:absolute; /*absolute*/	
 	background-color: transparent;
  	border: 1px solid transparent; 
 }
.popUpMapa 							{
	position: absolute; /*absolute*/
	display: none;
}
.popUpMapa span:hover {color: #ff8d19;}
.popUpMapa a:hover {color: #ff8d19;}
 

/*Popup's*/
.popUpGenerico 							{
	position: absolute; /*absolute*/
	display: none;
	}
.popUpGenerico span:hover 				{
	color: #ff8d19;
}

.contenedorPopUpUp25Plica 				{
	position: absolute;
	float: left;
	display: inline;
	width: auto;
	height: auto;
	padding-top: 0px;
	left: -40px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #C0C1C5 transparent;
/* 	box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.1); */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contenedorPopUpUp25Plica:before  		{
	content: "";
	position: absolute;
	top: -14.0px;
	left: 25%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #C0C1C5 transparent;
	display: block;
	width: 0;
	z-index: 0;
}
.contenedorPopUpUp25Plica:after  		{
	content: "";
	position: absolute;
	top: -13px;
	left: 25%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #ffffff transparent;
	display: block;
	width: 0;
	z-index: 1;
}

.contenedorPopUpUp10Plica 				{
	position: absolute;
	float: left;
	display: inline;
	width: auto;
	height: auto;
	padding-top: 0px;
	left: -40px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #C0C1C5 transparent;
/* 	box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.1); */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contenedorPopUpUp10Plica:before  		{
	content: "";
	position: absolute;
	top: -14.0px;
	left: 10%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #C0C1C5 transparent;
	display: block;
	width: 0;
	z-index: 0;
}
.contenedorPopUpUp10Plica:after  		{
	content: "";
	position: absolute;
	top: -13px;
	left: 10%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #ffffff transparent;
	display: block;
	width: 0;
	z-index: 1;
}


.contenedorPopUpUp40x300 			{
	position: absolute;
	float: left;
	display: inline;
	width: auto;
	height: auto;
	padding-top: 0px;
	left: -65px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #C0C1C5 transparent;
/* 	box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.1); */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contenedorPopUpUp40x300:before  	{
	content: "";
	position: absolute;
	top: -14.5px;
	left: 40%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #C0C1C5 transparent;
	display: block;
	width: 0;
	z-index: 0;
}
.contenedorPopUpUp40x300:after  	{
	content: "";
	position: absolute;
	top: -13px;
	left: 40%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #ffffff transparent;
	display: block;
	width: 0;
	z-index: 1;
}

.contenedorPopUpUp50 				{
	position: absolute;
	float: left;
	display: inline;
	width: auto;
	height: auto;
	padding-top: 0px;
	left: -65px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #C0C1C5 transparent;
/* 	box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.1); */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contenedorPopUpUp50:before  		{
	content: "";
	position: absolute;
	top: -14.5px;
	left: 50%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #C0C1C5 transparent;
	display: block;
	width: 0;
	z-index: 0;
}
.contenedorPopUpUp50:after  		{
	content: "";
	position: absolute;
	top: -13px;
	left: 50%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #ffffff transparent;
	display: block;
	width: 0;
	z-index: 1;
}


.contenedorPopUpUp55 				{
	position: absolute;
	float: left;
	display: inline;
	width: auto;
	height: auto;
	padding-top: 0px;
	left: -65px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #C0C1C5 transparent;
/* 	box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.1); */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contenedorPopUpUp55:before  		{
	content: "";
	position: absolute;
	top: -14.5px;
	left: 55%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #C0C1C5 transparent;
	display: block;
	width: 0;
	z-index: 0;
}
.contenedorPopUpUp55:after  		{
	content: "";
	position: absolute;
	top: -13px;
	left: 55%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #ffffff transparent;
	display: block;
	width: 0;
	z-index: 1;
}


.plicaInfo {
	display:none;
	position: fixed;
	top: 51px;/*150px;*400*/
	width: 120px;
	right: 0%;
	height: 40px;
	left: 88%;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
/* 	box-shadow: -1px 1px 7px rgba(0,0,0,0.2); */
/*	border-radius: 0px 10px 10px 0px;*/
	border-radius: 0px 0px 8px 8px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(244,244,244,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(244,244,244,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(244,244,244,1) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(244,244,244,1) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(244,244,244,1) 0%,rgba(249,249,249,1) 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 */
	background: #ff6919;
}
.xplicaInfodiv2 {
	margin-top: -2px;
	padding-right: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
	border: 0px solid transparent;
}
 
 /*Interactividad de las paginas interiores*/
 .touchProyeccion					{
 	position:absolute; /*absolute*/	
 	background-color: transparent;
  	border: 1px solid transparent; 
 }


.barraOpciones 						{
	position: absolute;
	float: left;
	width: 350px;
	height: 50px;
}
.barraOpcionesBoton 				{
	float: left;
	margin-left: 0px;
	margin-top: -10px;
	margin-right: 10px;
}
.barraOpcionesBoton, .ui-button 	{
	display: inline-block;
	background: transparent;
	background-color: white;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    height: 26px;
    line-height: 26px;
    font-family: Verdana, Geneva, sans-serif;
	color: #8f8f8f;
	font-size: 12px;
	cursor: pointer;
}
.barraOpcionesBoton div 			{
	padding: 0 15px;
	display: inline-block;
	float: left;
}
.barraOpcionesBotonsinBorder 	{
	display: inline-block;
	background: transparent;
	background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    height: 26px;
    line-height: 26px;
    font-family: Verdana, Geneva, sans-serif;
	color: #8f8f8f;
	font-size: 12px;
	cursor: pointer;
}
.barraOpcionesBotonsinBorder div 			{
	padding: 0 15px;
	display: inline-block;
	float: left;
}
.barraFunciones 					{
	position: absolute;
	display: inline;
	width:50px;
	height: 20px;
	background-color: transparent;
}
.labelBarraFunciones 				{
	font-family: Verdana, Geneva, sans-serif;
	color: #0b9aff;
	color: #ff7000;
	font-weight: 500;
	text-align: left;
	font-size: 15px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	padding-left: 0px;
}
.texto2BarraFunciones 				{
	float: right;
}
.maquetaDetalle {
	display:none;
	position: absolute; /*fixed;*/
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}
.celdaBanca{
	float: left;
	position: relative;
	display: inline;
	height: 50%;
	top: -7px;
	padding-right: 5px;    
}
img.center {
    margin-top: 0px;
    margin-left: 2px;
}
.cajaImagen{
	float:left;
  position: relative;
	display:inline;
	top: 7px;
	left: 0px;
	padding-left: 0px;
}
.celdaAlineada{
	float: left;
	position: relative;
	display: inline;
	width: 100%;
	height: 75%;
}
.cajaLista{
	float:left;
    position: relative;
	display:inline;
	top: 9px;
	left: 0px;
	padding-left: 0px;
}


.i_16_compass {
	background: url("../imagenes/i_16_compass.png") no-repeat scroll transparent;
}


.i_16_parcial{
	background: url("../imagenes/i_16_parcial.png") no-repeat scroll transparent;
}

.i_16_concilia{
	background: url("../imagenes/i_16_concilia.png") no-repeat scroll transparent;
}

.i_16_aplica{
	background: url("../imagenes/i_16_aplica.png") no-repeat scroll transparent;
}
.i_16_desaplica{
	background: url("../imagenes/i_16_desaplica.png") no-repeat scroll transparent;
}



.i_44_BxConceptoM {
	background: url("../imagenes/BxConceptoMiC.png") no-repeat scroll transparent;
}
.i_44_BxConceptoMS {
	background: url("../imagenes/BxConceptoMiCS.png") no-repeat scroll transparent;
}
.i_44_ZxBancaM {
	background: url("../imagenes/ZxBancaMiC.png") no-repeat scroll transparent;
}

.i_44_ZxBancaMS {
	background: url("../imagenes/ZxBancaMiCS.png") no-repeat scroll transparent;
}
.i_44_PxProxyB {
	background: url("../imagenes/PxProxyBiC.png") no-repeat scroll transparent;
}
.i_44_PxProxyBS {
	background: url("../imagenes/PxProxyBiCS.png") no-repeat scroll transparent;
}
.i_44_CxConfiguracionM {
	background: url("../imagenes/CxConfiguracionM.png") no-repeat scroll transparent;
}
.i_44_PxParametrosM {
	background: url("../imagenes/PxParametrosMiC.png") no-repeat scroll transparent;
}
.i_44_PxParametrosMS {
	background: url("../imagenes/PxParametrosMiCS.png") no-repeat scroll transparent;
}
.i_44_HxAyudaM {
	background: url("../imagenes/HxAyudaM.png") no-repeat scroll transparent;
}
.i_44_DxDashBoard {
	background: url("../imagenes/DxDashBoard.png") no-repeat scroll transparent;
}
.i_44_DxDashBoardS {
	background: url("../imagenes/DxDashBoardS.png") no-repeat scroll transparent;
}
.i_44_PlanesIcDx {
	background: url("../imagenes/PlanesIcDx.png") no-repeat scroll transparent;
}
.i_44_PlanesIcDxS {
	background: url("../imagenes/PlanesIcDxS.png") no-repeat scroll transparent;
}
.i_44_DxSaldoHoy {
	background: url("../imagenes/DxSaldoHoy.png") no-repeat scroll transparent;
}
.i_44_DxSaldoHoyS {
	background: url("../imagenes/DxSaldoHoyS.png") no-repeat scroll transparent;
}
.i_44_DxPerspectiva {
	background: url("../imagenes/DxPerspectiva.png") no-repeat scroll transparent;
}
.i_44_DxPerspectivaS {
	background: url("../imagenes/DxPerspectivaS.png") no-repeat scroll transparent;
}

.i_44_DxProyeccion {
	background: url("../imagenes/DxProyeccion.png") no-repeat scroll transparent;
}
.i_44_DxProyeccionS {
	background: url("../imagenes/DxProyeccionS.png") no-repeat scroll transparent;
}
.i_44_DxPapelTapiz {
	background: url("../imagenes/DxPapelTapiz.png") no-repeat scroll transparent;
}
.i_44_DxSalirAuki {
	background: url("../imagenes/DxSalirAuki.png") no-repeat scroll transparent;
}
.i_44_DxUsuarioAk {
	background: url("../imagenes/DxUsuarioAk.png") no-repeat scroll transparent;
}

.i_44_DxRayosX {
	background: url("../imagenes/DxRayosX.png") no-repeat scroll transparent;
}
.i_44_DxRayosXNS {
	background: url("../imagenes/DxRayosXNS.png") no-repeat scroll transparent;
}
.i_44_FlujosDx {
	background: url("../imagenes/FlujosDxS.png") no-repeat scroll transparent;
}
.i_44_AtLog {
	background: url("../imagenes/AtLog.png") no-repeat scroll transparent;
}


.i_44_MaUsuarioS {
	background: url("../imagenes/MaUsuarioS.png") no-repeat scroll transparent;
}

.i_44_MaUsuarioNS {
	background: url("../imagenes/MaUsuarioNS.png") no-repeat scroll transparent;
}

.i_44_AxAlertaNS {
	background: url("../imagenes/CxAlertasNS.png") no-repeat scroll transparent;
}
.i_44_AxAlertaS {
	background: url("../imagenes/CxAlertasS.png") no-repeat scroll transparent;
}



.garficaGenericaA{
	margin-top: 15px;
	left 15px;
	height:420px;
	width: 96%;
}


/*Contexto*/
.contextoMenu {
	display: none;
	position: absolute;
    /*Permite establecer la posicion del menu al momento de desplegarse.  Efecto sobre-encimado */
    top: 0px;
	right: 0px;
	left: 0;
	margin-top: 0px;
	padding: 0px;
    z-index: 3500;
	border: 1px solid #dadada;
	box-shadow: 0px 3px 6px rgba(185,185,185,0.75);/*rgba(0, 0, 0, 0.18);*/
	border-radius: 0px 0px 6px 6px;
}
.contextoMenu > li {
	display: block;
/* 	margin-left: 5px; */
/* 	border-bottom: 1px solid #dadada; */
/* 	background: url("../imagenes/drop_menu.png") repeat-x scroll 0 0 #f6f7f8; */
	background:rgba(251,251,251,0.90);
}
.contextoMenu > li:first-child {
	border-radius: 4px 4px 0 0;
}
.contextoMenu > li:last-child {
	border-bottom-width: 0;
	border-radius: 0 0 4px 4px;
}
.contextoMenu > li > a {
	display: block;
	height: 30px;
	line-height: 30px;
	background-position: 10px 9px;
	padding-left: 0px;
}
.contextoMenu > li > a:hover {
	color: white;
	background-color: rgba(25,255,56,0.64);
}
.contextoMenu li > a > span{
	margin-left: 30px;
}
.contextoMenu li > span{
	height: 30px;
	line-height: 30px;
	margin-left: 30px;
}
.contextoMenu .small_count {
	margin-top: 9px;
}
.right_direction {
	background: url("../imagenes/top_tooltip_arrow.png") no-repeat scroll top right transparent;
}
.right_direction {
    right: -1px;
    left: auto;
}
/*******/

.badge {
	float: none;
	position: absolute;
	display: inline;
	top: -10px;
	left: 270px;
	background: radial-gradient( center -9px, circle closest-side, white 0, red 26px );
	background: -moz-radial-gradient( center -9px, circle closest-side, white 0, red 26px );
	background: -ms-radial-gradient( center -9px, circle closest-side, white 0, red 26px );
	background: -o-radial-gradient( center -9px, circle closest-side, white 0, red 26px );
	background: -webkit-radial-gradient( center -9px, circle closest-side, white 0, red 26px );
	background-color: red;
	border: 2px solid white;
	border-radius: 12px; /* must be 1/2 of ( border-width*2 + width ) */
	box-shadow: 1px 1px 5px rgba(151,151,151,0.6);
	color: white;
	font: bold 13px/11px Helvetica, Verdana, Tahoma;
	height: 18px; /* height + padding-top must equal width */
	padding-top: 3px; /* height + padding-top must equal width */
	text-align: center;
	width: 20px;
}
.badge2{
	float: none;
	position: absolute;
	display: inline;
	top: 0px;
	left: 255px;
	height: 18px;
	width: 25px;
    padding: 0 7px;
	padding-top: 8px;
	text-align: center;
	font: 20px/11px Helvetica, Verdana, Tahoma;
	color: #dbdbdb;
    background: transparent;
	border: 1px solid #c7c7c7;
    border-radius: 12px;	
}
.badge3{
	float: none;
	position: absolute;
	display: inline;
	top: 0px;
	left: 300px;
	height: 18px;
	width: 25px;
    padding: 0 7px;
	padding-top: 8px;
	text-align: center;
	font: 20px/11px Helvetica, Verdana, Tahoma;
	color: #8fdc00; /*#7c7c7c;*/
    background: badge2;
	border: 1px solid #7c7c7c;/*#00f557;*/
    border-radius: 12px;	
}

.badge4{
	float: none;
	position: absolute;
	display: inline;
	top: 0px;
	left: 255px;
	height: 15px;
	width: 18px;
	padding: 0 7px;
	padding-top: 8px;
	text-align: center;
	font: 18px/11px Helvetica, Verdana, Tahoma;
	color: white;
  background: red;
	border: 1px solid red;
  border-radius: 12px;	
}
.badge5{
	float: none;
	position: absolute;
	display: inline;
	top: 0px;
	left: -255px;
	height: 15px;
	width: 20px;
	padding: 0 5px;
	padding-top: 4px;
	text-align: center;
	font: 11px;
	font-family:Helvetica, Verdana, Tahoma;
	color: white;
	background: #b2b2b2;
	border: 1px solid #b2b2b2;
	border-radius: 12px;	
}


/*Tablero principal*/
.labelChart{
	font-family:Verdana, Geneva, sans-serif;
	color: #969696;
	font-size: 18px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
	font-weight: lighter;
}
.label1Tablero {
	font-family: Verdana, Geneva, sans-serif;
	color: #ff6919;
	font-weight: 500;
	font-size: 15px;
	padding-left: 0px;
}
.label2Tablero {
	font-family: Verdana, Geneva, sans-serif;
	color: gray;
	font-weight: 500;
	font-size: 11px;
	padding-left: 0px;
}
.label3Tablero {
	font-family: Verdana, Geneva, sans-serif;
	color: #ff7000;
	font-weight: 500;
	font-size: 20px;
	padding-left: 0px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTablero16px{
	font-family:comfortaAukera;
	color: #bfbfbf;
	font-size: 16px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/	
}
.label0DwMenu {
	font-family: Verdana, Geneva, sans-serif; /*Verdana, Geneva, sans-serif;*/
	color: #afafaf;
	font-weight:300;
	font-size: 18px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	padding-left: 0px;
}
.label1DwMenu {
	font-family: Verdana, Geneva, sans-serif;
	color: #7F7F7F;
	font-weight: 500;
	font-size: 15px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	padding-left: 0px;
}
.label2DwMenu {
	font-family: Verdana, Geneva, sans-serif;
	color: #afafaf;
	text-align: justify;
	font-size: 13px;
	text-shadow: 1px 1px 0 #FFFFFF;
}
.label4DwMenu {
	font-family: Verdana, Geneva, sans-serif;
	color: #5ee2ff;
	text-align: justify;
	font-size: 18px;
}
.label4DwPercentage {
	font-family: Verdana, Geneva, sans-serif;
	color: #989898;
	text-align: justify;
	font-size: 14px;
}
.contenedorTablero {
    position: relative;
    width: 100%;
}
.headerTablero {
    float: left;
    height: 100px;
    width: 100%;
    background: transparent;
}
.gridBlink1Div {
   position: relative;
   float: left;
   width: 420px;
   height: 100px;
   background: transparent;
   left:13%;   
}
.left1{
   position: relative;
   float: left;
   height: 50px;
   border-right: 1px dotted #bdbdbd;
}
.left1woDotted{
   position: relative;
   float: left;
   height: 50px;
}
.left2{
   position: relative;
   float: left;
   height: 50px;
   border-right: 1px dotted #bdbdbd;
}
.left3{
   position: relative;
   float: left;
   top:0px;
   left:5px;
   width: 205px;
   height: 100px;
}
.left4{
   position: relative;
   float: left;
   top:0px;
   left: 7px;
   width: 205px;
   height: 100px;
}
.label1Tablero {
	font-family: Verdana, Geneva, sans-serif;
	color: #ff6919;
	font-weight: 500;
	font-size: 15px;
/*	/*text-shadow: 0 1px 0 #FFFFFF;*/*/
	padding-left: 0px;
}
.label2Tablero {
	font-family: Verdana, Geneva, sans-serif;
	color: gray;
	font-weight: 500;
	font-size: 11px;
	padding-left: 0px;
}
.label3Tablero {
	font-family: Verdana, Geneva, sans-serif;
	color: #ff7000;
	font-weight: 500;
	font-size: 20px;
	padding-left: 0px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.divisorTableroHorizontal 	{
    float: left;
    width: 1024px;
    height: 10px;
}
.plicaConceptoPies {
    float: left;
    height: 100px;
    width: 100%;
    background: transparent;
}
.contenedorCentralSeccion2 {
    position:absolute;
    float: left;
    margin-left:0px;
	top:940px;
    width: 506px;
    height: 300px;
    background: transparent; /*#f6f6f6;/* #f34611 */
 	border: 1px solid #dadada; 
}
.cajaGrafica1Tablero {
	position:relative;
	background-color: transparent;
	border: 1px dotted #dadada;
	width: 100%;
	height: 300px;
}

.footerTablero {
    position: fixed;
    float: left;
    margin-left:11%;
	bottom: 0px;
    width: 78%;
    height: 60px;
    background: #f6f6f6; /*#f6f6f6;/* #f34611 */
	border: 1px dotted #bdbdbd;
    border-radius: 5px 5px 0px 0px;
    clear: left;
}
.xyGraficaLiquidez {	
	position: relative;
	float: left;
	display: inline;
	left: 0px;
	width: 48%;
	margin-top: 0px;
	margin-left: 10px;
	border: 0px solid rgba(0,0,0,0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.xyPerspectivaLiquidez{
	margin-top: 15px;
	height:250px;
	width: 105%;
}
.graficaLineaAlta{
	margin-top:10px;
	height:300px;
	width: 105%;
}



/*burbujas de info*/
.celdaToolTipster {
	position:relative;
	display: inline-table;
	

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.celdaToolTipster img {
	display: block;
	float: left;
	margin-top: 15px;
	margin-right: 5px;
}
.tooltipster-light {
	border-radius: 5px; 
	border: 1px solid #cccccc;
	background: white;/*#ededed;*//*rgba(0,0,0,0.65);*/
	color: #666666;

/*
	background-image: url(../imagenes/UIBackPlain.png) ; 	
	 background-image:url(../imagenes/BackG00V8.png) ; 	 */

	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);

}
.label0Tipster {
	font-family: Verdana, Geneva, sans-serif;
	color:#757575;/*#757575;*/  /*#ffffff;*/
	font-size: 13px;
}
.tooltipster-light .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}


/*Secciones*/
.boxSeccion{
	position: absolute;
	height: 100px;
	border: 1px solid #dadada;
}


/*progressBar Animado*/
.container {
	width: 100px;
	position: absolute;
}


div.meter {
	position: relative;
	width: 98%;
	height: 25px;
	border: 1px solid #b0b0b0;
	margin-top: 5px;
	/* viewing purposes */
	margin-left: 0px;
	/* viewing purposes */
/*
	-webkit-box-shadow: inset 0 3px 5px 0 #d3d0d0;
	-moz-box-shadow: inset 0 3px 5px 0 #d3d0d0;
*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
div.meter span {
	display: block;
	height: 100%;
	animation: grower 1s linear;
	-moz-animation: grower 1s linear;
	-webkit-animation: grower 1s linear;
	-o-animation: grower 1s linear;
	position: relative;
	top: -1px;
	left: -1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
/*	
	-webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
*/
	border: 1px solid #b0b0b0;
	background: #09f591;
/*
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	-webkit-background-size: 45px 45px;
	-moz-background-size: 45px 45px;
	-o-background-size: 45px 45px;
	background-size: 45px 45px;
*/
}
div.meter span:before {
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	position: relative;
	top: 50%;
	background: rgba(0, 0, 0, 0.03);
}
div.meter p {
	position: absolute;
	top: 0;
	margin: 0 10px;
	line-height: 25px;
	font-family: 'Helvetica';
	font-weight: bold;
	-webkit-font-smoothing: antialised;
	font-size: 15px;
	color: #333;
	text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.barraTareaAvance {
	height: 30px;
	border: 1px solid #b0b0b0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}



@keyframes grower {
  0% {
    width: 0%;
  }
}

@-moz-keyframes grower {
  0% {
    width: 0%;
  }
}

@-webkit-keyframes grower {
  0% {
    width: 0%;
  }
}

@-o-keyframes grower {
  0% {
    width: 0%;
  }
}


/*Ajustes para laptops - big screen*/
@media only screen 
and (max-width: 1440px)
and (min-height: 801px) {
	.frontHelp001{
	  background-size: 100% Auto;
	}
}