@charset "UTF-8";
/*Document STYLE CSS*/

/*fonts: 	font-family: 'Fira Sans', sans-serif;
			font-family: 'Fira Sans Condensed', sans-serif;
			font-family: 'Fira Sans Extra Condensed', sans-serif;*/

			/*font-family: 'Barlow Condensed', sans-serif;*/

			/*font-family: 'Oswald', sans-serif;*/


@font-face 		{ font-family:light45;
  				src: url(../src/univers-lt-std-cufonfonts/UniversLTStd-LightCn.otf);}

@font-face 		{ font-family:ultraCondlight;
  				src:url("../src/univers-lt-std-cufonfonts/UniversLTStd-LightUltraCn.otf");}
@font-face 		{font-family:ligthCondensed;
				src: url("../src/univers-lt-std-cufonfonts/UniversLTStd-ThinUltraCn.otf");}

@font-face 		{ font-family:roman55;
			    src: url(../src/univers-lt-std-cufonfonts/UniversLTStd-Cn.otf);	}

@font-face 		{ font-family:boldCn;
			    src:url("../src/univers-lt-std-cufonfonts/UniversLTStd-BoldCn.otf");}

* 		{margin:0; padding:0;}

body 	{background-color:#fff;
		width: 100%;}

header 	{width:100%;
		padding:0 2%;}

.clear 	{clear: both;}

main {width:100%;}

section {padding-bottom:40px;}

/*clase infoDatos de datos.html - drop*/
.infoDiv h2, .infoConse h2, .infoDatos h2,.infoCarta h2, .infoDirector h2, .infoRespo h2, .infoRespo h2, .infoAuditores h2, .infoEstados h2, .infoCambios h2, .infoSec h2
				{margin-top:60px;
				background-color: #fff;
				padding:10px 0 10px 160px; /*JTM en left tenía 50*/
				font-family:'Oswald', sans-serif;
				font-weight:300;
				font-size:50px;
				z-index:40px;
				color:#008fbe}

.infoPerfil h2 	{background-color: #fff;
				padding:60px 0 10px 160px; /*JTM en left tenía 50*/
				font-family:'Oswald', sans-serif;
				font-weight:300;
				font-size:50px;
				z-index:40px;
				color:#008fbe}

.infoConse 		{display: block;
				height: 1700px;}

.infoComit h2 	{margin-top:60px;
				background-color: #fff;
				padding:10px 0 10px -60px; /*JTM en left tenía 50*/
				font-family:'Oswald', sans-serif;
				font-weight:300;
				font-size:50px;
				z-index:40px;
				color:#008fbe}

.infoRespo h2 	{color:#61a60e;
				margin-top:60px;
				background-color: #fff;
				padding:10px 0 10px 160px; /*JTM en left tenía 50*/
				font-family:'Oswald', sans-serif;
				font-weight:300;
				font-size:50px;
				z-index:40px;
				color:#008fbe}


.infoPerfil 	{width:100%;
				overflow:hidden;
				height:auto;
				background-image: url("../img/fondoPerfil-1.jpg");
				background-repeat:no-repeat;
				background-position:bottom 0;
				background-size:cover;}

.perfilCont 	{width:470px;
				height:800px;
				text-align:center;
				position: relative;
				padding:40px 20px 0 25px;
				top:-10px;
				left:170px;
				overflow: hidden;}

.hexaBco 		{position: absolute;
				display:block;
				top:40;
				left:25px;
				animation:perfilCont-an 3s;
				-moz-animation:perfilCont-an 3s;
				-o-animation:perfilCont-an 3s;
				-webkit-animation:perfilCont-an 3s;
				-ms-animation:perfilCont-an 3s;}

.texto-perfil	{display: block;
				position: absolute;
				width:420px;
				height:700px;
				top:160px;
				left:25px;
				text-align: justify;
				animation:txtperfil-an 6s;
				-moz-animation:txtperfil-an 6s;
				-o-animation:txtperfil-an 6s;
				-webkit-animation:txtperfil-an 6s;}

.texto-perfil p 	{font-family:'Fira Sans Condensed', sans-serif;
					font-weight:300;
					font-size:13px;
					line-height:15px;
					padding:0 20px;
					z-index:40;}



.divisiones 	{width:660px;
				float: left;
				height:1225px;
				margin:0 0 48px 100px;
				background-color:#fff;}

.divis1, 
.divis2, 
.divis3, 
.divis4 	{border-top: solid 4px #898A8D; height:302px;}

.divisFloat {display:block; float:left;}

.divisFloat1 	{position: relative; width:410px; height: 302px; 
				display:inline-block; margin-right:5px;}

#imgDiv1, #imgDiv2, #imgDiv3, #imgDiv4    		{position: absolute; left:105px;}

#imgDiv1 	{animation: imgDiv1 1s}
#imgDiv2 	{animation: imgDiv2 2s}
#imgDiv3 	{animation: imgDiv3 3s}
#imgDiv4 	{animation: imgDiv4 4s}

iframe 		{width:250px;
			height:200px;
			background-color:#fff ;
			margin:10px 0 15px 400px;}



.divisiones h3 		{font-family:'Barlow Condensed', sans-serif;
					color:#e1251b;
					font-weight:400;
					font-size:27px;
					line-height:30px;
					display: inline-block;
					padding:10px 0 0 20px;
					margin-left:380px;}


 h3 .color1 {color:#f59b21;}
 h3 .color2 {color:#ff6b00;}
 h3 .color3 {color:#5c7e96;}

.infoDiv .contribu 	{display:inline-block;
					background-color:#D5D5D5;
					float: left;
					width:210px;
					height:1224px;}
.contriCom1,
.contriCom2,
.contriCom3,
.contriCom4 	{width:210px;
				height:302px;
				text-align: center;}

.contriCom1 	{border-top: solid 4px #e1251b; height:302px;}
.contriCom2 	{border-top: solid 4px #ff6b00; height:302px;}
.contriCom3 	{border-top: solid 4px #f59b21; height:302px;}
.contriCom4 	{border-top: solid 4px #5c7e96; height:302px;}

.mapa1 		{display: inline-block;
			float: left;
			margin-left:10px;
			width:360px;
			height:1220px;
			border-top:solid 4px #898A8D;
			position: relative;}

.mapa1 img 	{width:100%;
			line-height:1220px;
			margin:0 auto;
			}

.grafica1 		{display: block;
				position:absolute;
				width:310px;
				right:110px;
				height:700px;
				bottom:0;}

.contribu 		{text-align: center;}

.contribu h5 	{font-family:'Barlow Condensed', sans-serif;
				font-weight:300;
				text-align: center;
				font-size:26px;
				margin-top:5px;
				padding: 0 20px;}

h5 .valor 		{font-size:45px;
				font-weight: 400;
				line-height:55px;
				}

.lineaSup 		{border-top:solid 4px #898A8D;
				width:150px;
				margin:0 auto;}

.valColor1		{color:#e1251b;}
.valColor2		{color:#ff6b00;}
.valColor3		{color:#f59b21;}
.valColor4		{color:#5c7e96;}

		
.mapa1 		{display: inline-block;
			float: left;
			margin-left:10px;
			width:350px;
			height:1220px;
			position: relative;}

.mapa1 img 	{width:100%;
			height:100%;
			line-height:1224px;
			}

.grafica1 	{display: block;
			position:absolute;
			background-color:transparent;
			width:270px;
			right:130px;
			height:700px;
			top:550px;
			text-align:center;}

.grafica1 img {padding:20px; }
				
.mapa1_1, .mapa1_2 	{font-family:'Fira Sans Extra Condensed', sans-serif;
					font-weight: 200;}

.mapa1_1 li, .mapa1_2 li 	{list-style:none; text-align: right; line-height:25px;}

.mapa1_1 	{padding-bottom:300px;}

.titMap 	{text-align: right;
			font-family:'Fira Sans Extra Condensed', sans-serif;			
			font-weight:500;
			font-size:20px;}

.cien 		{font-family:'Fira Sans Extra Condensed', sans-serif;
			font-weight:400;
			 padding-right:20px;}

.dotDC1{background-color:#e1251b; width: 10px; height: 10px;
		    	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; display: inline-block;
		    	margin-right: 4px;}
.dotDC2{background-color:#ff6b00; width: 10px; height: 10px;

	    	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; display: inline-block;
	    	margin-right: 4px;}
.dotDC3{background-color:#f59b21; width: 10px; height: 10px;
	    	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; display: inline-block;
	    	margin-right: 4px;}
.dotDC4{background-color:#5c7e96; width: 10px; height: 10px;
	    	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; display: inline-block;
	    	margin-right: 4px;}
				
.bala1, .bala2, .bala3, .bala4, .bala5, .bala6, .bala7, .bala8, .bala9 
							{padding-left:2px;
							font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; font-size:37px;}

.bala1 	{color:#e1251b;}
.bala2	{color:#ff6b00;}
.bala3	{color:#f59b21;}
.bala4	{color:#5c7e96;}
.bala5	{color:rgba(0,143,190,1.00);}
.bala6	{color:rgba(0,143,190,.85);}
.bala7	{color:rgba(0,143,190,.65);}
.bala8	{color:rgba(0,143,190,.45);}
.bala9  {color:rgba(0,143,190,.25);}

.balaVerde 	{color:#61a60e; display: inline-block;
			margin-right:10px;
			height: 7px;
			width: 7px;
			background-color:#61a60e;
			border-radius:50px;}

.letraList 	{color:#008FBE;
			padding-right:40px;}

.texto 		{width: 65%;
			margin:0 auto 0 !important;
			text-align: justify;
			font-family:'Fira Sans Extra Condensed', sans-serif;
			font-weight: 200;
			padding:20px 40px 0;}

.texto p 	{margin-top:15px;}

.texto li 	{list-style:none;}

.textoEst 	{width: 78%;
			margin:0 auto;
			text-align:left;
			font-family:'Fira Sans Extra Condensed', sans-serif;
			font-weight: 200;}

.texto .subt, .txtInver .subt 	{color:#008FBE;
				font-family: 'Fira Sans Extra Condensed', sans-serif;}

.texto .subtVerde {color:#61a60e;}

.txtList 	{padding-left:50px;}

.nombre 		{font-family: 'Fira Sans Extra Condensed', sans-serif;
				font-weight: 400;}

.hexaCarta     {background-image:url("../img/exaGris.svg");
				background-repeat: no-repeat;
				background-size: auto;
				height:193px;
				width:167px;
				display:block;
				position: relative;
				font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 300; 
				top:0;
				font-size:24px;
				text-align: right;
				padding:15px 15px;}

.foto-texto-3 	{width:100%;
				overflow: hidden;
				text-align: center;
				position: relative;
				height:764px;
				margin: 0 50px 10px 0;}

.foto-texto-3-2 	{width:100%;
					height:469px;
					overflow:hidden;
					display:block;
					margin-top:0; }

.hexaContent1 	{width:250px;
				right:150px;
				top:-50px;
				position:relative;
				float:right;}

.hexatxt 		{padding-top:6px;
				animation:hexatxt 7s;
				-o-animation:hexatxt 7s;
				-moz-animation:hexatxt 7s;
				-webkit-animation:hexatxt 7s;
				-ms-animation:hexatxt 7s;}


.hexaCarta-2 	{background-image:url("../img/exaGris.svg");
				background-repeat: no-repeat;
				background-size: auto;
				height:220px;
				width:190px;
				display:block;
				position: absolute;
				font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 400; 
				right:270px;
				margin-top:30px;
				text-align: center;
				padding:20px;
				box-sizing: border-box;}

.hexaCarta-2 img 	{width:100%;}

.hexaCarta p 	{margin-top:10px;
				text-align: center;
				font-size:22px;
				line-height:27px;}

.valColor5		{color:#008FBE;
				font-size:45px;
				line-height:55px;
				border-bottom: solid 4px #898A8D;
				padding-bottom:5px;}

.valColor6		{color:#61a60e;
				font-size:45px;
				border-bottom: solid 4px #898A8D;}

.listAudit 	{display: block;
			padding-inline-start:30px;}

.listAudit li 	{list-style-type: none;
				text-indent:-100px ;}

.listAudit li:before 	{content: "-";
						padding-left:-40px;}

.firma 		{padding-left:40px;}


.logoDeo 		{display:block;
				float: right;
				width: 500px;
				margin-right:-50px;}

.logoDeo img 	{width:200px;
				float: left}

.logoDeo .txtDeo 		{width:200px;
						float: left;
						text-align: left;
						margin:0 0 60px 40px;}


/*graficas*/
/*clase grafica2 - modify*/
.grafica2	 	{
				font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 200;
				/*margin-left:4%;
				height:800px;
				padding:10px 25px;
				box-sizing: border-box;
				float: left;
				width:33%;*/}
/*colgrafica-2 drop*/
.colGrafica-2 	{width:73%;
				display:block;
				height:210px;
				font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 200;
				position: relative}

.tit-graf 	{color:#97989a;
			font-size:18px;
			text-align: right;}

.millones 	{text-align: right;
			font-size:16px;
			margin-bottom:20px;}

.colGrafica-4 	{width:80%;
				display:block;
				height:250px;
				font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 200;
				margin-bottom:50px;
				position: relative}

.barra-1 p, .barra-2 p, .barra-3 p, .barra-4 p, .barra-5 p, .barra-6 p	 	
				{text-align: left;
				line-height:30px;
				font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 400;
				display:inline-block;
				border-right:solid 1px #000;
				padding-right:10px;}

.barra-1 p	{color:#C8C6C4; float: left;}
.barra-2 p	{color:#979696; float: left;}
.barra-3 p	{color:#008FBE; float: left;}

.barra-4 p	{color:#d0cfcd; float: left;}
.barra-5 p	{color:#b2b1b1; float: left;}
.barra-6 p	{color:#ff6b00; float: left;}

.hor-Color-az2 	{background-color:#C8C6C4;
				width:30px; float: left;
				display: block;}

.hor-Color-az3 	{background-color:#5c7e96;
				width:45px; float: left;
				display: block;}
.horizontal-az 	{display:block;
			height:25px;
			color:#fff;
			font-family:'Fira Sans Extra Condensed', sans-serif;
			font-weight: 400;
			line-height:25px;
			text-align: right;
			margin:5px 200px 0 0;
			padding-right:5px;
			box-sizing:border-box;
			border-bottom: solid #000 1px;}

.horizontal	{display:block;
			height:25px;
			color:#fff;
			font-family: 'Barlow Condensed', sans-serif;
			line-height:25px;
			text-align: right;
			margin:5px 0;
			padding-right:5px;
			box-sizing:border-box;/*
			border-bottom: solid #000 1px;*/}

.hor-Color-1 	{background-color:#C8C6C4;
				width:230px; float: left;
				display: block;}

.hor-Color-2 	{background-color:#979696;
				width:220px; float: left;
				display: block;}

.hor-Color-3 	{background-color:#008FBE;
				width:240px; float: left;
				display: block;}

.hor-Color-4 	{background-color:#C8C6C4;
				width:240px; float: left;
				display: block;}

.hor-Color-5 	{background-color:#979696;
				width:230px; float: left;
				display: block;}

.hor-Color-6 	{background-color:#008FBE;
				width:225px; float: left;
				display: block;
				margin-bottom:20px;}

.hor-Color-7 	{background-color:#C8C6C4;
				width:240px; float: left;
				display: block;}

.hor-Color-8 	{background-color:#979696;
				width:230px; float: left;
				display: block;}

.hor-Color-9 	{background-color:#008FBE;
				width:220px; float: left;
				display: block;
				margin-bottom:20px;}

.hor-Color-11 	{background-color:#ff6b00;
				width:243px; float: left;
				display: block;
				margin-bottom:20px;}

.utilidad_g2 	{position: absolute;
				left: 40%;
				top: 63%;}

.utilidad_g3 	{position: absolute;
				left: 90px;
				top: 42%;}

.ref-utilidad 	{display: block;
				width:65%;				
				margin-left:15% ;
				font-size:18px;
				height: 27px;}

.ref-utilidad img {margin-right:15px;
				padding:8px;
				box-sizing:border-box;
				display: block;
				line-height: 27px;
				width:50px;
				height:auto;
				float:left;}

/*modify*/
.colFoto  		{
				float: left;
				height:611px;
				position:relative;
				z-index: 200;				
				display:inline-block;								
				padding-top:10%;
				
				/*margin:352px 0 45px 7% ;
				top:0;
				width:40%;*/
				}

.datosImg 		{position: absolute;
				display: block;
				top:40px;
				left:50px;
				animation:imgDatos 3s}

.foto-texto 	{width:100%;
				height:350px;
				position: relative;
				margin-top:15px; }

.foto-texto-2 	{width:100%; 
				height: 746px;
				text-align: center;
				position: relative;
				margin-bottom:0px;}


.colRotar 	{
			display: inline-block;
			
			margin:80px 0 	0 0px;}

/*tablas estadísticas*/

.imgDatos1r 	{display:inline-block;
				float: left;
				margin-right: 50px;
				padding-top:45px;
				box-sizing: border-box;}

.graficTab 		{width: 370px;
				text-align:right;
				font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 200;
				float: left;
				
				}

.graficTab th 	{font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 500;
				color:#97989a;}

.graficTab td 	{padding:0;
				line-height:20px;}


/*división comercial y de consumo*/
.titH2 			{font-family: 'Barlow Condensed', sans-serif;
				font-weight:200;
				color:#bbb;
				font-size:30px;
				font-kerning:normal}
.rojo 			{color: #e1251b;}

.naranja 		{color:#ff6b00;}

.anaranjado 	{color: #f59b21;}

.head-comercial 	{width:82%;
					margin-left:11%;}

.col-1division 	{width:34%;
				float: left;
				margin-left:11%;}

.imgComer 		{z-index: 120;
				}

.imgComercial-2 	{animation:imgComer2  5s;
					-o-animation:imgComer2 5s;
					-moz-animation:imgComer2 5s;
					-webkit-animation:imgComer2 5s;
					-ms-animation:imgComer2 5s;}

.imgComer2 		{position:relative;
				height:420px;
				width:95%;
				z-index: 120;
				display:inline-block;}

.imgComercial-3 	{
					display:inline-block;
					margin-top:-5%;
					float: left;
					width:65%;
					animation:imgComer3 7s;
					-o-animation:imgComer3 7s;
					-moz-animation:imgComer3 7s;
					-webkit-animation:imgComer3 7s;
					-ms-animation:imgComer3  5s;}

.creditoFoto 		{display: block;
					position: absolute;
					font-family:'Fira Sans Condensed', sans-serif;
					font-weight:200;
					color:#ddd;
					font-size:18px;
					top:210px;
					text-shadow:1px 1px 3px #000;
					z-index:30px;
					right:120px;}

.creditoFoto-11 			{top:280px;
							left:350px;
							color:#000;
							font-family:'Fira Sans Condensed', sans-serif;
							font-weight:400;
							position: absolute;
							z-index: 140;
							animation:credF_11 3s;
							-o-animation:credF_11 3s;
							-moz-animation:credF_11 3s;
							-webkit-animation:credF_11 3s;
							-ms-animation:credF_11 3s;}




.creditoFoto-13 			{top:295px;
							left:290px;
							text-align:left;
							font-family:'Fira Sans Condensed', sans-serif;
							font-weight:400;
							color:#000;
							position: absolute;
							z-index: 140;
							animation:credF_13 4s;
							-o-animation:credF_13 4s;
							-moz-animation:credF_13 4s;
							-webkit-animation:credF_13 4s;
							-ms-animation:credF_13 4s;}


.creditoFoto-12 			{top:300px;
							right:10px;
							text-align: left;
							margin-left: 20px;
							color:#000;
							position: absolute;
							z-index: 140;}

.creditoFoto-9  	{top:280px;
					right:230px;
					color:#fff;
					position:absolute;
					text-shadow:2px 1px 4px #000;
					z-index: 140;}

.creditoFoto-10 	{color:#000;
					left:230px;
					top:510px;
					width: 100%;
					display:inline-block;
					margin-bottom:70px !important;
					z-index:140;
					animation:credF_1 3s;
					-o-animation:credF_1 3s;
					-moz-animation:credF_1 3s;
					-webkit-animation:credF_1 3s;
					-ms-animation:credF_1 3s;}

.creditoFoto-14 	{float: left;
					color:#000;
					top:320px;
					position: absolute;
					z-index: 140;}

.creditoFoto-14-2 	{color:#000;
					font-family:'Fira Sans Condensed', sans-serif;
					font-weight:400;
					top:370px;
					left: 50%;
					position: absolute;
					z-index:140;
					animation:credF_2 4s;
					-o-animation:credF_2 4s;
					-moz-animation:credF_2 4s;
					-webkit-animation:credF_2 4s;
					-ms-animation:credF_2 4s;}

.colRotar2 			{width:100%;
					display: inline-block;
					margin-bottom:30px;}

.grafica3	 	{display: block;
				width:100%;
				font-family:'Fira Sans Condensed', sans-serif;
				font-weight:200;
				height:700px;
				box-sizing: border-box;}

.empujar 		{width:150px; float: left; display: 
block; height: 50px;}

.grafica3 .tit-graf, .grafica3 .millones 	{text-align: left;}
.grafica3 .barra-1, .grafica3 .barra-2, .grafica3 .barra-3, .grafica3 .barra-4, .grafica3 .barra-5, .grafica3 .barra-6 	{padding-left:45px;}

.grafica3 .hor-Color-3, .grafica3 .hor-Color-6, .grafica3 .hor-Color-9 	{background-color: #e1251b;}

.grafica3 .barra-6 .hor-Color-3, .grafica3 .barra-6 .hor-Color-6, .grafica3 .barra-6 .hor-Color-9 	{background-color: #f59b21;}

.grafica3 .hor-Color-1 {width:240px;}
.grafica3 .hor-Color-2 {width:251px;}
.grafica3 .hor-Color-3 {width:257px;}

.grafica3 .hor-Color-4 {width:257px;}
.grafica3 .hor-Color-5 {width:240px;}
.grafica3 .hor-Color-6 {width:235px;}

.grafica3 .hor-Color-7 {width:255px;}
.grafica3 .hor-Color-8 {width:247px;}
.grafica3 .hor-Color-9 {width:240px;}

.grafica3 .barra-3 p {color: #e1251b;}

.graficTab-1	{width: 170px;
				text-align:right;
				font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 200;
				float: left;
				padding-top:30px;
				}

.graficTab-1 th 	{font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 400;
					color:#97989a;}
.graficTab-1 td 	{padding:0;
					line-height:20px;}

.colGrafica-3 		{width:75%;
					display:block;
					height:150px;
					margin-bottom:80px;
					font-family:'Fira Sans Condensed', sans-serif;
					font-weight:200;
					position: relative}

.colGrafica-3 .ref-utilidad, .colGrafica-3 .utilidad_g  {padding-left:20px}



.colGrafica-5 		{width:75%;
					display:block;
					height:150px;
					margin-bottom:80px;
					font-family:'Fira Sans Condensed', sans-serif;
					font-weight:200;
					position: relative}

.colGrafica-5 .ref-utilidad, .colGrafica-5 .utilidad_g  {padding-left:40px}

.imgDatos2r 	{display:inline-block;
				float: left;
				width:200px;
				padding:20px 30px 0 0; 
				box-sizing: border-box;}

.imgDatos2r img 	{width:100%;}

.bala10, .bala11, .bala12, .bala13	{font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';font-size:37px; margin-bottom:10px;}

.bala10	{color:rgba(225,37,27,1.00);}
.bala11	{color:rgba(225,37,27,0.75);}
.bala12	{color:rgba(225,37,27,0.50);}
.bala13  {color:rgba(225,37,27,0.20);}


.col-2division 	{width:45.3%;
				display: inline-block;
				float: left;
				padding-top:35px;
				margin-bottom:80px;}

.textoFoto-3 	{font-family:'Fira Sans Condensed', sans-serif;
				font-weight:300;
				text-indent:50px;
				color: #e1251b;
				font-size:17px;
				margin-inline-start:px;
				float: left;
				padding:70px 0 0 20px;
				width:370px;
				text-align: left;}

.textoFoto-4 	{font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 300;
				text-indent:50px;
				color: #ff6b00;
				font-size:17px;
				margin-inline-start:px;
				float: left;
				padding:70px 0 0 20px;
				width:370px;
				text-align: left;}

.hexaCarta-2 	{background-image:url("../img/exaGris.svg");
				background-repeat: no-repeat;
				background-size: auto;
				height:208px;
				width:180px;
				display:block;
				position:absolute;
				font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight:400;
				right:260px;
				top:0;
				text-align: center;
				padding:20px;
				box-sizing: border-box;}

.hexaCarta-3, .hexaCarta-4 	{background-image:url("../img/exaGris.svg");
				background-repeat: no-repeat;
				background-size: auto;
				display: block;
				height:193px;
				width:167px;
				font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 300;
				position: relative;
				text-align: center;
				float: left;}

.hexaCarta-3 	{margin-bottom:50px;}

.posicion 		{padding:10px;
				box-sizing: border-box;} 

.valColor7 		{text-align:center;
				color: #e1251b;
				font-size:43px;
				line-height:50px;
				border-bottom: solid 4px #898A8D;}

.valColor8 		{text-align:center;
				color:#ff6b00;
				font-size:43px;
				border-bottom: solid 4px #898A8D;}

.valColor9 		{text-align:center;
				color:#f59b21;
				font-size:43px;
				padding-top:30px;
				border-bottom: solid 4px #898A8D;}

.valColor9, .valColor8, .valColor7, .valColor6   
				{animation:valor5 7s;
				-o-animation:valor5 7s;
				-moz-animation:valor5 7s;
				-webkit-animation:valor5 7s;
				-ms-animation:valor5 7s;}


.hexaCarta-4 p	{text-align: center;
				font-size:25px;
				padding:15px 20px 0;}

.hexaCarta-3 p 	{text-align: center;
				font-size:25px;
				padding:0px 20px 0;}

.col-2division article 	{font-family:'Fira Sans Extra Condensed', sans-serif;
					font-weight: 200;
					text-align:justify;
					font-size:15px;
					line-height:18px;
					width:80%;}


.hexainfra 		{display: block;
				height:170px;}

.graficaCentro 		{width:55%;
					display: block;
					height:150px;
					margin:40px auto 170px;
					position: relative;}

.barraInfra-1 .fecha, .barraInfra-2 .fecha	
					{text-align: right;
					float: left; 
					margin-right:3px;
					display: block;
					line-height: 50px;
					height: 50px;padding-right:20px;
					font-family: 'Barlow Condensed', sans-serif;
					color:#000}

.barraInfra-1, .barraInfra-2 	{font-family:'Fira Sans Extra Condensed', sans-serif;
			font-weight: 200; color:#fff; line-height:25px; margin-bottom:10px;}

.horizontal-infra 		{display:block;
						height:24px;
						font-family: 'Barlow Condensed', sans-serif;
						text-align: right;
						padding-right:5px;
						border-left:solid 1px #000;
						box-sizing:border-box;}	

.barraInfra-1 .hor1 	{background-color:rgba(245,155,2,0.41);
						width:240px; 
						float:left;
						display: block;
						height:24px;
						text-align:right}

.anaranjado2 {background-color:rgba(245,155,2,0.41); width: 10px; height: 10px;
		    	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; display: inline-block;
		    	margin-right: 4px;}

.cir2 {background-color: #f59b21; width: 10px; height: 10px; -moz-border-radius: 50%;
	 -webkit-border-radius:50%; border-radius:50%; position:relative; display:inline-block; margin-left: 10px; margin-right:4px;}


.barraInfra-1 .hor2 	{text-align:right;
						background-color:#f59b21;
						height:24px;
						float:left;
						margin-bottom:5px;
						width:247px;
						display:inline-block;}

.barraInfra-2 .hor3 	{background-color:rgba(245,155,2,0.41);
						width:235px; float:left;}

.barraInfra-2 .hor4 	{background-color:#f59b21;
						text-align:right;
						height:24px;
						width:50px;
						display:inline-block;}

.graficaCentro .tit-graf 	{color:#97989a;
							font-size:18px;
							text-align: right;
							font-family:'Fira Sans Extra Condensed', sans-serif;
							font-weight: 200;}

							
.sibtiG 		{color:#97989a;
				font-size:16px;
				text-align: right;
				font-family:'Fira Sans Extra Condensed', sans-serif;
				font-weight: 200;
				display: block;
				width:300px;}							

.graficaCentro .millones 	{text-align: right;
							font-size:16px;
							font-family:'Fira Sans Extra Condensed', sans-serif;
							font-weight: 200;}

.textoReferencia			{display: block;

							font-family:'Fira Sans Extra Condensed', sans-serif;
							font-weight: 200;
							margin-bottom:10px;
							font-size:13px}


.azul 		{color:#5c7e96;}
.grisCl 	{color:#C8C6C4;}
.grisM 		{color:#979696;}

.infoInferior 		{width:100%;
					display: block;
					margin:40px 0 0;
					overflow: hidden;}


.mapaMx 	{width:700px%;
			float:left;
			display:block;
			padding-right:-4px;
			box-sizing: border-box;
			margin-left:0px;
			box-sizing:border-box;
			position:relative;
			}


.mapaMx img 	{width:120%}

.tit-mapa-mx 	{padding-top:53%;
				text-align: center;
				color:#97989a;
				font-family:'Barlow Condensed', sans-serif;
				font-size:30px;
				line-height:50px;
				font-weight:400;}


.posicionMapa 	{width:96%;
				margin-left:4%;
				margin-top:50px;
				}

.posicionMapa img 	{width:100%;}

.empresas 		{width: 53%;
				text-align: center;
				float: left;
				display: block;
				padding-right:8%;
				box-sizing: border-box;
				margin-left:0;
				z-index: 20;
				}

.fondo-carta 	{width:100%;
				height:1035px;
				background-image:url("../img/back-diagonal.jpg");
    			background-repeat: no-repeat;
				background-attachment: local;
				background-size:cover; 
				display: block;
				margin: 10px 0 0 0;
				background-position:top;}
			

.txtCarta-sup h3 	{font-family:'Fira Sans Condensed', sans-serif;;
					font-weight:200; text-align: left;}

.txtCarta-sup p 	{text-align: justify;
					font-family:'Fira Sans Condensed', sans-serif;
					font-weight: 100;}

.firma-carta 	{display: block;
				width:18%;}

.firma-carta img 	{width:100%;}

.txtCarta-inf 		{width:90%;
					margin:170px auto 120px}

.txtCarta-inf img	{width:100%; height:100%}

.tit-inf 		{ font-family:'Fira Sans Extra Condensed', sans-serif;
					font-weight:500; text-align: left; }

.txtInver 		{font-family:'Fira Sans Extra Condensed', sans-serif;
					font-weight:200; text-align: left;
				font-size:16px;}

.esp-columnas 	{width:80%;
				margin:0 auto;}

.imgLugar 		{width:70%;
				display:block;
				float: left;}

.fotoMedida 	{width:100%;
				display: block;
				position:relative;
				top: 0;
				left:0;
				right: 0;
				animation:fotoInfo 3s;
				-o-animation:fotoInfo 3s;
				-moz-animation:fotoInfo 3s;
				-ms-animation:fotoInfo 3s;
				-webkit-animation:fotoInfo 3s;}

.fotoMedida img {width:100%;}

.txtInver 		{width:30%;
				padding:30px 0 0 30px;
				box-sizing: border-box;
				display: inline-block;
				float:left;}

.logoGcarso 	{display: block;
				width:100px;
				margin:40px auto 20px;}

.logoGcarso img 	{width:100%;}

#igv{
	 
  animation-name: slidein;
}

/*footer sitio*/

footer 	{width:100%;
		display: block;
		height:50px;
		position: fixed;
		bottom:0;
		left:0;
		background-color:#b2b1b1;
		padding:0 8%;
		z-index:999999;}

footer p 	{font-family:'Fira Sans Extra Condensed', sans-serif;
			font-weight: 200;
			font-size:14px;
			line-height:40px;
			color: #004876;
			width: 700px;}