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

body, ul, li {
    font-size:12px; 
    
    line-height:21px;
    text-align:left;
	
	
}

#imp2{
	position: absolute;
	left: 130px;
	top: 100px;
	z-index: 120;
	height: 5px;
	color:#F00;
	
	
}
input {
color:#F00;
}
 
/* Navigation Bar */
#fondo {
position:fixed;
left:0px;
top:0px;
z-index:1;
}
#confactura {
position:absolute;
left:250px;
top:80px;
z-index:1000;
}
#confacturatxt {
position:absolute;
left:260px;
top:86px;
z-index:10000;
color: #000;
}

#sinfactura {
position:absolute;
left:400px;
top:80px;
z-index:1000;
}
#graf1 {
position:absolute;
left:365px;
top:180px;
z-index:1000;
}

#graf2 {
position:absolute;
left:630px;
top:180px;
z-index:1000;
}
#graf3 {
position:absolute;
left:470px;
top:200px;
z-index:1000;
}
#graf4 {
position:absolute;
left:580px;
top:220px;
z-index:1000;
}
#graf5 {
position:absolute;
left:710px;
top:200px;
z-index:1000;
}
#graf6 {
position:absolute;
left:770px;
top:220px;
z-index:1000;
}
#graf12 {
position:absolute;
left:290px;
top:200px;
z-index:1000;
color:#039;
font-size:10px;
}

#graf22 {
position:absolute;
left:300px;
top:450px;
z-index:1000;
COLOR:#039;
font-size:10px;

}
#graf122 {
position:absolute;
left:260px;
top:438px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf123 {
position:absolute;
left:375px;
top:448px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 12px;
  
  width: 150px;
  position: absolute;
 
}
#graf124 {
position:absolute;
left:433px;
top:452px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf125 {
position:absolute;
left:295px;
top:435px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf126 {
position:absolute;
left:330px;
top:440px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf127 {
position:absolute;
left:502px;
top:448px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf128 {
position:absolute;
left:536px;
top:440px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf129 {
position:absolute;
left:606px;
top:425px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 13px;
  
  width: 100px;
  position: absolute;
 
}
#graf130 {
position:absolute;
left:641px;
top:455px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 13px;
  
  width: 100px;
  position: absolute;
 
}
#graf131 {
position:absolute;
left:706px;
top:426px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 13px;
  
  width: 100px;
  position: absolute;
 
}
#graf132 {
position:absolute;
left:741px;
top:455px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 13px;
  
  width: 100px;
  position: absolute;
 
}
#graf133 {
position:absolute;
left:809px;
top:451px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf134 {
position:absolute;
left:844px;
top:443px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf135 {
position:absolute;
left:912px;
top:448px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf136 {
position:absolute;
left:945px;
top:448px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf137 {
position:absolute;
left:1015px;
top:429px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf138 {
position:absolute;
left:1082px;
top:433px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf32 {
position:absolute;
left:580px;
top:220px;
z-index:1000;
}
#graf42 {
position:absolute;
left:680px;
top:220px;
z-index:1000;
}
#graf52 {
position:absolute;
left:280px;
top:100px;
z-index:1;
font-size:24px;
color:#009;
}
#graf53 {
position:absolute;
left:480px;
top:100px;
z-index:1;
font-size:18px;
color:#009;
}
#graf55 {
position:absolute;
left:800px;
top:100px;
z-index:1;
font-size:18px;
color:#009;
}
#pruebaxa23 {
position:absolute;
left:800px;
top:100px;
z-index:1;
font-size:18px;
color:#009;
}
#graf54 {
position:absolute;
left:280px;
top:130px;
z-index:1;
font-size:16px;
color:#009;
}


#tablagastos {
position:absolute;
left:700px;
top:220px;
z-index:1000;
}
#tablagastosporobra {
position:absolute;
left:780px;
top:220px;
z-index:1000;
}
#grafica {
position:absolute;
left:250px;
top:240px;
z-index:1;
}
#graficax7 {
position:absolute;
left:250px;
top:200px;
z-index:1;
}
#graficax5 {
position:absolute;
left:250px;
top:200px;
z-index:2;
}
#graficax2 {
position:absolute;
left:250px;
top:250px;
z-index:1;
}
#graficax6 {
position:absolute;
left:250px;
top:200px;
z-index:1;
}
#sinfacturatxt {
position:absolute;
left:414px;
top:86px;
z-index:10000;
color: #000;
}

#efectivo {
position:absolute;
left:250px;
top:80px;
z-index:1000;
}
#efectivotxt {
	width:100px;
position:absolute;
left:250px;
top:86px;
z-index:10000;
color: #000;
}

#inbursa {
position:absolute;
left:400px;
top:80px;
z-index:1000;
}
#inbursatxt {
	width:100px;
position:absolute;
left:400px;
top:86px;
z-index:10000;
color: #fff;

}

#banorte {
position:absolute;
left:900px;
top:80px;
z-index:1000;
}
#banortetxt {
	width:100px;
position:absolute;
left:900px;
top:86px;
z-index:10000;
color: #fff;
}

#tablaobras {
position:absolute;
left:0px;
top:100px;
z-index:1;
}

.cat123 {
position:absolute;
left:-20px;
top:420px;
z-index:1;
}

#graficosini {
position:absolute;
left:1000px;
top:120px;
z-index:100;
}
#pastel {
position:absolute;
left:1005px;
top:200px;
z-index:100;
}
#tablacatalogos {
position:fixed;
left:250px;
top:250px;
z-index:100;

}
#presvsgasto {
position:fixed;
left:350px;
top:300px;
z-index:100;

}
#tablapresvsgasto {
	width:300px;
position:fixed;
left:520px;
top:130px;
z-index:100;

}



#verde {
position:absolute;
left:350px;
top:400px;
z-index:1;
}
#rojo {
position:absolute;
left:800px;
top:400px;
z-index:1;
}

#verde1{
position:relative;
left:0px;
top:0px;
z-index:1;
}
#rojo1 {
position:relative;
left:20px;
top:0px;
z-index:01;
}
#verdet {
position:absolute;
left:400px;
top:420px;
z-index:10;
color:#fff;
}
#autorizartxt {
position:absolute;
left:490px;
top:250px;
z-index:10;
color:#000;
font-size:36px;
font-weight:bold;
}
#rojot {
position:absolute;
left:850px;
top:420px;
z-index:10;
color:#fff;
}

#titulo {
	width:200px;
position:absolute;
left:600px;
top:76px;
z-index:10;
background:#F60;
color:#fff;
font-weight:bold;




}	
#tituloegresos {
	width:200px;
position:absolute;
left:600px;
top:76px;
z-index:10;
background:#F60;
color:#fff;
font-weight:bold;




}
#tituloegresosz2 {
	width:200px;
position:absolute;
left:600px;
top:76px;
z-index:10;
background:#F60;
color:#fff;
font-weight:bold;




}	
#tfc {
	width:200px;
position:absolute;
left:700px;
top:176px;
z-index:10;
background:#F60;
color:#fff;
font-weight:bold;




}	


#autorizado {
	width: 300px;
	height: 30px;
	position: absolute;
	left: -100px;
	top: 100px;
	z-index: 10;
	background: #036;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: flex;
   justify-content: center;
   align-items: center;
	border: none;
	border-radius: 10px;
	outline: none;
	padding: 20px;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}	
#proyectoenviado {
	width: 600px;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 100px;
	z-index: 10;
	background: #036;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: flex;
   justify-content: center;
   align-items: center;
	border: none;
	border-radius: 10px;
	outline: none;
	padding: 20px;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}	

#continuar {
	width: 300px;
	height: 30px;
	position: absolute;
	left: 300px;
	top: 370px;
	z-index: 10;
	background: #093;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: flex;
   justify-content: center;
   align-items: center;
	border: none;
	border-radius: 10px;
	outline: none;
	padding: 20px;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border: solid 3px #98d4f3;	
}	

#continuar54 {
	width: 300px;
	height: 30px;
	position: absolute;
	left: 220px;
	top: 370px;
	z-index: 10;
	background: #093;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: flex;
   justify-content: center;
   align-items: center;
	border: none;
	border-radius: 10px;
	outline: none;
	padding: 20px;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border: solid 3px #98d4f3;	
}	

#continuar2b {
	width: 200px;
	height: 30px;
	position: relative;
	left: 500px;
	top: 150px;
	z-index: 10;
	background: #093;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius: 10px;
	outline: none;
	padding: 20px;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 3px #98d4f3;
}	

#continuar2 {
	width: 200px;
	height: 30px;
	position: relative;
	left: 50px;
	top: 50px;
	z-index: 10;
	background: #093;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius: 10px;
	outline: none;
	padding: 20px;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 3px #98d4f3;
}	

#continuar2c {
	width: 200px;
	height: 30px;
	position: relative;
	left: 300px;
	top: 150px;
	z-index: 10;
	background: #093;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius: 10px;
	outline: none;
	padding: 20px;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 3px #98d4f3;
}	

#autorizado22 {
	width: 300px;
	height: 30px;
	position: absolute;
	left: 220px;
	top: 100px;
	z-index: 10;
	background: #036;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: flex;
   justify-content: center;
   align-items: center;
	border: none;
	border-radius: 10px;
	outline: none;
	padding: 20px;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}	
#autorizado2 {
	width: 300px;
	height: 30px;
	position: absolute;
	left: 300px;
	top: 100px;
	z-index: 10;
	background: #036;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: flex;
   justify-content: center;
   align-items: center;
	border: none;
	border-radius: 10px;
	outline: none;
	padding: 20px;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}	

#crearempresa {
	width:200px;
position:absolute;
left:245px;
top:120px;
z-index:1;
color:#fff;
font-weight:bold;




}
#modifica {
	width:200px;
position:absolute;
left:245px;
top:120px;
z-index:1;
color:#f00;
font-weight:bold;




}
#crearempresatxt {
	width:200px;
position:absolute;
left:245px;
top:100px;
z-index:1;
color:#000;
font-weight:bold;




}	



#foto3 {
	width:200px;
position:absolute;
left:300px;
top:76px;
z-index:10;
background:#F60;
color:#fff;
font-weight:bold;




}	
#titulo2 {
	width:300px;
position:absolute;
left:170px;
top:176px;
z-index:10;
background:#F00;
color:#fff;
font-size:16px;
font-weight:bold;



}
#titulox3 {
	width:auto;
position:absolute;
left:800px;
top:496px;
z-index:10;

color:#000;
font-weight:bold;


opacity:0.8;

}
#titulo3 {
	width:100%;
position:absolute;
left:0px;
top:296px;
z-index:10;

color:#fff;
font-weight:bold;




}	

#foto {
position:absolute;
left:224px;
top:100px;
z-index:2;
width:900px;
height:900px;


}
#graficas {
position:absolute;
left:344px;
top:120px;
z-index:2;
width:900px;
height:900px;
font-weight:bold;


}	 
#menu {
	position:absolute;
	left:400px;
	top:30px;
    list-style:none;
    width:400px;
	font-size:24px;
    margin:30px auto 0px auto;
    height:43px;
    	 
    /* Rounded Corners */
     
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 
    /* Background color and gradients */
     
    
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009), to(#09c));
     
    /* Borders */
     
    border: 1px solid #002232;
 
    color:#FFF;
	z-index:10;
	padding-left:80px;
	text-align:center;
}
 
#menu li {
    float:left;
    text-align:center;
    position:relative;
    padding: px px px px;
    margin-right:30px;
    margin-top:7px;
    border:none;
	z-index:10;
	color:#FFF;
}
 
#menu li:hover {
    border: 1px solid #777777;
    padding: 0px 5px 0px 5px;
     
    /* Background color and gradients */
     
   
    
     
    /* Rounded corners */
     
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
	z-index:10;
}
 
#menu li a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:24px; 
   color:#FFF;
    display:block;
    outline:0;
    text-decoration:none;
    
	z-index:10;
}
 
#menu li:hover a {
	
    color:#fff;
    text-shadow: 1px 1px 1px #000;
	z-index:10;
}
#menu li .drop {
    padding-right:21px;
    background:url("img/drop.png") no-repeat right 8px;
	z-index:10;
}
#menu li:hover .drop {
    background:url("img/drop.png") no-repeat right 7px;
	z-index:10;
}
 
/* Drop Down */
 
.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:5px 5px 0px 5px;
    border:1px solid #777777;
    border-top:none;
     
    /* Gradient background */
    background:#F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
 
    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}
 
.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 340px;}
 
#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
    left:-1px;
    top:auto;
}
 
/* Columns */
 
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:330px;}
 
/* Right alignment */
 
#menu .menu_right {
    float:right;
    margin-right:0px;
}
#menu li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#menu li:hover .align_right {
    left:auto;
    right:-1px;
    top:auto;
}
 
/* Drop Down Content Stylings */
 
#menu p, #menu h2, #menu h3, #menu ul li {
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    font-size:12px;
    text-align:left;
    text-shadow: 1px 1px 1px #FFFFFF;
	z-index:100;
}
#menu h2 {
    font-size:21px;
    font-weight:400;
    letter-spacing:-1px;
    margin:7px 0 14px 0;
    padding-bottom:14px;
    border-bottom:1px solid #666666;
}
#menu h3 {
    font-size:14px;
    margin:7px 0 14px 0;
    padding-bottom:7px;
    border-bottom:1px solid #888888;
}
#menu p {
    line-height:18px;
    margin:0 0 10px 0;
}
 
#menu li:hover div a {
    font-size:12px;
    color:#015b86;
}
#menu li:hover div a:hover {
    color:#029feb;
}
.strong {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
.imgshadow {
    background:#FFFFFF;
    padding:4px;
    border:1px solid #777777;
    margin-top:5px;
    -moz-box-shadow:0px 0px 5px #666666;
    -webkit-box-shadow:0px 0px 5px #666666;
    box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
    width:auto;
    float:left;
    margin:5px 15px 5px 5px;
}
#menu li .black_box {
    background-color:#333333;
    color: #eeeeee;
    text-shadow: 1px 1px 1px #000;
    padding:4px 6px 4px 6px;
 
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
 
    /* Shadow */
    -webkit-box-shadow:inset 0 0 3px #000000;
    -moz-box-shadow:inset 0 0 3px #000000;
    box-shadow:inset 0 0 3px #000000;
}
#menu li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:130px;
}
#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}
#menu li .greybox li {
    background:#F4F4F4;
    border:1px solid #bbbbbb;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:116px;
 
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
    background:#ffffff;
    border:1px solid #aaaaaa;
    padding:4px 6px 4px 6px;
    margin:0px 0px 4px 0px;
}

#ingreso {
   
	left: 435px;
	top: 100px;
	z-index:100;
	position:absolute;
	
	
}
#nombre {
   
	left: 685px;
	top: 42px;
	z-index:100;
	position:absolute;
	color:#FFF;
	font-size:16px;
	
}

#salir {
   
	left: 785px;
	top: 28px;
	z-index:100;
	position:absolute;
	color:#000;
	font-size:16px;
	
}
#tabla{
	
	position: absolute;
	left: -250px;
	top:100px;
	z-index:1;
	
	
}
#datos{
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;	
	font-size:24px;
	alignment-adjust:middle;
	padding-bottom:10px;
	
	
}
#datos3{
	position: relative;
	left: 150px;
	top: 0px;
	z-index: 1;	
	font-size:20px;
	alignment-adjust:middle;
	padding-bottom:10px;
	color:#F00;
	
	
}
#datos4{
	position: relative;
	left: 170px;
	top: -22px;
	z-index: 1;
	font-size: 20px;
	padding-bottom: 10px;
	color: #F00;
	text-align: justify;	
	
	
}
#datos5{
	position: relative;
	left: 170px;
	top: -22px;
	z-index: 1;
	font-size: 20px;
	padding-bottom: 10px;
	color: #000;
	text-align: justify;	
	
	
}
#tablapto{
	position: absolute;
	left: -201px;
	top: 192px;
	z-index: 1;
	height: 2000px;
	font-size:22px;
	
	
}
#tablapto2{
	
	position: absolute;
	left: -190px;
	top:370px;
	z-index:100;
	font-size:10px;
	height: 2000px;
	
	
}
#tablapto3{
	
	position: absolute;
	left: -250px;
	top:150px;
	z-index:1;
	font-size:12px;
	
	
}
#tablapto4{
	
	position: absolute;
	left: 270px;
	top:150px;
	z-index:100;
	font-size:16px;
}
#tablapto49{
	
	position: absolute;
	left: -50px;
	top:150px;
	z-index:100;
	font-size:16px;
	color:#000;
}
#tablanom11{
	
	position: relative;
	left: 270px;
	top:200px;
	z-index:100;
	font-size:12px;
}


#tablamat{
	
	position: absolute;
	left: -150px;
	top:100px;
	z-index:1;
	
	
}
#tablaest{
	
	position: absolute;
	left: -150px;
	top:150px;
	z-index:1;
	
	
}
#tablanomrepsem{
	
	position: absolute;
	left: -240px;
	top:150px;
	z-index:1;
	
	
}
#tablamenu{
	position: absolute;
	left: 47px;
	top: -90px;
	z-index: 10;
	height: auto;
	
	
}
#tablapre{
	
	position: absolute;
	left: -180px;
	top:100px;
	z-index:1;
}
#tablanom{
	
	position: absolute;
	left: -180px;
	top:100px;
	z-index:1;
}
#mo5{
	
	color:#000;
	z-index:1;
}
#tablaaut{
	
	position: absolute;
	left: -60px;
	top:300px;
	z-index:1;
	
	
}
#tablacat{
	
	position: absolute;
	left: -50px;
	top:100px;
	z-index:1;
	
	
}
#tablaegr2{
	
	position: absolute;
	left: -100px;
	top:130px;
	z-index:1;
	
	
}
#tablaegr3{
	
	position: absolute;
	left: -150px;
	top:150px;
	z-index:1;
	
	
}
#tablaof{
	
	position: absolute;
	left: -220px;
	top:150px;
	z-index:1;
	
	
}
#tablaimp{
	
	position: absolute;
	left: -220px;
	top:130px;
	z-index:1;
	
	
}

#azul2{
	position: absolute;
	left: 298px;
	top: 100px;
	z-index: 1000;
	font-size: 14px;
	width: 130px;
	 
	
	
}
#azul5{
	position: absolute;
	left: 600px;
	top: 100px;
	z-index: 1000;
	font-size: 14px;
	width: 130px;
	 
	
	
}
#tablaobra{
	
	position: absolute;
	left: -230px;
	top:150px;
	z-index:1;
	
	
}
#tablaresumen{
	position: absolute;
	left: 0px;
	top: 118px;
	z-index: 1;
	font-size: 12px;
	
	
	
}
#tablaresumenx1{
	position: absolute;
	left: 0px;
	top: 118px;
	z-index: 1;
	font-size: 12px;
	
	
	
}
#tablaresumenx2{
	position: absolute;
	left: 0px;
	top: 170px;
	z-index: 1;
	font-size: 12px;
	
	
	
}

#tablaresumenlista1{
	position: absolute;
	left: 202px;
	top: 118px;
	z-index: 1;
	font-size: 12px;
	
	
	
}

#tablaxyz{
	
	position: absolute;
	left: 200px;
	top:120px;
	z-index:1;
	font-size:12px;
	
	
	
}

#tablaxyz:hover{
	
	position: absolute;
	left: 200px;
	top:120px;
	z-index:1;
	font-size:12px;
	
	
	
}
#tablarepegresosx3{
	
	position: absolute;
	left: 200px;
	top:190px;
	z-index:1;
	
	
	
}
#tablarepegresos{
	
	position: absolute;
	left: 20px;
	top:150px;
	z-index:1;
	font-size:16px;
	
	
}

#tablasaldox4{
	
	position: absolute;
	left: 600px;
	top:75px;
	z-index:1;
	
	
	
}
#prueba1{
	
	position: absolute;
	left: 600px;
	top:575px;
	z-index:1;
	
	
	
}
#tablasaldo{
	
	position: absolute;
	left: 650px;
	top:75px;
	z-index:1;
	
	
	
}
#fechas{
	
	position: absolute;
	width:250px;
	left: -300px;
	top:50px;
	z-index:1;
	color:#f00;
	
	
	
}
#tablarepegresos2{
	
	position: absolute;
	left: 200px;
	top:220px;
	z-index:1;
	font-size:16px;
	
	
	
}
#tablarepegresos3{
	
	position: absolute;
	left: 200px;
	top:320px;
	z-index:1;
	
	
	
}
#tablarepegresos4{
	
	position: absolute;
	left: 200px;
	top:420px;
	z-index:1;
	
	
	
}

.white{
	
	color:#fff;
	font-size:18px;
	
	
	
}
.black{
	
	color:#000;
	font-size:18px;
	
	
	
}
.red{
	
	color:#f00;
	font-size:14px;
	
	
	
}
.white2{
	
	color:#fff;
	font-size:18px;
	
	
	
}
#tablagral{
	
	position: absolute;
	left: 170px;
	top:-30px;
	z-index:1;
	font-weight:bold;
	
	
}
#tablaene{
	
	position: absolute;
	left: 30px;
	top:150px;
	z-index:1;
	font-weight:bold;
	
	
}
#tablafeb{
	
	position: absolute;
	left: 280px;
	top:150px;
	z-index:1;
	font-weight:bold;
	
}
#tablamar{
	
	position: absolute;
	left: 530px;
	top:150px;
	z-index:1;
	font-weight:bold;
	
}
#tablaabr{
	
	position: absolute;
	left: 30px;
	top:300px;
	z-index:1;
	
	font-weight:bold;
}
#tablamay{
	
	position: absolute;
	left: 280px;
	top:300px;
	z-index:1;
	font-weight:bold;
	
}
#tablajun{
	
	position: absolute;
	left: 530px;
	top:300px;
	z-index:1;
	font-weight:bold;
	
}
#tablajul{
	
	position: absolute;
	left: 30px;
	top:450px;
	z-index:1;
	
	font-weight:bold;
}
#tablaago{
	
	position: absolute;
	left: 280px;
	top:450px;
	z-index:1;
	font-weight:bold;
	
}
#tablasep{
	
	position: absolute;
	left: 530px;
	top:450px;
	z-index:1;
	font-weight:bold;
	
}
#tablaoct{
	
	position: absolute;
	left: 30px;
	top:600px;
	z-index:1;
	font-weight:bold;
	
}
#tablanov{
	
	position: absolute;
	left: 280px;
	top:600px;
	z-index:1;
	font-weight:bold;
	
}
#tabladic{
	
	position: absolute;
	left: 530px;
	top:600px;
	z-index:1;
	font-weight:bold;
	
}
#tablat{
	
	position: absolute;
	left: 780px;
	top:150px;
	z-index:1;
	font-weight:bold;
	
}
#tablaini{
	
	position: absolute;
	left: -50px;
	top:100px;
	z-index:1;
	
	
}
#tablavia{
	
	position: absolute;
	left: -110px;
	top:150px;
	z-index:1;
	
	
}
@import url(https://fonts.googleapis.com/css?family=Sniglet|Raleway:900);


body, html{
	height: 100%;
	padding: 0;
	margin: 0;
	
}
h1{
	font-weight: normal;
	font-size: 4em;
	
	margin: 0 auto;
	margin-top: 30px;
	width: 500px;
	color: #F90;
	text-align: center;

}

/* Animation webkit */
@-webkit-keyframes myfirst
{
	0% {margin-left: -235px}
	90% {margin-left: 100%;}
	100% {margin-left: 100%;}
}

/* Animation */
@keyframes myfirst
{
	0% {margin-left: -235px}
	70% {margin-left: 100%;}
	100% {margin-left: 100%;}
}

.fish{
	background-image: url('http://www.geertjanhendriks.nl/codepen/form/fish.png');
	width: 235px;
	height: 104px;
	margin-left: -235px;
	position: absolute;	
	animation: myfirst 24s;
	-webkit-animation: myfirst 24s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

#fish{
	top: 120px;
}

#fish2{
	top: 260px;
	animation-delay: 12s;
	-webkit-animation-delay: 12s;
}


header{
	height: 160px;
	background: url('http://www.geertjanhendriks.nl/codepen/form/golf.png') repeat-x bottom;
}
#texto1{
	left:0px;
	position: relative;
	
	
}
#form{
	height: 3100px;	
	width:1366px;
	background-color: #BADBF3;
	overflow: hidden;
	position: relative;
	left:0px;
	
	
	
}
form{
	margin: 0 auto;
	width: 500px;
	padding-top: 80px;
	color: white;
	position: relative;
	
	
}
label, input, textarea{
	display: block;	
}
input, textarea{
	width: 200px;	
	height: 20px;
	border: none;
	border-radius: 10px;
	outline: none;
	padding: 10px;
	font-size: 1em;
	color: #676767;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	border: solid 3px #98d4f3;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
}
input:focus, textarea:focus{
	border: solid 3px #77bde0;	
}

textarea{
	height: 50px;	
	resize: none; 
	overflow: auto;
}
input[type="submit"]{
	background-color: #093;
	color: white;
	height: 50px;
	cursor: pointer;
	margin-top: 30px;
	font-size: 1.29em;
	
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
input[type="submit"]:hover{
	background-color: #f00;
	
}

input[type="file"]{
	background-color: #C60;
	color: white;
	height: 53px;
	cursor: pointer;
	margin-top: 25px;
	font-size: 1.29em;
	
	
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
input[type="file"]:hover{
	background-color: #036;
	
}


#boton{
	background-color: #F00;
	color: white;
	height: 50px;
	cursor: pointer;
	margin-top: 30px;
	font-size: 1.29em;
	
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
#boton:hover{
	background-color: #C30;
	
}
label{
	font-size: 1.2em;
	margin-top: 20px;
	padding-left: 0px;
	
}


.formgroup{
	background-image: url('http://www.geertjanhendriks.nl/codepen/form/pixel.gif');	
}

.formgroup-error{
	background-image: url('http://www.geertjanhendriks.nl/codepen/form/octo-error.png');
	color: red;
}

#cssmenu li {
  font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index:100;
  font-size:14px;
  width:300px;
}
#cssmenu a {
  background: #036;
  
  color: #ccc;
  display: block;
  margin: 10;
  padding: 8px 22px ;
  text-decoration: none;
  font-weight: normal;
  z-index:100;
  
 
}
#cssmenu a:hover {
  background: #2580a2 url("images/hover.gif") left center no-repeat;
  color: #fff;
  padding-bottom: 8px;
  z-index:100;
}


#cssmenu2 li {
  font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index:100;
  font-size:14px;
  width:300px;
}
#cssmenu2 a {
  background: #036;
  border-bottom: 1px solid #393939;
  color: #ccc;
  display: block;
  margin: 10;
  padding: 8px 22px ;
  text-decoration: none;
  font-weight: normal;
  z-index:100;
 
  
}
#cssmenu2 a:hover {
  background: #2580a2 url("images/hover.gif") left center no-repeat;
  color: #fff;
  padding-bottom: 8px;
  z-index:100;
}
a {
  text-decoration: none;
  text-decoration-color: red;
}

.select-css {
 display: block;
 font-size: 16px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 400px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
 display: none;
}
.select-css:hover {
 border-color: #888;
}
.select-css:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
.select-css option {
 font-weight:normal;
}

.select-css2 {
 display: block;
 font-size: 16px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 200px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
.select-css2::-ms-expand {
 display: none;
}
.select-css2:hover {
 border-color: #888;
}
.select-css2:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
.select-css2 option {
 font-weight:normal;
}


.select-css3 {
 display: block;
 font-size: 16px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 height:30px;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 200px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
.select-css3::-ms-expand {
 display: none;
}
.select-css3:hover {
 border-color: #888;
}
.select-css3:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
.select-css3 option {
 font-weight:normal;
}

.select-css4 {
 display: block;
 font-size: 14px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 height:30px;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 700px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
.select-css4::-ms-expand {
 display: none;
}
.select-css4:hover {
 border-color: #888;
}
.select-css4:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
.select-css4 option {
 font-weight:normal;
}

.select-css5 {
 display: block;
 font-size: 14px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 height:30px;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 100px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
.select-css5::-ms-expand {
 display: none;
}
.select-css5:hover {
 border-color: #888;
}
.select-css5:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
.select-css5 option {
 font-weight:normal;
}

.select-css6 {
 display: block;
 font-size: 14px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 height:30px;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 200px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
.select-css6::-ms-expand {
 display: none;
}
.select-css6:hover {
 border-color: #888;
}
.select-css6:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
.select-css6 option {
 font-weight:normal;
}
.a {
 color:#fff;
}

.select-css7 {
 display: block;
 font-size: 14px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 height:30px;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 500px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
.select-css7::-ms-expand {
 display: none;
}
.select-css7:hover {
 border-color: #888;
}
.select-css7:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
.select-css7 option {
 font-weight:normal;
}
.a {
 color:#fff;
}



.select-css9 {
 display: block;
 font-size: 14px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 height:30px;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 300px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
.select-css9::-ms-expand {
 display: none;
}
.select-css9:hover {
 border-color: #888;
}
.select-css9:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
.select-css9 option {
 font-weight:normal;
}
.a {
 color:#fff;
}
#graf222 {
position:absolute;
left:-320px;
top:345px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf223 {
position:absolute;
left:-281px;
top:360px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 150px;
  position: absolute;
 
}
#graf224 {
position:absolute;
left:-193px;
top:360px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf225 {
position:absolute;
left:-129px;
top:350px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf226 {
position:absolute;
left:-65px;
top:360px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf322 {
position:absolute;
left:270px;
top:433px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf323 {
position:absolute;
left:294px;
top:446px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 150px;
  position: absolute;
 
}
#graf324 {
position:absolute;
left:375px;
top:450px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf325 {
position:absolute;
left:422px;
top:438px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf326 {
position:absolute;
left:473px;
top:445px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf327 {
position:absolute;
left:523px;
top:437px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf328 {
position:absolute;
left:573px;
top:425px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf329 {
position:absolute;
left:625px;
top:420px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf330 {
position:absolute;
left:675px;
top:425px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf331 {
position:absolute;
left:727px;
top:420px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf332 {
position:absolute;
left:775px;
top:450px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf333 {
position:absolute;
left:825px;
top:440px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf334 {
position:absolute;
left:875px;
top:425px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf335 {
position:absolute;
left:925px;
top:447px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}

#acua {
	position:absolute;
left:250px;
top:420px;
z-index:1;

	}
	
#obran {
	position:absolute;
left:1150px;
top:200px;
z-index:100;

	}	

#graf0122 {
position:absolute;
left:260px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0123 {
position:absolute;
left:375px;
top:145px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 150px;
  position: absolute;
 
}
#graf0124 {
position:absolute;
left:433px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0125 {
position:absolute;
left:295px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0126 {
position:absolute;
left:330px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0127 {
position:absolute;
left:502px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}

#graf0128 {
position:absolute;
left:536px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0129 {
position:absolute;
left:606px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0130 {
position:absolute;
left:641px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0131 {
position:absolute;
left:706px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0132 {
position:absolute;
left:741px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0133 {
position:absolute;
left:809px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0134 {
position:absolute;
left:844px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0135 {
position:absolute;
left:912px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0136 {
position:absolute;
left:945px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#graf0137 {
position:absolute;
left:1015px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}

#graf0138 {
position:absolute;
left:1082px;
top:170px;
z-index:1000;
COLOR:#039;
font-size:10px;
 -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#porciento123 {
position:absolute;
left:450px;
top:153px;
z-index:1000;
COLOR:#f00;
font-size:10px;
 -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#porciento127 {
position:absolute;
left:553px;
top:153px;
z-index:1000;
COLOR:#f00;
font-size:10px;
 -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}
#porciento138 {
position:absolute;
left:1110px;
top:153px;
z-index:1000;
COLOR:#f00;
font-size:10px;
 -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}	

#porciento129 {
position:absolute;
left:655px;
top:153px;
z-index:1000;
COLOR:#f00;
font-size:10px;
 -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}	
#porciento131 {
position:absolute;
left:755px;
top:153px;
z-index:1000;
COLOR:#f00;
font-size:10px;
 -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}	
#porciento133 {
position:absolute;
left:857px;
top:153px;
z-index:1000;
COLOR:#f00;
font-size:10px;
 -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}	
#porciento135 {
position:absolute;
left:959px;
top:153px;
z-index:1000;
COLOR:#f00;
font-size:10px;
 -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}	
#porciento140 {
position:absolute;
left:259px;
top:153px;
z-index:1000;
COLOR:#f00;
font-size:10px;
 -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 14px;
  
  width: 100px;
  position: absolute;
 
}