rect.bordered {
	stroke: #E6E6E6;
	stroke-width: 2px;
}

body {
	font-size: 11pt;
	font-family: "Helvetica", courier;
}

text.axis {
	fill: #000;
}

.axis path,
.axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}

.bar {
	fill: steelblue;
}

.x.axis path {
	display: none;
}

.legend line {
	stroke: #000;
	shape-rendering: crispEdges;
}

.chk {
	color: #ffffff;
	margin-right: 12px;
}

form {
	right: 10px;
	top: 10px;
}

#portfolio {
	margin-top: 100px;
}

h4{
	color: #fff;
}

strong{
	color:#FFF;
}

a{
	text-decoration: underline;
	text-decoration-color:rgb(235,123,89);
	text-decoration-style: 2px; 
}


.description{color:#FFF;}
.instruction{ 	font-size:11px; }
.section{
	margin-top:30px;
}
.section-name{
	text-transform:uppercase;
	font-size: 9px;
	color:cinza;
	margin-bottom: 0px;
}

.legends{
	width:100%;
	background-color: rgba(0,0,0,.1);
	padding:9px;
	margin: 25px 0px;
}

.legend{
	display:inline-block;
	margin-right: 8px;
}

.audiovisual{ 	background-color: rgb(255,229,69); }
.artescenicas{ 	background-color: rgb(235,123,89); }
.artesvisuais{ 	background-color: rgb(146,102,255); }
.humanidades{ 	background-color: rgb(207,70,71); }
.musica{	 	background-color: rgb(206,242,92); }
.patrimonio{ 	background-color: rgb(102,153,255); }
.artesintegradas{ 	background-color: rgb(204, 117, 162); }

.legend-color{
	width:12px;
	height:12px;
	display: inline-block;
}

.legend-text{
	color:white;
	font-size: 11px;
}

#menu-selected{
	color:rgb(255,255,255);
}

/*-----------------------------------------------------------------------------*/
/*  Setor Mandala - itens com id atrelados ao javascript para receber conteúdo*/
#info { 
	background: #2D2530; 
	opacity: 0; 
	color: white; 
	z-index: 100; 
	font-size: 13px;
	float:left;
	width:100%;
	text-align:center;
	padding:25px;
	display:block;
}

#info #artigo { font-size: 10px; display:inherit; display:block; color:gray;}
#info #area { font-size: 17px; font-weight:bold; display:inherit; display:block;}
#info #segmento { font-size: 14px; display:block; color:gray;}
#info #projeto { font-size: 12px; display:block; letter-spacing: 1px; color: #cf4647; margin-top:5px;}
#info #valor { font-size: 20px; display:block; margin-top: 12px;}
#info #percentagem { font-size: 14px; display:inherit; display:block;}


path { stroke: #fff; fill-rule: evenodd; }
text { font-size: 12px; pointer-events: none; fill: white; }
svg { margin: 0px 0 0 0px; float:left;}  
.highlighted-path { fill: blue; !important; opacity: 0.7!important; }
.hidden { visibility: hidden; }

#splash { width: 400px; position: absolute; top: 100px; left: 30px; font-size: 40px; line-height: 1.1; }
#splash #strap { font-size: 18px; line-height: 1.3; margin-top: 10px; color: #666; }
#splash #tip { font-size: 16px; margin-top: 20px; line-height: 1.3;}
#splash a:link, a:visited { text-decoration: none; color: white }
#splash a:hover, a:active { text-decoration: none; color: white; }


.descricao {font-size: 15px}

.tip {color:white;}

#emissions {font-size: 20px}

#segment {font-size: 5px}

.btn-primary {color:#cccccc;}

/*-----------------------------------------------------------------------------*/
/* Mapa Itinerancia e Proponentes */

.stop-left { stop-color: #9266ff; }

.stop-right {stop-color: #ffe545; }

.filled { fill: url(#mainGradient); }

.outlined {
	fill:   none;
	stroke: url(#mainGradient);
	stroke-width: 1;
}

.state {fill-opacity: 1;}

.state_contour { fill: none; stroke-linejoin: round;} 

.legend-range{ width:230px; margin-top:15px;}

#escala{ font-size: 12px; }
#inicio-escala{font-size: 11px; width:100px; text-align: left; float: left;}
#fim-escala{font-size: 11px; width:100px; text-align: right; float: right;}



/*-----------------------------------------------------------------------------*/
/* Evolucao*/

.cont_geral{  background-color:rgba(0,0,0,.1);	border-color: #FFF; color:#FFF; }
.cont_audiovisual{  background-color:rgba(0,0,0,.1);	border-color: rgb(255,229,69); color:#FFF; }
.cont_artescenicas{ background-color:rgba(0,0,0,.1);	border-color: rgb(235,123,89); color:#FFF;}
.cont_artesvisuais{	background-color:rgba(0,0,0,.1);	border-color: rgb(146,102,255); color:#FFF;}
.cont_humanidades{ 	background-color:rgba(0,0,0,.1);	border-color: rgb(207,70,71); color:#FFF;}
.cont_musica{	 	background-color:rgba(0,0,0,.1);	border-color: rgb(206,242,92); color:#FFF;}
.cont_patrimonio{ 	background-color:rgba(0,0,0,.1);	border-color: rgb(102,153,255); color:#FFF;}
.cont_artesintegradas{ 	background-color:rgba(0,0,0,.1);	border-color: rgb(204, 117, 162); color:#FFF;}

.cont_geral:hover{ 	background-color: rgba(255,255,255, .4); border-color:#3A2D3F;}
.cont_audiovisual:hover{ 	background-color: rgba(255,229,69, .4); border-color:#3A2D3F;}
.cont_artescenicas:hover{ 	background-color: rgba(235,123,89, .4); border-color:#3A2D3F;}
.cont_artesvisuais:hover{ 	background-color: rgba(146,102,255, .4); border-color:#3A2D3F;}
.cont_humanidades:hover{ 	background-color: rgba(207,70,71, .4); border-color:#3A2D3F;}
.cont_musica .active:hover{ background-color: rgba(206,242,92, .4); border-color:#3A2D3F;}
.cont_patrimonio:hover{ 	background-color: rgba(102,153,255, .4); border-color:#3A2D3F;}
.cont_artesintegradas:hover{ 	background-color: rgba(204, 117, 162, .4); border-color:#3A2D3F;}

.cont_geral:focus { 	background-color: rgb(255,255,255); border-color: rgba(0,0,0,.1); color:#3A2D3F;}
.cont_audiovisual:focus { 	background-color: rgb(255,229,69); border-color: rgba(0,0,0,.1); color:#3A2D3F;}
.cont_artescenicas:focus{	background-color: rgb(235,123,89); border-color: rgba(0,0,0,.1); color:#3A2D3F;}
.cont_artesvisuais:focus{	background-color: rgb(146,102,255); border-color: rgba(0,0,0,.1); color:#3A2D3F;}
.cont_humanidades:focus{ 	background-color: rgb(207,70,71); border-color: rgba(0,0,0,.1); color:#3A2D3F;}
.cont_musica:focus{	 		background-color: rgb(206,242,92); border-color: rgba(0,0,0,.1); color:#3A2D3F;}
.cont_patrimonio:focus{ 	background-color: rgb(102,153,255); border-color: rgba(0,0,0,.1); color:#3A2D3F;}
.cont_artesintegradas:focus{ 	background-color: rgb(204, 117, 162); border-color: rgba(0,0,0,.1); color:#3A2D3F;}


/*-----------------------------------------------------------------------------*/
/* Eficiência */

.vSol{
	background-color: rgb(136, 136, 136);
	width:12px;
	height:12px;
	display:inherit;
}

.vAprov{
	background-color: rgb(163, 141, 255);
	width:12px;
	height:12px;
	display:inherit;
}

.vCap{
	background-color: rgb(211, 244, 146);
	width:12px;
	height:12px;
	display:inherit;
}


/*-----------------------------------------------------------------------------*/
/* Sobre */

article.sanfona {
	display: flex;
	margin: 0 auto;
	height:400px;

}

article.sanfona section {
	position: relative;
	display: block;
	float: left;
	width:4em;
	padding:10px;
	height:100%;
}

article.sanfona section h2{
	color:#3A2D3F;
	height: 20px;
	top: 12em;
	margin: 150px 0;
	transform: rotate(-90deg);
	font-size:17px;
}

article.sanfona section:target h2{
	display: none;
}

article.sanfona section h2 a
{
	display: block;
	width: 100%;
	line-height: 2em;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
}

article.sanfona section h6
{
font-size: 18px;
margin:0px 0px 12px 0px;
font-weight: normal;
}

article.sanfona section:target
{
	width:45%;
	background: #fff;
	cursor: default;
	color:#FFF;
	background-color:#3A2D3F;
}

article.sanfona section .section-content{
	display:none;
	height:100%;
	overflow-y:auto;
	overflow-x: hidden;

}

article.sanfona section:target .section-content{
	display:inherit;
}

.section-content ul{
	list-style-type:none;
	padding-left:15px;

}

.section-content li{
	font-size: 11px;
	margin-top:3px;

}

.section-title{
	margin:0px;
	padding:0px;

}


article.sanfona section
{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}


.audiovisual  h6{ 	color: rgb(255,229,69); }
.artescenicas h6{ 	color: rgb(235,123,89); }
.artesvisuais h6{ 	color: rgb(146,102,255); }
.humanidades h6{ 	color: rgb(207,70,71); }
.musica h6{	 	color: rgb(206,242,92); }
.patrimonio h6{ 	color: rgb(102,153,255); }
.artesintegradas h6{ 	color: rgb(204, 117, 162); }