*{
	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:30px; top:10px; }

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 30px 0 0; 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; margin:10px auto; padding:50px; width:1200px; box-sizing: border-box; }

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

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

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

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

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

	-webkit-border-top-right-radius:8px;
	   -moz-border-top-right-radius:8px;
		-ms-border-top-right-radius:8px;
	  	 -o-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 { 
	clear:both;
	float:left;
	margin:0 0 1px 5%;
	width:35%;
	background-color:#dadada;
	text-align:right;
	font-size:14px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	font-weight:bold;
}

.caixa h5 { 
	float:right; 
	width:51%;
	margin:0 5% 1px 0;
	font-size:14px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

.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: 98%;
	padding:7px 0 0 2%;
	background-color:rgb(14,61,89);
}

.menu a {
	float:left; 
	display:inline; 
	width:auto;
	padding:10px 20px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background-color:#CCC;
	color:#0d3a55;
	margin-right:5px;

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

	-webkit-border-top-right-radius:8px;
	   -moz-border-top-right-radius:8px;
		-ms-border-top-right-radius:8px;
	  	 -o-border-top-right-radius:8px;
			border-top-right-radius:8px;
}
.menu a:hover { opacity:0.7 }

.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; 
	-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;
}