@import "tooltipster.css";

/*Ajustes general de la pagina*/

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

.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;*/
    
}
.fondoProcesamientoBlancoBlur{
    position:fixed;
    display:none; 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	 background-size:cover;
    background-color: rgba(255, 255, 255, 1.0); /* 0.5 = 70% opacity */
    border-bottom: 1px solid #b9b9b9;
    /*box-shadow: 0px 2px 30px 3px #8a8a8a;*/
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);   
}

.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);*/
	
	/*
	-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  */
}

.fondoProcesamientoNegro{
    position:fixed;
    display:none; 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: black; 
}

.fondoDeArranque{
  background: url('../imagenes/polina.jpg') no-repeat fixed;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
  
}


/*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.75);

}

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

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


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

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

.callBackPantalla{
	border-radius: 7px 7px 7px 7px;
	border: 0px solid #ebebeb;
	overflow: hidden;
}

.mapaPlan							{
  width:100%;/*1024*/
  height:1800px; /*88%*/ /*603*/ /*768*/
  position:absolute;/*relative*/
  margin-top:0px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  overflow: hidden;
  display: none;
  background: blue;

}

.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;		
}

#qrcode {
  width:160px;
  height:160px;
  margin-top:15px;
}

/*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*/
}

@font-face {
    font-family: RobotLite; /*a name to be used later*/
    src: url('../fonts/Roboto-Thin.ttf'); /*URL to font*/
}

@font-face {
    font-family: WireOne; /*a name to be used later*/
    src: url('../fonts/WireOne.ttf'); /*URL to font*/
}

@font-face {
    font-family: ComfortaThin; /*a name to be used later*/
    src: url('../fonts/Comfortaa_Thin.ttf'); /*URL to font*/
}
@font-face {
    font-family: Arimo; /*a name to be used later*/
    src: url('../fonts/Arimo-Regular.ttf'); /*URL to font*/
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.label {
	font-family: Verdana, Geneva, sans-serif;
	color: #5b5b5b;
	font-size: 13px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTabla {
	font-family: Arimo;
	color: #545454;
	font-size: 13px;
}

.labelTabla14 {
	font-family: Arimo;
	color: #545454;
	font-size: 14px;
}

.labelTablaBarraObscura {
	font-family: Arimo;
	color: #828282;
	font-size: 20px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTablaOcultaDark {
	font-family: Arimo;
	color: #2e343c;
	font-size: 13px;
}
.labelTablaOcultaLight {
	font-family: Arimo;
	color: #ffffff;
	font-size: 13px;
}

.labelTablaGhost {
	font-family: Arimo;
	color: #ebebeb;
	font-size: 13px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelTablaNaranja {
	font-family: Arimo;
	color: #ff8442;
	font-size: 22px;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelTablaNaranja120 {
	font-family: Arimo;
	color: #ff8442;
	font-size: 120px;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelTablaArimoGray18 {
	font-family: Arimo;
	color: #9e9e9e;
	font-size: 18px;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelTablaPlica {
	font-family: Arimo;
	color: #7486a6;
	font-size: 13px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTablaFormula {
	font-family: Arimo;
	color: #545454;
	font-size: 18px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTabla70 {
	font-family: Arimo;
	color: #545454;
	font-size:70px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTabla70White {
	font-family: Arimo;
	color: white;
	font-size:70px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTabla40 {
	font-family: Arimo;
	color: #828282;
	font-size:40px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTutorial25 {
	font-family: Arimo;
	color: #43546F;
	font-size:25px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTabla35 {
	font-family: Arimo;
	color: #828282;
	font-size:35px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTabla45 {
	font-family: Arimo;
	color: #828282;
	font-size:45px;
}

.labelTabla50Naranja {
	font-family: Arimo;
	color: #ff8442;
	font-size:50px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTablaWireOne {
	font-family: Arimo;
	color: #545454;
	font-size: 30px;
	font-weight:300;
}

.labelTabla25Gris {
	font-family: Arimo;
	color: #989898;
	font-size:22px;
}


.labelTablaWireOne15 {
	font-family: QuickSandAukera;
	color: #7b7b7b;
	font-size: 22px;
	font-weight: bold;
}

.labelTablaGris {
	font-family: Arimo;
	color: #bdbdbd;
	font-size: 13px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTablaAzul {
	font-family: Arimo;
	color: #2AB6FF;
	font-size: 12px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTelonParallax {
	font-family: Arimo;
	color: #545454;
	font-size: 40px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelTelonParallax45 {
	font-family: Arimo;
	color: #545454;
	font-size: 43px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelTelonParallax45GrisClaro {
	font-family: Arimo;
	color: #a9a9a9;
	font-size: 35px;
}

.labelTelonParallax25GrisClaro {
	font-family: Arimo;
	color: #a9a9a9;
	font-size: 25px;
}

.labelTelonParallax14GrisClaro {
	font-family: Arimo;
	color: #a9a9a9;
	font-size: 14px;
}

.labelTelonParallax18GrisClaro {
	font-family: Arimo;
	color: #a9a9a9;
	font-size: 18px;
}

.labelDashGraficaA {
	font-family: Verdana, Geneva, sans-serif;
	color: #5b5b5b;
	font-size: 20px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}


.labelPlica18{
	font-family: Verdana, Geneva, sans-serif;
	color: #767676;
	font-size: 18px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelPlica18GrisClaro{
	font-family: Verdana, Geneva, sans-serif;
	color: #a6a6a6;
	font-size: 18px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}

.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;*/
}

.label13Naranja {
	font-family: Verdana, Geneva, sans-serif;
	color: #ff5010;
	font-size: 13px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.label15Naranja {
	font-family: Verdana, Geneva, sans-serif;
	color: #ff5010;
	font-size: 15px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.label13Limon {
	font-family: Verdana, Geneva, sans-serif;
	color: #bedb6e;
	font-size: 13px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.label16Gris {
	font-family: Verdana, Geneva, sans-serif;
	color: #767676;
	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;*/
}
.label18Verde200 {
	font-family: Verdana, Geneva, sans-serif;
	color: rgba(203, 220, 57, 0.61);
	font-size: 200px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.label18Azul70 {
	font-family: Verdana, Geneva, sans-serif;
	color: rgba(51, 165, 253, 0.48);
	font-size: 70px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.label18Azul200 {
	font-family: Verdana, Geneva, sans-serif;
	color: rgba(51, 165, 253, 0.48);
	font-size: 200px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.label18Naranja200 {
	font-family: Verdana, Geneva, sans-serif;
	color: rgba(248, 97, 67, 0.52);
	font-size: 200px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.label18Naranja80 {
	font-family: Verdana, Geneva, sans-serif;
	color: rgba(248, 97, 67, 0.52);
	font-size: 80px;
	/*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;*/
}
.label30Gris {
	font-family: Verdana, Geneva, sans-serif;
	color: #8f8f8f;
	font-size: 25px;
	/*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;
}
.labelCortinaAzul{
	font-family: Verdana, Geneva, sans-serif;
	color: #5478e4;
	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: 40px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelCortinaGris30R{
	font-family: Verdana, Geneva, sans-serif;
	color: #767676;
	font-size: 30px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelCortinaGris100{
	font-family: RobotLite;
	color: #767676;
	font-size: 35px;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelCortinaGris50{
	font-family: RobotLite;
	color: #a3a3a3;
	font-size: 60px;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelCortinaGrisArimo50{
	font-family: Arimo;
	color: #616161;
	font-size: 50px;
}

.labelCortinaGrisArimo30{
	font-family: Arimo;
	color: #616161;
	font-size: 30px;
}

.labelCortinaGrisArimo22{
	font-family: Arimo;
	color: #616161;
	font-size: 22px;
}

.labelCortinaGrisArimo70{
	font-family: Arimo;
	color: #616161;
	font-size: 70px;
}
.labelCortinaGris120{
	font-family: Arimo;
	color: #616161;
	font-size: 120px;
}

.labelAyudaGris18{
	font-family: RobotLite;
	color: #767676;
	font-size: 20px;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelCortinaGris45{
	font-family: RobotLite;
	color: #767676;
	font-size: 45px;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelCortinaGris33{
	font-family: RobotLite;
	color: #969696;
	font-size: 35px;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelCortinaGris30{
	font-family: RobotLite;
	color: #a6a6a6; /*b5bd97*/
	font-size: 30px;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}

.labelCortinaGris20{
	font-family: RobotLite;
	color: #5b5b5b;
	font-size: 20px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelCortinaGris20Bold{
	font-family: RobotLite;
	color: #5b5b5b;
	font-size: 20px;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelCortinaNaranja20Bold{
	font-family: RobotLite;
	color: #ff6919;
	font-size: 20px;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-align: center;
}
.labelCortinaGris90{
	font-family: RobotLite;
	color: #767676;
	font-size: 25px;
	font-weight: bold;
}

.labelCortinaGris90Naranja{
	font-family: RobotLite;
	color: #ff6919;
	font-size: 28px;
	font-weight: bold;
}
.labelCortinaGris90NaranjaN{
	font-family: RobotLite;
	color: #a9a9a9;
	font-size: 28px;
	font-weight: bold;
}
.labelCortinaGris90Acero{
	font-family: RobotLite;
	color: #6897BB;
	font-size: 28px;
	font-weight: bold;
}

.labelCortinaGris90Dorado{
	font-family: RobotLite;
	color: #e3c263;
	font-size: 28px;
	font-weight: bold;
}
.labelCortinaGris90GrizAzulado{
	font-family: RobotLite;
	color: #627387;
	font-size: 28px;
	font-weight: bold;
}
.labelCortinaGris90VerdeMenta{
	font-family: RobotLite;
	color: #abd573;
	font-size: 28px;
	font-weight: bold;
}
.labelCortinaGris90Cafe{
	font-family: RobotLite;
	color: #eaa466;
	font-size: 28px;
	font-weight: bold;
}
.labelPlica18Gris{
	font-family: RobotLite;
	color: #5b5b5b;
	font-size: 18px;
	font-weight: bold;
}


.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;
}
.labelProcesa45Gris {
	font-family: Verdana, Geneva, sans-serif;
	color: #777777;
	font-size: 45px;
	/*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;
}

.labelAyudaBlanca {
	font-family: RobotLite;
	color: #4f4f4f;
	font-size: 17px;
	/*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;*/
}
.textoPopUpSeleccionado 						{
	font-family: Verdana, Geneva, sans-serif;
	color: #96bb38;
	font-size: 18px;
	font-weight: bold;
	/*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;
}

.verticalStripes{
	background: repeating-linear-gradient(
	  to right,
	  #f6ba52,
	  #f6ba52 10px,
	  #ffd180 10px,
	  #ffd180 20px
	);
}

/*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;
}
.field_noticeWarn {
	font-family: Verdana, Geneva, sans-serif;
	color: #e4da69;
	font-size: 13px;
	padding-top: 6px;
}

.campoActivo{
  border-color: #99cfed; 
  box-shadow: 0px 0px 1.5px 1.5px #99cfed;
}

/*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: transparent;/*#FFFFFF;*/ /*FF5A00*/
	margin: 0 auto;
}
.cajaTopFlowBlanca{
	position: absolute;
	top:0;
	z-index: 200;
	width: 100%; /*si le pongo porcentaje se hace liquido. Tenia 1024*/
	height: 50px;/*38*/
	border-radius: 0px 0px 7px 7px;
	
	/*
	border-top: 1px solid #DADADA;
	border-bottom: 0.5px dotted #f2f2f2;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	box-shadow: 0 1px 0 #FCFCFC;
	*/
		
	background-color:transparent;
	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;
}

div.imagenGrande {
	/*display: block;*/
	width: 100%;
	height: 100%;
	margin-top: 0px;
}

div.navegacionMapaIcono40 {
	/*display: block;*/
	width: 40px;
	height: 40px;
	margin-top: 5px;
}


.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;
}

.contenedorPopUpUp25PlicaNight 				{
	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;
}
.contenedorPopUpUp25PlicaNight: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;
}
.contenedorPopUpUp25PlicaNight:after  		{
	content: "";
	position: absolute;
	top: -13px;
	left: 25%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #2e343c 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;
}

.contenedorPopUpUp55Night 				{
	position: absolute;
	float: left;
	display: inline;
	width: auto;
	height: auto;
	padding-top: 0px;
	left: -96px;
	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;
}
.contenedorPopUpUp55Night: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;
}
.contenedorPopUpUp55Night:after  		{
	content: "";
	position: absolute;
	top: -13px;
	left: 55%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #2e343c transparent;
	display: block;
	width: 0;
	z-index: 1;
}

.contenedorPopUpUp50H 				{
	position: absolute;
	float: left;
	display: inline;
	width: auto;
	height: auto;
	padding-top: 0px;
	left: -60px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #C0C1C5 transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contenedorPopUpUp50H:before  		{
	content: "";
	position: absolute;
	top: 35%;
	left: -7%;
	display: block;
	
	width: 0;
	height: 0;
	border-style: dotted;
	border-width: 15px  25.95px 15px 0;
	border-color: transparent #d9d9dc  transparent transparent;
	line-height: 0px;
	_border-color: #000000 #d9d9dc  #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
	
}
.contenedorPopUpUp50H:after  		{
	content: "";
	position: absolute;
	top: 35%;
	left: -6.5%;
	display: block;

	width: 0;
	height: 0;
	border-style: dotted;
	border-width: 15px  25.95px  15px 0;
	border-color: transparent #ffffff   transparent transparent;
	line-height: 0px;
	_border-color: #000000 #ffffff  #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
}

.contenedorPopUpDown25 				{
	position: absolute;
	float: left;
	display: inline;
	width: auto;
	height: auto;
	padding-top: 0px;
	left: -60px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #C0C1C5 transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contenedorPopUpDown25:before  		{
	content: "";
	position: absolute;
	top: 99%;
	left: 25%;
	display: block;
	
	width: 0;
	height: 0;
	transform:rotate(270deg);
	-ms-transform:rotate(270deg); /* IE 9 */
	-webkit-transform:rotate(270degdeg); /* Safari and Chrome */
	
	border-style: dotted;
	border-width: 15px  25.95px 15px 0;
	border-color: transparent #252a31  transparent transparent;
	line-height: 0px;
	_border-color: #000000 #252a31  #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
	
}
.contenedorPopUpDown25:after  		{
	content: "";
	position: absolute;
	top: 99%;
	left: 25%;
	display: block;

	width: 0;
	height: 0;
	transform:rotate(270deg);
	-ms-transform:rotate(270deg); /* IE 9 */
	-webkit-transform:rotate(270deg); /* Safari and Chrome */
	
	border-style: dotted;
	border-width: 15px  25.95px  15px 0;
	border-color: transparent #ffffff   transparent transparent;
	line-height: 0px;
	_border-color: #000000 #ffffff  #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
}


.contenedorPopUpDown25N 				{
	position: absolute;
	float: left;
	display: inline;
	width: auto;
	height: auto;
	padding-top: 0px;
	left: -60px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #C0C1C5 transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contenedorPopUpDown25N:before  		{
	content: "";
	position: absolute;
	top: 99%;
	left: 25%;
	display: block;
	
	width: 0;
	height: 0;
	transform:rotate(270deg);
	-ms-transform:rotate(270deg); /* IE 9 */
	-webkit-transform:rotate(270degdeg); /* Safari and Chrome */
	
	border-style: dotted;
	border-width: 15px  25.95px 15px 0;
	border-color: transparent #252a31  transparent transparent;
	line-height: 0px;
	_border-color: #000000 #252a31  #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
	
}
.contenedorPopUpDown25N:after  		{
	content: "";
	position: absolute;
	top: 99%;
	left: 25%;
	display: block;

	width: 0;
	height: 0;
	transform:rotate(270deg);
	-ms-transform:rotate(270deg); /* IE 9 */
	-webkit-transform:rotate(270deg); /* Safari and Chrome */
	
	border-style: dotted;
	border-width: 15px  25.95px  15px 0;
	border-color: transparent #252a31   transparent transparent;
	line-height: 0px;
	_border-color: #000000 #252a31  #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
}

.contenedorPopUpDown66N 				{
	position: absolute;
	float: left;
	display: inline;
	width: auto;
	height: auto;
	padding-top: 0px;
	left: -60px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #C0C1C5 transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contenedorPopUpDown66N:before  		{
	content: "";
	position: absolute;
	top: 99%;
	left: 66%;
	display: block;
	
	width: 0;
	height: 0;
	transform:rotate(270deg);
	-ms-transform:rotate(270deg); /* IE 9 */
	-webkit-transform:rotate(270degdeg); /* Safari and Chrome */
	
	border-style: dotted;
	border-width: 15px  25.95px 15px 0;
	border-color: transparent #252a31  transparent transparent;
	line-height: 0px;
	_border-color: #000000 #252a31  #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
	
}
.contenedorPopUpDown66N:after  		{
	content: "";
	position: absolute;
	top: 99%;
	left: 66%;
	display: block;

	width: 0;
	height: 0;
	transform:rotate(270deg);
	-ms-transform:rotate(270deg); /* IE 9 */
	-webkit-transform:rotate(270deg); /* Safari and Chrome */
	
	border-style: dotted;
	border-width: 15px  25.95px  15px 0;
	border-color: transparent #252a31   transparent transparent;
	line-height: 0px;
	_border-color: #000000 #252a31  #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
}


/*Call out alterno */
.callout::before {
	content: "";
	width: 0px;
	height: 0px;
	border: 0.8em solid transparent;
	position: absolute;
}
.callout.left::before {
	right: -30px;
	top: 40%;
	border-left: 20px solid #e2e2e2;
}
.callout.right::before {
	right: 1248px;
	top: 84%;
	border-right: 20px solid #e2e2e2;
}


.calloutN::before {
	content: "";
	width: 0px;
	height: 0px;
	border: 0.8em solid transparent;
	position: absolute;
}
.calloutN.left::before {
	right: -30px;
	top: 40%;
	border-left: 20px solid #252a31;
}
.calloutN.right::before {
	right: 1248px;
	top: 84%;
	border-right: 20px solid #252a31;
}

.calloutNTop 				{
	position: absolute;
	float: left;
	display: inline;
	width: auto;
	height: auto;
	padding-top: 0px;
	left: -65px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #252a31 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;
}
.calloutNTop:before  		{
	content: "";
	position: absolute;
	top: -14.5px;
	left: 49%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #252a31 transparent;
	display: block;
	width: 0;
	z-index: 0;
}
.calloutNTop:after  		{
	content: "";
	position: absolute;
	top: -13px;
	left: 49%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #252a31 transparent;
	display: block;
	width: 0;
	z-index: 1;
}


/*Call out original */

/*grids*/
.grid-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);  /* 4 columnas iguales */
      grid-template-rows: repeat(2, 1fr);     /* 2 filas iguales */
      gap: 10px;                              /* Espacio entre cuadrados */
      width: 95%;                             /* Ancho del contenedor */
      /*max-width: 800px;*/                   /* Máximo para pantallas grandes */
      aspect-ratio: 4 / 2;                    /* Mantiene proporción 4:2 */
      /*margin: 40px auto;*/                  /* Centrado */
      padding: 20px;
      /*background: #f0f0f0;*/
      border-radius: 16px;
      /*box-shadow: 0 10px 30px rgba(0,0,0,0.15);*/
}

/* Cada cuadrado */
.square {
  /*background: linear-gradient(135deg, #ff6b6b, #ff9a56);*/
  background:transparent;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #383f4a;
  /*
  font-weight: bold;
  color: white;
  font-size: 1.5rem;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  */
}

/* Efecto hover */
.square:hover {
  cursor:pointer;
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.3);
  /*background: linear-gradient(135deg, #ff5252, #ff8a65);*/
}

/* Responsive: en móviles, 2 columnas */
@media (max-width: 600px) {
  .grid-container {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(4, 1fr);
	width: 90%;
	gap: 8px;
  }
}


.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;
}

.plicaHorizontal{
	display:none;
	position: fixed;
	bottom: 0;/*150px;*400*/
	right: 0%;
	height: 60px;
	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 3px rgba(0,0,0,0.2);*/
	border-radius:5px 5px 0px 0px;
	border-top: 1px solid #e8ff7f;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #e8ff7f;
	border-right: 1px solid #e8ff7f;
	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: #ffffff;
	
}

.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: 5px;
	margin-top: -10px;
	margin-right: 12px;
}
.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;
}

.labelBarraFunciones22 				{
	font-family: Verdana, Geneva, sans-serif;
	color: #0b9aff;
	color: #ff7000;
	font-weight: 500;
	text-align: left;
	font-size: 22px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	padding-left: 0px;
}

.labelBarraFuncionesObscuro	{
	font-family: Verdana, Geneva, sans-serif;
	color: #8dae99;
	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;
}
img.center20 {
    margin-top: 0px;
    margin-left: 20px;
}
.cajaImagen{
	float:left;
  position: relative;
	display:inline;
	top: 7px;
	left: -5px; /*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: -30px;
	padding-left: 0px;
}




.trivuLogo {
	background: url("../imagenes/tivuLogo.png") center/contain no-repeat transparent;
	cursor:pointer;
}
.trivuBubbleA {
	background: url("../imagenes/trivuBubbleA.png") center/contain no-repeat transparent;
	transform: translate(-10%, 0) scale(0);
    transition: transform 0.6s ease-in;   /* <-- animation */
    position: relative; /* por al z-index*/
}
/*
.trivuBubbleA.slide-up {
    transform: translateY(-10%);
}
.bubble-wrapper:hover .trivuBubbleA {
    transform: translateY(-10%);
}
*/
.trivuBubbleA.slide-up {
    transform: translate(3%, -80%) scale(1);
    position: relative;/* por al z-index*/
}

.truztaLogo {
	background: url("../imagenes/truztaLogo.png") center/contain no-repeat transparent;
	cursor:pointer;
}



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

.i_16_banking {
	/*background: url("../imagenes/i_16_hosting.png") no-repeat scroll transparent;*/
	background: url("../imagenes/icDotA@2x.png") no-repeat scroll transparent;
	width:16px;
  	height:16px;
  	cursor: pointer;
}


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

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

.i_16_tutorial {
	background: url("../imagenes/i_16_ui.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_16_seleccionado{
	background: url("../imagenes/i_16_checked.png") no-repeat scroll transparent;
}
.i_16_lock{
	background: url("../imagenes/i_16_lock.png") no-repeat scroll transparent;
}
.i_16_anticipa{
	background: url("../imagenes/i_16_ikea.png") no-repeat scroll transparent;
}
.i_16_fuentes{
	background: url("../imagenes/i_16_fuentes.png") no-repeat scroll transparent;
}
.i_16_Auki {
	background: url("../imagenes/i_16_estrella.png") no-repeat scroll transparent;
}
.i_16_DetalleSi {
	background: url("../imagenes/i_16_DetalleSi.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
  cursor: pointer;
}
.i_16_DetalleSiGrupo {
	background: url("../imagenes/i_16_DetalleSi.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
  cursor: pointer;
}
.i_16_verificado {
	background: url("../imagenes/i_16_Confirmado.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
  cursor: pointer;
}
.i_16_Mail {
	background: url("../imagenes/i_16_Mail.png") no-repeat scroll transparent;
	width:16px;
 	height:16px;
  	cursor: pointer;
}


.i_16_Blank {
	background: url("../imagenes/i_12_white.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
  cursor: pointer;
}
.i_16_Undo {
	background: url("../imagenes/i_16_undo.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
  cursor: pointer;
}
.i_16_DetalleNo {
	background: url("../imagenes/i_16_DetalleNo.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
  cursor: pointer;
}

.i_16_DetalleNoBloque {
	background: url("../imagenes/i_16_DetalleNo.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
  cursor: pointer;
}

.i_16_white{
	background: url("../imagenes/i_12_white.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_conciliaT{
	background: url("../imagenes/i_16_concilia.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_DiscloseBtn {
	background: url("../imagenes/i_16_DiscloseBtn.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
  cursor: pointer;
}

.i_16_Confirmado {
	background: url("../imagenes/i_16_Confirmado.png") no-repeat scroll transparent;
	width:16px;
  	height:16px;
  	padding-left: 2px;
}

.i_16_KalculoC {
	background: url("../imagenes/i_16_KalculoC.png") no-repeat scroll transparent;
	width:16px;
  	height:16px;
}

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

.i_16_BZero {
	/*background: url("../imagenes/i_16_BZero.png") no-repeat scroll transparent;*/
	background: url("../imagenes/icDotC@2x.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_Recurrente {
	background: url("../imagenes/icDotB@2x.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_Importa {
	background: url("../imagenes/i_16_Importa.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_Exporta {
	background: url("../imagenes/i_16_Exporta.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_Planea {
	background: url("../imagenes/i_16_Proyecta.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}


.i_16_Compra {
	background: url("../imagenes/i_16_compra.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_Deposito {
	background: url("../imagenes/i_16_deposito.png") no-repeat scroll transparent;
	width:16px;
  	height:16px;
}

.i_16_Globo {
	background: url("../imagenes/i_16_Globo.png") no-repeat scroll transparent;
	width:16px;
  	height:16px;
}

.i_16_reembolso {
	background: url("../imagenes/i_16_deposito.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_pago {
	background: url("../imagenes/i_16_pago.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_wireTransfer {
	background: url("../imagenes/i_16_wireTransfer.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_estadistica {
	background: url("../imagenes/i_16_estadistica.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_todo {
	background: url("../imagenes/i_16_filtroTodo.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_Reubica {
	background: url("../imagenes/i_16_Reubica.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_carryOver {
	background: url("../imagenes/i_16_carryOver.png") no-repeat scroll transparent;
	width:16px;
  	height:16px;
}

.i_16_Horizonte {
	background: url("../imagenes/i_16_Horizonte.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_MSI {
	background: url("../imagenes/i_16_MSI.png") no-repeat scroll transparent;
	width:16px;
  height:16px;
}

.i_16_FuegoD {
	background: url("../imagenes/i_16_FuegoD.png") no-repeat scroll transparent;
	width:16px;
  	height:16px;
  	cursor: pointer;
}

.i_16_antojo {
	background: url("../imagenes/i_16_KalculoC.png") no-repeat scroll transparent;
	width:16px;
  	height:16px;
  	cursor: pointer;
}

.i_16_negativo {
	background: url("../imagenes/i_16_negativo.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

.i_16_extrao {
	background: url("../imagenes/i_16_ExtraO.png") no-repeat scroll transparent;
  	cursor: pointer;
}
.i_16_extraod {
	background: url("../imagenes/i_16_ExtraOD.png") no-repeat scroll transparent;
  	cursor: pointer;
}

.i_16_extraoR {
	background: url("../imagenes/i_16_ExtraO.png") no-repeat scroll transparent;
	width:16px;
  	height:16px;
  	cursor: pointer;
}

.i_16_rekuerda{
	background: url("../imagenes/i_16_rekuerda.png") no-repeat scroll transparent;
  	cursor: pointer;
}
.i_16_rekuerdad {
	background: url("../imagenes/i_16_rekuerdaD.png") no-repeat scroll transparent;
  	cursor: pointer;
}

.i_16_anotaloR{
	background: url("../imagenes/i_16_anotalo.png") no-repeat scroll transparent;
	width:16px;
  	height:16px;
}

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

.i_18_negativo {
	background: url("../imagenes/i_12_negativo.png") no-repeat scroll transparent;
	width:16px;
  	height:16px;
  cursor: pointer;
}

.i_20_negativo {
	background: url("../imagenes/i_20_negativo.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

.i_20_lock {
	background: url("../imagenes/i_20_lock.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

.i_20_unlock {
	background: url("../imagenes/i_20_unlock.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

.i_20_copioPlan {
	background: url("../imagenes/i_20_copioPlan.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

.i_20_copioPlanI {
	background: url("../imagenes/i_20_copioPlanI.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

.i_20_offZone {
	background: url("../imagenes/i_20_offZone.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

.i_20_offZoneI {
	background: url("../imagenes/i_20_offZoneI.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

.i_20_espejoPlan {
	background: url("../imagenes/i_20_boxA.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

.i_20_Concentro {
	background: url("../imagenes/i_20_Concentro.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

.i_20_ConcentroI {
	background: url("../imagenes/i_20_ConcentroI.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

.i_20_h2h {
	background: url("../imagenes/i_20_h2h.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

.i_20_h2hI {
	background: url("../imagenes/i_20_h2hI.png") no-repeat scroll transparent;
	width:20px;
  	height:20px;
  	cursor: pointer;
}

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

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

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

.i_30_Mail {
	background: url("../imagenes/i_30_Mail.png") no-repeat scroll transparent;
	width:30px;
 	height:30px;
  	cursor: pointer;
}

.i_30_Link {
	background: url("../imagenes/i_30_Link.png") no-repeat scroll transparent;
	width:30px;
 	height:30px;
  	cursor: pointer;
}

.i_30_Wa {
	background: url("../imagenes/i_30_Wa.png") no-repeat scroll transparent;
	width:30px;
 	height:30px;
  	cursor: pointer;
}

.i_30_WaGroup {
	background: url("../imagenes/i_30_WaGroup.png") no-repeat scroll transparent;
	width:30px;
 	height:30px;
  	cursor: pointer;
}

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

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


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

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

.i_40_hutAD{
	width: 80px;
    height: 80px;
    background: url('../imagenes/i_40_HutAD.png') center/cover no-repeat;
}
.i_40_hutBD{
	width: 80px;
    height: 80px;
    background: url('../imagenes/i_40_HutBD.png') center/cover no-repeat;
}
.i_40_hutCD{
	width: 80px;
    height: 80px;
    background: url('../imagenes/i_40_HutCD.png') center/cover no-repeat;
}

.i_40_aukeraD {
	background: url("../imagenes/i_40_aukeraD.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_PxTruzta {
	background: url("../imagenes/PxTruzta.png") no-repeat scroll transparent;
}
.i_44_PxTruztaD {
	background: url("../imagenes/PxTruztaD.png") no-repeat scroll transparent;
}
.i_44_PxTriVu {
	background: url("../imagenes/PxTrivu.png") no-repeat scroll transparent;
}
.i_44_PxTriVuD {
	background: url("../imagenes/PxTrivuD.png") no-repeat scroll transparent;
}



.i_44_HxAyudaM {
	background: url("../imagenes/HxAyudaM.png") no-repeat scroll transparent;
}
.i_44_RSSFeed {
	background: url("../imagenes/rssFeed.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_IkeaOn {
	background: url("../imagenes/i_30_boxF.png") no-repeat scroll transparent;
}
.i_44_IkeaOff {
	background: url("../imagenes/i_30_boxFNo.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_DxMapaView {
	background: url("../imagenes/DxMapaView.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_DxKculoAutoSi {
	background: url("../imagenes/DxKculoAutoSi.png") no-repeat scroll transparent;
}
.i_44_DxKculoAutoSiG {
	background: url("../imagenes/DxKculoAutoSiG.png") no-repeat scroll transparent;
}

.i_44_DxKculoAutoNo {
	background: url("../imagenes/DxKculoAutoNo.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;
}


.i_44_TxBanking {
	background: url("../imagenes/TxBanking.png") no-repeat scroll transparent;
}
.i_44_TxBankingI {
	background: url("../imagenes/TxBankingI.png") no-repeat scroll transparent;
}
.i_44_OffZoneSi {
	background: url("../imagenes/OffZoneSi.png") no-repeat scroll transparent;
}
.i_44_OffZoneNo {
	background: url("../imagenes/OffZoneNo.png") no-repeat scroll transparent;
}
.i_44_txConcentroSi {
	background: url("../imagenes/txConcentroSi.png") no-repeat scroll transparent;
}
.i_44_txConcentroNo {
	background: url("../imagenes/txConcentroNo.png") no-repeat scroll transparent;
}
.i_44_txCandadoSi {
	background: url("../imagenes/txCandadoSi.png") no-repeat scroll transparent;
}
.i_44_txCandadoNo {
	background: url("../imagenes/txCandadoNo.png") no-repeat scroll transparent;
}

.i_44_icTwinsSi {
	background: url("../imagenes/icTwinsSi.png") no-repeat scroll transparent;
}
.i_44_icTwinsNo {
	background: url("../imagenes/icTwinsNo.png") no-repeat scroll transparent;
}

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

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

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



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

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


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

.i_45_TutorialC {
	background: url("../imagenes/i_45_TutorialC.png") no-repeat scroll transparent;
	width:45px;
  height:45px;
  cursor:pointer;
}

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





.i_50_seekS {
	background: url("../imagenes/i_50_IqCl.png") no-repeat scroll transparent;
	background-position:4px 6px;
	background-size: 15px 15px;
	padding: 12px 20px 12px 40px;
	
	border: none;
	border: 0.5px solid #535d6d;
	border-radius:10px;
}

.i_50_seekSGy {
	background: url("../imagenes/i_50_IqCl.png") no-repeat scroll #f5f5f5;
	background-position:4px 6px;
	background-size: 15px 15px;
	padding: 12px 20px 12px 40px;
	
	border: none;
	border: 0.5px solid #535d6d;
	border-radius:10px;
}

.i_50_seekSL {
	background: url("../imagenes/i_50_IqCl.png") no-repeat scroll white;
	background-position:4px 6px;
	background-size: 15px 15px;
	padding: 12px 20px 12px 40px;
	
	border: none;
	border: 1px solid #cccccc;
	border-radius:10px;
}

.i_50_seekSD {
	background: url("../imagenes/i_50_IqCl.png") no-repeat scroll #2e343c;
	background-position:4px 6px;
	background-size: 15px 15px;
	padding: 12px 20px 12px 40px;
	
	border: none;
	border: 1px solid #E1E8FF;
	border-radius:10px;
}

.i_60_lock {
	background: url("../imagenes/i_60_Lock.png") no-repeat scroll transparent;
	width:60px;
  	height:60px;
  	cursor: pointer;
}

.i_60_unlock {
	background: url("../imagenes/i_60_UnLock.png") no-repeat scroll transparent;
	width:60px;
  	height:60px;
  	cursor: pointer;
}

.i_45_lock {
	background: url("../imagenes/i_45_Lock.png") no-repeat scroll transparent;
  	cursor: pointer;
}

.i_45_unlock {
	background: url("../imagenes/i_45_UnLock.png") no-repeat scroll transparent;
  	cursor: pointer;
}

.i_30_lock {
	background: url("../imagenes/i_30_Lock.png") no-repeat scroll transparent;
  	cursor: pointer;
}

.i_30_unlock {
	background: url("../imagenes/i_30_UnLock.png") no-repeat scroll transparent;
  	cursor: pointer;
}

.i_25_lock {
	background: url("../imagenes/i_25_Lock.png") no-repeat scroll transparent;
  	cursor: pointer;
}

.i_25_unlock {
	background: url("../imagenes/i_25_UnLock.png") no-repeat scroll transparent;
  	cursor: pointer;
}


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

.i_60_Preuba {
	background: url("../imagenes/i_60_evaluacion.png") no-repeat center center transparent content-box;
}

.i_120_barCodeD {
	background: url("../imagenes/barCodeL@4x.png") no-repeat scroll transparent;
	width:120px;
  	height:120px;
  	cursor: pointer;
}

.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: -400%;
    left: auto;
}

/*SubMenus Contexto */
.iteMenuContexto:hover .subMenuContexto-content {
  display: block;
}


.subMenuContexto-content {
	display: none;
	position: absolute;
    top: 0px;
    right: -50%;
    left: auto;
	margin-top: 0px;
	padding: 0px;
    z-index: 3500;
	border: 1px solid #dadada;
	width:60%;
}
.subMenuContexto-content > li {
	display: block;
	background:rgba(251,251,251, 1.0);
}
.subMenuContexto-content > li:first-child {
	border-radius: 4px 4px 0 0;
}
.subMenuContexto-content > li:last-child {
	border-bottom-width: 0;
	border-radius: 0 0 4px 4px;
}
.subMenuContexto-content > li > a {
	display: block;
	height: 30px;
	line-height: 30px;
	background-position: 10px 9px;
	padding-left: 0px;
}
.subMenuContexto-content > li > a:hover {
	color: white;
	background-color: rgba(25,255,56,0.64);
}
.subMenuContexto-content li > a > span{
	margin-left: 30px;
}
.subMenuContexto-content li > span{
	height: 30px;
	line-height: 30px;
	margin-left: 30px;
}
.subMenuContexto-content .small_count {
	margin-top: 9px;
}
.subMenuContexto-content a:hover {background-color: #f1f1f1}
.subMenuContexto-arrow-down {
  width: 0; 
  height: 0; 
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid black;
  position:absolute;
  top:90%;
  left:90%;
}
.subMenuContexto-arrow-up {
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid black;
	position:absolute;
	top:90%;
	left:90%;
}
.subMenuContexto-arrow-right {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid green;
	position:absolute;
	top:87%;
	left:95%;
}

.subMenuContexto-arrow-right94 {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid green;
	position:absolute;
	top:94%;
	left:95%;
}




/*******/

.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: 8.33px;
	width: 10px;
	padding: 0 7px;
	padding-top: 8px;
	text-align: center;
	font: 15px/1px 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: #b3b3b3;
	border: 1px solid #b2b2b2;
	border-radius: 12px;	
}

.badge6{
	float: none;
	position: absolute;
	display: inline;
	top: 0px;
	left: 255px;
	height: 8.33px;
	width: 10px;
	padding: 0 7px;
	padding-top: 8px;
	text-align: center;
	font: 15px/1px Helvetica, Verdana, Tahoma;
	color: white;
  background:#707070;
	border: 1px solid #707070;
  border-radius: 12px;	
}
.badge7{
	float: none;
	display: inline;
	top: 0px;
	left: 255px;
	height: 8.33px;
	width: 10px;
	padding: 0 7px;
	text-align: center;
	font: 15px/1px Helvetica, Verdana, Tahoma;
	color: white;
  border-radius: 12px;	
}

.badge8{
	float: none;
	display: inline;
	top: 0px;
	left: 255px;
	height: 8.33px;
	width: 10px;
	padding: 0 7px;
	text-align: center;
	font: 15px/1px Helvetica, Verdana, Tahoma;
	color: #9a9a9a;
	border: 1px solid #c1ff57;
  border-radius: 12px;	
}

.badge9{
	float: none;
	position: absolute;
	display: inline;
	top: 0px;
	left: 255px;
	height: 14.33px;
	width: 8px;
	padding: 0 10px;
	padding-top: 15px;
	text-align: center;
	font: 20px/1px Helvetica, Verdana, Tahoma;
	color: transparent;
  background:transparent;
	border: 2px solid transparent;
  border-radius: 50px;	
}

.badge9N{
	float: none;
	position: absolute;
	display: inline;
	top: 0px;
	left: 255px;
	height: 14.3px;
	width: 8px;
	padding: 0 10px;
	padding-top: 15px;
	text-align: center;
	font: 20px/1px Helvetica, Verdana, Tahoma;
	color: transparent;
  	background:transparent;
	border: 2px solid transparent;
  	border-radius: 50px;	
}

.badge9S{
	float: none;
	position: absolute;
	display: inline;
	top: 0px;
	left: 255px;
	height: 9.33px;
	width: 5px;
	padding: 0 15px;
	padding-top: 8px;
	text-align: center;
	font: 15px/1px Helvetica, Verdana, Tahoma;
	color: #4276ea;
  background:#ffffff;
	border: 2px solid #d2d1d1;
  border-radius: 50px;	
}

.numberCircle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 8px;

    background: transparent;
    border: 5px solid #FB592D;
    color: #FB592D;
    text-align: center;

    font: 32px Arial, sans-serif;
}


.vl {
  border-left: 6px solid #FB592D;
  position: absolute;
  margin-left: -3px;
  top: 0;  
}

/*spinner*/
@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ffd267;
  border-top-color: #eeab00;
  border-right-color: #de7700;
  border-bottom-color: #ff8100;
  animation: spinner .6s linear infinite;
}


/*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;
}
.label0DwMenuArimo {
	font-family: Arimo
	color: #afafaf;
	/*font-weight:300;*/
	font-size: 22px;
	/*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: #7ea7ff;
	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 #ffffff; 
}
.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: 0px; /*10*/
	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: 0px; /*15*/
	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;
}

/*Flot Charts*/
#graficaBarraGenericaADisponible div.xAxis div.tickLabel {    
    transform: rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari and Chrome */
    -o-transform:rotate(-90deg); /* Opera */
    /*rotation-point:50% 50%;*/ /* CSS3 */
    /*rotation:270deg;*/ /* CSS3 */
	 font-size:10px;
}


/*Animacion de flujo de lineas*/
.line0, .line0A, .line1, .line2, .line3, .line4 {
    background: #c1c1c1;
    width: 0px;
    height: 1px;
}

.line0 {
    -moz-transform: rotate(-0deg);
    -moz-transform-origin: 0 0;
    -moz-animation: move 1s linear forwards;
    -webkit-transform: rotate(-0deg);
    -webkit-transform-origin: 0 0;
    -webkit-animation: move 1s linear forwards;
}

.line0A {
    -moz-transform: rotate(-0deg);
    -moz-transform-origin: 0 0;
    -moz-animation: moveA 1s 1s linear forwards;
    -webkit-transform: rotate(-0deg);
    -webkit-transform-origin: 0 0;
    -webkit-animation: moveA 1s 1s linear forwards;
}

.line1 {
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 0 0;
    -moz-animation: move1 1s 0.5s linear forwards;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -webkit-animation: move1 1s 0.5s linear forwards;
}

.line2 {
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 0 0;
    -moz-animation: move2 1s 0.5s linear forwards;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    -webkit-animation: move2 1s 0.5s linear forwards;
}

.line3 {
    -moz-transform: rotate(0deg);
    -moz-transform-origin: 0 0;
    -moz-animation: move3 1s 1s linear forwards;
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: 0 0;
    -webkit-animation: move3 1s 1s linear forwards;
}

.line4 {
    -moz-transform: rotate(0deg);
    -moz-transform-origin: 0 0;
    -moz-animation: move4 1.5s 0.5s linear forwards;
    -webkit-transform: rotate(00deg);
    -webkit-transform-origin: 0 0;
    -webkit-animation: move4 1.5s 0.5s linear forwards;
}


.frontFace0 {
  background: url('../imagenes/FrontFace.png') no-repeat fixed;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
  
}

video#insideHello{ 
	top: 0%;
	left: 0%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;

	/*transform: translateX(-50%) translateY(-50%);*/
	

	background: url('../imagenes/polina.jpg') no-repeat;
	background-size: cover !important;	
	transition: 1s opacity;
}

video#insideAyuda{ 
	top: 0%;
	left: 0%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;

	/*transform: translateX(-50%) translateY(-50%);*/
	

	background: url('../imagenes/polina.jpg') no-repeat;
	background-size: cover !important;	
	transition: 1s opacity;
}


@-moz-keyframes move {
	    0%   { width: 0px;
	}
	100% {
	    width: 90px;
	}
}

@-moz-keyframes moveA {
	    0%   { width: 0px;
	}
	100% {
	    width: 90px;
	}
}

@-moz-keyframes move1 {
    0% {
        width: 0px;
    }

    100% {
        width: 185px;
    }
}

@-moz-keyframes move2 {
    0% {
        width: 0px;
    }

    100% {
        width: 185px;
    }
}

@-moz-keyframes move3 {
    0% {
        width: 0px;
    }

    100% {
        width: 50px;
    }
}

@-moz-keyframes move4 {
    0% {
        width: 0px;
    }

    100% {
        width: 50px;
    }
}

/* ANIMATION LINES for Safari and Chrome */ 

@-webkit-keyframes move {
	    0%   { width: 0px;
	}
	
	100% {
	    width: 90px;
	}
}

@-webkit-keyframes moveA {
	    0%   { width: 0px;
	}
	100% {
	    width: 90px;
	}
}

@-webkit-keyframes move1 {
    0% {
        width: 0px;
    }

    100% {
        width: 185px;
    }
}

@-webkit-keyframes move2 {
    0% {
        width: 0px;
    }

    100% {
        width: 185px;
    }
}

@-webkit-keyframes move3 {
    0% {
        width: 0px;
    }

    100% {
        width: 50px;
    }
}

@-webkit-keyframes move4 {
    0% {
        width: 0px;
    }

    100% {
        width: 50px;
    }
}



@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 (min-width: 1900px){
	.labelTabla{
		font-size: 17px;
	}
	.labelTablaGhost{
		font-size: 17px;
	}
	.labelTablaGris{
		font-size: 14px;
	}
	.labelCortinaGris50{
		font-size: 40px;
	}
	.simple_field{
		font-size: 15px;
	}
	.labelTablaPlica {
		font-size: 35px;
	}

}

@media only screen 
and (max-width: 1440px)
and (min-height: 801px) {
	.frontHelp001{
	  background-size: 100% Auto;
	}
	.labelTabla{
		font-size: 15px;
	}
	.labelTablaGhost{
		font-size: 15px;
	}
	.simple_field{
		font-size: 15px;
	}
	.labelTablaGris{
		font-size: 15px;
	}
	.labelCortinaGris25{
		font-size: 18px;
	}
	.labelTelonParallax45{
			font-size: 35px;
	}
	
	.labelCortinaGris50{
		font-size: 23px; 
	}
	.labelCortinaGris33{
		font-size: 25px;
	}
	.labelPlica18GrisClaro{
		font-size: 13px;
	}

	@-moz-keyframes move {
		    0%   { width: 0px;
		}
		100% {
		    width: 90px;
		}
	}
	@-moz-keyframes moveA {
		    0%   { width: 0px;
		}
		100% {
		    width: 70px;
		}
	}
	@-moz-keyframes move1 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 100px;
	    }
	}
	@-moz-keyframes move2 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 100px;
	    }
	}
	@-moz-keyframes move3 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-moz-keyframes move4 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}

	@-webkit-keyframes move {
		    0%   { width: 0px;
		}
		
		100% {
		    width: 80px;
		}
	}
	@-webkit-keyframes moveA {
		    0%   { width: 0px;
		}
		
		100% {
		    width: 70px;
		}
	}
	@-webkit-keyframes move1 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 150px;
	    }
	}
	@-webkit-keyframes move2 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 160px;
	    }
	}
	@-webkit-keyframes move3 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-webkit-keyframes move4 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	}

@media only screen 
and (max-width: 1440px)
and (min-width: 1367px){
	.labelTabla {
		font-size: 14px;
	}
	.labelTablaGhost{
		font-size: 14px;
	}	
	.labelTablaGris{
		font-size: 14px;
	}
	.labelCortinaGris30{
		font-size: 25px;
	}
	.labelCortinaGris30{
		font-size: 20px;
	}
	.labelCortinaGris45{
		font-size: 35px;
	}	
	.labelCortinaGris50{
		font-size: 28px;
	}
	.labelCortinaGris20Bold{
		font-size: 18px;
	}
	.labelCortinaNaranja20Bold{
		font-size: 18px;
	}
	
	.labelCortinaGris90Naranja{
		font-size: 25px;
	}
	.labelCortinaGris90NaranjaN{
		font-size: 25px;
	}
	.labelTelonParallax45{
			font-size: 30px;
	}
	
	@-moz-keyframes move {
		    0%   { width: 0px;
		}
		100% {
		    width: 90px;
		}
	}
	@-moz-keyframes moveA {
		    0%   { width: 0px;
		}
		100% {
		    width: 70px;
		}
	}
	@-moz-keyframes move1 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 100px;
	    }
	}
	@-moz-keyframes move2 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 100px;
	    }
	}
	@-moz-keyframes move3 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-moz-keyframes move4 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-moz-keyframes move5 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 40px;
	    }
	}

	@-webkit-keyframes move {
		    0%   { width: 0px;
		}
		
		100% {
		    width: 80px;
		}
	}
	@-webkit-keyframes moveA {
		    0%   { width: 0px;
		}
		
		100% {
		    width: 70px;
		}
	}
	@-webkit-keyframes move1 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 150px;
	    }
	}
	@-webkit-keyframes move2 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 150px;
	    }
	}
	@-webkit-keyframes move3 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-webkit-keyframes move4 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-webkit-keyframes move5 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 40px;
	    }
	}
	
}


@media only screen 
and (max-width: 1366px)
and (min-width: 1281px){
	.labelTabla {
		font-size: 14px;
	}
	.labelTablaGhost{
		font-size: 14px;
	}	
	.labelTablaGris {
		font-size: 14px;
	}
	.labelCortinaGris30{
		font-size: 25px;
	}
	.labelCortinaGris30{
		font-size: 20px;
	}
	.labelCortinaGris45{
		font-size: 35px;
	}	
	.labelCortinaGris50{
		font-size: 28px;
	}
	.labelCortinaGris20Bold{
		font-size: 18px;
	}
	.labelCortinaNaranja20Bold{
		font-size: 18px;
	}	
	.labelCortinaGris90Naranja{
		font-size: 22px;
	}
	.labelCortinaGris90NaranjaN{
		font-size: 22px;
	}
	.labelCortinaGris33{
		font-size: 20px;
	}
	
	.labelTelonParallax45{
		font-size: 24px;
	}
	.labelCortinaGrisArimo22{
		font-size: 18px;
	}
	
	.labelTelonParallax25GrisClaro {
		font-size: 20px;
	}
	
	@-moz-keyframes move {
		    0%   { width: 0px;
		}
		100% {
		    width: 90px;
		}
	}
	@-moz-keyframes moveA {
		    0%   { width: 0px;
		}
		100% {
		    width: 90px;
		}
	}
	@-moz-keyframes move1 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 100px;
	    }
	}
	@-moz-keyframes move2 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 100px;
	    }
	}
	@-moz-keyframes move3 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-moz-keyframes move4 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-moz-keyframes move5 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 40px;
	    }
	}

	@-webkit-keyframes move {
		    0%   { width: 0px;
		}
		
		100% {
		    width: 80px;
		}
	}
	@-webkit-keyframes moveA {
		    0%   { width: 0px;
		}
		
		100% {
		    width: 80px;
		}
	}
	@-webkit-keyframes move1 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 150px;
	    }
	}
	@-webkit-keyframes move2 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 150px;
	    }
	}
	@-webkit-keyframes move3 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-webkit-keyframes move4 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-webkit-keyframes move5 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 40px;
	    }
	}
	
}


@media only screen and (max-width: 1280px) and (min-width: 1025px){
	.labelTabla {
		font-size: 11px;
	}
	.labelTablaGhost{
		font-size: 14px;
	}	
	.labelTablaGris {
		font-size: 14px;
	}
	.labelCortinaGris30{
		font-size: 18px;
	}
	.labelCortinaGris45{
		font-size: 30px;
	}
	.labelCortinaGris50{
		font-size: 30px;
	}
	.labelCortinaGris20Bold{
		font-size: 15px;
	}
	.labelCortinaNaranja20Bold{
		font-size: 15px;
	}
	
	.labelCortinaGris90Naranja{
		font-size: 20px;
	}
	.labelCortinaGris90NaranjaN{
		font-size: 20px;
	}
	.labelCortinaGris33{
		font-size: 20px;
	}
	.label16Gris{
		font-size: 12px;
	}
	.labelTelonParallax45{
			font-size: 20px;
	}
	.labelTablaPlica {
		font-size: 20px;
	}
	.labelTabla40{
		font-size: 30px;	
	}
	.labelTabla30{
		font-size: 25px;	
	}
	.labelTablaFormula{
		font-size: 25px;			
	}
	.labelTabla50Naranja{
		font-size: 30px;			
	}
	.label18Azul70{
		font-size: 40px;			
	}
	.labelTelonParallax25GrisClaro {
		font-size: 15px;
	}
	.labelCortinaGrisArimo22 {
		font-size: 15px;
	}
	.labelCortinaGrisArimo30 {
		font-size: 15px;
	}
	.labelTabla35 {
		font-size: 15px;
	}
	.labelTablaFormula {
		font-size: 15px;
	}

	

	@-moz-keyframes move {
		    0%   { width: 0px;
		}
		100% {
		    width: 90px;
		}
	}
	@-moz-keyframes moveA {
		    0%   { width: 0px;
		}
		100% {
		    width: 90px;
		}
	}
	@-moz-keyframes move1 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 100px;
	    }
	}
	@-moz-keyframes move2 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 100px;
	    }
	}
	@-moz-keyframes move3 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-moz-keyframes move4 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-moz-keyframes move5 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 40px;
	    }
	}

	@-webkit-keyframes move {
		    0%   { width: 0px;
		}
		
		100% {
		    width: 80px;
		}
	}
	@-webkit-keyframes moveA {
		    0%   { width: 0px;
		}
		
		100% {
		    width: 80px;
		}
	}
	@-webkit-keyframes move1 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 135px;
	    }
	}
	@-webkit-keyframes move2 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 135px;
	    }
	}
	@-webkit-keyframes move3 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-webkit-keyframes move4 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-webkit-keyframes move5 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 40px;
	    }
	}
	
	
}


@media only screen 
and (max-width: 1024px)
and (min-width: 600px){
	.labelTabla {
		font-size: 14px;
	}
	.labelTablaGhost{
		font-size: 14px;
	}	
	.labelTablaGris {
		font-size: 14px;
	}
	.labelCortinaGris30{
		font-size: 18px;
	}
	.labelCortinaGris45{
		font-size: 30px;
	}
	.labelCortinaGris50{
		font-size: 30px;
	}
	.labelCortinaGris20Bold{
		font-size: 15px;
	}
	.labelCortinaNaranja20Bold{
		font-size: 15px;
	}
	.labelCortinaGris90Naranja{
		font-size: 20px;
	}
	.labelCortinaGris90NaranjaN{
		font-size: 20px;
	}
	.labelCortinaGris33{
		font-size: 20px;
	}
	.label16Gris{
		font-size: 12px;
	}
	.labelTelonParallax45{
			font-size: 35px;
	}


	@-moz-keyframes move {
		    0%   { width: 0px;
		}
		100% {
		    width: 90px;
		}
	}
	@-moz-keyframes moveA {
		    0%   { width: 0px;
		}
		100% {
		    width: 90px;
		}
	}
	@-moz-keyframes move1 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 100px;
	    }
	}
	@-moz-keyframes move2 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 100px;
	    }
	}
	@-moz-keyframes move3 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-moz-keyframes move4 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-moz-keyframes move5 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 40px;
	    }
	}

	@-webkit-keyframes move {
		    0%   { width: 0px;
		}
		
		100% {
		    width: 80px;
		}
	}
	@-webkit-keyframes moveA {
		    0%   { width: 0px;
		}
		
		100% {
		    width: 80px;
		}
	}
	@-webkit-keyframes move1 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 135px;
	    }
	}
	@-webkit-keyframes move2 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 135px;
	    }
	}
	@-webkit-keyframes move3 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-webkit-keyframes move4 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 50px;
	    }
	}
	@-webkit-keyframes move5 {
	    0% {
	        width: 0px;
	    }
	
	    100% {
	        width: 40px;
	    }
	}
	
	
}