body{
	/*color:#80dfff;*/
	color:red;
	font-family:helvetica;
	/*font-weight:500px;*/
	background-color:#1f1f14;

}

h1{
	color:white;
	/*font-size:10pt;*/
	font-size:2.5vw;
	text-align:center;
	font-weight:bold;
	
	margin-top:60%;
	
	line-height:80%;
	
	/*
	margin-left:50%;
	margin-right:50%;
	*/
	
	
}
h2{
	color:orange;
	/*font-size:25pt;*/
	font-size:3.5vw;
	text-align:left;
	font-weight:bold;
	line-height:25%;
	margin-top:20px;
}

h3{
	color:orange;
	font-size:25pt;
	text-align:left;
	font-weight:bold;
	margin-left:-10px;
	margin-top:30px;
	margin-bottom:20px;
	line-height:110%;
}
h4{
	margin-top:40px;
	color:orange;
	line-height:150%;
	/*font-size:14pt;*/
	font-size:1.4vw;
	text-align:left;
	font-weight:bold;
	margin-left:10px;
}
h5{
	color:orange;
	font-size:16pt;
	text-align:left;
	font-weight:bold;
	margin-top:0.3%;
	margin-left:0.5%;
	/*width: 15%; */
	max-width: 300px; 
	text-align: left; 
	float: left;
	line-height:120%;
	
	
}

.h6{
	margin-top:0.6vw;
	font-size:0.8vw; text-align:left;font-weight:normal; line-height:5%; color:#7a7a52;
	/*line-height:150%;ver isso responsivo*/
}

@media only screen and (max-width: 800px) {
    h1{
		color:red;
	
		margin-top:60%;
		
		font-size:3.5vw;
	
	
	}
}	

@media only screen and (min-width: 1000px) {
    h1{
		color:orange;
	
		margin-top:20%;
		
		font-size:1.5vw;
	
	
	}
    h5 {
        float: none;
        color: orange;
        font-size:16pt;
        max-width: 400px;
        text-align: center; 
    }    
    h4 {
        font-size:2.4vw;
        text-align: center; 
    } 
    h2 {
        font-size:5.5vw;
        text-align: center; 
    } 
    h3 {
    	margin-left:00px;
        font-size:25pt;
        text-align: center; 
    }
    .h6 {
    	margin-top:10px;
    	font-size:10pt; font-weight:normal; line-height:5%; color:#7a7a52;
        text-align: center; 
    }	
    body {
	     margin-left:5px;
    }
    img{
		height:25%; 
		text-align: center; 
		border:1px solid red;
	}

}


#cad_conclu{
	color:#7a7a52;
	font-weight:normal;
	/*line-height:150%;
	font-size:12pt;
	text-align:left;
	
	margin-top:-51px;
	margin-left:299px;*/
}


tr{
	width:10px;
	margin-left: 10px;
	text-align:center;
	vertical-align:center;
}

tr:hover {background-color:#2e2e1f;}

table{
	/*margin-left:200px;*/
	border: 1px solid #7a7a52;
	padding: 15px;
	border-collapse: collapse;
	/*width:95%; ---------*/
	
	margin-right:25px;

}

th{
	color:#7a7a52;
	background-color:#6b6b47;
	font-size:7pt;
	/*width:10%; ---------*/
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:5px;
	padding-right:5px;
	vertical-align: center;
}

td{
	color:#7a7a52;
	font-size:12pt;
	/*width:90px;*/
	text-align:center;
	padding: 8px;
	vertical-align: center;
}


#okk{
	margin-left:25%;
	margin-right:25%;
	text-align:center;
	border:2px solid none;
	width:39px;
	/*width:53%; ---------*/
	height:15px;
 }
.troca {
	color:white;
	font-size:8pt;
	margin-left:25%;
	margin-right:25%;
	text-align:center;
	border:2px solid none;
	width:39px;
	/*width:53%; ---------*/
	height:15px;
	background-color:#804d00;
	

}
.newshole {
	color:black;
	font-size:8pt;
	margin-left:25%;
	margin-right:25%;
	text-align:center;
	border:2px solid none;
	width:39px;
	/*width:53%; ---------*/
	height:15px;
	background-color:#ffb84d;
}	

.none{background-color:#2e2e1e;}

.ok01{background-color:#ffe0b3;}
.ok02{background-color:#ffd699;}
.ok03{background-color:#ffcc80;}
.ok04{background-color:#ffc266;}
.ok05{background-color:#ffb84d;}
.ok06{background-color:#ffad33;}
.ok07{background-color:#ffa31a;}
.ok08{background-color:#ff9900;}
.ok09{background-color:#e68a00;}
.ok10{background-color:#cc7a00;}
.ok11{background-color:#b36b00;}
.ok12{background-color:#995c00;}
.ok13{background-color:#804d00;}
.ok14{background-color:#663d00;}
.ok15{background-color:#4d2e00;}
.ok16{background-color:#331f00;}


.er{
	color:red;
}

.erro{
	
	text-align:center;
	border:2px solid none;
	width:39px;
	height:19px;
	background-color:red;	
}

#box-toggle {
	width:500px;
	margin:0 ;
	text-align:justify;
	font:12px/1.4 Arial, Helvetica, sans-serif;
	}
#box-toggle .tgl {margin-bottom:30px;}
#box-toggle span {
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
	color:#c30; 
	margin-top:15px;
	}