*{
	font-family: 'Arial', Helvetica, sans-serif; 
	font-weight:normal;
	margin: 0;
	padding: 0;	
}

body { background-color:#dadada; }

.fecha { clear:both; }

header {
	float:left; 
	display:inline; 
	width: 100%;
	margin: 0 auto;
	background-image: linear-gradient(to bottom, rgb(14,61,89), rgb(5,36,54) 28%, rgb(18,26,30) 70%); 
}

header img { position:absolute; z-index:10; left:2%; top:10px; }

header h2 { margin: 0 !important; }

header h2, h3#total {
	float:left; 
	display:inline; 
	width:100%;
	text-align:center;
	padding:30px 0;
	font-size:26px; 
	color: #FFF;
	font-weight:bold;
}

h3#total { float:right; margin:-90px 2% 0 0 !important; width:auto; }

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none; 
}

a:active {
	text-decoration: none;
}

.conteudo { clear:both; float:left; display:inline; width:100%; }

.interno { background: #FFF; padding: 30px; box-sizing: border-box; }

.interno_index { text-align: center; }

#form_login { width: 300px; margin: 0 auto; }

#form_login * { width: 100%; }

.caixa { 
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;

	float:left;
	display:inline;
	width: 31.1%; 
	margin: 10px 1% 6px;
	border: 1px solid #7c9cb5;
	padding-bottom: 20px;
}

.caixa h2, .caixa h3, .caixa h4, .caixa h5 { float:left; display:inline;  }

.caixa h2 { 
	width:90%;
	padding: 15px 5% 0;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	background-color:#0d3a55;
	color:#FFF; 
	height:36px;

	-webkit-border-top-left-radius:8px;
	   -moz-border-top-left-radius:8px;
			border-top-left-radius:8px;

	-webkit-border-top-right-radius:8px;
	   -moz-border-top-right-radius:8px;
			border-top-right-radius:8px;

}

.caixa h3 { 
	width:90%;
	font-size:40px; 
	letter-spacing:-2px;
	text-align: center;
	padding:8px 5%;
	font-weight:bold;
}

.caixa h4 { 
	box-sizing: border-box;
	padding: 3px; 
	padding-right: 6px;
	clear:both;
	float:left;
	margin:0 0 1px 5%;
	width: 38%;
	background-color:#dadada;
	text-align:right;
	font-size:14px;
	border: 1px solid #CCC;
	font-weight:bold;
}

.caixa h5 { 
	box-sizing: border-box;
	padding: 3px; 
	padding-left: 6px;
	float:right; 
	width:51%;
	margin:0 5% 1px 0;
	font-size:14px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.level-1 h4 { background-color:#CCC; width:33%; margin-left:7%; font-weight: normal; }
.level-2 h4 { background-color:#dadada; width:30%; margin-left:10%; font-weight: normal; }

.level-1, .level-2 {
	list-style-type: none;
}

.target {
	display: none;
}

.toggable {
	cursor: pointer;
}

.level-base {
	padding-top: 20px;
}

.circle {
  border-radius: 50%;
  width: 20px;
  height: 20px; 
}
.circle-white {background-color: #fff;}
.circle-black {background-color: #000;}
.circle-pink {background-color: #ffc0cb;}
.circle-red {background-color: #ff0000;}
.circle-turquois {background-color: #008080;}
.circle-blue {background-color: #0000ff;}
.circle-lightgrey {background-color: #eeeeee;}
.circle-yellow {background-color: #ffd700;}
.circle-grey {background-color: #666666;}
.circle-navy {background-color: #003366;}
.circle-lightgreen {background-color: #00ff00;}
.circle-purple {background-color: #800080;}
.circle-salmon {background-color: #fa8072;}
.circle-green {background-color: #008000;}
.circle-wine {background-color: #800000;}
.circle-shinepink {background-color: #ff00ff;}
.circle-burnedyellow {background-color: #;}
.circle-orange {background-color: #daa520;}
.circle-chocolate {background-color: #d2691e;}
.circle-brown {background-color: #a52a2a;}

.menu{
	clear:both;
	float: left;
	display: inline;
	width: 100%;
	box-sizing: border-box;
	padding:7px 2% 0 2%;
	background-color:rgb(14,61,89);
}

.menu_principal {
	float:left; 
	display:inline; 
	width:auto;
	padding:10px 20px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background-color:#062333;
	color:#FFF;
	margin-right:5px;
	border: 1px solid #CCC;
	border-bottom: none;

	-webkit-border-top-left-radius:8px;
	   -moz-border-top-left-radius:8px;
			border-top-left-radius:8px;

	-webkit-border-top-right-radius:8px;
	   -moz-border-top-right-radius:8px;
			border-top-right-radius:8px;
}
.menu_principal:hover { opacity:0.7 }

.ativo { background-color: #FFF; color: #0d3a55; }

.bolinha {
	position: relative;
}

.sub-bolinha {
	position: absolute;
	right: -10px;
	top: -10px;
	background: red;
	border-radius: 50px;
	padding: 10px;
	color: white;
	font-weight: bold;
	box-shadow: 1px 1px 5px black;
}

label { width: 100%; float: left; display: block; }
.campos { padding: 8px; font-size: 16px; margin-bottom: 10px; width: 300px; float: left; display: block; border: none; border: 1px solid #CCC; box-sizing: border-box; 
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}
#campo_ok { float: left; display: block; font-weight: bold; color: #FFF; padding: 10px; text-align: center; background-color: #073d5c; border: none; border: 1px solid #CCC; 
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}

#botao_sair { background-color: #F00; float: right; color: #FFF; margin-right: 0; border: none; }
#botao_sair:hover { background-color: rgb(255, 106, 106); } 

.caixa_seleciona_ano { width: auto; float: right; display: inline; margin-right: 30px; }
.caixa_seleciona_ano * { float: left; display: inline; }
.caixa_seleciona_ano h3 { color: #fff; font-weight: bold; padding: 7px 20px 0 0 !important; font-size: 20px !important; margin: 0 !important; }
.caixa_seleciona_ano select { font-size: 16px; font-weight: bold; padding: 10px; margin-right: 5px; border: none; }

.tabela_padrao { border: 1px solid #4b4b4b; }
.tabela_padrao thead { background-color: rgb(224 241 249); }

#botao_primeiro, #botao_recebimento { margin-left: 150px; }
.submenu { background-color: #1b82bd; }

.submenu.ativo2 { background-color: #FFF !important; color: #062333; }
.bt_voltar { position: absolute; right: 30px; top: 30px; color: #FFF; font-weight: bold; font-size:18px; }