#rodape{
	position: fixed;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
}


.button {
	background-color: #06224a;
	color: white;
	transition: 0.5s;
	font-size: 14px;
	border-radius: 10px;
	border: none;
	padding: 5px;
	margin-top:5px;
}
.button:hover {
	background-color: #010d1f;
	transition: 0.3s;
}
.textareas{
	font-size:10px;
	width: 0%;
	padding: 5px;height: 0px;
}
.table_border, th, td{
	/*border: 1px solid black;*/
	border-collapse: collapse;
	margin_left:30px;
}


















.falta_coisa2::before {
	content: "!";
	font-size: 11px;
	color: white;
    text-shadow: 2px 2px black;
	margin-right: 5px; 
	width: 20px; 
	height: 20px; 
	background-image: url('img/hexon/reddot.png'); 
	float:left;
}

fieldset legend{
	padding-right: 10px;
    padding-left: 10px;
}

body{
	margin:0;
	padding:0;

}

p { 
	text-indent : 2em; 
	text-align:justify;
} 

.divdeff{
	float:left;
	display:block;
	width:100%;
}

li{
	
	text-align:justify;
}



hr {
	border:1px gashed #FFF;
	width:90%;
}

input[readonly=true]{
	background:#BDBDBD;
	color:#585858;
}

math{
	left:0%; 
	position:relative;
}

h3 {
	margin-top:40px;
}

sup, sub{
	font-size:70%;
}

fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 4px solid black;
}


/*
#submit{
	padding:4px;
	background:#BDBDBD;
	border-radius:7px;
	text-decoration:none; 
	color:black;
	border:1px solid black;
}
*/
#submit{
	text-decoration:none; 
}

.noprint{
	display:hidden;
	}
	
.nolink{
	text-decoration:none; 
}
	
	
.btn{
	padding:7px;
}
	
#alertamain{
	color:red;
}

.white{
	color:#BDBDBD;
}

input[class=white2]{ 	
	background:#BDBDBD;
}


#graficos{
	float:right;
	width:28%;
	margin-top:30px;
	text-align:center;
}


.listad{
	width:100%;
	margin-bottom:20px;
	text-align:center;
}

.listadajax{
	width:500px;
	height:400px;
	text-align:center;
	padding:20px;
}

.listadajax2{
	width:100px;
	height:100px;
	text-align:center;
	padding:20px;
}

.listad2{
	width:300px;
	height:300px;
	margin-bottom:20px;
	text-align:center;
	position:relative;
}

#graphxq, #graphha, #graphh0, #grapht, #graphUA, #graphvesc, #graphqx{
  width: 100%;
  height: 200px;
}


#inicialint{
	float:left;
	width:220px;
left:50%;
top:50%;
margin-left:-140px; /* Metade do valor da Largura */
margin-top:-50px; /* Metade da valor da Altura */
position:absolute;



    border-radius:20px;
	border: 2px solid black; 
	padding:30px;
	background-image: linear-gradient(to bottom, white, #5858FA 150%);
}

#inicialext{
	
	
	position: relative;
width:100%;
height:400px;

    
}

#tablein{
	margin:auto;
}
/*


	border-radius:20px;
	border: 2px solid black; 
	
	padding:30px;
	
	margin: 0 auto;
	width:20%;



*/


.tooltip {
    position: relative;
    display: inline-block;
    color: #006080;
}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 300px;
    background-color: #555;
    color: #fff;
    text-align: left;
	font-size: 0.8em;
    padding: 5px 5px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-right {
  top: -5px;
  left: 125%;  
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip-bottom {
  top: 135%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip-top {
  bottom: 125%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-left {
  top: -5px;
  bottom:auto;
  right: 128%;  
}
.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}







.TabControl{
    width:auto;
    overflow:hidden;
    height:auto;
    overflow:hidden;
	}
	
 
 .TabControl .header_class{
    width:100%;
    overflow:hidden;
    cursor:hand}
 
 .TabControl .content_class{
    background:#d5daf7;
	width:auto;
    overflow:hidden;
    height:auto;
    overflow:hidden;
    /*border: solid 1px #d5daf7;*/
    overflow:hidden;
	border-left:3px solid;
	border-right:3px solid;
	border-bottom:3px solid;
	/*border-top:3px solid;*/
	border-radius:0 30px 30px 30px;
	/*border-top:3px solid;*/
	/*outline: 5px solid red;
    outline-offset: 15px;*/	}
  
 .TabControl .abas{display:inline;}
  
 .TabControl .abas li{float:left}
  
 .abas{
    list-style:none;
 }
  
 
.aba{
    width:auto;
    height:auto;
    border-top: 3px solid #000000;
	border-left: 3px solid #000000;
	border-right: 3px solid #000000;
	border-bottom:3px solid #000000;
    border-radius:15px 15px 0 0;
    text-align:center;
	margin-right: -3px;
    padding-top:5px;
	padding-bottom:10px;
    background:#3A5FCD;
    /*border-bottom-color:#d5daf7;*/
	font-weight: bold;
	padding-right: 15px;
	padding-left: 15px;
	color:#fff;
	text-shadow: 2px 2px #000000;
}

.aba2{
    width:auto;
    height:27px;
    border-top: 3px solid #000000;
	border-left: 3px solid #000000;
	border-right: 3px solid #000000;
	border-bottom:3px solid #000000;
    border-radius:15px 15px 0 0;
    text-align:center;
	margin-right: -3px;
    padding-top:5px;
	padding-bottom:10px;
    background:#3A5FCD;
    /*border-bottom-color:#d5daf7;*/
	font-weight: bold;
	font-size:14px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: -10px;
	color:#fff;
	text-shadow: 2px 2px #000000;
}


	
  
 .ativa{
    
	color:#d5daf7;
}
 
/*.ativa span{color:rgb(247, 146, 57)}*/


/*.selecionada span{color:rgb(247, 146, 57);}*/
 
.TabControl .conteudo{
     width:auto;
    overflow:hidden;
    height:auto;
    overflow:hidden;
    background:#d5daf7;
    display:none;
	padding:20px;
    }
 
.selecionada{
    
	border-bottom:3px solid #d5daf7;
   
	text-shadow: 0px 0px #000000;
    background:#d5daf7;
	color:#000000;

	}

.aba:hover{
	color:#FFBF00;
	text-shadow: 2px 2px #000000;
}

.aba2:hover{
	color:#FFBF00;
	text-shadow: 2px 2px #000000;
}

.meu_fieldset{
	border:3px solid #888;padding:10px;border-radius: 12px;margin-bottom:10px;
}

.meu_table{
	
}







.animelogo{
	width:40px;
	float:left;
	height:40px;
	
	margin-top:10px;
	margin-left:10px;
	opacity:0.4;
	border-radius:4px;
	display:block;
}

#anime0{
	float:left;
	position: absolute;


margin-top:150px;
margin-left:-20px;

width:400px;
height:50px;
}

#lateral{
	float:left;
	margin-top:40px;
	width:10%;
}

#logoanime{
	position:absolute;
	
	float:left;
	width:80%;
}





#imgright{
	float:right;
	
	padding:20px;
}







#corpo{
	width:100%;
	margin:0px;
	padding:0px;
	font-family:verdana;
	height:100%;
}

body{
	/*background:url('beta/img/aurora-boreal2.jpg') fixed;
	background-size: cover;*/
}
/*
#topo{
	float:left;
	position:fixed;
	width:100%;
	left:0px;
	top:0%;
	opacity:0.7;
	height:40px;
	background:rgb(48, 51, 146);
}*/

#fixo{
	float:left;
	margin-top:170px;
	position:fixed;
	width:9.5%;
	background:#FA5858;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	vertical-align: middle;
	border:1px solid black;
	opacity:0.7;
}



#menu{
	float:left;
	position:fixed;
	width:100%;
	left:0px;
	top:0%;
	text-align:center;
	height:50px;/*height:40px;*/
	opacity:0.7;
	background:#621BA5;

}



/*
#menu > ul{
	margin-top:15px;
	padding:0;
}

#menu li{
	list-style-type:none;
	position:relative;
}

#menu:hover{
	opacity:1.0;
}

#menu > ul > li { 
	display: inline;
}

#menu a {
    padding: 8px 1.5%;
    // display: inline-block;0
    color:white;
    text-decoration:none;
	transition: all 0.2s ease-out;
	text-align:center;
}

#menu ul ul{
	visibility:hidden;
	position:absolute;
}

#menu ul li:hover ul{
	display:block;
	background:rgb(48, 51, 146);
}

#menu ul li:hover ul{
	visibility:visible;
}

#menu a:hover{
	background-color:#2E2EFE;
	border-radius:5px;
}

#menu a:active{
	border:1px solid white;
}
*/
#menu ul{

	padding-top:3px;
}

#menu > ul{
	margin-top:0px;
}

#menu li{
	list-style-type:none;
	position:relative;
	display:inline-block;
	margin-left:1%;
	margin-right:1%;
}

#menu ul li a{
	display:block;
	text-align:center;
	padding:10px;
	font-size:15pt;
}

#sai{
	float:right;
	padding:10px;
	display:block;
	text-align:center;
	position:absolute;
}



#menu ul ul{
	visibility:hidden;
	position:absolute;
	margin-top:0px;
}

#menu a {
    padding: 12px 15.5%;
    color:white;
    text-decoration:none;
	transition: all 0.2s ease-out;
	text-align:center;
}

#menu:hover{
	opacity:1.0;
	transition: all 0.05s ease-out;
}

#menu ul li:hover ul{
	display:block;
	background:rgb(48, 51, 146);
	visibility:visible;
	border-bottom-left-radius:20px 20px;
	border-bottom-right-radius:20px 20px;
	right: 5px;
}


#menu a:hover{
	background-color:#2E2EFE;
	border-radius:5px;
}

#menu a:active{
	border:1px solid white;
}








.home{
	background-color:#0A0A2A;
	border-radius:5px;
}

.home2{
	background-color:#ff9900;
	border-radius:5px;
}


#logo{
	float:left;
	background:url('img/011.jpg');
	border-radius:20px;
	margin-top:60px;
	width:98%;
	margin-left:1%;
	margin-right:1%;
}


#imgpolo{
	float:left;
	margin-left:2%;
	padding-top:20px;
	padding-bottom:10px;
	width:20%;
}

#imgembraco{
	float:right;
	margin-right:2%;
	padding-top:20px;
	padding-bottom:20px;
	width:25%;
}


#logotext{
	float:left;
	margin-left:3%;
	margin-top:40px;
	color:#0B0B61;
}

#logotext p{
	margin-top: 1px;
  margin-bottom: 1px;
  font-size:10pt; /* pt*/
}

.logotext2{
	font-weight:bold;
}

#conteudo{
	float:left;
	/*background-image: linear-gradient(to bottom, #FFBF00, #DBA901 120%);*/
	margin-left:5%;
	margin-right:5%;
	float:left;
	width:90%;
	border-radius:20px;
}

#conttext{
	float:left;
	margin-top:0px;
	margin-bottom:20px;
	width:74%;
}

#conttext_long{
	float:left;
	margin-top:0px;
	margin-bottom:20px;
	width:100%;
}

#conttext2{
	float:left;
	margin-left:6%;
	margin-top:10px;
	width:68%;
}

.titleSession{ 
	display: block; 
	margin: 40px 0px -10px; 
	padding-left: 15px; 
	font-size: 24px; 
	/*color:rgb(48, 51, 146); */
	font-family: 'clear_sansbold_italic'; 
	font-style:italic;
	border-left: 5px solid #621BA5; 
}

.lista{
	float:left;
	font-family:Arial;
	margin-bottom:5%;
	margin-top:5%;
	width:100%;
}

.listax{
	width:25%;
	border: 0px solid #000000;
	margin-left:3.125%;
	margin-right:3.125%;
	float:left;
	margin-bottom:20px;
	text-align:center;
	text-shadow: 0 1px 1px #000000;
	box-shadow: 3px 3px 3px #000000;
	background:rgb(247, 146, 57);
}


.listax22{
	width:25%;
	border: 0px solid #000000;
	margin-left:3.125%;
	margin-right:3.125%;
	float:left;
	margin-bottom:20px;
	text-align:center;
	color:white;
	text-shadow: 0 1px 1px #000000;
	box-shadow: 3px 3px 3px #000000;
	background:blue;
}

.listax22:hover{
	background:#FFBF00;
	border-left: 5px solid blue;
	opacity:0.7;
}

.listax22:active{
	background:blue;
	opacity:0.4;
}

.listanot{
	width:25%;
	margin-left:6.25%;
	float:left;
	margin-top:0px;
}

.listax:hover{
	background:#FFBF00;
	border-left: 5px solid rgb(247, 146, 57);
	opacity:0.7;
}

.listax:active{
	background:rgb(247, 146, 57);
	opacity:0.4;
}

.listax2{
	width:18%;
	border: 0px solid #000000;
	margin-left:2%;
	float:left;
	margin-bottom:20px;
	text-align:center;
	text-shadow: 0 1px 1px #000000;
	box-shadow: 3px 3px 3px #000000;
	background:rgb(247, 146, 57);
}

.listax2:hover{
	background:#FFBF00;
	border-top: 5px solid rgb(247, 146, 57);
	opacity:0.7;
}

.listax2:active{
	background:rgb(247, 146, 57);
	opacity:0.4;
}


/*
#contimg{	
	float:right;
	margin-top:10px;
	margin-right: 6%;
	width:20%;
}
*/


.formcalc{
	float:left;
	margin-top:20px;
	width:100%;
}

.formcalctc{
	float:left;
	margin-top:20px;
	width:70%;
}

.resultadostc{
	float:left;
	margin-top:20px;
	width:50%;
}

.resultadostc2{
	float:right;
	margin-top:20px;
	width:50%;
}

.graphtc{
	float:left;
	margin-top:20px;
	width:100%;
}

input, select[type=text]{ 	
	border-radius:4px;
	box-shadow: 1px 1px 2px #333333;	
	border:1px solid #000000;
}


textarea{ 	
	border-radius:4px;
	box-shadow: 1px 1px 2px #333333;	
	border:1px solid #000000;
}

select, option{ 	
	border-radius:4px;
	box-shadow: 1px 1px 2px #333333;	
	border:1px solid #000000;
}

input[type=text]:hover, textarea:hover, select:hover, input[type=password]:hover{ 
    background: #E6E6E6;
	border:1px solid #000000;
}

input[class=result]{ 	
	background:#F5A9A9;
}

.formcalc input[class=result]{ 	
	background:#F5A9A9;
}

.formcalc input[class=resultbold]{ 	
	background:#F5A9A9;
}

.formcalc input[class=result2]{ 	
	background:#F8E0E0;
}

.formcalc input[class=cinza]{ 	
	background:#d8d8d8;
}



#incrad{
}

#submitdiv{
	margin-left:250px;
	margin-top:10px;
}

.hidden{
	display:none;
}




.orlist{
	counter-reset:li;      
	margin:0;       
	padding:0; 
	margin-left:5%;	
	float:left;
	margin-right:0%;
	width:70%;
}  

.orlist > li {      
	position:relative;       
	margin:0 0 6px 2em; 
	padding:4px 8px;      
	list-style:none;     
	border-top:2px solid #666;        
}

.orlist > li > ul > li{
	padding:5px;
}

.orlist > li:before {      
	content:counter(li);      
	counter-increment:li;          
	 position:absolute;      
	 top:-2px;      
	 left:-2em;      
	 -moz-box-sizing:border-box;     
	 -webkit-box-sizing:border-box;      
	 box-sizing:border-box;      
	 width:2em;            
	 margin-right:8px;      
	 padding:4px;      
	 border-top:2px solid #666;            
	 background:#BDBDBD;      
	 font-weight:bold;      
	 font-family:"Helvetica Neue", Arial, sans-serif;      
	 text-align:center;  
 }    







#mais{
	float:left;
	background-image: linear-gradient(to bottom, white, #5858FA 150%);
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:15px;
	margin-bottom:5px;
	border-top-left-radius:20px 20px;
	border-top-right-radius:20px 20px;
	opacity:0.85;
}


.mais1,
.mais2,
.mais3{
	width:28%;
	margin-left:4%;
	float:left;
	margin-top:15px;
	margin-bottom:30px;
}



#rodape{
	background:#6D0D94;
	float:left;
	width:100%;
	margin-bottom:0%;
	height:40px;
}


#cpolo{
	margin-left:5%;
	font-size:10pt;
	margin-top:15px;
	color:white;
}
/*
#li5::before{
	content: "";
	background-image:url('img/roteirodim.jpg');
	width: 100px; 
	height: 100px; 
	float:left;
	margin-right: 5px; 
	object-fit:fill;
}*/


.phone::before 	{ 
	content: ""; 
	margin-right: 5px; 
	width: 19px; 
	height: 17px; 
	background-image:url('img/phone.png');
	float:left;
}

.phone	{ 
	margin-right: 5%;
	float:right;
	font-style:italic;
}

.mail::before 	{
	content: ""; 
	margin-right: 5px; 
	width: 22px; 
	height: 15px; 
	background-image: url('img/mail.png'); 
	float:left;
}

.mail{
	margin-right: 1%;  
	float:right;
	font-style:italic;
}

.txt::before 	{
	content: ""; 
	margin-right: 5px; 
	width: 40px; 
	height: 40px; 
	background-image: url('img/txt.PNG'); 
	float:left;
}

.txt{
	margin-left: 1%;  
	float:left;
	font-style:italic;
}

.html::before 	{
	content: ""; 
	margin-right: 5px; 
	width: 40px; 
	height: 40px; 
	background-image: url('img/html.png'); 
	float:left;
}

.html{
	margin-left: 1%;  
	float:left;
	font-style:italic;
}

.import::before 	{
	content: ""; 
	margin-right: 5px; 
	width: 40px; 
	height: 40px; 
	background-image: url('img/import.png'); 
	float:left;
}

.import{
	margin-left: 1%;  
	float:left;
	font-style:italic;
}

.export::before 	{
	content: ""; 
	margin-right: 5px; 
	width: 40px; 
	height: 40px; 
	background-image: url('img/export.png'); 
	float:left;
}

.export{
	margin-left: 1%;  
	float:left;
	font-style:italic;
}



.visualizar::before 	{
	content: ""; 
	margin-right: 5px; 
	width: 40px; 
	height: 40px; 
	background-image: url('img/visualizar.png'); 
	float:left;
}

.visualizar{
	margin-left: 1%;  
	float:left;
	font-style:italic;
}

.excel::before 	{
	content: ""; 
	margin-right: 5px; 
	width: 40px; 
	height: 40px; 
	background-image: url('img/excel.png'); 
	float:left;
}

.excel{
	margin-left: 1%;  
	float:left;
	font-style:italic;
}








@media screen and (min-width:600px) and (max-width:767px){
	.mais1, .mais2, .mais3{
		font-size:12px;
	}
}

@media screen and (width:589px){
	.mais1, .mais2, .mais3{
		font-size:1px;
	}
}

/*

@media screen and (orientation:portrait/landscape){}
*/