<?php
include 'header.php';
require_once 'connect.php';
require_once 'inc/messages.php';
require_once 'inc/usuario.php';
?>

<body class=bg-img-num1>
	<div class=container> 
		<div class=row> 
			<!--div class=col-md-3 --> 
				<!--div class="block block-transparent"> 
					<div class=content> 
						<div class=knob> 
							<input type=text data-fgColor=#FFFFFF data-min=0 data-max=100 data-width=100 data-height=100 value="15"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#3F97FE data-min=0 data-max=100 data-width=100 data-height=100 value="30"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#25678B data-min=0 data-max=100 data-width=100 data-height=100 value="45"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#4F9B2B data-min=0 data-max=100 data-width=100 data-height=100 value="60"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#FF9806 data-min=0 data-max=100 data-width=100 data-height=100 value="75"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#A62D2D data-min=0 data-max=100 data-width=100 data-height=100 value="90"/> 
						</div> 
					</div> 
				</div--> 
				<!--div class="block block-transparent"> 
					<div class=content> 
						<div class=knob> 
							<input type=text data-fgColor=#FFFFFF data-min=0 data-max=100 data-width=100 data-height=100 value=15 data-cursor="true"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#3F97FE data-min=0 data-max=100 data-width=100 data-height=100 value=30 data-linecap="round"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#25678B data-min=0 data-max=100 data-width=100 data-height=100 value=45 data-angleOffset=-125 data-angleArc="250"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#4F9B2B data-min=0 data-max=100 data-width=100 data-height=100 value=60 data-displayPrevious=true data-thickness=.1 data-cursor="true"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#FF9806 data-min=0 data-max=100 data-width=100 data-height=100 value=75 data-cursor=true data-linecap=round data-thickness=".2"/> 
						</div> 
						<div class=knob> 
							<input type=text data-fgColor=#A62D2D data-min=0 data-max=100 data-width=100 data-height=100 value=90 data-displayPrevious=true data-thickness=.1 data-angleOffset=-125 data-angleArc="250"/> 
						</div> 
					</div> 
				</div--> 
				<!--div class="block block-transparent"> 
					<div class=content> 
						<div class=sparkline>
							<span sparkWidth=100 sparkHeight=50 sparkLineColor=#3f97fe sparkFillColor=false sparkSpotColor=#ffffff sparkMinSpotColor=#ffffff sparkMaxSpotColor=#ffffff sparkHighlightSpotColor=#005fbf sparkHighlightLineColor=#FFF sparkSpotRadius=3 sparkLineWidth=2>5,6,7,9,9,5,3,2,2,4,6,7</span> 
						</div> 
						<div class=sparkline> 
							<span sparkType=bar sparkWidth=100 sparkHeight=50 sparkBarColor=#25678B sparkNegBarColor=#A62D2D sparkBarWidth=10px>4:2,3:1,2:0,3:2,3:1,2:5,1:1,1:3,2:2,4:3</span> 
						</div> 
						<div class=sparkline> 
							<span sparkType=discrete sparkWidth=100 sparkHeight=50 sparkLineColor=#FFFFFF sparkLineHeight=15>4,6,7,7,4,3,2,1,4,4</span> 
						</div> 
						<div class=sparkline> 
							<span sparkType=pie sparkWidth=100 sparkHeight=100>4,6,7,7,4</span> 
						</div> 
						<div class=sparkline> 
							<span sparkType=bar sparkWidth=100 sparkHeight=100 sparkBarColor=#FF9806 sparkNegBarColor=#A62D2D sparkBarWidth=10px>4,3,2,3,0,-2,-1,1,2,4</span> 
						</div> 
						<div class=sparkline> 
							<span sparkType=discrete sparkWidth=100 sparkHeight=100 sparkLineColor=#FFFFFF sparkLineHeight=20 sparkThresholdColor=#A62D2D sparkThresholdValue=4>4,6,7,7,4,3,2,1,4,2</span> 
						</div> 
					</div> 
				</div--> 
			<!--/div--> 
			<div class=col-md-9> 
				<!--div class="block block-transparent"> 
					<div class=header> <h2>Line chart</h2></div> 
					<div class=content> 
						<div id=chart_line_1 style="width: 100%; height: 250px;"></div> 
					</div> 
				</div--> 
				<!--div class="block block-transparent"> 
					<div class=header><h2>Bar chart</h2></div> 
					<div class=content> 
						<div id=chart_bar_1 style="width: 100%; height: 250px;"></div> 
					</div> 
				</div--> 
				<!--div class="block block-transparent"> 
					<div class=header> <h2>Pie chart</h2></div> 
					<div class="content controls"> 
						<div class=form-row> 
							<div class=col-md-6> 
								<div id=chart_pie_1 style="width: 100%; height: 250px;"></div> 
							</div> 
							<div class=col-md-6> 
								<div id=chart_bar_2 style="width: 100%; height: 250px;"></div> 
							</div> 
						</div> 
					</div> 
				</div--> 
				<div class="block block-transparent"> 
					<div class=header> <h2>On/Off series</h2></div> 
					<div class="content controls"> 
						<div class=col-md-9> 
							<div id=chart_series_onoff style="height: 290px; width: 100%;"></div> 
						</div> 
						<div class=col-md-3> 
							<div class="block block-transparent">
								<div class="content controls" id=choices> 
									<div class=form-row> 
										<div class=col-md-12> 
											<div class=checkbox>
												<input type=checkbox name=usa id=idusa> USA 
											</div> 
										</div> 
									</div> 
									<div class=form-row> 
										<div class=col-md-12> 
											<div class=checkbox> 
												<input type=checkbox name=russia checked=checked id=idrussia> Russia 
											</div> 
										</div> 
									</div> 
									<div class=form-row> 
										<div class=col-md-12> 
											<div class=checkbox> 
												<input type=checkbox name=uk checked=checked id=iduk> UK 
											</div> 
										</div> 
									</div> 
									
								</div> 
							</div> 
						</div> 
					</div> 
				</div> 
			</div> 
		</div> 
	</div> 
</body> 

<?php include 'footer2.php';?>
<script type="text/javascript" src="js/acme.js"></script>

<script type=text/javascript src=js/js2.js></script> 
<script type=text/javascript src=js/plugins/flot/jquery.flot.js></script> 

<style>
#div_label{
  position: absolute;
  top:0px;
  height: 435px;
  width:  300px;
  overflow: auto; 
  overflow-y: hidden;
  background-color: #666666;
  scrollbar-base-color:#ffeaff
}
</style>
