body,h1,h2,h3,h4,h5 {
		font-family:"Lao UI","Spartan","Muli","Verdana","Calibri", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	body{width:98%;margin:auto;min-width:600px;max-width:2000px}
	html {height:100%;}
	body {font-size:1em;padding:6px;}
	h1 {font-size:2vw;color:rgb(100,150,250); padding:0 5px 0 10px;}
	h2 {font-size:1.4vw;color:orange; padding:1%;}
	h3 {font-size: 1.1vw;color:orange;}
	h4 {font-size:1vw;font-weight:normal;color:white;margin-bottom:1px;text-align:justify;}
	h5 {font-size:1.1vw;padding:1%;color:rgb(200,255,255);font-weight:normal;}
	 ::-webkit-scrollbar {
	  width: 5px;
	  height: 5px;
	  -webkit-border-radius: 8px;
	}

	::-webkit-scrollbar-track-piece {
	  background-color: #ffffff;
	  -webkit-border-radius: 3px;
	}

	::-webkit-scrollbar-thumb:vertical {
	  height: 5px;
	  background-color: #666;
	  -webkit-border-radius: 3px;
	}

	::-webkit-scrollbar-thumb:horizontal {
	  width: 5px;
	  background-color: #666;
	  -webkit-border-radius: 3px;
	}  
	p{	padding:1%;
		color:rgb(210,210,210);
		text-align:justify;
		font-size:1.2vw;
		line-height:1.4;
		text-decoration:none;}  
		
	.Area{
		height:100%;
		width:100%;
		margin:2%;
		text-decoration:none;
		}
	.apoio{
		padding:1%;
		float:left;
		width:35%;
		margin-top:1%;
		margin-left:1%;	
		height:75%;
		table-layout:fixed;		
	}	
	.aviso {
		margin-top:10%;
		margin-left:10%;
		background-color:rgba(46,74,98,.9);
		width:70%;
		height:50%;
		z-index:5;
		position:fixed;
		border: 2px solid grey;
		padding:2%;
		text-align:justify;}
	.aviso button {
		height:10%;
		margin-top:15%;
		width:96%;
		margin-left:2%;
		font-size:1.1vw;
		color:white;
		background-color:rgb(80,100,120);
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 5px 12px 0 rgba(0,0,0,0.15);
		padding:0;
		border: none;
		display: inline-block;
		position:relative;}
	.aviso button:hover {
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    	background-color:rgb(110,130,150);
		border:solid;
		border-color:white;
		border-width:3px;
		border-radius: 5px;
		color:white;
	}
	
	.but {
		height:10%;
		margin-top:2%;
		float:top;
		width:96%;
		margin-left:2%;
		font-size:1.1vw;
		display:flex;
		flex-direction:row;
		align-content: left;
		background-color:rgb(80,100,120);
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 5px 12px 0 rgba(0,0,0,0.15);
		padding:0;
		border: none;
		display: inline-block;
	}
	.but button {
		height:50%;
		width:11.5%;
		margin-left:.1%;
		background-color:rgb(90,110,130);
		color:rgb(255, 214, 98);
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 5px 12px 0 rgba(0,0,0,0.15);
		border:none;
		border-right: 1px solid black;
		text-align: left;
		cursor: pointer;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		padding-left:.2%;
		display: inline-block;
		font-size:1.1vw;
		margin-top:2.8%;
	}
	.but button:nth-of-type(1) {
		float:right;
		height:40%;
		width:9%;
		background-color:rgb(245,0,0);
		color:white;
		font-weight:bold;
		margin-bottom:0;
	}
	.but button:nth-of-type(2) {
		float:right;
		height:40%;
		width:9%;
		background-color:rgb(255,100,100);
		color:white;
		font-weight:bold;
		margin-bottom:0;
	}
	.but button:nth-of-type(3) {
		float:right;
		height:40%;
/*		background-color:rgb(0,255,255);*/
		color:white;
		font-weight:bold;
		width:9%;
	}	
	.but button:hover {
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    	background-color:rgb(110,130,150);
		border:solid;
		border-color:white;
		border-width:3px;
		border-radius: 5px;
		color:white;
	}	
	
	.cabc {
		position:fixed;
		border:none;
		border-bottom:1px solid orange;
		background-color:rgb(45,85,125);
		top:2.7%;
		align-content: center;
		justify-content: center;	
		width:16%;		
/*		grid-template-columns: 2% 21% 8% 8% 8% 8% 8% 8% 8% 8% 8%;grid-column-gap:.4%;*/
	}
	.cabc div {
		background-color:rgb(146, 182, 213);
		text-align:center;
		font-size:.8vw;
		align-content: center;
		border-left:1px solid black;
		border-top:5px solid rgb(0,105,255);
	}
	.cabc div:nth-of-type(1){
		color:white;
		font-size:1vw;
		border:none;
		background-color:rgb(45,85,125);
		text-align:left;
	}
	.cabc div:nth-of-type(2){
		border:none;
		background-color:rgb(45,85,125);
		color:white;
		font-size:1vw;
		padding-bottom:0%;
		height:5%;
	}	
	.cabc div:nth-of-type(3){
		color:rgb(155, 27, 48);
		background-color:rgb(166,202,213);
		border-top:5px solid green;
	}
	.cabc div:nth-of-type(4){
		color:rgb(155, 27, 48);
		background-color:rgb(166,202,213);
		border-top:5px solid green;
	}
	.cabc div:nth-of-type(5){
		color:rgb(155, 27, 48);
		background-color:rgb(166,202,255);
		border-top:5px solid green;
	}	
	.cabc div:nth-of-type(6){
		background-color:rgb(166,202,255);
	}
	.capare {display:none;}	
	
	.cablan {
		font-size:1vw;
		width:15%;
		height:5%;
		margin-top:1%;
		margin-left:30%;
		color:rgb(173,255,47);
/*		border:solid 1px grey;*/
		padding-left:1%;
		display:block;
	}

	/* Add media queries for smaller screens */
	@media screen and (max-width:720px) {
	  .caldiasem li, .caldias li {width: 13.1%;}
	}

	@media screen and (max-width: 420px) {
	  .caldiasem li, .caldias li {width: 12.5%;}
	  .caldias li .active {padding: 2px;}
	}

	@media screen and (max-width: 290px) {
	  .caldiasem li, .days li {width: 12.2%;}
	}

	.calEv {
		left:2%;
		margin-top:2%;
		font-size:2vw;
		position:absolute;
		cursor:pointer;
		z-index:4;
		width:45%;
/*		border: solid 1px lime;*/
		background-color:rgba(46,74,98,.9);
	}
	
	.cal {
		right:62%;
/*		padding:1%;*/
		top:38%;
		font-size:1.3vw;
		position:absolute;
		cursor:pointer;
		z-index:4;
		width:30%;
		border: solid 2px white;
		background-color:rgba(46,74,98,.9);
		display:none;
	}
	.calmes {
		height:20%;
		width: 96%;
		background: #1abc9c;
		background:rgb(66,94,118);
/*		background:rgb(166,194,218);
*/		padding:2%;
		text-align: center;
		color:orange;
	}

	.calmes ul {
	  margin: 0;
	  padding: 0;
	}

	.calmes ul li {
	  color: white;
	  font-size: 1vw;
	  text-transform: uppercase;
	  letter-spacing: 1%;
	}

	.calmes .prev {
	  float: left;
	  padding-top: 4%;
	}

	.calmes .next {
	  float: right;
	  padding-top: 4%;
	}

	.Caldsem {
	  margin: 3%;
	  padding: 4% 0;
	  background-color: #ddd;
	  font-size:1.2vw;
	}

	.Caldsem li {
	  display: inline-block;
	  width: 12.8%;
	  color: #666;
	  text-align: center;
	  font-size:1.2vw;
	}
	.caldias {
	  padding: 1% 0;
	  background:rgba(46,74,98,.9);
/*	  background: #eee;*/
	  margin: 3%;
	}

	.caldias li {
	  list-style-type: none;
	  display: inline-block;
	  width: 12%;
	  text-align: center;
	  margin-bottom: 5px;
	  font-size:.8vw;
	  color: rgb(180,180,180);
	}

	.caldias li:hover {
	  color: white !important
	}
	
	.caldias li .active {
	  padding: 5px;
	  background: #1abc9c;
	  color: white !important
	}	
	
	
	.Campos{
		height:70%;
		width:40%;
/*		border-radius: 1%;
		border-width: 1px 1px 1px 2px;
		border-style:solid;
		border-color:grey;
		background-color:cornflowerblue;
		background-color:grey;
*/		background-image:linear-gradient(to bottom right, rgb(35,130,125),rgb(65,160,175),rgb(105,190,225));
/*		background-image:linear-gradient(to bottom right, rgb(45,110,155),rgb(65,130,175),rgb(105,170,225));
		background-image:linear-gradient(to bottom right, rgb(255,255,0),rgb(165,230,25),rgb(135,170,25));
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 15px 22px 0 rgba(0,0,0,0.15);*/
		box-shadow: 0 15px 30px 0 rgba(255,255,255,0.2), 0 15px 22px 0 rgba(255,255,255,0.15);
		padding:2%;
		text-align:justify;
		z-index:-1}	
	.cmd {
		background-color: rgb(25,90,135); 
		width:25%;
		height:60px;
		border: none;
		color: white;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 1vw;
		margin-top:-2%;
		cursor: pointer;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		float:right;}
	.cmd {
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 5px 12px 0 rgba(0,0,0,0.15);}
	.cmd:hover {
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		background-color:red;}		
	.corp {		
		align-content: right;
		justify-content: right;
		width:76.5%;	
	}
	.corp1 {		
		align-content: right;
		justify-content: right;
		width:76.5%;	
	}	
	.corp1 div:nth-of-type(2){ 
		width:19%;
		flex-basis:19%;		
	}	
	.corp1 hr {
		height:1px;
		border-width:0;
		color:gray;
		background-color:gray;
	}		
	#cabt {
		margin-left:26%;
		font-size:1vw;
		color:rgb(243, 224, 190);
		float:left;
		position:fixed;
		top:0;
		background-color:rgb(45,85,125);
	}
	#dias input:{font-weight:bold;}
	.dicas {
		margin:10%;
		background-color:rgba(26,54,78,.8);
		width:60%;
		height:40%;
		z-index:3;
		position:fixed;
		border: 2px solid grey;
	}	
	.dicas p{
		margin-left:2%;
		width:40%;
		color:white;}
	.dicastex {
		right:91%;
		padding:1%;
		top:8%;
		color:orange;
		font-size:1.3vw;
		position:absolute;
		cursor:pointer;
		z-index:4;
	}
	.dicastex:hover {
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		background-color:rgba(26,54,78,.9);
		color:white;
		height:55%;
		width:60%;
		display:block;
		left:5%;}
	.dicastex1:hover {height:48%;width:65%;top:13%;left:5%}	

	.dicastex h5{
		margin-left:2%;
		width:90%;
		color:white;
		text-align:justify;
		font-size:1.1vw;
		display:none;}
	.esclan {
		width:20%;
		margin-left:67%;
		float:left;
		font-size:0.9vw;
		margin-top:1%;
		height:5%;
		color:rgb(0,255,255);
		position:fixed;
		z-index:2;
		border:none;
		text-align:center;
	}
	.esclanCC {
		width:20%;
		margin-left:2%;
		float:left;
		font-size:0.9vw;
		margin-top:1%;
		height:45%;
		color:rgb(255,255,255);
		position:fixed;
		z-index:2;
		border:none;
		text-align:center;
	}	
	.escfin {
		width:30%;
		margin-left:3%;
		float:left;
		font-size:.9vw;
		margin-top:4%;
		height:5%;
		color:rgb(0,255,255);
		position:fixed;
		z-index:2;
		border:none;
		text-align:center;
	}	
	.esctip {
		height:20%;
		width:60%;
		color:rgb(73,155,155);
		color:rgb(53,135,127);
		background-color:rgb(45,85,125);
		font-size:.9vw;
		font-weight:bold;
		cursor:pointer;
		border:solid grey 1px;
		margin-left:4%;
		margin-top:5%;
	}
	.esctip:nth-of-type(1) {
		border:solid grey 2px;
		color:rgb(173,255,47);
		top:1%;
	}
	
	.esctip:hover {
		color:yellow;
	}
	.expa {
		height:20px;
		transform:rotate(90deg);
		width:25px;
		background-color: rgb(15,55,95);
		border: none;
		float:right;
		display: inline-block;
		cursor: pointer;
		margin-left:90%;
		margin-top:-7%;
	}
	#fale {
		border:solid 1px grey;
		height:70%;
		width:70%;
		margin-left:15%;
		margin-top:5%;
		background-color:rgb(46,74,98);
	}
	
	#faletex {
		float:left;
		clear:left;
		margin:2%;
		padding:2%;
		background-color:rgb(46,74,98);
		color:white;border:none;
		overflow:hidden;
		width:90%;
		height:78%;
	}
	#falelab {
		background-color:rgb(46,74,98);
		color:orange;
	}	
	
	.fluval {
		width:96%;
		height:80%;
		overflow:auto;		
		top:1%;
		float:top;
		margin-left:2%;
		color:white;
		text-align:right;
		font-size:.9vw;
/*		border:solid 2px black;
		border-radius: 25px;*/
		padding:2%;
		padding-top:2.2%;
		float:left;
/*		z-index:1;*/
		background-color:rgb(56,84,108);
	}	
	.fluval th {
		padding-top:10px;
		padding-bottom:5px;
		border:none;
		align-content: center;
		justify-content: center;
		margin-bottom:25%;
		margin-top:3%;
		height:5%;
		background-color:rgb(66,94,118);
/*		background-color:rgb(146, 182, 213);*/		
		text-align:center;
		font-size:1.1vw;
		border-left:1px solid black;
		border-bottom:1px solid rgb(0,105,255);
		width:10%;
		border-left:1px solid rgb(45,85,125);
		color:rgb(204, 255, 255);
	}
	.fluval th:nth-of-type(1){
		color:white;
		font-size:1vw;
		border:none;
		background-color:rgb(56,84,108);
		text-align:left;
		width:24%;
	}
	.fluval th:nth-of-type(2){
		color:rgb(255, 227, 148);
	}
	.fluval th:nth-of-type(3){
		color:rgb(255, 227, 148);
	}
	.fluval th:nth-of-type(4){
		color:rgb(255, 227, 148);
		background-color:rgb(86,114,138);
		width:13%;
		align-items:top;
	}	
	.fluval th:nth-of-type(5){
		background-color:rgb(86,114,138);
		width:13%;	
	}
	.flubal {
		width:80%;
		height:80%;
		overflow:auto;		
		top:1%;
		float:top;
		margin-left:10%;
		color:white;
		text-align:right;
		font-size:.9vw;
/*		border:solid 2px black;
		border-radius: 25px;*/
		padding:2%;
		padding-top:2.2%;
		float:left;
/*		z-index:1;*/
		background-color:rgb(56,84,108);
	}	
	.flubal th {
		padding-top:10px;
		padding-bottom:5px;
		border:none;
		align-content: center;
		justify-content: center;
		margin-bottom:25%;
		margin-top:3%;
		height:5%;
		background-color:rgb(66,94,118);
		text-align:center;
		font-size:1.1vw;
		border-left:1px solid black;
		border-bottom:1px solid rgb(0,105,255);
		width:40%;
		border-left:1px solid rgb(45,85,125);
		color:rgb(204, 255, 255);
	}
	.flubal th:nth-of-type(1){
		color:white;
		font-size:1vw;
		border:none;
		background-color:rgb(56,84,108);
		text-align:left;
		width:40%;
		margin-left:20%;
	}
	.flubal th:nth-of-type(2){
		color:rgb(255, 227, 148);
		background-color:rgb(86,114,138);		
		width:20%;
	}
	.flubal th:nth-of-type(3){
		color:rgb(255, 227, 148);
		width:20%;
	}
	.flubal th:nth-of-type(4){
		color:rgb(255, 227, 148);
		align-items:top;
		width:20%;
	}		
	.flucab {
		margin-top:-5%;
		margin-left:-30%;	
		margin-right:10%;}
	.flucab:hover {
		cursor: pointer;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		border:solid 2px grey;	}		
	.fluse:hover {
		cursor: pointer;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		border:solid 2px grey;	}

/* flutab depois de tabex para ser reconhecida*/
		
	.flucal {
		width:80%;
		top:5%;
		margin-left:3%;
		text-align:left;
		border-radius: 25px;
		padding:0%;
		float:left;		
		font-size:2.5vw;
		position:fixed;
		cursor:pointer;
		background-color:rgb(45,85,125);
	}
	
	.flumes {
		height:20%;
		width: 70%;
		padding:2%;
		text-align: center;
		color:orange;
		margin-left:3%		
	}

	.flumes ul {
	  margin: 0;
	  padding: 0;
	}

	.flumes ul li {
	  color: white;
	  font-size: 1vw;
	  text-transform: uppercase;
	  letter-spacing: 1%;
	}

	.flumes .prev {
	  float: left;
	  padding-top: 2%;
	}

	.flumes .next {
	  float: right;
	  padding-top: 2%;
	}	
	.flusem {
	    margin-top: 2%;
	    padding:1%;
/*	    background-color:rgb(56,84,108);*/
		background-color:rgb(45,85,125);
	    font-size:1.2vw;
		width:54%;
		border-bottom:5px solid blue;
	}
	.flusem li {
	    display: inline-block;
	    width: 13.3%;
	    color:rgb(255, 204, 153);
	    text-align: center;
	    font-size:1.2vw;
	}
	.fludias {
		margin-top:-3%;
	    background-color:rgb(45,85,125);
		height:15%;
		padding-left:1.5%;
		padding-bottom:-5%;
	}
	.fludias li {
	    list-style-type: none;
		display: inline-block;
		width: 14.1%;
		text-align: center;
		margin-bottom:1px;
		font-size:1.2vw;
		color: rgb(180,180,180);
		background-color:rgb(45,85,125);
		padding:1% 0 1% 0;
		border-radius:10px;
	}
	.fludias li:hover {
		color:orange;
		font-size:1.5vw;
		font-weight:bold;
	}
	.fludias li.active {
		background: #1abc9c;
		color: white ;
		font-size:1.5vw;
		font-weight:bold;	  
	}
	
	.flugraf {
		float:left;
		width:80%;
		height:24.5%;
		top:67%;
		margin-left:2%;
		background-color:rgba(46,74,98,.9);
		background-color:rgb(45,85,125);
		background-color:rgba(220,220,200,.2);
		border: 2px solid grey;
		border-radius:10px;		
		padding-bottom:2%;
		position:fixed;
		z-index=0;
	}
	.flugrafp {
		width:31.5%;
		height:40%;		
		margin-top:16%;
		margin-left:0%;
/*		position:fixed;*/
	}
	.flugraf1 {
		border-bottom:1px solid white;
		width:60%;
		height:92%;
		margin:1%;
		position:relative;
		top:3%;
		float:left;
	}
	.flugraf2 {
		border:none;
		width:3%;
		height:99%;
		margin-left:1%;
		float:left;
		background-color:rgb(100,150,100);
		position:relative;
	}	
	.flugraf3 {
		border:none;
		width:3%;
		height:99%;
		margin-left:1%;
		float:left;
		
		background-color:rgb(170,25,100);
		position:relative;
	}	
	.flugraflg {
		font-size:0.9vw;
		color:white;
/*		margin-left:.5%;*/
		align-content:center;
		padding-left:0;
		top:93%;
		position:fixed;
		float:left;
	}
	
	.fio {
		margin-left:4%;
		float:left;
		width:65%;
		height:1px;
		border-width:0;
		color:gray;
		background-color:gray;
		padding:0;
		margin-top:.5%;
	}
	
	.fechavideo {
		margin-top:2%;
		margin-left:82%;
		position:fixed;
		width:6%;
		height:6%;
		float:right;
		z-index:5;
		color:white;
		font-size:2vw;
		background-color:red;
		cursor: pointer;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 5px 12px 0 rgba(0,0,0,0.15);
		border:none;
		float:left;
		display:none;
	}
	.fechavideo :hover {
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    	background-color:rgb(110,130,150);
		border:solid;
		border-color:white;
		border-width:3px;
		border-radius: 5px;
	}
	.grafico {
		float:left;
		width:62%;
		height:24.5%;
		margin-top:1%;
		margin-left:1%;
		background-color:rgba(46,74,98,.9);
/*		position:absolute;*/
		border: 1px solid grey;	
		padding-bottom:2%;
	}
	.grafp {
		width:31.5%;
		height:40%;		
		margin-top:16%;
		margin-left:0%;
		position:fixed;
	}
	.graf1 {
		border-bottom:1px solid white;
		width:96%;
		height:85%;
		margin:2%;
		position:relative;
		top:2%;		
	}
	.graf2 {
		border:none;
		width:2.5%;
		height:99%;
		margin-left:2%;
		float:left;
		background-color:lime;
		position:relative;
	}	
	.graf3 {
		border:none;
		width:2.5%;
		height:99%;
		margin-left:1%;
		float:left;
		background-color:orange;
		position:relative;
	}	
	.grafmes {
		font-size:0.8vw;
		color:white;
		margin-left:1.9%;
		margin-top:.2%;
		align-content:center;
		padding-left:1%;
	}
	.grana {
		color:white;
		margin-left:1.9%;
		padding:.5%;
		padding-left:1.5%;
		right:62%;
		top:38%;
		position:absolute;
		cursor:pointer;
		z-index:4;
		width:35%;
		border: solid 2px white;
		background-color:rgba(96,124,148,.9);
		height:40%;
		display:none;
	}	

	.grana button {
	/*	  list-style-type: none;*/
		display: inline-block;
		width: 10.5%;
		height:9.5%;
		text-align: center;
		margin-bottom: 1%;
		margin-left:.2%;
		font-size:.85vw;
		font-weight:bold;
	/*	  color: rgba(46,74,98,.9);*/
		color: rgb(46,74,98);	
		  background-color:rgb(170,170,180);
	}

	.grana button:hover {
	  color: white;
	  background: rgba(46,74,98,.9);
	}
	
	.grana button .active {
	  padding: 5px;
	  background: rgba(46,74,98,.9);
	  color: white !important
	}

	.granaU {
		color:white;
		margin-left:1.9%;
		padding:.5%;
		padding-left:.7%;
		right:62%;
		top:38%;
		position:absolute;
		cursor:pointer;
		z-index:4;
		width:20%;
		border: solid 2px white;
		background-color:rgba(96,124,148,.9);
		height:35%;
		display:none;
	}	

	.granaU button {
	/*	  list-style-type: none;*/
		display: inline-block;
		width: 33%;
		height:19%;
		text-align: center;
		margin-bottom: 1%;
		margin-left:.2%;
		font-size:1.5vw;
		font-weight:bold;
	/*	  color: rgba(46,74,98,.9);*/
		color: rgb(46,74,98);	
		  background-color:rgb(170,170,180);
	}

	.granaU button:hover {
	  color: white;
	  background: rgba(46,74,98,.9);
	}
	
	.granaU button .active {
	  padding: 5px;
	  background: rgba(46,74,98,.9);
	  color: white !important
	}
	
	.grafv {
		font-size:1.1vw;
		margin-left:4.5%;
	}
	.indice {
		display:flex;
		flex-direction:column;
		align-content: center;		
		height:50%;
		position:fixed;
		width:25%;
		margin-left:3%;
		top:27%;
		font-size:1.5vw;
		color:rgb(0,255,255);
		padding:1%;
		background-color:rgb(10,50,90);
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 5px 12px 0 rgba(0,0,0,0.15);
		border: none;
		border-radius: 5px;
	}	
	.indice caption{
		color:rgb(0,255,255);		
		background-color:rgb(10,50,90);
	}	
	.indice1 {
		margin-left:33%;
		height:35%;
/*		flex-direction:column;*/
	}
	.indice2 {
		height:10%;
		top:67%;
		font-size:1vw;
		margin-left:33%;
	}
	.indice1 p {
		margin-left:9%;
		margin-top:0%;
		font-size:1vw;
	}
	.indiceL{
		font-size:.9vw;
		height:75%;
		width:19%;
		margin-left:1%;
		display:block;
		top:15%;
	}	

	.indbut {
		background-color: rgb(10,50,90); 
		width:15%;
		height:30px;
/*		position:relative;*/
		border: none;
		color: white;
		float:right;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 1vw;
		cursor: pointer;
		margin-left:85%;
		margin-top:-9%;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 5px 12px 0 rgba(0,0,0,0.15);}
	.indbut1 {
		margin-right:5%;
		margin-top:-8%;
	}	
	.indbut2 {
		position:fixed;
		margin-top:9%;
		margin-left:2%;
		height:20px;
		width:15%;
		box-shadow:none;
		border-bottom:1px solid grey;
		color:rgb(180,180,180);
	}
	.indbut3 {
		margin-left:30%;
		width:70%;
		margin-top:5%;
		color:rgb(0,255,255);
		padding-left:20%;
	}	
	.indbut:hover {
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		background-color:rgb(70,90,110);
	}
	.inpdad {
		margin-top:20%;
		margin-left:0%;
	}
	.indbutLa{
		width:25%;
		float:left;
		background-color:red;
		margin-top:25%;
		margin-left:5%;
		float:left;
		font-size: .8vw;
		height:7%;
	}	
	.indbutT{
		width:30%;
		float:left;
		background-color:blue;
		margin-top:15%;
		margin-left:5%;
		float:left;
		font-size: .8vw;
		height:12%;
	}	
	#ind {
		height:100%;
		float:top;
		position:fixed;
		width:10%;
		margin-left:86%;
		font-size:.95vw;
		display:flex;
		flex-direction:column;
		align-content: center;
		background-color:rgb(80,100,120);
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 5px 12px 0 rgba(0,0,0,0.15);
		padding:0;
		padding-top:1%;
		border: none;
	}
	#ind button {
		height:3%;
		width:100%;
		background-color:rgb(90,110,130);
		color:orange;
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 5px 12px 0 rgba(0,0,0,0.15);
		border:none;
		border-top: 1px solid black;
		text-align: left;
		cursor: pointer;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		padding-top:2%;
		padding-left:10%;
		font-size:.9vw;
		margin-top:5%;
	}
	#ind button:nth-of-type(1n+2){
		height:12%;
		color:yellow;
		padding-top:20%;
		background-color:rgb(170,140,20);
		font-size:.8vw;
	}
	#ind button:nth-of-type(3){
		width:125%;
		height:30%;
		margin-left:-10%;
		background-color:rgb(170,25,100);
		padding-top:90%;
		font-size:.9vw;
	}	
	#ind button:nth-of-type(4){
		width:125%;
		height:25%;
		margin-left:-10%;
		background-color:rgb(100,150,100);
		padding-top:90%;
		font-size:.9vw;
	}	
	#ind button:nth-of-type(6){
		width:125%;
		margin-left:-10%;
		height:6%;
		width:100%;
		background-color:rgb(90,110,130);
		padding-top:2%;		
	}	
	#ind button:nth-of-type(10){
		height:5%;
		color:orange;
		padding-top:6%; 
		display:none;
	}	
	#ind button:hover {
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    	background-color:rgb(110,130,150);
		background-color:rgb(190,255,0);
		border:solid;
		border-color:white;
		border-width:3px;
		border-radius: 5px;
		color:red;
	}
	#instr {
		width:90%;
		color:white;
		margin-left:2%;
		padding:2%;
		font-size:.9vw;
		text-align:justify;
		height:70%;
		overflow:auto;
	}	
	.input[type=submit]:hover {
		background-color: blue;
		cursor: pointer;}
	.lanpre {
		margin-left:1%;
		width:25%;}
	.lantip {
		width:18%;
		float:left;
		font-size:1vw;
		margin-top:2%;
		color:orange;
		display:none;
		align-content:center;
	}
	.lanQbt {
		height:60%;
		width:60%;
		background-color:rgb(90,110,130);
		color:rgb(255, 214, 98);
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 5px 12px 0 rgba(0,0,0,0.15);
		border:none;
		border-right: 1px solid black;
		text-align: center;
		cursor: pointer;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		margin-left:15%;
		font-size:.8vw;
	}
	.lanQbt1 {
		height:5%;
		width:40%;
		float:left;
		margin-top:2%;
		margin-left:5%;
		background-color:lime;
		color:black;
		font-weight:bold;
	}
	.lanQbt2 {
		background-color:rgb(90,110,130);
		color:black;
	}	
	.lanQbt:hover {
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
 /*   	background-color:rgb(110,130,150);*/
		background-color:lime;
		border:solid;
		border-color:white;
		border-width:3px;
		border-radius: 5px;
		color:white;
	}	
	.lanDel {
/*		height:30%;
		width:30%;
*/		background-color:rgb(90,110,130);
		color:rgb(255, 214, 98);
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 5px 12px 0 rgba(0,0,0,0.15);
		border:none;
		border-right: 1px solid black;
		text-align: center;
		cursor: pointer;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
		margin-left:20%;
		font-size:.8vw;
	}
	.lanDel:hover {
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    	background-color:red;
		border:solid;
		border-color:white;
		border-width:3px;
		border-radius: 5px;
		color:white;
	}	
/*	.lanc {
		display:block;
		height:75%;
		margin-left:3%;
		margin-top:2%;}
	.lanc1 {
		display:none;
		width:68%;
		margin-left:2%;
		margin-top:0%;
		height:70%;}*/	
	.lanLa{
		margin-top:5%;
		color:white;
		background-color:rgb(10,50,90);
		float:left;
		font-size:.8vw;
	}	

	.mes {
		height:20px;
		width:7%;
		position:fixed;
		background-color:rgb(35,200,255);
		text-align:center;
		float:left;
		margin-top:1.3%;
		padding-top:.2%;}		
	.obrig1{
		border-style:solid;
		border-width: 0px 0px 1px 0px;
		border-color:grey;
		color: grey;
		font-size:1vw;
/*		font-weight:bold;*/
		border-radius: 4px;
		margin-top:5%;
		margin-left:5%;
		height:25px;
		width:75%;
		background:rgb(10,50,90);
		}
	.obrigLa{
		margin-top:2%;
		width:90%;
		background:rgb(30,80,120);
		color:yellow;
		}
	.obrigLad{
		margin-top:2%;
		margin-left:5%;
		width:40%;
		background:rgb(30,80,120);
		color:yellow;
		font-size:.9vw;
		text-align:center;
		float:left;
		}		
	.obrig{
		border-style:solid;
		border-width: 0px 0px 2px 8px;
		border-color:grey;
		color: rgb(25,90,135);
		font-size:.8vw;
		font-weight:bold;
		padding: 5px 5px 5px 5px;
		border-radius: 4px;
		margin-top:3%;
		height:16px;
		width:45%;
		background:rgb(155,235,225);
		font-size:.8vw;
		float:left;
		}		
/*	.planDE {
		width:58%;
		background-color:rgb(46,74,98);
		margin-left:2%;
		height:80%;
	}
	.planDE caption {font-size:1.2vw;}
	.planDE th {
		width:10%;
		font-size:1vw;
	}
	.planDE th[1]{width:18%;}
	.planDE td {background-color:rgb(46,74,98);}
	.planlan {margin-top:1%;}	*/
	.plan1 {
		width:98%;
		height:98%;
		text-align:right;
		margin-top:0px;
		padding:0px;
		background-color:rgb(70,90,110);
		font-size:.8vw;
		color:orange;
		border-style:solid;
		border-width: 0px 0px 0px 0px;
		border:none;
		margin-left:0;
		}
	.plan2 {
		display:none;
		font-size:0.8vw;
	}	
	.plan3 {
		height:5%;
		font-size:0.8vw;
		margin-top:5%;
		margin-left:5%;
		width:50%;
		visibility:hidden;
		float:left;
	}	
	.pos {
		display:flex;
		flex-direction:row;	
		width:39%;
		margin-left:2%;
		height:2.5%;		
	}
	.pos div {
		height:100%;
		width:8%;
		flex-grow:1;
		flex-basis:8%;
		/*min-width:2%;*/
		border-left:1px solid rgb(45,85,125);
	}
	.pos div:nth-of-type(1){
		width:2%;
		flex-basis:2%;
	}
	.pos div:nth-of-type(2){
		width:21%;
		flex-basis:21%;
		padding-bottom:1%;
	}	
	.pr-i {
		font-size:.9vw;
		text-align:right;
		color:rgb(170,190,170);
	}
	.pr-ii {color:rgb(190,255,255);
			font-size:1vw;}
	.pr-ij {color:rgb(50,255,255);}
	.pr-t {
		font-size:1vw;
		text-align:left;
		color:rgb(0,255,255);
	}
	.pr-ti {color:rgb(70,90,110);}
	.pr-tit{padding-left:1%;}
	.pr-tt {
		color:yellow;
		text-align:left;
		padding-left:1%;
		width:19%;
		flex-basis:19%;
		border-bottom:1px solid rgb(80,100,120);}	
	.pr-iii {color:white;
			font-size:.8vw;
	}			
	.pr-tti {color:yellow;}
	.pr-e {/*padding:10%;*/}
	.pr-n,.pr-ne {display:none;}
	.prm:hover {cursor: pointer;}
	.quadro {
/*		margin-top:-2.5%;*/
		margin-left:5%;
		background-color:rgba(46,74,98,.9);
		width:90%;
		height:97%;
		z-index:2;
		position:fixed;
		display:none;
		border: 2px solid grey;
	}
	.quadro p:nth-of-type(1) {
		font-size:1.2vw;
		margin-left:2%;
		margin-top:1%;
		position:absolute;
		color:rgb(173,255,47);
		font-weight:bold;
	}	
	.quadro p:nth-of-type(2) {
		text-align:left;
		font-size:1.1vw;
		color:rgb(0,255,255);
		margin-left:65%;
		margin-top:2%;
		float:right;
		position:absolute;
	}
	.quadro p:nth-of-type(3) {
		text-align:justify;
		width:32%;
		font-size:1vw;
		color:white;
		margin-left:65%;
		margin-top:5%;
		float:right;
		position:absolute;
	}
	.quadro p:nth-of-type(4) {
		text-align:center;
		width:32%;
		font-weight:bold;
		font-size:1vw;
		color:rgb(255, 214, 98);
		margin-left:65%;
		margin-top:25%;
		float:right;
		position:absolute;
	}
	.quero {
		position:fixed;
		background-color:orange;
		color:white;
		right:3%;
		font-size:1.5vw;
		padding:1%;
		bottom:21%;
		top:70%;
		}
	.saldo {
		font-size:.9vw;
		color:rgb(50,255,230);
		text-align:right;
		margin-top:2%;
		background-color:rgba(46,74,98,.85);
		border:1px solid grey;
		border-left:5px solid grey;
		width: 100%;
		height:33%;
		padding:1%;
		padding-top:3%;
		float:left;
		table-layout:fixed;	
/*		position:fixed;*/
	}	
	.saldo th{height:15px;}
	.saldo td{height:10px;}

	.tabex {
		overflow:auto;
		background-color:rgb(66,94,118);
		border:1px solid grey;
		border-left:5px solid grey;
		width: 25%;
		font-size:.9vw;
		color:rgb(0,255,255);
		padding:1%;
		float:left;
		margin-top:4%;
		margin-left:5%;	
		height:64%;
		table-layout:fixed;		
		display:none;
	}
	.tabex th {
/*		padding:2%;*/
		text-align: left;
		font-style:italic;
		color: rgb(0,255,255);
/*		margin-bottom:2%;*/
		width:10%;
		font-size:.9vw;
		white-space: nowrap;
	}
	.tabex tr{
		height:3%;
	}
	.tabex td {
		color:white;
		height:3%;
		border-bottom:1px solid grey;
		padding-left:1%;
		width:10%;
		font-size:.9vw;
		font-weight:normal;
		white-space: nowrap;
	}
	.tabex input,label {
		font-size:0.9vw;
		background-color:rgb(66,94,118);
		color:white;
		border:none;
		padding-left:1%;
		width:95%;
		white-space: nowrap;
	}
	.tabexT {
		top:20%;
		position:absolute;
		z-index:5;
/*		margin-left:26%;*/
		float:left;
/*		width:19%;*/
		background-color:rgb(76,104,138);
		border:1px solid white;
		border-left:5px solid white;	
		width: 23.5%;
		height:81%;
		margin-left:0.5%;
		top:10%;
		background-color:rgb(10,50,90);		
	}
	.tabexE {
		top:12%;
		position:absolute;
		z-index:5;
		margin-left:24%;
		float:left;
/*		background-color:rgb(76,104,138);
		border:1px solid white;
		border-left:5px solid white;
*/		display:none;
		width:75%;
		height:80%;
		margin-top:2%;
		table-layout:fixed;
	}	
	
	.flutab {
		top:5%;
		margin-left:50%;
		background-color:rgb(56,84,108);
		width:30%;
		border:none;
		display:block;
		float:left;
		position:fixed;	
		background-color:rgb(45,85,125);
	}	
	.flutab tr{
		height:30px;
	}	
	.tabplan {
		width:58%;
		background-color:rgb(46,74,98);
		margin-left:2%;
		height:80%;
	}
	.tabplan caption {font-size:1.2vw;}
	.tabplan th {
		width:10%;
		font-size:1vw;
	}
	.tabplan th[1]{width:18%;}
	.tabplan td {background-color:rgb(46,74,98);}
	.tabplan1 {margin-top:1%;display:block;}	
	.tablan {
		display:block;
		width: 22%;
		height:80%;
		margin-left:2%;
		margin-top:1%;
		background-color:rgb(10,50,90);
	}	
	.tablan1 {
		width:73%;
		margin-left:1%;
		margin-top:1%;
		height:80%;
		display:block;
		font-size:.8vw;}
	.tablan1 input{font-size:0.8vw;}		
 	#tit {
		top:18%;
		position:fixed;
		margin-left:28%;
		float:left;
		font-size:1.2vw;
		font-weight:bold;
		color:rgb(255,255,0);
		display:none;
	}	
	#usu {
		margin-left:3%;
		font-size:1.2vw;
		color:white;
		float:left;
		position:fixed;
		top:.9%;
		z-index:0;
		text-align:bottom;
		width:17%;
		background-color:rgb(45,85,125);
		border-bottom:solid grey 2px;
		padding-bottom:0px;
	}	
	.video {
		background-color:rgb(46,74,98);
		width:90%;
		height:90%;
		z-index:3;
		position:fixed;
		display:none;
		border: 2px solid grey;
		align-content: center;
		justify-content: center;		
	}
	.vai {
		background-color:rgb(46,74,98);
		width:14%;
		height:28%;
		align-content:center;
		border:solid 1px grey;
		border-radius: 3px;
		padding:2px;
		float:left;
	}
	.vai:hover {
		cursor: pointer;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		border:solid 2px grey;		
	}
	.vai1{
		height:65%;
	}
	.vend {
		width:33%;
		display:block;
		text-align:right;
		font-size:1vw;
		height:80%;
		margin-top:1%;
		margin-left:2%;
	}
	.vend th {width:30%;text-align:center;}
	.vend td {padding-left:1%;font-size:.9vw;text-align:center;}
	.vend td[1]{width:10%;}
	.vend1 {
		width:37%;
		display:block;
		margin-left:1%;
		text-align:right;
		margin-top:1%;
		height:50%;
	}
	.vend1 th {font-size:.8vw;text-align:center;}	
	.vend1 td {padding-right:2%;font-size:.8vw;}	
	.video video {
		margin-left:1%;
		float:left;
		width:98%;
		height:98%;
	}