@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
body{
	width:100%;
}
/*.principal{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.head{
	width:100%;
	height:74px;
	background:#403A37;
	top:0;
	position:fixed;
	z-index:100;
}
.logo{
	width:200px;
	height:74px;
	float:left;
	background:url(img/logo2.png);
}
header{
	width:824px;
	height:74px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
}*/
/*.franja{
	width:100%;
	height:26px;
	margin-top:74px;
	background:#756A65;
	position:fixed;
	z-index:100;
}
.franja1{
	width:100%;
	height:26px;
	margin-top:-29px;
	background:#756A65;
	position:fixed;
	z-index:100;
}*/
.tooltip, .tooltip2, .tooltip3 {
	position:relative;
}
.tooltip div, .tooltip2 div, .tooltip3 div   {
	width:200px;
	display:none;
	margin: 22px 0 0 0;
	position:absolute;
	background-color:rgb(52, 141, 212);
	color:#FFF;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	z-index:300;
	-webkit-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.3);
	-webkit-border-radius: 5px;
border-radius: 5px;
	
	

}
.tooltip2 div {
	right:0;
	
}
.tooltip:hover div, .tooltip2:hover div, .tooltip3:hover div {
	display:block;
	
}
.tooltip3 div {
	background-color:rgb(96, 120, 90);
	bottom:28px;
}


.info{
	width:1200px;
	height:900px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.infoInt{
	width:1024px;
	height:500px;
	background:#030;
	margin-left:auto;
	margin-right:auto;
}
.titulo{
	width:100%;
	height:30px;
}
.columnas{
	width:100%;
	height:333px;
	margin-left:auto;
	margin-right:auto;
}

.tituloInt{
	width:100%;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	font-size:18px;
	float:left;
	margin:13px 0 0 px;

	border-bottom:1px #FFF solid;
}
.subTitulo{
	width:99.2%;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F7B234;
	font-size:15px;
	float:left;
	background:#171413;
	padding:10px 0 10px 10px;
	margin-top:10px;
}
.subTituloInt{
	width:100%;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:15px;
	float:left;
	margin:10px 0 0 0;
	padding-bottom:5px;
}
.subTituloInt2{
	width:100%;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7CCFFF;
	font-size:12px;
	float:left;
	margin-top:5px;
}
.subTituCasilla1{
	position:relative;
	width:79%;
	height:22px;
	float:left;
	background:#756A65;
}
.subTituCasilla2{
	position:relative;
	width:20.5%;
	height:22px;
	float:left;
	background:#756A65;
}
.columnInt{
	width:47%;
	height:auto;
	float:right;
}
.casilla1{
	width:77.9%;
	height:25px;
	float:left;
	color:#636363;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:8px 0 0 5px;
	margin-top:5px;
	border:#756A65 1px solid;
	background-color:#F7F7F7;
}
.casilla2{
	width:18.9%;
	height:25px;
	float:left;
	color:#636363;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:8px 0 0 5px;
	margin-top:5px;
	border:#756A65 1px solid;
	background-color:#F7F7F7;
}
h2 {
	color:#AA8A5C;
	font-family:Arial, Helvetica, sans-serif;
}
h3{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	margin:5px;
}
h4{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	margin:15px 0 0 25px;
}
.img{
	width:23px;
	height:23px;
	float:left;
}
.destacado{
	width:auto;
	height:auto;
	float:left;
}
.franja nav ul {
	overflow:hidden;
	list-style:none;
	float:left;
	margin-right:30px;
}
.franja nav ul li {
	float:left;
}
.franja nav ul li a {
	color:#fff;
	font-weight:bold;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-top:6px;
	display:block;
	text-decoration:none;
}
.franja nav ul li span {
	margin-right:10px;
}
.franja nav ul li a:hover {
	color:#F7B234;
}
.franja nav ul li a.active {
	color:#F7B234;
}




.franja1 nav ul {
	overflow:hidden;
	list-style:none;
	float:left;
	margin-right:30px;
}
.franja1 nav ul li {
	float:left;
}
.franja1 nav ul li a {
	color:#fff;
	font-weight:bold;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-top:6px;
	display:block;
	text-decoration:none;
}
.franja1 nav ul li span {
	margin-right:10px;
}
.franja1 nav ul li a:hover {
	color:#F7B234;
}
.franja1 nav ul li a.active {
	color:#F7B234;
}

.paralelo{
	width:5%;
	height:333px;
	background:url(img/internas.png);
	float:left;
	margin-top:10px;
}
.paralelo2{
	width:5%;
	height:292px;
	background:url(img/externas.png);
	float:left;
	margin-top:10px;
}
.slider{
	width:7200px;
	position:relative;
	margin-top:100px;
	left:0px;
	z-index:20;
	transition:left 1s;
}
/*Permiten el cambio de posición del dofa en forma horizontal*/
.sliderPos2 {
	left:-1200px;
}
.sliderPos3 {
	left:-2400px;
}
.sliderPos4 {
	left:-3600px;
}
.sliderPos5 {
	left:-4800px;
}
.sliderPos6 {
	left:-6000px;
}
/*--------------------------------------------*/
.dofa{
	width:1200px;
	float:left;
	margin-top: 15px;
}
.estrategiaFo{
	width:1200px;
	float:left;
}
.estrategiaDo{
	width:1200px;
	float:left;
}
.estrategiaFa{
	width:1200px;
	float:left;
}
.estrategiaDa{
	width:1200px;
	float:left;
}
.dofaGrafico{
	width:1200px;
	float:left;
}
.grafico{
	width:93.5%;
	height:350px;
	background:#5C5243;
	float:left;
	margin-left:70px;
}
.columnaGrafico{
	width:25%;
	height:302px;
	float:left;
	bottom:0px;
	position:relative;
}
.columnaTitulo1{
	width:100%;
	height:35px;
	background:#4B6529;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding:15px 0 0 0;
	bottom:-50px;
	position:absolute;
	text-shadow: 0 0 3px #000000;
}
.columnaTitulo2{
	width:100%;
	height:35px;
	background:#830C0C;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding:15px 0 0 0;
	bottom:-50px;
	position:absolute;
	text-shadow: 0 0 3px #000000;
}
.columnaTitulo3{
	width:100%;
	height:35px;
	background:#164677;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding:15px 0 0 0;
	bottom:-50px;
	position:absolute;
	text-shadow: 0 0 3px #000000;
}
.columnaTitulo4{
	width:100%;
	height:35px;
	background:#C49100;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding:15px 0 0 0;
	bottom:-50px;
	position:absolute;
	text-shadow: 0 0 3px #000000;
}
.columnaEstadistica1{
	width:100%;
	height:0;
	background:#66942A;
	border-bottom:2px #000 solid;
	bottom:0px;
	position:absolute;
	transition:height 4s;
	
}
.columnaEstadistica2{
	width:100%;
	height:0;
	background:#FF3500;
	border-bottom:2px #000 solid;
	bottom:0px;
	position:absolute;
	transition:height 4s;
}
.columnaEstadistica3{
	width:100%;
	height:0;
	background:#258280;
	border-bottom:2px #000 solid;
	bottom:0px;
	position:absolute;
	transition:height 4s;
}
.columnaEstadistica4{
	width:100%;
	height:0px;
	background:#FFBC00;
	border-bottom:2px #000 solid;
	bottom:0px;
	position:absolute;
	transition:height 4s;
}

.subTituloIntFO{
	width:100%;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:15px;
	float:left;
	margin:10px 0 0 70px;
	padding-bottom:5px;
}
.subTituCasillaFO1{
	width:53.6%;
	height:22px;
	float:left;
	background:#756A65;
	margin: 0px 3px 0 72px;
	position:relative;
	
}
.subTituCasillaFO2{
	width:29%;
	height:22px;
	float:left;
	background:#756A65;
	margin: 0px 3px 0 0;
	position:relative;
}
.subTituCasillaFO3{
	width:10.7%;
	height:22px;
	float:left;
	background:#756A65;
	margin-top:0px;
	position:relative;
}
.columnInt2{
	width:100%;
	height:auto;
	float:right;
}
.casillaFO1{
	width:53%;
	height:25px;
	float:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:8px 0 0 5px;
	margin: 5px 3px 0 72px;
	border:#756A65 1px solid;
	background-color:#F7F7F7;
}
.casillaFO2{
	width:28.4%;
	height:25px;
	float:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:8px 0 0 5px;
	margin: 5px 3px 0 0;
	border:#756A65 1px solid;
	background-color:#F7F7F7;
}
.casillaFO3{
	width:10.1%;
	height:25px;
	float:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:8px 0 0 5px;
	margin: 5px 3px 0 0;
	border:#756A65 1px solid;
	background-color:#F7F7F7;
}
/*Costeo*/
.primero{
	width:100%;
	height:auto;
	margin-top:103px;
	}
.costeoPrincipal{
	width:100%;
	height:1320px;
}
.indicadorSuperior{
	width:95%;
	height:70px;
	margin-left:auto;
	margin-right:auto;
}
.tituloCorp{
	width:100%;
	height:65px;
	margin-top:33px;
	margin-left:auto;
	margin-right:auto;
}
.tituloCorp2{
	width:95%;
	height:65px;
	margin-top:33px;
	margin-left:auto;
	margin-right:auto;
}
.nombrePresupuesto{
	width:60%;
	height:40px;
	float:left;
	margin-top:10px;
}
.casillaPresupuesto{
	width:40%;
	height:40px;
	float:left;
	margin-top:10px;
}
.casillaIndicador1{
	width:70%;
	height:22px;
	float:right;
	margin-right:15px;
	border:1px solid #FFF;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:8px 0 0 5px;
	
}
.casillaIndicador2{
	width:50%;
	height:22px;
	float:right;
	margin-right:15px;
	border:1px solid #FFF;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:8px 0 0 5px;
}
.indicadorInferior{
	width:95%;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
}
.indicadorInfTitulo{
	width:100%;
	height:50px;
	margin-left:auto;
	margin-right:auto;
}
.indiTituloInf{
	width:19.4%;
	height:35px;
	background:#736357;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	padding-top:15px;
	padding-left:5px;
	color:rgba(255,255,255,1);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}
.indiTituloInf2{
	width:19.4%;
	height:25px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	margin-top:5px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:15px 0 0 5px;
}
.indiTituloInf3{
	width: 69.2%;
	height:30px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	margin-top:5px;
	padding-top:64px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:10px 0 0 5px;
}
.indiTituloInf4{
	width: 29.4%;
	height:25px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	margin-top:5px;
	padding-top:10px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:15px 0 0 5px;
}
.indicadorInfTitulo2{
	width:99%;
	height:40px;
 	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:30px 0 0 10px;
}
.indiTituloInf5{
	width:69.6%;
	height:35px;
	float:left;
	background:#736357;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	margin-top:5px;
	text-align:center;
	padding-top:15px;
}
.indiTituloInf6{
	width: 29.8%;
	height:35px;
	float:left;
	background:#736357;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	margin-top:5px;
	text-align:center;
	padding-top:15px;
}
.TituloInf1{
	width:70%;
	height:30px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	text-align:right;
	padding-top:10px;
}
.TituloInf2{
	width:29.5%;
	height:30px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	text-align:right;
	padding-top:10px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.cuadroResul{
	width: 69.2%;
	height:30px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	padding-top:64px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:10px 0 0 5px;
}	
/*Costeo*/
/*equipo y deprediacion*/
.tituloEquipo{
	width:100%;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	font-size:23px;
	float:left;
	margin:13px 0 0 0;
	border-bottom:1px #FFF solid;
}
.tituloDofa{
	width:98.5%;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#636363;
	font-size:23px;
	float:left;
	margin:2px 0 0 40px;
	border-bottom:1px #636363 solid;
}
.tituloEquipoCorp{
	width:100%;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	font-size:36px;
	float:left;
	margin:13px 0 0 0;
	border-bottom:1px #FFF solid;
}
.tituloEquipoCorp2{
	width:95%;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	font-size:36px;
	float:left;
	margin:13px 0 0 33px;
	border-bottom:1px #FFF solid;
}
.equipoCasilla1{
	width:39%;
	height:35px;
	background:#736357;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	padding-top: 15px;
}
.equipoCasilla2{
	width:20%;
	height:35px;
	background:#736357;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	padding-top: 15px;
}
.equipoCasilla3{
	width:20%;
	height:35px;
	background:#736357;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	padding-top: 15px;
}
.equipoCasilla4{
	width:20%;
	height:35px;
	background:#736357;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	padding-top: 15px;
}
.textoEquipo{
	width: 200px;
	height:20px;
	float: left;
	margin-left: 20px;
}
.img2{
	width:23px;
	height:23px;
	float:right;
	padding-right: 10px;
}

.equipoPrincipal{
	width:100%;
	height:900px;
}
.indicadorEquipo{
	width:95%;
	height:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 40px;
}
.tituloCosteo{
	width:19.8%;
	height:35px;
	background:#736357;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	padding-top: 15px;
}
.tituloCosteo{
	width:19.8%;
	height:35px;
	background:#736357;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	padding-top: 15px;
}
.tituloCosteoInt{
	width: auto;
	height:20px;
	float: left;
	margin-left: 5px;
}
.costoVari{
	width:69.5%;
	height:35px;
	background:#736357;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	padding-top: 15px;
	margin-top: 10px;
}
.costoVari2{
	width:30%;
	height:35px;
	background:#736357;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	padding-top: 15px;
	margin-top: 10px;
}

/*costos fijos*/
.casillaCostos1{
	width: 69.6%;
	height:35px;
	background:#736357;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	padding-top: 15px;
}
.casillaCostos2{
	width: 29.8%;
	height:35px;
	background:#736357;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:#fff 1px solid;
	padding-top: 15px;
}
.indicadorSuperiorCostos{
	width:95%;
	height:80px;
	margin-top:63px;
	margin-left:auto;
	margin-right:auto;
}
/*costeo*/
.TotalCostoVari{
	width:69.5%;
	height:35px;
	background-color: black;
	float:right;
	margin-left:auto;
	margin-right:auto;

	padding-top: 15px;
}
.TotalCostoVariInt{
	width: auto;
	height:20px;
	float: left;
	margin-left: 20px;
}
.indicadorResul1{
	width: 29.4%;
	height:25px;
	float:right;
	padding-top:10px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:15px 0 0 5px;
}
.botonFooter {
	cursor:pointer;
}





/****************flujo de caja*********************************************************/
.flujoPrincipal{
	width:100%;
	height:1900px;
}
.conteInfFlujo{
	width:95%;
	height:1720px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}
.columnaFlujo{
	width:10%;
	height:auto;
	float:left;
	padding-right: 10px;
	padding-bottom: 5px;
}
.tituloFlujo{
	width:99%;
	height:30px;
	background-color:#756A65;
	border:rgba(255,255,255,1) 1px solid;
	margin-top:5px;
	margin-left:5px;
}
.textoTituloFlujo{
	height:20px;
	float: left;
	margin-top: 4px;
}
.imgTooltipFlujo{
	width:23px;
	height:23px;
	float:right;
	margin-top: 4px;
}
.casillaEditFlujo{
	width:91%;
	height:20px;
	border:rgba(255,255,255,1) 1px solid;
	margin-top:5px;
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	font-size:14px;
	overflow:hidden;
	padding:5px;
}
.casillaEditFlujoRes{
	width:99%;
	height:30px;
	border:rgba(255,255,255,1) 1px solid;
	margin-top:5px;
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	font-size:14px;
}
.casillaResulFlujo{
	width:91%;
	height:20px;
	background-color:#756A65;
	border:rgba(255,255,255,1) 1px solid;
	margin-top:5px;
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	font-size:14px;
	overflow:hidden;
	padding:5px;
}
.mesResulFlujo{
	width:88%;
	height:20px;
	background-color:#756A65;
	border:rgba(255,255,255,1) 1px solid;
	margin-top:5px;
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	font-size:14px;
	overflow:hidden;
	padding:5px;
}
.columnaMesFlujo{
	width:6.6%;
	height:auto;
	float:left;
	padding-right: 10px;
	padding-bottom: 5px;
}
.casillaMesFlujo{
	width:88%;
	height:20px;
	border:rgba(255,255,255,1) 1px solid;
	margin-top:5px;
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	font-size:14px;
	overflow:hidden;
	padding:5px;
}
/*********************** personal ***********************************/
.personalTitulo{
	width:100%;
	height:50px;
	float:left;
}
.personalPrincipal{
	width:100%;
	height:700px;
}
.conteInfPersonal{
	width:95%;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}
.columnaPersonal{
	width:100%;
	height:auto;
	float:left;
	padding-right: 10px;
	padding-bottom: 5px;
}
.tituloPersonal1{
	width:20%;
	height:30px;
	margin-top:5px;
	float:left;
	background-color:#756A65;
	border:rgba(255,255,255,1) 1px solid;
}
.tituloPersonalSup{
	width:20%;
	height:30px;
	margin-top:20px;
	float:left;
}
.casillaSalario{
	width: 26.7%;
	height:20px;
	margin-top:20px;
	float:left;
	border:rgba(255,255,255,1) 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	font-size:14px;
	overflow:hidden;
	padding:5px;
}
.tituloPersonal{
	width:8.7%;
	height:30px;
	margin-top:5px;
	float:left;
	background-color:#756A65;
	border:rgba(255,255,255,1) 1px solid;

}
.casillaEditPersonal1{
	width: 19.3%;
	height:20px;
	float:left;
	border:rgba(255,255,255,1) 1px solid;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	font-size:14px;
	overflow:hidden;
	padding:5px;
}
.casillaEditPersonal{
	width: 7.91%;
	height:20px;
	float:left;
	border:rgba(255,255,255,1) 1px solid;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,1);
	font-size:14px;
	overflow:hidden;
	padding:5px;
}
.textoTituloPers{
	height:20px;
	float: left;
}