/* CSS Document */
body {
	font-size:16px;
	line-height: 135%;
	color: #333;
	background: #fff;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
} a:link {
	color:#004D66; font-size:100%; font-weight: bold;	text-decoration: none;
} a:visited {
	color:#004D66; text-decoration: none;
} a:hover {
	color:#8C4600; text-decoration: none;
}



h2 {
     font-family:Verdana, Tahoma, Arial;
	 font-weight: bolder;
     color: #fff;
	 margin: 0 0 10px 0;
	 font-size:90%;
	 border-bottom:1px dotted #999;
}

h9 {
	color: #000000;
	font-weight: normal;
	line-height: 34px;
	height: 34px;
	min-width: 86px;
	font-size: 100%;
	text-align: center;
	display: absolute;
	float: center;
	cursor: text;
	-webkit-autofill: background-color: #FAFFBD;
     margin: 2px 3px 5px 2px;
	 padding: 5px 5px 5px 5px;
	 border-left:1px dotted #2f3f54;
	 border-bottom:1px dotted #2f3f54;
} 

input {
    -webkit-appearance: none;
    border-radius: 0;
	outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
}
.input {
    background-color: #D8EBF9;	
	font-weight: bold; /*normal, bold, 900*/
	font-size: 90%;
	color: #1F6FAC;
	min-height: 30px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	text-align: <%If Session("lang_dir")="LTR" Then Response.Write("left") Else Response.Write("right") End If%>;
	letter-spacing: 0px;
	text-indent: 0px;
	margin-left: 30px; /**Alterei aqui*/
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
}
.input:focus {
    box-shadow: 0 0 2px rgba(0, 0, 50, 1);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 50, 1); 
    -moz-box-shadow: 0 0 2px rgba(0, 0, 50, 1);
    border:1px solid rgba(0,0,50, 0.8); 
}
.inputtext {
	background-color: #F5F5F5;
	color: #B35C07;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	font-size: 100%;
	padding: 5px;
	margin: 5px 0px;
    border-radius: 0;
	outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-appearance: none;
    border:2px solid rgba(0,0,0, 0.2);
}

.carregando {
	margin-top: 20px;
	margin-left: 20px;
	background-image: url('./img/carregando32.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

.cabecalho_positioner {
	position: fixed;
	background: #fff;
	top: 0;
	right: 0;
	left: 0;
	/*border-bottom: 1px solid #ccc;*/
	z-index: 1000;
}
.cabecalho_container {
	min-width: 800px;
	background-position: right;
	/*background-image: url('./img/logo.png');*/
	background-size: 100px;
	background-repeat: no-repeat;
	margin-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	height: 60px;
	top: 0px;
	background-color: #000F45;
}
.cabecalho_fonte {
	position: fixed;
	line-height:16px;
	min-width: 50px;
	color: #333;
	background: #fff;
	top: 0px;
	right: 0px;
	padding-top: 4px;
	padding-right: 6px;
	float: right;
} 
.cabecalho_fonte  a:link {
	color: #fff;
} 
.cabecalho_fonte  a:visited {
	color: #fff;
}

.titulo_fractal {
	padding-top: 19px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 110%;
	font-family: Helvetica,Tahoma, Arial;
	text-decoration: none;
	text-align: center;
}

.titulo_fractal_powered {
	color: #FFF;
	font-weight: bold;
	font-size: 100%;
	font-family: Helvetica,Tahoma,Arial;
	text-decoration: none;
	text-align: right;
	height: 58px;
	background-image: url("./img/poweredby.png");
	background-repeat: no-repeat;
	background-position: top right;
	margin-right: 140px;
	margin-top: -36px;
}

.titulo_usuario {
	color: #FFF;
	font-weight: bold;
	font-size: 100%;
	font-family: Helvetica,Tahoma,Arial;
	text-decoration: none;
	text-align: right;
	height: 58px;
	background-image: url("./img/icone-usuario.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 27px;
	margin-top: -50px;
	position: fixed;
	right: 59px;
	width: 73px;
}

.titulo_usuario_lateral {
	color: #000000;
	font-weight: bold;
	font-size: 100%;
	font-family: Helvetica,Tahoma,Arial;
	text-decoration: none;
	text-align: right;
	height: 58px;
	background-image: url("./img/icone-usuario.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 27px;
	position: fixed;
	width: 30px;
}

.corpo {
	position: fixed;
	z-index: 4;
	width: 100%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #fff;
	top: 60px;
	left: 44px;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ccc;
}
.corpo_login{
position: relative;
z-index: 4;
margin-top: 10px;
display: block;
width: 100%;
min-height: 400px;
}
.corpo_iframe {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow-x:auto;
	overflow-y:auto;
	background-color: #fff;
	top: 125px;
	left: 44px;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
}

#background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

.login_header {
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	position: relative;
	width: 800px;
	min-height: 200px;
	margin: 0px auto;
	color: #333;
}

.login_texto {
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	position: relative;
	display: block;
	width: 100%;
	top: 100px;
	text-align: center;
	overflow: hidden;
}


.lingua  {
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	position: relative;
	font-weight: bold;
	padding: -80px;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	text-decoration: none;
	margin: 0;
}
.lingua a {
	position: relative;
	font-weight: bold;
	padding: -80px;
	color: #fff;
	text-decoration: none;
	margin: 0;
}
.lingua a:visited  {
	position: relative;
	font-weight: bold;
	padding: -80px;
	color: #fff;
	text-decoration: none;
	margin: 0;
}
.lingua a:hover  {
	position: relative;
	font-weight: bold;
	padding: -80px;
	color: #aaa;
	text-decoration: none;
	margin: 0;
}

.texto_login{color:#fff; font-size:80%; font-weight: bold;	text-decoration: none;}

.arvore {
	position: fixed;
	z-index: 5;
	width: 65%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #fff;
	top: 60px; 
	left: 44px;
	display: none;
	margin-left: 0px;
	margin-right: 0px;
	border: 0px solid #ccc;
}
.arvore_lateral {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 60px; 
	right: 0px;
	display: none;
	margin-left: -8px;
	margin-right: 0px;
	border-left: 2px solid #656571;
}
.arvore_lateral_arvore {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 34%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 120px; 
	right: 0px;
	#margin-left: -8px;
	#margin-right: 0px;
	#border-left: 2px solid #656571;
}
.mapa {
	position: fixed;
	z-index: 4;
	width: 65%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #fff;
	top: 60px; 
	left: 44px;
	display: none;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ccc;
}
.mapaInfo {
	position: relative;
	z-index: 4;
	width: 100%;
	height: 170px;
	overflow-x:none;
	overflow-y:none;
	background-color: #fff;
	top: 0px; 
	left: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.mapaquestionario {
	position: relative;
	width: 98%;
	height: 300px;
	overflow-x:none;
	overflow-y:none;
	background-color: #fff;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ccc;
}
.mapa_lateral {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 60px; 
	right: 0px;
	display: none;
	margin-left: -8px;
	margin-right: 0px;
	border-left: 2px solid #656571;
}
.mapa_lateral_arvore {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 34%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 210px; 
	right: 0px;
}
.mapa_lateral_info_bottom {
	position: fixed;
	color: #ffffff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 34%;
	height: 200px;
	overflow-x:none;
	overflow-y:none;
	background: none repeat scroll 0% 0% #ffffff;
	bottom: 0px; 
	right: 0px;
}
.mapa_lateral_info {
	position: fixed;
	color: #fff;
	font-size: 12px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 96px;
	overflow-x:none;
	overflow-y:auto;
	background-color: #000;
	top: 114px; 
	right: 0px;
	display: block;
	margin-left: -8px;
	margin-right: 0px;
	border-left: 2px solid #656571;
}
.menu_esquerdo_trans{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: .8;
	display:none;
	position:fixed;
	top: 205px;
	left: 65%;
	height:100%;
	z-index:200;
	width:35%;
	overflow-x:none;
	overflow-y:auto;
	margin-top: 5px;
	font-family:lucida,tahoma,verdana,arial,sans-serif;
	background:#fff;
	color:#333;
}
.menu_cadastro_trans{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";
	filter: alpha(opacity=97);
	opacity: .97;
	display:none;
	position:fixed;
	top: 115px;
	left: 65%;
	height:100%;
	z-index:200;
	width:35%;
	overflow-x:none;
	overflow-y:auto;
	margin-top: 5px;
	font-family:lucida,tahoma,verdana,arial,sans-serif;
	background:#fff;
	color:#333;
}
.menu_rodape{
	font-size: 11px;
	line-height: 22px;
	display:block;
	position:fixed;
	bottom: 0px;
	height:25px;
	z-index:200;
	width:100%;
	overflow-x:none;
	overflow-y:none;
	margin-top: 5px;
	font-family:lucida,tahoma,verdana,arial,sans-serif;
	background:#000F45;
	color:#FFFFFF;
	border-top: 1px dotted #fff;
}
.menu_rodape a {
	color:#FFFFFF;
}
.menu_rodape a:hover {
	color:#FF9326;
}
.diagrama {
	position: fixed;
	z-index: 4;
	width: 65%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #fff;
	top: 60px; 
	left: 44px;
	display: none;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ccc;
}
.diagrama_lateral {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 60px; 
	right: 0px;
	display: none;
	margin-left: -8px;
	margin-right: 0px;
	border-left: 2px solid #656571;
}
.diagrama_lateral_arvore {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 34%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 120px; 
	right: 0px;
	#margin-left: -8px;
	#margin-right: 0px;
	#border-left: 2px solid #656571;
}
.corpo_diagrama_titulo_lista {
	position: fixed;
	color: #000;
	background-color: #F8F8F8;
	z-index: 5;
	font-weight: bold;
	font-size: 130%;
	font-family: Helvetica,Tahoma, Arial;
	text-decoration: none;
	text-align: left;
	margin-left: 0px;
	text-indent: 10px;
	width: 95%;
	height: 100px;
	top: 200px;
	padding: 10px 0px 5px 4px;
	border-bottom:1px dotted #1F6FAC;
}
.diagrama_lateral_info {
	position: fixed;
	color: #fff;
	font-size: 12px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #000;
	top: 115px; 
	right: 0px;
	display: block;
	border-left: 2px solid #656571;
}
.dashboard {
	position: fixed;
	z-index: 4;
	width: 65%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #fff;
	top: 60px; 
	display: none;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ccc;
}
.dashboard_lateral {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 60px; 
	right: 0px;
	display: none;
	margin-left: -8px;
	margin-right: 0px;
	border-left: 2px solid #656571;
}
.iqf {
	position: fixed;
	z-index: 4;
	width: 65%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #fff;
	top: 60px; 
	left: 44px;
	display: none;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ccc;
}
.iqf_lateral {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 60px; 
	right: 0px;
	display: none;
	margin-left: -8px;
	margin-right: 0px;
	border-left: 2px solid #656571;
}
.iqf_lateral_arvore {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 34%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 120px; 
	right: 0px;
}
.parametrizacao {
	position: fixed;
	z-index: 4;
	width: 65%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #fff;
	top: 60px; 
	left: 44px;
	display: none;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ccc;
}
.parametrizacao_lateral {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 60px; 
	right: 0px;
	display: none;
	margin-left: -8px;
	margin-right: 0px;
	border-left: 2px solid #656571;
}
.parametrizacao_lateral_arvore {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 34%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 120px; 
	right: 0px;
}
.cadastramento {
	position: fixed;
	z-index: 4;
	width: 65%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #fff;
	top: 60px; 
	left: 44px;
	display: none;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ccc;
}
.cadastramento_lateral {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 60px; 
	right: 0px;
	display: none;
	margin-left: -8px;
	margin-right: 0px;
	border-left: 2px solid #656571;
}
.cadastramento_lateral_arvore {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 34%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 120px; 
	right: 0px;
}

.relatorios {
	position: fixed;
	z-index: 4;
	width: 65%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #fff;
	top: 60px; 
	left: 44px;
	display: none;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ccc;
}

.relatorios_lateral {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 60px; 
	right: 0px;
	display: none;
	margin-left: -8px;
	margin-right: 0px;
	border-left: 2px solid #656571;
}

.relatorios_lateral_arvore {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 34%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 120px; 
	right: 0px;
}

.databuilder {
	position: fixed;
	z-index: 4;
	width: 65%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #fff;
	top: 60px; 
	left: 44px;
	display: none;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ccc;
}

.databuilder_lateral {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 60px; 
	right: 0px;
	display: none;
	margin-left: -8px;
	margin-right: 0px;
	border-left: 2px solid #656571;
}

.databuilder_lateral_arvore {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 34%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 120px; 
	right: 0px;
}

.alertas {
	position: fixed;
	z-index: 4;
	width: 65%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #fff;
	top: 60px; 
	left: 44px;
	display: none;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ccc;
}

.alertas_lateral {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 60px; 
	right: 0px;
	display: none;
	margin-left: -8px;
	margin-right: 0px;
	border-left: 2px solid #656571;
}
.alertas_lateral_arvore {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 34%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 120px; 
	right: 0px;
}
.busca {
	position: fixed;
	z-index: 5;
	width: 65%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background-color: #fff;
	top: 60px; 
	left: 44px;
	display: none;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #ccc;
}
.busca_lateral {
	position: fixed;
	color: #fff;
	font-size: 14px;
	padding: 7px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 60px; 
	right: 0px;
	display: none;
	margin-left: -8px;
	margin-right: 0px;
	border-left: 2px solid #656571;
}
.busca_lateral_arvore {
	position: fixed;
	color: #4E4949;
	font-size: 14px;
	padding: 0px;
	z-index: 5;
	width: 35%;
	height: 100%;
	overflow-x:none;
	overflow-y:auto;
	background: none repeat scroll 0% 0% #F8F8F8;
	top: 135px; 
	right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


.mapMarker {
	z-index: 5;
	width: 98%;
	height: 500px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:5px solid #848284
}

.mapContainer {
width: 100%;
  height: 100%;
}

#mapContainerFractal2 {
width: 98%;
  height: 600px;
  -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 border:5px solid #a36000
}

/****** ÍCONES *******/
.icon_up {
	color: white;
	background-image: url('./img/arrow-up.png');
	background-repeat: no-repeat;
	line-height: 16px;
	height: 16px;
	width: 16px;
	margin: 0px 0px 0px 8px;
	padding: 0px 8px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.icon_down {
	color: white;
	background-image: url('./img/arrow-down.png');
	background-repeat: no-repeat;
	line-height: 16px;
	height: 16px;
	width: 16px;
	margin: 0px 0px 0px 8px;
	padding: 0px 8px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.icon_mapa {
	color: white;
	background-image: url('./img/icone-mapa-80.png');
	line-height: 82px;
	margin: 0px 0px 0px 0px;
	padding: 30px 105px 57px 0px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	background-repeat: no-repeat;
}
.icon_link {
	color: white;
	background-image: url('./img/icone-link-80.png');
	line-height: 82px;
	margin: 0px 0px 0px 0px;
	padding: 30px 105px 57px 0px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	background-repeat: no-repeat;
}
.icon_video {
	color: white;
	background-image: url('./img/icone-video-80.png');
	line-height: 82px;
	margin: 0px 0px 0px 0px;
	padding: 30px 105px 57px 0px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	background-repeat: no-repeat;
}
.icon_pdf {
	color: white;
	background-image: url('./img/icone-pdf-80.png');
	line-height: 72px;
	margin: 0px 0px 0px 8px;
	padding: 30px 80px 57px 0px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	background-repeat: no-repeat;
}
.icon_info {
	color: white;
	background-image: url('./img/icon-info.png');
	line-height: 16px;
	height: 16px;
	width: 16px;
	margin: 0px 0px 0px 8px;
	padding: 0px 8px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.icon_busca {
	color: white;
	background-image: url('./img/icon-busca.png');
	line-height: 16px;
	height: 35px;
	width: 20px;
	margin: 0px 0px 0px 8px;
	padding: 0px 8px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.icon_adicionar_doc {
	color: white;
	background-image: url('./img/icon-adicionar-doc.png');
	background-repeat: no-repeat;
	line-height: 16px;
	height: 35px;
	width: 20px;
	margin: 0px 0px 0px 8px;
	padding: 0px 8px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.icon_x {
	color: white;
	background-image: url('./img/icon-x.png');
	background-repeat: no-repeat;
	line-height: 16px;
	height: 35px;
	width: 20px;
	margin: 0px 0px 0px 8px;
	padding: 0px 8px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.icon_janela_aumentar {
	color: white;
	background-image: url('./img/icon-janela-aumentar.png');
	background-repeat: no-repeat;
	line-height: 16px;
	height: 35px;
	width: 20px;
	margin: 0px 0px 0px 8px;
	padding: 0px 8px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.icon_janela_diminuir {
	color: white;
	background-image: url('./img/icon-janela-diminuir.png');
	background-repeat: no-repeat;
	line-height: 16px;
	height: 35px;
	width: 20px;
	margin: 0px 0px 0px 8px;
	padding: 0px 8px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.icon_download {
	color: white;
	background-image: url('./img/icon-download.png');
	background-repeat: no-repeat;
	line-height: 16px;
	height: 35px;
	width: 20px;
	margin: 0px 0px 0px 8px;
	padding: 0px 8px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.icon_favorito_cinza {
	background-image: url('./img/favoritos-cinza.png');
	height: 18px;
	margin: -8px 0px 0px 0px;
	padding: 0px 9px;
	cursor: pointer;
}
.icon_favorito_azul {
	background-image: url('./img/favoritos-azul.png');
	height: 18px;
	margin: -8px 0px 0px 0px;
	padding: 0px 9px;
	cursor: pointer;
}


/****** BOTOES *******/

.botao {
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	font-size: 116%;
	color: #ffffff;
	line-height: 30px;
	min-width: 86px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: none;
	border:1px solid rgba(0,0,0, 0.2);
	border-radius:4px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background: -webkit-linear-gradient(#3C71C8, #07337E);
	background: -o-linear-gradient(#3C71C8, #07337E);
	background: -moz-linear-gradient(#3C71C8, #07337E);
	background: linear-gradient(#3C71C8, #07337E);
}
.botao:hover {
	color: white;
	background: -webkit-linear-gradient(#07337E, #3C71C8);
	background: -o-linear-gradient(#07337E, #3C71C8);
	background: -moz-linear-gradient(#07337E, #3C71C8);
	background: linear-gradient(#07337E, #3C71C8);
}
.botao a {
	color: #000;
	position: relative;
	min-width: 86px;
	font-weight: bold;
	text-decoration: none;
}
.botaored {
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	font-size: 116%;
	color: #ffffff;
	line-height: 30px;
	min-width: 86px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: none;
	border:1px solid rgba(0,0,0, 0.2);
	border-radius:4px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background: -webkit-linear-gradient(#FF4000, #8C0000);
	background: -o-linear-gradient(#FF4000, #8C0000);
	background: -moz-linear-gradient(#FF4000, #8C0000);
	background: linear-gradient(#FF4000, #8C0000);
}
.botaored:hover {
	color: white;
	background: -webkit-linear-gradient(#8C0000, #FF4000);
	background: -o-linear-gradient(#8C0000, #FF4000);
	background: -moz-linear-gradient(#8C0000, #FF4000);
	background: linear-gradient(#8C0000, #FF4000);
}
.botaored a {
	color: #000;
	position: relative;
	min-width: 86px;
	font-weight: bold;
	text-decoration: none;
}

.botaodark {
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	color: white;
	background: #000000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
    margin: 7px 2px 2px 2px;
	border-radius:6px;
	border: 0px;
	line-height: 38px;
	min-width: 100px;
	font-size: 116%;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	-webkit-autofill: background-color: #FAFFBD;
	-webkit-appearance: none;
	border:2px solid rgba(0,0,0, 0.2);
	border-radius:4px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background: -webkit-linear-gradient(#000, #414040);
	background: -o-linear-gradient(#000, #414040);
	background: -moz-linear-gradient(#000, #414040);
	background: linear-gradient(#000, #414040);
}
.botaodark:hover {
	color: white;
	background: #ed8633;
	background: -webkit-linear-gradient(#626262, #000);
	background: -o-linear-gradient(#626262, #000);
	background: -moz-linear-gradient(#626262, #000);
	background: linear-gradient(#626262, #000);
}
.botaodark a {
	color: #fff;
	position: relative;
	min-width: 86px;
	font-weight: bold;
	text-decoration: none;
}

.botao_fonte {
	color: white;
	background: #666;
	line-height: 25px;
	height: 25px;
	width: 35px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    border-radius:2px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
}
.botao_fonte:hover {
	color: white;
	background: #ed8633;
}
.botao_menu {
	position: fixed;
	top: 11px;
	left: 2px;
	color: white;
	line-height: 25px;
	height: 23px;
	width: 35px;
	padding-top: 5px;
	text-align: center;
	cursor: pointer;
    border-radius:2px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
}
.botao_menu_texto {
	position: fixed;
	font-size: 15px;
	font-weight: bold;
    text-transform: uppercase;
	top: 18px;
	left: 45px;
	color: white;
	cursor: pointer;
}
.botao_config {
	color: white;
	background: #000;
	background-image: url('./img/icon-config.png');
	line-height: 25px;
	height: 35px;
	width: 35px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0px solid rgba(0,0,0, 0.2);
}
.botao_config:hover {
	color: white;
	background: #666;
	background-image: url('./img/icon-config.png');
}
.botao_editar {
	color: white;
	background: #000;
	background-image: url('./img/icon-editar.png');
	line-height: 25px;
	height: 35px;
	width: 35px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0px solid rgba(0,0,0, 0.2);
}
.botao_editar:hover {
	color: white;
	background: #666;
	background-image: url('./img/icon-editar.png');
}
.botao_reload {
	color: white;
	background: #000;
	background-image: url('./img/icon-reload.png');
	line-height: 25px;
	height: 35px;
	width: 35px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0px solid rgba(0,0,0, 0.2);
}
.botao_reload:hover {
	color: white;
	background: #666;
	background-image: url('./img/icon-reload.png');
}
.botao_voltar {
	color: white;
	background: #000;
	background-image: url('./img/icon-voltar.png');
	line-height: 25px;
	height: 35px;
	width: 35px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0px solid rgba(0,0,0, 0.2);
}
.botao_voltar:hover {
	color: white;
	background: #666;
	background-image: url('./img/icon-voltar.png');
}
.botao_ok {
	color: white;
	background: #000;
	background-image: url('./img/icon-ok.png');
	line-height: 25px;
	height: 35px;
	width: 35px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0px solid rgba(0,0,0, 0.2);
}
.botao_ok:hover {
	color: white;
	background: #666;
	background-image: url('./img/icon-ok.png');
}
.botao_reload {
	color: white;
	background: #000;
	background-image: url('./img/icon-reload.png');
	line-height: 25px;
	height: 35px;
	width: 35px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0px solid rgba(0,0,0, 0.2);
}
.botao_reload:hover {
	color: white;
	background: #666;
	background-image: url('./img/icon-reload.png');
}
.botao_lista {
	color: white;
	background: #000;
	background-image: url('./img/icon-lista.png');
	line-height: 25px;
	height: 35px;
	width: 35px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0px solid rgba(0,0,0, 0.2);
}
.botao_lista:hover {
	color: white;
	background: #666;
	background-image: url('./img/icon-lista.png');
}
.botao_seta_direita{
	color: white;
	background: #000;
	background-image: url('./img/icon-seta-direita.png');
	line-height: 25px;
	height: 35px;
	width: 35px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0px solid rgba(0,0,0, 0.2);
	background-image: url('./img/icon-seta-direita.png');
}
.botao_seta_direita:hover {
	color: white;
	background: #666;
}
.botao_seta_esquerda{
	color: white;
	background: #000;
	background-image: url('./img/icon-seta-esquerda.png');
	line-height: 25px;
	height: 35px;
	width: 35px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0px solid rgba(0,0,0, 0.2);
}
.botao_seta_esquerda:hover {
	color: white;
	background: #666;
	background-image: url('./img/icon-seta-esquerda.png');
}
.botao_seta_norte{
	color: white;
	background: #000;
	background-image: url('./img/icon-seta-norte.png');
	line-height: 25px;
	height: 35px;
	width: 35px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0px solid rgba(0,0,0, 0.2);
}
.botao_seta_norte:hover {
	color: white;
	background: #666;
	background-image: url('./img/icon-seta-norte.png');
}
.botao_seta_sul{
	color: white;
	background: #000;
	background-image: url('./img/icon-seta-sul.png');
	line-height: 25px;
	height: 35px;
	width: 35px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:0px solid rgba(0,0,0, 0.2);
}
.botao_seta_sul:hover {
	color: white;
	background: #666;
	background-image: url('./img/icon-seta-sul.png');
}
.folderArrow {
    float: right;
    margin-right: 10px;
    margin-top: 18px;
    width: 20px;
    height: 10px;
    background: url('./img/Arrows_Sprite.png') repeat scroll 20px 10px transparent;
} 
.folderArrowDown {
    float: right;
    margin-right: 10px;
    margin-top: 18px;
    width: 20px;
    height: 10px;
    background: url('./img/Arrows_Sprite.png') repeat scroll 20px 0px transparent;
} 
.folderArrowUp {
    float: right;
    margin-right: 10px;
    margin-top: 18px;
    width: 20px;
    height: 10px;
    background: url('./img/Arrows_Sprite.png') repeat scroll 20px 10px transparent;
} 
.folderArrowLeft {
    float: left;
    margin-left: 5px;
    margin-top: 15px;
    width: 10px;
    height: 20px;
    background: url('./img/Arrows_Sprite.png') repeat scroll 0px 20px transparent;
} 
.folderArrowRight {
    float: right;
    margin-right: 10px;
    margin-top: -33px;
    width: 12px;
    height: 20px;
    background: url('./img/Arrows_Sprite.png') repeat scroll -10px 20px transparent;
}

.navicon-line {
width: 30px;
height: 6px;
border-radius: 2px;
margin-bottom: 4px;
margin-left: 5px;
background-color: #fff;
}
.panel {
    position: fixed;
	width: 0px;
	color: white;
	background: #66666;
	padding-top: 35px;
}

/****** TEXTO *******/
.titulo_elemento {
	color: #1F6FAC;
	font-weight: normal;
	font-size: 100%;
	font-family: Helvetica,Tahoma, Arial;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	letter-spacing: 0px;
	width: 95%;
	min-height: 20px;
	margin-left: 32px;
}

.resposta {
	color: #1F6FAC;
	font-weight: bold;
	font-size: 110%;
	font-family: Helvetica,Tahoma, Arial;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	letter-spacing: 0px;
	width: 95%;
	min-height: 20px;
	margin-left: 20px;
}

.resposta_grande {
	color: #1F6FAC;
	font-weight: bold;
	font-size: 120%;
	font-family: Helvetica,Tahoma, Arial;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	width: 95%;
	margin-top: 5px;
	margin-left: 0px;
}

.menu_titulo {
	color: #000;
	font-weight: bold;
	font-size: 160%;
	font-family: Helvetica,Tahoma, Arial;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	width: 89%;
	padding: 5px 0 15px 0;
	margin-left: 0px;
	margin-bottom: 0px;
	border-bottom:1px dotted #1F6FAC;
}

.menu_mapa input[type=checkbox] {
	visibility: hidden;
}

.menu_mapa {
	width: 30px;	
	margin: 0px auto;
	position: relative;
	float: left;
}

.menu_mapa label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0px;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.menu_mapa label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 11px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 3px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menu_mapa label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.menu_mapa input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.menu_mapa_kml {
	width: 50px;	
	margin: 0px auto;
	position: relative;
	float: left;
}

.menu_mapa_kml label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 4px;
	border-radius: 10px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 1px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 1px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(bottom, #eeeeee 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(bottom, #eeeeee 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(bottom, #eeeeee 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(bottom, #eeeeee 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(bottom, #eeeeee 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#b3bead',GradientType=0 );
}

.menu_mapa_kml label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 10px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menu_mapa_kml label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.menu_mapa_kml input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.menu_mapa_kml input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.menu_mapa_pol {
	width: 30px;	
	margin: 0px auto;
	position: relative;
	float: left;
}

.menu_mapa_pol label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0px;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #aaa 0%, #444 100%);
	background: -moz-linear-gradient(top, #aaa 0%, #444 100%);
	background: -o-linear-gradient(top, #aaa 0%, #444 100%);
	background: -ms-linear-gradient(top, #aaa 0%, #444 100%);
	background: linear-gradient(top, #aaa 0%, #444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#444',GradientType=0 );
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menu_mapa_pol label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 11px;
	height: 6px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.menu_mapa_pol label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.menu_mapa_pol input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


.menu_arvore input[type=checkbox] {
	visibility: hidden;
}

.menu_arvore {
	width: 30px;	
	margin: 0px auto;
	position: relative;
	float: left;
}

.menu_arvore label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 0px;
	border-radius: 4px;
	content: '+';

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
	background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
	background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
	background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
	background: linear-gradient(top, #fff 0%, #ddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ddd',GradientType=0 );
}

.menu_arvore label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	font-family: Helvetica, Arial;
	font-size: 24px;
	font-weight: bold;
	filter: alpha(opacity=0);
	opacity: 0;
	content: '+';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: -1px;
	left: 3px;
}

.menu_arvore label:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	font-family: Helvetica, Arial;
	font-size: 26px;
	font-weight: normal;
	filter: alpha(opacity=0);
	opacity: 0;
	content: '-';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: -3px;
	left: 5px;
	border: 0px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.menu_arvore label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.menu_arvore input[type=checkbox] + label:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.menu_arvore input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.menu_esquerdo_botao{
	display:block;
	z-index: 20;
	cursor: pointer;
	width: 96%;
	margin: 5px 0px 5px 0px;
	overflow-x:none;
	overflow-y:none;
	padding: 4px;
	font-size: 90%;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	color: #FFFFFF;
	background: none repeat scroll 0% 0% #1869AD;
	border-radius: 5px;
}

.menu_esquerdo_botao:hover {
	color: #FFFFFF;
	background: #73B9FF;
}

.menu_esquerdo_botao_preto{
	display:block;
	z-index: 20;
	cursor: pointer;
	width: 96%;
	margin: 5px 0px 5px 0px;
	overflow-x:none;
	overflow-y:none;
	padding: 4px;
	font-size: 90%;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	color: #FFFFFF;
	background: none repeat scroll 0% 0% #000000;
	border-radius: 5px;
}

.menu_esquerdo_botao_preto:hover {
	color: #FFFFFF;
	background: #222222;
}

.menu_esquerdo_botao_branco{
	display:block;
	z-index: 20;
	cursor: pointer;
	width: 30px;
	height: 33px;
	margin: 5px 0px 5px 0px;
	overflow-x:none;
	overflow-y:none;
	padding: 4px;
	font-size: 90%;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	color: #000000;
	background: none repeat scroll 0% 0% #dddddd;
	border-radius: 5px;
}

.menu_esquerdo_botao_branco:hover {
	color: #000000;
	background: #cccccc;
}

.menu_esquerdo_voltar{
	display:block;
	z-index: 20;
	cursor: pointer;
	width: 99%;
	margin: 7px 0px 0px 0px;
	overflow-x:none;
	overflow-y:auto;
	padding: 7px 0 3px 0;
	font-weight: bold;
	font-size: 90%;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	color: #fff;
	background-color: #000000;
    border-radius: 5px;
}


.menu_principal 
{
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";
	filter: alpha(opacity=97);
	opacity: .97;*/
	display:block;
	position:absolute;
	position:fixed;
	top: 60px;
	left: 0px;
	padding-left: 0px;
	height:100%;
	z-index:2000;
	width:44px;
	font-size:100%;
	background:#dddddd;
	/*border:1px solid #777;*/
	/*border-radius: 6px;*/
	color:#333;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}

.menu_principal_1 
{
	position:fixed;
	top: 67px;
	left: 3px;
	line-height: 27px;
	padding-left: 0px;
	height:100%;
	z-index:20;
	width:38px;
	font-size:90%;
	border-right:0px solid #777;
	color:#333;
	overflow-y: hidden;
	overflow-x: hidden;
}

.menu_principal_2 {
	position:fixed;
	top: 67px;
	left: 21%;
	padding-left: 0px;
	height:100%;
	z-index:20;
	width:49%;
	overflow-x:none;
	overflow-y:auto;
	font-size:90%;
	color:#333;
}

.menu_principal_2_conteudo {
	position:fixed;
	top: 115px;
	left: 21%;
	padding-left: 0px;
	height:100%;
	z-index:20;
	width:49%;
	overflow-x:none;
	overflow-y:auto;
	font-size:110%;
	color:#333;
}

.menu_esquerdo {
	display:none;
	position:absolute;
	position:fixed;
	top: 67px;
	left: 19px;
	padding-left: 0px;
	height:100%;
	z-index:20;
	width:30%;
	/*overflow-x:none;
	overflow-y:auto;*/
	font-family:lucida,tahoma,verdana,arial,sans-serif;
	font-size:100%;
	background:#f8f8f8;
	border:1px solid #777;
	color:#333;
}

.menu_esquerdo ul {
	display:block;
	margin:0 0 15px;
	padding:0;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #fff
}
.menu_esquerdo ul li{
	display:block;
	margin:0;
	line-height:48px;
	border-top:1px solid #fff;
	border-bottom:1px solid #dfdfdf
}
.menu_esquerdo ul li:hover,
.menu_esquerdo ul li.active,
.menu_esquerdo ul li.sidr-class-active{
	border-top:none;
	line-height:49px
}
.menu_esquerdo ul li:hover>a,
.menu_esquerdo ul li:hover>span,
.menu_esquerdo ul li.active>a,
.menu_esquerdo ul li.active>span,
.menu_esquerdo ul li.sidr-class-active>a,
.menu_esquerdo ul li.sidr-class-active>span{
}
.menu_esquerdo ul li a,
.menu_esquerdo ul li span{
	padding:0 15px;
	display:block;
	text-decoration:none;
	color:#333
}
.menu_esquerdo ul li ul{
	border-bottom:none;
	margin:0
}
.menu_esquerdo ul li ul li{
	line-height:40px;
	font-size:13px
}
.menu_esquerdo ul li ul li:last-child{
	border-bottom:none
}
.menu_esquerdo ul li ul li:hover,
.menu_esquerdo ul li ul li.active,
.menu_esquerdo ul li ul li.sidr-class-active{
	border-top:none;
	line-height:41px
}
.menu_esquerdo ul li ul li:hover>a,
.menu_esquerdo ul li ul li:hover>span,
.menu_esquerdo ul li ul li.active>a,
.menu_esquerdo ul li ul li.active>span,
.menu_esquerdo ul li ul li.sidr-class-active>a,
.menu_esquerdo ul li ul li.sidr-class-active>span{
}
.menu_esquerdo ul li ul li a,
.menu_esquerdo ul li ul li span{
	color:rgba(51,51,51,0.8);
	padding-left:30px
}

.menu_elementos {
	display: block;
	position:absolute;
	position:fixed;
	width:35%;
	height: 300px;
	top:0px;
	margin-top:138px;
	z-index:21;
	left: 0px;
	padding-left: 5px;
	overflow-y:auto;
	overflow-x:none;
	font-family:lucida,tahoma,verdana,arial,sans-serif;
	font-size:100%;
	background:#f8f8f8;
	border-right:2px solid #777;
	color:#333;
}

.msg {
	display: none;
	position:fixed;
	z-index: 100;
	width: 50%;
	height: 40px;
	padding: 15px 0 0 0;
	top: 70px;
	left: 25%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
	background-color: #00B300;
	font-weight:bold; /*normal, bold, 900*/
	font-size: 90%;
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	font-style: normal; /*italic, oblique*/
	text-align: center;
	font-style: normal; 
	letter-spacing: 100%;
	border-style: solid;
	border-width:0px;
	border-color: #000000;
}

.botao_arvore {
	display: block;
    text-indent: 0px;
    background: none repeat scroll 0% 0% #1869AD;
    margin: 0px 30px 5px 50px;
    border-radius: 5px;
    border: 0px none;
    line-height: 30px;
    min-height: 30px;
    min-width: 86px;
    font-size: 13px;
    text-align: left;
    vertical-align: text-top;
    cursor: pointer;
    color: #FFFFFF;
}

.botao_arvore:hover {
	color: #FFFFFF;
	background: #73B9FF;
}

.botao_arvore_vermelho {
	display: block;
    text-indent: 0px;
    background: none repeat scroll 0% 0% #8C0000;
    margin: 0px 30px 5px 50px;
    border-radius: 5px;
    border: 0px none;
    line-height: 30px;
    min-height: 30px;
    min-width: 86px;
    font-size: 13px;
    text-align: left;
    vertical-align: text-top;
    cursor: pointer;
    color: #FFFFFF;
}

.botao_arvore_vermelho:hover {
	color: #FFFFFF;
	background: #FF4000;
}

.botao_arvore_preto {
	display: block;
    text-indent: 0px;
    background: none repeat scroll 0% 0% #000000;
    margin: 0px 30px 5px 50px;
    border-radius: 5px;
    border: 0px none;
    line-height: 30px;
    min-height: 30px;
    min-width: 86px;
    font-size: 13px;
    text-align: left;
    vertical-align: text-top;
    cursor: pointer;
    color: #FFFFFF;
}

.botao_arvore_preto:hover {
	color: #FFFFFF;
	background: #444444;
}

.botao_arvore_verde {
	display: block;
    text-indent: 0px;
    background: none repeat scroll 0% 0% #008c00;
    margin: 0px 30px 5px 50px;
    border-radius: 5px;
    border: 0px none;
    line-height: 30px;
    min-height: 30px;
    min-width: 86px;
    font-size: 13px;
    text-align: left;
    vertical-align: text-top;
    cursor: pointer;
    color: #FFFFFF;
}

.botao_arvore_verde:hover {
	color: #FFFFFF;
	background: #00ff00;
}

.botaoless {
	color: white;
	background: #1F6FAC;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
    margin: 7px 2px 2px 2px;
	padding: 0 8px;
	border-radius:6px;
	border: 0px;
	line-height: 16px;
	height: 60px;
	min-width: 140px;
	font-size: 16px;
	text-align: left;
	cursor: pointer;
	-webkit-autofill: background-color: #FAFFBD;
	-webkit-appearance: none;
	/*word-wrap: break-word;*/
}
.botaoless:hover {
	color: white;
	background: #ed8633;
}
.botaoless a {
	color: #fff;
	position: relative;
	min-width: 86px;
	font-weight: bold;
	text-decoration: none;
}

.botaoless_destaque:visited {
        color: white;
        background: #1869AD;
}

.labelinput {
    font-weight: normal;
    font-size: 80%;
    color: #2F3F54;
    font-family: Tahoma,Arial;
    text-align: left;
    font-style: normal;
    letter-spacing: 0px;
    text-indent: 30px;
	margin-top: 10px;
}

.botao_positivo {
	color: #000000;
	margin: 0;
	text-decoration: none;
	text-transform: none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:0px;
	background: url(img/sprite.png) 0px 3px no-repeat;
	padding: 10px 0px 10px 30px;
	font-weight: normal;
	font-size: 80%;
}


.botaoMaisAzul 
{
	background: url(img/sprite.png) 6px 0px no-repeat;
	padding: 15px;
	padding-left: 25px;
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
}
.botaoMenosAzul 
{
	background: url(img/sprite.png) 6px -63px no-repeat;
	padding: 15px;
	padding-left: 25px;
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
}

.botao_negativo {
	color: #000000;
	margin: 0;
	text-decoration: none;
	text-transform: none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:0px;
	background: url(img/sprite.png) 0px -63px no-repeat;
	padding: 7px 0px 10px 28px;
	font-weight: normal;
	font-size: 80%;
}

.arvore_switch {
	margin: -10px 0 0 0;
	font-size: 100%;
	color: #000000;
}

.arvore_switch h3 {
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:0px;
}

.arvore_switch h3 a {
	background: url(img/sprite.png) 15px 6px no-repeat;
	padding: 10px;
	padding-left: 52px;
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
}
.arvore_switch h3:hover {}
.arvore_switch h3.open  { }
.arvore_switch h3.open a { background-position: 15px -57px; }
.arvore_switch h3 + div { padding: 10px; }



.arvore_switch h4 {
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:0px;
}

.arvore_switch h4 a {
	background: url(img/sprite.png) 15px 6px no-repeat;
	padding: 10px;
	padding-left: 52px;
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
	margin-left: -60px;
}
.arvore_switch h4:hover {}
.arvore_switch h4.open  { }
.arvore_switch h4.open a { background-position: 15px -57px; }
.arvore_switch h4 + div { padding: 10px; }



#questionario h7 {
  margin: 0;
}

#questionario h7 a {
  background: url(img/sprite.png) 15px 6px no-repeat;
  padding: 10px;
  padding-left: 52px;
  margin: 0;
  text-decoration: none;
  font-weight: normal;
}
#questionario h7:hover {}
#questionario h7.open  { }
#questionario h7.open a { background-position: 15px -57px; }
#questionario h7 + div { padding: 10px; }

#entidade h7 {
  margin: 0;
}

#entidade h7 a {
  background: url(img/sprite.png) 15px 6px no-repeat;
  padding: 10px;
  padding-left: 52px;
  margin: 0;
  text-decoration: none;
  font-weight: normal;
}
#entidade h7:hover {}
#entidade h7.open  { }
#entidade h7.open a { background-position: 15px -57px; }
#entidade h7 + div { padding: 10px; }
#entidade h7 {
  margin: 0;
}

#objeto h7 a {
  background: url(img/sprite.png) 15px 6px no-repeat;
  padding: 10px;
  padding-left: 52px;
  margin: 0;
  text-decoration: none;
  font-weight: normal;
}
#objeto h7:hover {}
#objeto h7.open  { }
#objeto h7.open a { background-position: 15px -57px; }
#objeto h7 + div { padding: 10px; }


.ui-notify { width:350px; position:fixed; top:40px; right:10px; z-index: 100;}
.ui-notify-message { padding:10px; margin-bottom:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px }
.ui-notify-message h1 { font-size:14px; margin:0; padding:0 }
.ui-notify-message p { margin:3px 0; padding:0; line-height:18px }
.ui-notify-message:last-child { margin-bottom:0 }
.ui-notify-message-style { background:#000; background:rgba(0,0,0,0.8); -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; }
.ui-notify-message-style h1 { color:#fff; font-weight:bold }
.ui-notify-message-style p { color:#fff }
.ui-notify-close { color:#fff; text-decoration:underline }
.ui-notify-click { cursor:pointer }
.ui-notify-cross { margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px }
.ui-notify-cross:hover { color:#ffffab }
.ui-notify-cross:active { position:relative; top:1px }


.tab {
    min-width: 36px;
    height: 20px;
    top: -2px;
    z-index: 8;
    padding: 6px 4px 0px 15px;
    text-align: left;
	cursor: pointer;
    background-color: #F0F0F0;
	background-image: url('./img/arrow-down.png');
	background-repeat: no-repeat;
	background-position: left center;
    border-width: 2px;
    border-style: solid;
    border-color: #656571 #656571;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    position: absolute;
    right: 100px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 8pt;
    text-align: center;
    color: #999;
    line-height: 12px;
}
.tab_down {
    min-width: 36px;
    height: 20px;
    top: 300px;
    z-index: 8;
    padding: 6px 4px 0px 15px;
    text-align: left;
	cursor: pointer;
    background-color: #F0F0F0;
	background-image: url('./img/arrow-up.png');
	background-repeat: no-repeat;
	background-position: left center;
    border-width: 2px;
    border-style: solid;
    border-color: #656571 #656571;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    position: absolute;
    right: 100px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 8pt;
    text-align: center;
    color: #999;
    line-height: 12px;
}
.tab_right {
    position: fixed;
    min-width: 3px;
    height: 40px;
    top: 153px;
    right: 35%;
    z-index: 8;
    padding: 6px 4px 0px 15px;
	cursor: pointer;
    background-color: #F0F0F0;
	background-image: url('./img/arrow-right.png');
	background-repeat: no-repeat;
	background-position: center center;
    border-width: 2px;
    border-style: solid;
    border-color: #656571 #656571;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 8pt;
    text-align: center;
    color: #999;
    line-height: 12px;
}
.tab_left {
    position: fixed;
    min-width: 3px;
    height: 40px;
    top: 153px;
    right: 0%;
    z-index: 8;
    padding: 6px 4px 0px 15px;
	cursor: pointer;
    background-color: #F0F0F0;
	background-image: url('./img/arrow-left.png');
	background-repeat: no-repeat;
	background-position: center center;
    border-width: 2px;
    border-style: solid;
    border-color: #656571 #656571;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 8pt;
    text-align: center;
    color: #999;
    line-height: 12px;
}

/* BUSCA_FRACTAL */

.busca_fractal {
	width: 410px;
	position: fixed;
	top: 59px;
	right: 17px;
	overflow: hidden;
	background-color: #000F45;
	height: 40px;
	padding: 9px 5px 0px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.busca_fractal #palavra_chave_busca {
    width: 230px;
    height: 19px;
    padding: 2px 5px;
    float: left;    
    font: bold 12px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    border-radius: 3px;      
}

.busca_fractal #palavra_chave_busca:focus {
    outline: 0; 
    border-color: #aaa;
    box-shadow: 0 1px 1px #bbb inset;  
}

.busca_fractal #palavra_chave_busca::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
}

.busca_fractal #palavra_chave_busca:-moz-placeholder {
    color: #999;
    font-weight: normal;
}

.busca_fractal #palavra_chave_busca:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
} 

.busca_fractal #submit {
    float: right;    
    border: 1px solid #1869AD;
    height: 25px;
    width: 100px;
    padding: 0;
    cursor: pointer;
    font: bold 14px Arial, Helvetica;
    color: #fafafa;
    text-transform: uppercase;    
    background-color: #1869AD;
    background-image: linear-gradient(top, #1869AD, #006CD9);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;      
    /*text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;*/
}
  
.busca_fractal #submit:hover,
.busca_fractal #submit:focus {       
    background-color: #007FFF;
    background-image: linear-gradient(top, #0483a0, #31b2c3);
}   
  
.busca_fractal #submit:active {
    outline: 0;    
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;    
}
  
.busca_fractal #submit::-moz-focus-inner {
    border: 0;
}

/* GOOGLE CHARTS */
.googlecharts_headerRow {
	font-size:80%;
	padding: 6px 12px;
	font-weight: bold;
	color: #ffffff;
	background: #2980b9;
}
.googlecharts_tableRow {
	font-size:80%;
	padding: 6px 12px;
	font-weight: normal;
	color: #003366;
	background: #f6f6f6;
}
.googlecharts_oddTableRow {
	font-size:80%;
	padding: 6px 12px;
	font-weight: normal;
	color: #003366;
	background: #e9e9e9;
}
.googlecharts_hoverTableRow {
	font-size:80%;
	padding: 6px 12px;
	font-weight: normal;
	color: #003366;
	background: #99B2FF;
}
.googlecharts_selectedTableRow {
	font-size:80%;
	padding: 6px 12px;
	font-weight: normal;
	color: #003366;
	background: #99B2FF;
}
.googlecharts_rowNumberCell{
	font-size:80%;
	padding: 6px 12px;
	font-weight: bold;
	color: #ffffff;
	background: #2980b9;
}
.googlecharts_headerRow_big {
	font-size:100%;
	padding: 6px 12px;
	font-weight: bold;
	color: #ffffff;
	background: #2980b9;
}
.googlecharts_tableRow_big {
	font-size:100%;
	padding: 6px 12px;
	font-weight: normal;
	color: #003366;
	background: #f6f6f6;
}
.googlecharts_oddTableRow_big {
	font-size:100%;
	padding: 6px 12px;
	font-weight: normal;
	color: #003366;
	background: #e9e9e9;
}
.googlecharts_hoverTableRow_big {
	font-size:100%;
	padding: 6px 12px;
	font-weight: normal;
	color: #003366;
	background: #99B2FF;
}
.googlecharts_selectedTableRow_big {
	font-size:100%;
	padding: 6px 12px;
	font-weight: normal;
	color: #003366;
	background: #99B2FF;
}
.googlecharts_rowNumberCell_big{
	font-size:100%;
	padding: 6px 12px;
	text-align: center ;
	font-weight: bold;
	color: #ffffff;
	background: #2980b9;
}
.googlecharts_tableCell_big{
	font-size:100%;
	padding: 6px 12px;
	text-align: center !important;
}
/* GOOGLE CHARTS BLACK*/
.googlecharts_black_headerRow_big {
	font-size:100%;
	padding: 6px 12px;
	font-weight: bold;
	color: #ffffff;
	background: #000000;
	height: 30px;
}
.googlecharts_black_tableRow_big {
	font-size:100%;
	padding: 6px 12px;
	font-weight: normal;
	color: #000000;
	background: #f6f6f6;
	height: 30px;
}
.googlecharts_black_oddTableRow_big {
	font-size:100%;
	padding: 6px 12px;
	font-weight: normal;
	color: #000000;
	background: #dddddd;
	height: 30px;
}
.googlecharts_black_hoverTableRow_big {
	font-size:100%;
	padding: 6px 12px;
	font-weight: normal;
	color: #000000;
	background: #999999;
	height: 30px;
}
.googlecharts_black_selectedTableRow_big {
	font-size:100%;
	padding: 6px 12px;
	font-weight: normal;
	color: #000000;
	background: #999999;
	height: 30px;
}
.googlecharts_black_rowNumberCell_big{
	font-size:100%;
	padding: 6px 12px;
	text-align: center ;
	font-weight: bold;
	color: #ffffff;
	background: #000000;
	height: 30px;
}
.googlecharts_black_tableCell_big{
	font-size:100%;
	padding: 6px 12px;
	text-align: center !important;
}



.hiera_info{
	color: white;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	line-height: 19px;
	width: 96%;
	margin: 0px 0px 0px 10px;
}
.hiera_info a {
	color: #F9A11C;
	margin: 0px;
}

.hiera_info a:hover {
	color:#92C8EA;
	margin: 0px;
}

.hiera_modulo{
	color: white;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	background: #3555B4;
	line-height: 19px;
	height: 19px;
	width: 97%;
	margin: 10px 0px 3px 0px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
	padding-left: 3%;
}

.hiera_ontologia{
	color: white;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	background: #3E7CE7;
	line-height: 19px;
	height: 19px;
	width: 97%;
	margin: 10px 0px 3px 0px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
	padding-left: 3%;
}

.hiera_ciclo{
	color: white;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	background: #004D09;
	line-height: 19px;
	height: 19px;
	width: 97%;
	margin: 10px 0px 3px 0px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
	padding-left: 3%;
}

.hiera_classe{
	color: white;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	background: #016B03;
	line-height: 19px;
	height: 19px;
	width: 97%;
	margin: 10px 0px 3px 0px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
	padding-left: 3%;
}

.hiera_objeto{
	color: white;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	background: #16B023;
	line-height: 19px;
	height: 19px;
	width: 97%;
	margin: 10px 0px 3px 0px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
	padding-left: 3%;
}

.hiera_componente{
	color: white;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	background: #4A2600;
	line-height: 19px;
	height: 19px;
	width: 97%;
	margin: 10px 0px 3px 0px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
	padding-left: 3%;
}

.hiera_tipoent{
	color: white;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	background: #834502;
	line-height: 19px;
	height: 19px;
	width: 97%;
	margin: 10px 0px 3px 0px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
	padding-left: 3%;
}

.hiera_entidade{
	color: white;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	background: #C86C07;
	line-height: 19px;
	height: 19px;
	width: 97%;
	margin: 10px 0px 3px 0px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
	padding-left: 3%;
}

.novo_objeto{
	color: white;
	float:left;
	min-width:25px;
	padding:4px;
	font-size:14px;
	text-align: center;
	margin: 4px 0px 3px 1px;
	font-weight: bold;
	background: #16B023;
	line-height: 19px;
	height: 19px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
}

.mapa_contadores{
	color: white;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	background: #3555B4;
	line-height: 19px;
	height: 19px;
	width: 97%;
	margin: 10px 0px 3px 0px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
	padding: 4px 15px 4px 15px;
}
.indice_lista_verde{
	text-align: center;
	font-size: 16px;
	color: white;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 4px solid rgba(0,0,0, 0.2);
	background-color: green;
}
/* N�O REMOVER - IMPORTANTE PARA O GOOGLE CHARTS */
.goog-menu-vertical {overflow:scroll; max-height:300px}
.charts-menu-vertical {overflow:scroll; max-height:300px}

.questionario_categoria_perguntas {
	color: #3F3F3F;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	min-width: 86px;
	font-size: 100%;
	text-align: left;
	cursor: text;
    margin: 2px 3px 5px 2px;
	padding: 5px 5px 5px 5px;
	border-bottom:1px dotted #BFC1C3;
	border-left:1px dotted #BFC1C3;
	text-indent: 0px;
} 

.questionario_perguntas_titulo_tab {
	color: #3F3F3F;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
    text-indent: 0px;
	min-width: 86px;
	font-size: 63%;
	text-align: left;
	cursor: text;
	padding: 0px 0px 0px 5px;
	margin-bottom: 5px;
	border-bottom:1px dotted #C8C8C8;
	border-left: 1px dotted #C8C8C9;
}

.questionario_perguntas_titulo {
	color: #C86C07;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
    text-indent: 0px;
	/*height: 18px;*/
	min-width: 86px;
	font-size: 100%;
	text-align: left;
	cursor: text;
    margin: 20px 3px 5px 2px;
	/*border-bottom:1px dotted #C8C8C8;
	border-left: 1px dotted #C8C8C9;*/
}

.questionario_perguntas_resposta {
	color: #C86C07;
	font-weight: bold;
	font-size: 100%;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	letter-spacing: 0px;
	padding-left: 10px;
	border-bottom:1px dotted #C8C8C8;
	border-left: 1px dotted #C8C8C9;
}

.questionario_perguntas_datahora {
	color: #1F6FAC;
	font-weight: normal;
	float:left;
	font-size: 70%;
	margin-left: 5px;
	line-height: 12px;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	letter-spacing: 0px;
	padding-left: 5px;
	border-bottom:1px dotted #C8C8C8;
	border-left: 1px dotted #C8C8C9;
}

.tutorial_lateral {
	position: fixed;
	display: none;
	color: #fff;
	background-color: rgba(255, 255, 255, 1);
	font-size: 14px;
	padding: 0px;
	z-index: 1000;
	width: 0px;
	height: 100%;
	overflow-x:none;
	overflow-y:none;
	top: 60px; 
	left: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-right: 0px solid #656571;
}
.tutorial_titulo {
	display: block;
	color: #000;
	background-color: #AAA;
	z-index: 1000;
	font-weight: bold;
	font-size: 130%;
	font-family: Helvetica,Tahoma, Arial;
	text-decoration: none;
	text-align: left;
	margin-left: 0px;
	text-indent: 10px;
	height: 30px;
	padding: 10px 0px 6px 0px;
	border-right: 0px solid #656571;
}
.tutorial_barra {
	position: fixed;
	display: none;
	color: #000;
	background-color: #006CD9;
	z-index: 5;
	font-weight: bold;
	font-size: 130%;
	font-family: Helvetica,Tahoma, Arial;
	text-decoration: none;
	text-align: left;
	margin-left: -2px;
	text-indent: 10px;
	width: 6px;
	height: 30%;
	top: 35%;
	padding: 10px 0px 6px 0px;
	border: 2px solid #000000;
    border-radius:3px;
}

.icon_coluna_simples {
	position: absolute;
	top: 10px;
	height: 37px;
	right: 10px;
	width: 96px;
	background-image: url("./img/icon-coluna-simples.png");
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;
}

.icon_coluna_dupla {
	position: absolute;
	top: 10px;
	height: 37px;
	right: 10px;
	width: 96px;
	background-image: url("./img/icon-coluna-dupla.png");
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;
}

.icon_questionario_editar {
	position: absolute;
	top: 10px;
	height: 37px;
	right: 120px;
	width: 96px;
	background-image: url("./img/icon-questionario-editar.png");
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;
}

.icon_questionario_ler {
	position: absolute;
	top: 10px;
	height: 37px;
	right: 120px;
	width: 96px;
	background-image: url("./img/icon-questionario-ler.png");
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;
}

.atualizado_em {
    font-weight: normal;
    font-size: 70%;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
    color: #8B97F1;
    min-height: 20px;
    font-family: Tahoma,Arial;
    text-align: left;
}

.resposta_em {
    font-weight: normal;
    font-size: 70%;
	margin-left: 0px;
	float:left;
	font-family: "Trebuchet MS", Open Sans, Helvetica, sans-serif;
    color: #8B97F1;
    min-height: 20px;
    font-family: Tahoma,Arial;
    text-align: left;
}

/*
################################################
################################################
################################################ antigo gera-css.asp
################################################
################################################
*/

.menu_user {color:white; font-size:100%; font-weight: bold;	text-decoration: none;} 

.cabecalho {
position: relative;
z-index: 5;
background-color: #fff;
top: 1 px;
display: block;
width: 100%;
min-height: 80px;
left: 0%;
margin: 0;
border-bottom: 1px solid #ccc;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
/*-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);*/
}


.header{
position: absolute; 
z-index: 10;
background-color: #999;
display: block;
height: <%If Session("browser")="IE" Then Response.Write("85px") Else Response.Write("75px") End If%>;
width: 100%;
border-bottom: 10px solid #4F9BD8;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
}


.header-levantamento{
position: fixed;
z-index: 20;
top: 10px;
right: 10px; /* <%If Session("lang_dir")="LTR" Then Response.Write("right") Else Response.Write("left") End If%>: 10px; */
color: #fff;
text-shadow: 1px 1px 0px black;
font-family: arial,helvetica;
font-weight: lighter;
font-size: 24px;
line-height: 24px;
letter-spacing: -1px;
float: right; /*<%If Session("lang_dir")="LTR" Then Response.Write("right") Else Response.Write("left") End If%>;*/
}


.fonte-corpo a {
	position: relative;
	top: 5px;
	color: #fff;
	text-decoration: none;
	margin: 0;
	float:center;
}

h1 {
     font-family:Verdana, Tahoma, Arial;
	 font-weight: bolder;
	 background-color: #4c66a0;
	 text-transform: uppercase;
     color: #ffffff;
     font-size:90%;
     font-size-adjust:none;
     font-stretch:normal;
     font-style:normal;
     font-variant:normal;  
     line-height:19px;
     margin: 7px 2px 2px 2px;
	 padding: 5px 8px 5px 8px;
	 -moz-border-radius:6px;
	 -webkit-border-radius:6px;
	 border-radius:6px;
	 border:1px solid #fff;
} 

h4 {
     font-family:Verdana, Tahoma, Arial;
	 font-weight: bolder;
	 background-color: #fff;
	 text-transform: uppercase;
     color: #a36000;
     font-size:100%;
     font-size-adjust:none;
     font-stretch:normal;
     font-style:normal;
     font-variant:normal;  
     line-height:19px;
     margin: 18px 2px 18px 2px;
	 padding: 2px 2px;
	 -moz-border-radius:6px;
	 -webkit-border-radius:6px;
	 border-radius:6px;
	 border:1px dotted #444;
} 

h5 {
     font-family:Verdana, Tahoma, Arial;
	 font-weight: bolder;
	 background-color: #fff;
	 text-transform: uppercase;
     color: #2f3f54;
     font-size:80%;
     font-size-adjust:none;
     font-stretch:normal;
     font-style:normal;
     font-variant:normal;  
     line-height:19px;
     margin: 2px 3px 5px 32px;
	 padding: 5px 5px 5px 5px;
	 border-bottom:1px dotted #2f3f54;
} 

h6 {
	color: white;
	background: #88B719;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border: 1px solid #fff;
	line-height: 34px;
	min-width: 86px;
	font-size: 90%;
	text-align: center;
	cursor: pointer;
	-webkit-autofill: background-color: #FAFFBD;
} 
h6 a:link { color: white; text-decoration: none;}
h6 a:hover {color: #ed8633;  }

h7 {
	color: #000000;
	font-size: 100%;
	display: absolute;
}

h8{
     font-family: helvetica;
	 font-weight: bolder;
	 background-color: #8d623e;
	 text-transform: uppercase;
     color: #ffffff;
     font-size:28px;
     line-height:28px;
     margin: 0px 2px 2px 2px;
	 padding: 0 14px 0 14px;
	 -moz-border-radius:6px;
	 -webkit-border-radius:6px;
	 border-radius:12px;
	 border:1px solid #fff;
}



.inputboxlogin {
    outline:none;
	height: 34px;
	width: 167px;
	font-size: 20px;
	color: #000;
	padding: 0 5px;
	background: #EDFFFA;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:2px solid rgba(0,0,0, 0.2);
}

.inputboxlogin:focus {
    box-shadow: 0 0 2px rgba(0, 0, 50, 1);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 50, 1); 
    -moz-box-shadow: 0 0 2px rgba(0, 0, 50, 1);
    border:2px solid rgba(0,0,50, 0.8); 
}

.botaoless_destaque {
	color: white;
	background: #8d623e;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
    margin: 7px 2px 2px 2px;
	border: 0px;
	line-height: 30px;
	height: 30px;
	min-width: 86px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	-webkit-autofill: background-color: #FAFFBD;
}
.botaoless_destaque:hover {
	color: white;
	background: #4F9BD8;
}
.botaoless_destaque:visited {
        color: white;
        background: #4F9BD8;
}
.botaoless_destaque a {
        color: #fff;
        position: relative;
        min-width: 86px;
        font-weight: bold;
        text-decoration: none;
}
.botaoless_destaque a:visited  {
        font-weight: bold;
        color: #fff;
}


/* styled button */
.styled-button {
	color: white;
	background: #4F9BD8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border: 0px;
	line-height: 34px;
	height: 34px;
	min-width: 86px;
	font-size: 18px;
	text-indent: 0px;
	padding: 0 8px ;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	-webkit-autofill: background-color: #FAFFBD;
}.styled-button:hover {
	color: white;
	background: #ed8633;
}.styled-button:active {
	position:relative;
	top:1px;
}


/*input {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
}

input:focus {
    box-shadow: 0 0 2px rgba(0, 0, 50, 1);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 50, 1); 
    -moz-box-shadow: 0 0 2px rgba(0, 0, 50, 1);
    border:1px solid rgba(0,0,50, 0.8); 
}*/

fieldset {
	margin-top: 0px;
	width: 95%;
}


fieldset, fieldset.collapsible {
	padding: 10px;
	border:1px  #a36000;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	margin-bottom: 1em;
	margin-left: 3px;
}

fieldset.collapsed {
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	margin-bottom: 0;
	margin-left: 3px;
}

#jquery-lightbox {
position: absolute;
width: 100%;
}

#lightbox-container-image-box {
position: absolute;
z-index: 8;
top:90px;
left: 11%;
/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);*/
float: left;
}

#lightbox-container-image{

float: left;
}



#mapa_ue { 
width: 80%; 
height: 400px;
-moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
 border:5px solid #a36000
} 
.labels {
 color: blue;
 background-color: white;
 font-family: "Lucida Grande", "Arial", sans-serif;
 font-size: 9px;
 font-weight: bold;
 text-align: center;   
 white-space: wrap;
}
 
#mapForm1 {
width: 98%;
  height: 400px;
  -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 border:5px solid #a36000
}


/* Futurebox styles */
/*
.futurebox {
}
.futurebox ul
{
	padding: 0px 10px 0px 0px;
	float: left;
}
.futurebox ul li
{
	display: inline-block;
	float: left;
	list-style: none;
	margin: 0 0px 0 0;
	border: 0px solid #ccc;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.futurebox ul li:hover 
{ 
	border: 0px solid #1E528C; 
}
.futurebox ul li img, ul li label 
{ 
	display: block; 
	cursor: pointer; 
}
.futurebox ul li input 
{ 
	display: none; 
}
.futurebox ul li input:checked + .overlay { display: table; } 
*/

/* Example-UI - Nokia Maps */






label:hover {
	cursor: pointer;
}

.conceal {
	visibility: hidden;
}

.note, .log {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #CCCCCC #BFBFBF #8C8C8C #C0C0C0;
	border-radius: 8px 2px 8px 8px;
	border-style: solid;
	border-width: 1px 1px 2px 2px;
	display: table-cell;
	margin: 90px 10px;
	padding: 8px 0 0 8px;
	position: absolute;
	width: 200px;
	z-index: 999;
	height: auto;
	color: #4C4C4C;
	font-size: 80%;
}

.note[aria-hidden="true"],
.log[aria-hidden="true"] {
	display: none;
}

.note_not_ie7 {
	left: 8px;
	top: 60px;
}

.note_ie7 {
	right: 8px;
	top: 60px;
}

.note a, .log a  {
	color: #0099DD;
	font-weight: bold;
	text-decoration: none;
}

.note h1 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin: 0px;
	padding: 3px;
}

.note .title {
	float: left;
	position: relative;
	width: 156px;
	height: 30px;
}

.note_ie7 .title {
	width: 140px;
}

.note p {
	margin: 6px 0 0;
	padding: 0;
}

.note input {
	margin: 5% 0 0;
	width: 100%;
}

.note input[type="radio"] {
	margin-right: 5px;
}

.note .close, .log .close {
	border-color: #CCCCCC #CCCCCC #E7E6E3 #E7E6E3;
	border-radius: 0 0 0 0;
	border-style: solid;
	border-width: 1px;
	color: #999999;
	display: inline;
	float: right;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	margin: -9px -1px 0 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 32px;
	z-index: 9999;
	border-left: 1px solid #D0CFC7;
}

.note .inner {
	background-color: #FFFFFF;
	width: 190px;
	height: auto;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 8px 8px 0;
}

.log_ie7 {
	left: 8px;
	bottom: 10px;
	color: #4C4C4C;
}

.log_not_ie78 {
	right: 10px;
	bottom: 10px;
	max-height: 160px;
	color: #4C4C4C;
}

.log .clear {
	background-color: #FFFFFF;
	border-bottom: 1px solid #E7E6E3;
	border-style: solid;
	border-top: 1px solid #CCCCCC;
	border-width: 1px 0;
	color: #999999;
	font-weight: bold;
	line-height: 38px;
	margin: -9px 0 0 -8px;
	position: relative;
	text-align: center;
	width: 167px;
}

.log .inner {
	background-color: #FFFFFF;
	height: 100px;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 8px 8px 0;
}

.log .console {
	font-size: 10px;
	max-height: 160px;
	width: 190px;
}

.log .console p {
	margin: 0;
	padding: 0;
	width: 100%
}

.log .console p.odd {
	background-color: #F9F9FA;
}

.log .console .title {
	width: 100%;
	color: #333333;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	margin-top: 20%;
}

.thumb {
	margin: 5px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:5px solid #a36000
}

#sitethumb {
  transform: scale(.3);
  transform-origin: 0 0;
}

#planta {
  overflow: hidden;
  /*width: 1200px;*/
  height: 10px;

  border: #a36000 solid 0px;

  -moz-transform-origin:0 0; -moz-transform: scale(1);
  -webkit-transform-origin:0 0; -webkit-transform: scale(1);
  -o-transform-origin:0 0; -o-transform: scale(1);
  transform-origin:0 0; transform: scale(1);
}

/*
Estilos do ON OFF SWITCH ( desabilitado no DOC 2014042901 )

.onoffswitch  {
    position: relative; width: 76px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
 
.onoffswitch-checkbox {
    display: none;
}
 
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #666666; border-radius: 23px;
}
 
.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
 
.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 23px; padding: 0; line-height: 23px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border-radius: 23px;
    box-shadow: 0px 11.5px 0px rgba(0,0,0,0.08) inset;
}
 
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #61A1D6; color: #FFFFFF;
    border-radius: 23px 0 0 23px;
}
 
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #DBDBDB; color: #666666;
    text-align: right;
    border-radius: 0 23px 23px 0;
}
 
.onoffswitch-switch {
    width: 23px; margin: 0px;
    background: #8C8C8C;
    border: 2px solid #666666; border-radius: 23px;
    position: absolute; top: 0; bottom: 0; right: 49px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    box-shadow: 0 1px 1px white inset;
}
 
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
 
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
/* FIM DO ON OFF SWITCH */
 
.tile{
    height:100px;  
    width:100px;  
    float:left;
    margin:0 5px 0 0;
    padding:2px;
}
 
.tileLargo{
    width:210px;
}
 
.amarelo{
    background:#DAA520;
}
 
.vermelho{
    background:#CD0000;  
}
 
.azul{
    background:#4682B4;
}
 
.verde{
    background-color: #2E8B57;
}
 
.tilelinha{
    width:auto;
    padding:5px;
    height:auto;
    display:table;      
}
 
.tileselecionado{
    background-color: #483D8B;
}
 
.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    background-color: white;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
 
.white_content {
    display: none;
    position: absolute;
    top: 0%;
    left: 5px;
    width: 90%;
    padding: 16px;
    border: 5px solid gray;
    background-color: white;
    z-index:10000;
    overflow: auto;
}

.tile_topo {
position:absolute;top:0;font-size:12px;left:0;padding:0 0 6px 2%;text-decoration:none;width:98%;z-index:30;
    color: white;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: normal;
	opacity: 0.8;
}

.googlemapslabel {
	color: white;
	background-color: #000;
	font-family: "Lucida Grande", "Arial", sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	border: 1px solid white; border-radius: 4px;
	white-space: nowrap;
	opacity: 0.5;
	}
	


.header-wrapper {
position: fixed
top: 0px;
left: 0px;
height: 50px;
}

.header-logo {
height: 45px;
overflow: hidden;
}

.header-titulo {
position: fixed
top: 5px;
left: 80px;
float: none;
text-shadow: 1px 1px 0px black;
color: white;
font-family: arial,helvetica;
font-weight: lighter;
font-size: 32px;
line-height: 32px;
letter-spacing: -1px;
}

.header-usuario {
position: relative;
background: #4F9BD8;
border-radius:6px 6px 0 0;
top: -128px;
right: 10%;
width: 250px;
height: 28px;
line-height:normal;
float: left;
}

.header-usuario-foto {
position: fixed
color: white;
z-index: 6;
top: 0px;
left: 0px;
height: 30px;
float:left;
}

.fonte-wrapper {
position: fixed
top: 90px;
right: 0px;
background-color: #eee;
display: block;
}

.fonte-corpo{
position: relative;
z-index: 20;
top: 5px;
height: 30px;
width: 30px;
background-color: #ed8633;
border: 1px solid #ccc;
display: block;
right: 0px;
color: #444;
text-shadow: 1px 1px 0px black;
font-family: arial,helvetica;
letter-spacing: -1px;
}


#botao_play {
  margin: 0;
  text-indent: 0px;
}

#botao_play  a {
  background: url(view/css/img/botao_play.png) 0px 6px no-repeat;
  padding: 10px 0 10px 32px;
}
#botao_play :hover {background-position: 0px -57px; }

#botao_stop {
  margin: 0;
  text-indent: 0px;
}

#botao_stop  a {
  background: url(view/css/img/botao_stop.png) 0px 6px no-repeat;
  padding: 10px 0 10px 32px;
}
#botao_stop :hover {background-position: 0px -57px; }

#botao_plus {
  margin: 0;
  text-indent: 0px;
}

#botao_plus  a {
  background: url(view/css/img/botao_plus.png) 0px 6px no-repeat;
  padding: 10px 0 10px 32px;
}
#botao_plus :hover {background-position: 0px -57px; }

#botao_del {
  margin: 0;
  text-indent: 0px;
}

#botao_del  a {
  background: url(view/css/img/botao_del.png) 0px 6px no-repeat;
  padding: 10px 0 10px 32px;
}
#botao_del :hover {background-position: 0px -57px; }

#botao_pause {
  margin: 0;
  text-indent: 0px;
}

#botao_pause  a {
  background: url(view/css/img/botao_pause.png) 0px 6px no-repeat;
  padding: 10px 0 10px 32px;
}
#botao_pause :hover {background-position: 0px -57px; }

#botao_open {
  margin: 0;
  text-indent: 0px;
}

#botao_open  a {
  background: url(view/css/img/botao_open.png) 0px 6px no-repeat;
  padding: 10px 0 10px 32px;
}
#botao_open :hover {background-position: 0px -57px; }






.botao_up {
	color: white;
	background: #fff url(view/css/img/seta-laranja-up.png) top left no-repeat;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
    margin: 7px 2px 2px 2px;
	border: 0px;
	line-height: 29px;
	min-width: 29px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}
.botao_up:hover {
	color: white;
	background: #fff url(view/css/img/seta-azul-up.png) top left no-repeat;
}
.botao_up a {
	color: #fff;
	background: url(view/css/img/seta-laranja-cima.jpg) 10px 10px no-repeat;
	position: relative;
	min-width: 86px;
	font-weight: bold;
	text-decoration: none;
}

.botao_destaque{
	color: white;
	background: #777; /*#88B719;*/
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border: 0px;
	line-height: 34px;
	height: 34px;
	min-width: 86px;
	font-size: 20px;
	text-align: center;
	display: block;
	float: center;
	cursor: pointer;
	-webkit-autofill: background-color: #FAFFBD;
}
.botao_destaque:hover {
	color: white;
	background: #ed8633;
}

.botao_destaque a {
	font-weight: bold;
	color: #fff;
	font-size: 90%;
	text-decoration: none;
	margin: 0;
}

.botaoless_item {
	color: white;
	background: #aaaaaa; /*4F9BD8;*/
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:6px;
    margin: 7px 2px 2px 2px;
	border: 0px;
	line-height: 24px;
	height: 24px;
	min-width: 40px;
	font-size: 14px;
	/*font-weight: bold;*/
	text-align: center;
	display: inline-block;
	cursor: pointer;
	-webkit-autofill: background-color: #4F9BD8;
	-webkit-appearance: none;
}
.botaoless_item:hover {
	color: white;
	font-weight: bold;
	background: #8d623e;
}
.botaoless_item:visited {
        color: white;
        background: #4F9BD8;
}
.botaoless_item a {
        color: #fff;
        position: relative;
        min-width: 86px;
        font-weight: bold;
        text-decoration: none;
}
.botaoless_item a:visited  {
        font-weight: bold;
        color: #fff;
}

.botaoless_menu {
	color: white;
	background: #1F6FAC;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:4px;
    margin: 7px 2px 2px 2px;
	border: 0px;
	padding:0 9px;
	line-height: 40px;
	height: 40px;
	min-width: 40px;
	font-size: 13px;
	/*font-weight: bold;*/
	text-align: center;
	display: inline-block;
	cursor: pointer;
	-webkit-autofill: background-color: #4F9BD8;
	-webkit-appearance: none;
}
.botaoless_menu:hover {
	color: white;
	font-weight: normal;
	background: #8d623e;
}
.botaoless_menu:visited {
        color: white;
        background: #4F9BD8;
}
.botaoless_menu a {
        color: #fff;
        position: relative;
        min-width: 86px;
        font-weight: bold;
        text-decoration: none;
}
.botaoless_menu a:visited  {
        font-weight: bold;
        color: #fff;
}

.sinalverde {
	color: white;
	background: url(view/css/img/semaforo_verde.png) top center no-repeat;
	font-size: 16px;
	margin: 0px;
	border: 0px;
	line-height: 25px;
	min-width: 25px;
	text-align: center;
	display: block;
	float: center;
	cursor: pointer;
}

.sinalvermelho {
	color: white;
	background: url(view/css/img/semaforo_vermelho.png) top center no-repeat;
	font-size: 16px;
	margin: 0px;
	border: 0px;
	line-height: 25px;
	min-width: 25px;
	text-align: center;
	display: block;
	float: center;
	cursor: pointer;
}

.sinalverdepeq {
	color: white;
	background: url(view/css/img/semaforo_verde_peq.png) top center no-repeat;
	font-size: 10px;
	margin: 0px;
	border: 0px;
	line-height: 10px;
	min-width: 10px;
	text-align: center;
	display: block;
	float: center;
	cursor: pointer;
}

.sinalvermelhopeq {
	color: white;
	background: url(view/css/img/semaforo_vermelho_peq.png) top center no-repeat;
	font-size: 10px;
	margin: 0px;
	border: 0px;
	line-height: 10px;
	min-width: 10px;
	text-align: center;
	display: block;
	float: center;
	cursor: pointer;
}



#system-message dd, .tool-tip {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}
#system-message dd {
position: absolute;
width: 460px;
height: 50px;
left: 50%;
margin-left: -230px;
top: -80px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}
#system-message dd.message.error {
border: 1px solid #EC9B9A;
color: #702F2D;
padding: 50px 0 0 0;
float: center;
background: #FAE2E2 url(view/css/img/message-error.png) 50% 10px no-repeat;
}
#system-message dd.message {
border: 1px solid #97BDEC;
color: #3C628D;
background: #DDE9F7 url(view/css/img/message-message.png) 10px 50% no-repeat;
}
#system-message dd {
margin: 0 0 10px 0;
}

.fundotabs{
position: fixed
top:180px;
z-index: 10;
left:40%;
width:80%;
margin: 0 -30%;
font: 80% Arial,sans-serif;
color:#3366cc;
height:30px;
line-height:20px; 
background:#000;
}

.tabs {
	position: fixed
	top: 182px;
	z-index: 10;
	left: 15%;
	width:80%;
	margin: 0 -50px;
	font-size:80%;
	font-weight: bold;
	line-height:normal;
	border-bottom:0px solid #6B78A9;
	float: left;
	}
.tabs a:hover{
background-color:#676767;
color:#CCCCCC;
}
.tabs a{
text-decoration:none;
padding:6px 8px 7px;
color:#CCCCCC;
outline:none;
}
.tabs ul{
list-style:none;
margin:0;
float: left;
padding:0 0 0 10px;
}
.tabs ul li{
padding:4px 10px;
float: left;
}
.tabs ul li ul li{
padding:0;
float:none;
margin:0 0 0 0px;
width:100%;
}
.tabs ul li ul{
position:relative;
border:1px solid #C3D1EC;
/*box-shadow*/
-webkit-box-shadow:0 1px 5px #CCCCCC;
-moz-box-shadow:0 1px 5px #CCCCCC;
box-shadow:0 1px 5px #CCCCCC;
margin-top:-1px;
display:none;
padding:0px 16px 0px 0;
}	
	
.fundomenu{
position: absolute; 
top:45px;
z-index: 2;
left:0;
width:100%;
font: 80% Arial,sans-serif;
color:#3366cc;
height:30px;
line-height:20px; 
background:#000;
}
	
.menu{
position: absolute; 
top:45px;
padding: 0 0 0 100px;
z-index: 2;
left:0px;
font: 80% Arial,sans-serif;
color:#3366cc;
height:30px;
line-height:20px; 
background:#000;
}
.menu a:hover{
background-color:#676767;
color:#CCCCCC;
}
.menu a{
text-decoration:none;
padding: 6px 8px 7px 8px;
color:#CCCCCC;
outline:none;
}
.menu ul{
list-style:none;
margin:0;
padding:0 0 0 10px;
}
.menu ul li{
padding:4px 0;
float:left;
}
.menu ul li ul li{
padding:0;
float:none;
margin:0 0 0 0px;
width:100%;
}
.menu ul li ul{
position:absolute;
border:1px solid #C3D1EC;
/*box-shadow*/
-webkit-box-shadow:0 1px 5px #CCCCCC;
-moz-box-shadow:0 1px 5px #CCCCCC;
box-shadow:0 1px 5px #CCCCCC;
margin-top:-1px;
display:none;
padding:0px 16px 0px 0;
}

.header-usuario-texto {
position: fixed
color: white;
top: 45px;
right: 40px;
margin-top: 5px;
font-size:90%;
font-weight: bold;
line-height:20px; 
float:left;
}

.menuuser{
position: absolute; 
top:4px;
z-index: 5;
padding:7px 10px 0px 115px;
color: #fff;
text-shadow: 1px 1px 0px black;
font-family: arial,helvetica;
font-weight: lighter;
font-size: 14px;
line-height: 14px;
letter-spacing: 0px;
height:38px;
float:right;
}
.menuuser a:hover{
background-color:#444;
color:#fff;
}
.menuuser a{
text-decoration:none;
padding:6px 8px 7px;
color:#aaa;
outline:none;
}
.menuuser ul{
list-style:none;
margin:0;
padding:0 0 0 10px;
}
.menuuser ul li{
padding:4px 0;
float:left;
}
.menuuser ul li ul li{
padding:0;
float:none;
margin:0 0 0 0px;
width:100%;
}
.menuuser ul li ul{
position:absolute;
border:1px solid #C3D1EC;
/*box-shadow*/
-webkit-box-shadow:0 1px 5px #CCCCCC;
-moz-box-shadow:0 1px 5px #CCCCCC;
box-shadow:0 1px 5px #CCCCCC;
margin-top:-1px;
display:none;
padding:0px 16px 0px 0;
}

.active ul{
display:block !important;
}
.single ul{
display:block !important;
}
.active a{
background-color:white;
border:1px solid #C3D1EC;
border-bottom:0;
/*box-shadow*/
-webkit-box-shadow:0 -1px 5px #CCCCCC;
-moz-box-shadow:0 -1px 5px #CCCCCC;
box-shadow:0 -1px 5px #CCCCCC;
display:block;
height:29px;
padding:0 8px 0 8px;
position:relative;
z-index:1;
color:#3366CC;
}
/*Styling for the link of the current page*/
.current a{
background-color:#2D2D2D;
border-top:2px solid #DD4B39;/*red ribbon at top*/
border-bottom:0;
display:block;
height:25px;
padding:0 8px 0 8px;
position:relative;
z-index:1;
color:#FFFFFF;
font-weight:bold;
}
.active a:hover{
background-color:white;
color:#3366CC;
}
.active ul a:hover{
background-color:#e4ebf8;
}
.active ul a{
border:0 !important;
/*box-shadow*/
-webkit-box-shadow:0 0 0 #CCCCCC;
-moz-box-shadow:0 0 0 #CCCCCC;
box-shadow:0 0 0 #CCCCCC;
border:0;
width:100%;
}
.arrow{
border-color:#C0C0C0 transparent white;
border-style:solid dashed dashed;
margin-left:5px;
position:relative;
top:10px;
}
.mid-line{
background-color:#FFF;
border-top:1px solid #e5e5e5;
font-size:0;
}
	

table {
}


td {
padding: 0px 11px;
}

.aspectTable {
	width: 100%;
}

.odd {
	background-color: #f4f4f4;	
	font-weight: normal; /*normal, bold, 900*/
	font-size: 80%;
	color: #2f3f54;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	font-style: normal; /*italic, oblique*/
	text-align: left;
	font-style: normal; 
	letter-spacing: 0px;
	text-indent: 30px;
	padding:.3em 0em;
}

.even {
    background-color: #FFFFFF;	
	font-weight: normal; /*normal, bold, 900*/
	font-size: 80%;
	color: #2f3f54;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	font-style: normal; /*italic, oblique*/
	text-align: left;
	letter-spacing: 0px;
	margin-left: 13px;
	text-indent: 30px;
}

.par {
    background-color: #FFFFFF;	
	font-weight: normal; /*normal, bold, 900*/
	font-size: 80%;
	color: #2f3f54;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	font-style: normal; /*italic, oblique*/
	text-align: left;
	letter-spacing: 0px;
}

.thead {
	background-color: #4c5d6c; /* #e1e9f2;	 */
	font-weight: bold; /*normal, bold, 900*/
	font-size: 90%;
	color: #fff; /* #4c5d6c; */
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	font-style: normal; /*italic, oblique*/
	text-align: center;
	letter-spacing: 0px;
	text-transform: uppercase;
}

.tr_even {
	background-color: #E6E6E6;	
	font-weight: normal; /*normal, bold, 900*/
	font-size: 85%;
	color: #2f3f54;
	font-family: Arial;
	text-decoration: none; /*overline, line-through, underline */
	font-style: normal; /*italic, oblique*/
	text-align: left;
	letter-spacing: 0px;
}

.tr_odd {
    background-color: #FFFFFF;	
	font-weight: normal; /*normal, bold, 900*/
	font-size: 85%;
	color: #2f3f54;
	font-family: Arial;
	text-decoration: none; /*overline, line-through, underline */
	font-style: normal; /*italic, oblique*/
	text-align: left;
	letter-spacing: 0px;
}

.navega {
	font-weight:normal; /*normal, bold, 900*/
	font-size: 70%;
	color: #000000;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	font-style: normal; /*italic, oblique*/
	text-align: left;
	font-style: normal; 
	letter-spacing: 0px;
	text-indent: 5px;
}

.lista {
	font-weight:normal; /*normal, bold, 900*/
	font-size: 70%;
	color: #000000;
	font-family: Verdana, Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	font-style: normal; /*italic, oblique*/
	text-align: left;
	font-style: normal; 
	letter-spacing: 0px;
	text-indent: 0px;
}

.heading1 {
	font-weight: bolder; /*normal, bold, 900*/
	font-size: 90%;
	color: #003366;
	font-family: Verdana, Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	font-style: normal; /*italic, oblique*/
	text-align: left;
	font-style: normal; 
	letter-spacing: 0px;
	text-indent: 0cm;
	text-transform: uppercase;
}

.heading2 {
	font-weight: bolder;
	font-size: 9pt;
	color: #EE5500;
	font-family: Verdana, Tahoma, Arial;
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	font-style: normal;
	text-indent: 30px;
	margin-top: 20px;
}

.heading3 {
	font-weight: bolder;
	font-size: 10pt;
	color: #000000;
	font-family: Verdana, Tahoma, Arial;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	font-style: normal;
	text-indent: 30px;
	text-transform: uppercase;
}



.input2 {
    background-color: #D8EBF9;
	font-weight: bold; /*normal, bold, 900*/
	font-size: 90%;
	color: #1F6FAC;
	min-height: 30px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	text-align: left;
	letter-spacing: 0px;
	text-indent: 0px;
}

.input3 {
    background-color: #D8EBF9;
	font-weight: bold; /*normal, bold, 900*/
	font-size: 90%;
	color: #1F6FAC;
	margin: -5px 5px 0 5px;
	min-height: 30px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	text-align: center;
	letter-spacing: 0px;
	text-indent: 0px;
}



.atualizacao {
	font-weight: normal; /*normal, bold, 900*/
	font-size: 85%;
	width: 85%;
	color: #8B97F1;
	min-height: 20px;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	text-align: left;
	letter-spacing: 0px;
	text-indent: 0px;
	margin-left: 30px;
}

.alerta {
	font-weight: normal; /*normal, bold, 900*/
	font-size: 85%;
	width: 85%;
	color: #BD0000;
	min-height: 20px;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	text-align: left;
	letter-spacing: 0px;
	text-indent: 0px;
	margin-left: 30px;
}

.anotacao {
	font-weight: normal; /*normal, bold, 900*/
	font-size: 100%;
	width: 85%;
	color: #4385BA;
	min-height: 20px;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	text-align: left;
	letter-spacing: 0px;
	text-indent: 0px;
	margin-left: 30px;
}

.tipoCompartimento {
	font-weight: normal; /*normal, bold, 900*/
	font-size: 110%;
	width: 85%;
	color: #782623; /*4385BA;*/
	height: 0px;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	text-align: left;
	letter-spacing: 0px;
	text-indent: 0px;
	margin-left: 19px;
    vertical-align: top;
}



legend {
	font-weight: bolder;
	font-size: 9pt;
	color: #4c66a0;
	font-family: Verdana, Tahoma, Arial;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	font-style: normal;
	text-transform: uppercase;
	-moz-border-radius:6px;
	 -webkit-border-radius:6px;
	 border-radius:6px;
	 border:1px dotted #a36000;
	 padding: 3px;
}

legendnew {
    color: #000000;
	font-weight: normal;
	line-height: 34px;
	height: 34px;
	min-width: 86px;
	font-size: 80%;
	text-align: left;
	display: absolute;
	float: center;
	cursor: pointer;
	 border-left:1px dotted #2f3f54;
	 border-bottom:1px dotted #2f3f54;
}



.overlay
{
	width: 100%;
	height: 100%;
	position: relative; 
	top: 0; 
	left: 0px; 
	float: left;
	display: none; 
	z-index: 999;
	display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');
	background: rgba(0,0,0,0);
}
	.overlay label
	{
		display: table-cell; 
		vertical-align: middle; 
		text-align: center;
	}
		.overlay img,
		.overlay iframe
		{
			display: inline;
			border: none;
			padding: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			background: #ffffff;
		}
		
.theme01 .overlay
{
	background: none;
}
	.theme01 .overlay label > img,
	.theme01 .overlay iframe,
	.theme01 .content01
	
		
.content01
{
	display: block;
	width: 500px;
	padding: 0px;
	background: #fff;
	color: #000;
	margin: 0 auto;
	text-align: left;
	cursor: auto;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	.content01 .inner_content
	{
		display: block;
		height: 500px;
		overflow-y: auto;
	}
	.content01 .inner_content span { display: block; margin-bottom: 12px; font-size: 12px; }
	
	.content01 img:first-child { float: left display: block; margin: 0 10px 0 0; }
	.content01 img { float: right; margin: 0 10px; padding: 0; }
	


#fechar { display: none; }
.fecharbutton
{
	background: red;
	color: #FFFFFF;
	cursor: pointer;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	position: absolute;
	right: 62px;
	text-align: center;
	top: -12px;
	width: 24px;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.fecharbutton:hover
{
	background: black;
	text-shadow: 1px 1px 1px #ccc;
}



div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  z-index: 100;
  height: 145px;
  left: 10px;
  /*width: 400px;*/
  width: 94%;
  /* Add scroll-bars */
  left: 3%;
  overflow: auto;
  float:left;
}
.sc_menu ul {
	display: block;
	height: 130px;
	/* Max width here, for users without Javascript */
	/*width: 100000px;*/
	padding: 5px 0 0 15px;
	margin: 0;
	background-color: none;	
	list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
/*.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}*/

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border: 3px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}


.tabbox {
    font-weight: normal; /*normal, bold, 900*/
	font-size: 80%;
	color: #2f3f54;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	font-style: normal; /*italic, oblique*/
	text-align: left;
	line-height:19px;
	margin: 2px 3px 5px 2px;
	padding: 5px 5px 5px 5px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:2px;
	border:1px dotted #999999;
}
.tabboxfundo {
    font-weight: normal; /*normal, bold, 900*/
	font-size: 80%;
	color: #2f3f54;
	font-family: Tahoma, Arial;
	text-decoration: none; /*overline, line-through, underline */
	font-style: normal; /*italic, oblique*/
	text-align: left;
	line-height:19px;
	margin: 2px 3px 5px 2px;
	padding: 5px 5px 5px 5px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px dotted #a36000;
	background: #fff url(view/css/img/seta_azul_fundo.png);
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.box_ontologia{
	color: white;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	background: #3E7CE7;
	line-height: 25px;
	height: 25px;
	width: 97%;
	margin: 10px 0px 3px 2px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
	padding-left: 2%;
}

.box_totalizacao{
	color: white;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	background: #000;
	line-height: 25px;
	min-height: 25px;
	width: 97%;
	margin: 10px 0px 3px 2px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
	padding-left: 2%;
}

.box_alerta{
	color: white;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	background: #AA0000;
	line-height: 25px;
	min-height: 25px;
	width: 97%;
	margin: 10px 0px 3px 2px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:0px solid rgba(0,0,0, 0.2);
	padding-left: 2%;
}

.tabela_fundo_preto
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		black; 
	background-color:	black; 
	color:				white; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_branco
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		lightgray; 
	background-color:	white; 
	color:				black; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_branco_relatorio
{
	border-style: 		solid; 
	border-top-width: 	1px; 
	border-bottom-width:1px; 
	border-left-width: 	0px; 
	border-right-width: 0px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		lightgray; 
	background-color:	white; 
	color:				black; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_branco_sb
{
	border-style: 		solid; 
	border-width: 		0px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		lightgray; 
	background-color:	white; 
	color:				black; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_vermelho
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		brown; 
	background-color:	brown; 
	color:				white; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_laranja
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#c86c07; 
	background-color:	#c86c07; 
	color:				white; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_verde
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#d6ffd3; 
	background-color:	#d6ffd3; 
	color:				darkgreen; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_azul
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#000f45; 
	background-color:	#000f45; 
	color:				white; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_cinza
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#dddddd; 
	background-color:	#dddddd; 
	color:				black; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_cinza_escuro
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#666666; 
	background-color:	#666666; 
	color:				white; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_branco_pontilhada
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		white; 
	background-color:	white; 
	color:				black;
	border-left: 		1px dotted #2f3f54;
	border-bottom: 		1px dotted #2f3f54;
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_alerta
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#fffff0; 
	background-color:	#fffff0; 
	color:				#f57272; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_google
{
	border-style: 		solid; 
	border-width: 		0px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#2980b9; 
	background-color:	#2980b9; 
	color:				white; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_botao_azul
{
	margin:				5px 0px 0px 0px;
	padding: 			3px 5px 2px 5px;
	color:				#FFFFFF;
	width:				92%;
	float:				left;
	display: 			block;
	text-indent: 		0px;
	background: 		none repeat scroll 0% 0% #1869AD;
	border-radius: 		5px;
	font-size:			12px;
	text-align: 		left;
	vertical-align: 	text-top; 
	-webkit-print-color-adjust: exact;
}

.html5-progress-bar {
	padding: 15px 15px;
	border-radius: 3px;
	background-color: #fff;
	/*box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .2);*/
}
.html5-progress-bar progress {
	background-color: #dbdbea;
	border: 0;
	width: 80%;
	height: 18px;
	border-radius: 9px;
}
.html5-progress-bar progress::-webkit-progress-bar {
	background-color: #dbdbea;
	border-radius: 9px;
}
.html5-progress-bar progress::-webkit-progress-value {
	background: #8ebbeb ;
	background: -moz-linear-gradient(top,  #8ebbeb  0%, #567ec9  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ebbeb ), color-stop(100%,#567ec9 ));
	background: -webkit-linear-gradient(top,  #8ebbeb  0%,#567ec9  100%);
	background: -o-linear-gradient(top,  #8ebbeb  0%,#567ec9  100%);
	background: -ms-linear-gradient(top,  #8ebbeb  0%,#567ec9  100%);
	background: linear-gradient(to bottom,  #8ebbeb  0%,#567ec9  100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ebbeb ', endColorstr='#567ec9 ',GradientType=0 );
	border-radius: 9px;
}
.html5-progress-bar progress::-moz-progress-bar {
	background: #8ebbeb ;
	background: -moz-linear-gradient(top,  #8ebbeb  0%, #567ec9  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ebbeb ), color-stop(100%,#567ec9 ));
	background: -webkit-linear-gradient(top,  #8ebbeb  0%,#567ec9  100%);
	background: -o-linear-gradient(top,  #8ebbeb  0%,#567ec9  100%);
	background: -ms-linear-gradient(top,  #8ebbeb  0%,#567ec9  100%);
	background: linear-gradient(to bottom,  #8ebbeb  0%,#567ec9  100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ebbeb ', endColorstr='#567ec9 ',GradientType=0 );
	border-radius: 9px;
}
.html5-progress-bar .progress-value {
	padding: 0px 5px;
	line-height: 20px;
	margin-left: 5px;
	font-size: .8em;
	color: #555;
	height: 18px;
	float: right;
}

.fractal-progress-bar {
	
}
.fractal-progress-bar progress {
  display: block; /* default: inline-block */
  width: 100%;
  height: 25px;
  margin: 2px 0px;
  padding: 4px;
  border: 0 none;
  background: #444;
  border-radius: 14px;
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
.fractal-progress-bar progress::-moz-progress-bar {
  border-radius: 12px;
  background: #FFF;
  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), 0 2px 5px 0px rgba(0,0,0,0.3);
  
}
.fractal-progress-bar progress::-webkit-progress-bar {
    background: transparent;
}  
.fractal-progress-bar progress::-webkit-progress-value {  
  border-radius: 12px;
  background: #FFF;
  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), 0 2px 5px 0px rgba(0,0,0,0.3); 
} 


/******************************************************************************
	           ALTERAÇÃO EM 2020-04-30 REALIZADA POR ELCIO
         DEFINIÇÃO DE ESTILOS DO DIAGRAMA DE DISTRIBUIÇÃO EM BOLHAS
******************************************************************************/

.node
{
	cursor: pointer;
}

.node:hover
{
	stroke: #000;
	stroke-width: 1.5px;
}

.node--leaf:hover
{
	fill: #1869AD;
}

.node--leaf
{
	fill: white;
}

.label
{
    color: #1869AD;
	font: 14px Calibri;
	font-weight: bolder;
	text-anchor: middle;
	text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff;
}

.label,
.node--root,
.node--leaf 
{
	pointer-events: all;
}

.labelnome
{
  color: #1869AD;
	font: 9px Calibri;
	font-weight: bolder;
	text-anchor: middle;
	/*text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff;*/
}

.labelnome,
.node--root,
.node--leaf 
{
	pointer-events: all;
}

/*****************************************************************************/


/******************************************************************************
	           ALTERAÇÃO EM 2020-04-30 REALIZADA POR ELCIO
         DEFINIÇÃO DE ESTILOS DO DIAGRAMA DE DISTRIBUIÇÃO EM BOLHAS
******************************************************************************/
.dshbrd_panel
{
	background-color: #ebebeb;
	padding: 5px;
}

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

.dshbrd_subpanel_4,
.dshbrd_subpanel_5
{
	width: calc(100% - 204px);
	float: left;
}

.dshbrd_subpanel_5
{
	width: 200px;
}

.dshbrd_subpanel_title
{
	font-family: calibri;
	font-size: 11pt;
	font-weight: bolder;
	color: #0d192b;
	height: 20px;
	background-color: #ebebeb;	
}

.dshbrd_subpanel_label
{
	font-family: calibri;
	font-size: 18pt;
	font-weight: bolder;
	text-align: center;
	line-height: 30px;
	color: #0d192b;
	height: 30px;
}

.dshbrd_subpanel_toolbar
{
	/*background-color: #ebebeb;	
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #000000;
	border-radius: 5px;
	padding: 3px;*/
}

.dshbrd_subpanel_toolbar_label
{
	font-family: calibri;
	font-size: 10pt;
	font-weight: bolder;
	color: #ff0000;
	margin-right: 5px;
	background-color: #ffffff;
	text-align: right;
	line-height: 30px;
	border-radius: 3px;
	height: 30px;
	width: 180px;
	float: left;
}

.dshbrd_subpanel_toolbar_image
{
	margin-right: 5px;
	border: 1px solid #ebebeb;
	float: left;
}

.dshbrd_subpanel_toolbar_image:hover,
.dshbrd_subpanel_toolbar_image_selected
{
	border: 1px solid #aaaaaa;
	box-shadow: 0 0 0.5em #3b3b4a;
}

.dshbrd_subpanel_toolbar_icon,
.dshbrd_subpanel_toolbar_icon_2
{
	margin-right: 5px;
	background-color: #ebebeb;
	padding-top: 3px;
	width: 20px;
	float: left;
}

.dshbrd_subpanel_toolbar_icon_2
{
	margin-top: 2px;
	background-color: #dedede;
	border: 2px solid #cccccc;
	height: 23px;
	width: 16px;
	padding: 0;
}

.dshbrd_subpanel_toolbar_icon img
{
	margin-top: 1px;
	margin-left: 3px;
}

.dshbrd_subpanel_toolbar_edit
{
	background-color: #ebebeb;
	height: 30px;
	width: calc(100% - 30px);
	float: left;
}

.dshbrd_subpanel_toolbar_edit input[type=text]
{
	font-family: calibri;
	font-size: 10pt;
	font-weight: bolder;
	color: #000030;
	border: 2px solid #cccccc;
	box-shadow: 0 0 0.5em #dedede;
	padding: 3px;
	padding-left: 5px;
	width: calc(100% - 8px);
}

#dshbrd_button_finalize
{
	font-family: calibri;
	font-size: 12pt;
	font-weight: bolder;
	color: #000030;
	border: 1px solid #5a5a82;
	border-radius: 5px;
	padding: 2px;
	padding-left: 5px;
	margin-top: 1px;
	width: 120px;
}

#dshbrd_cbo_datasource,
#dshbrd_cbo_datasource option,
#dshbrd_txt_description
{
	font-family: calibri;
	font-size: 10pt;
	font-weight: bolder;
	border: 2px solid #cccccc;
	padding: 3px 5px 3px 5px;
	width: 508px;
}

#dshbrd_cbo_datasource
{
	color: #bbbbbb;
	margin-top: 2px;
	margin-right: 5px;
	width: 520px;
}

#dshbrd_txt_description
{
	margin-top: 2px;
	float: left;
}


#dshbrd_datatable
{
	background-color: #eeeeee;
	min-width: 500px;
}

#dshbrd_datatable_panel
{
	height: 350px;
	background-color: #f3f2f1;
	border: 2px solid #cccccc;
	box-shadow: 0 0 0.5em #dedede;
	padding: 3px;
	overflow: auto;
}

.dshbrd_datatable_column,
.dshbrd_datatable_column_selected,
.dshbrd_datatable_column_marked
{
	font-family: calibri;
	font-size: 10pt;
	font-weight: bolder;
	color: #000000;
	text-align: center;
	background-color: #d2d2d2;
	border: 1px solid #d2d2d2;
	padding: 3px 5px 3px 5px;
}

.dshbrd_datatable_column:hover,
.dshbrd_datatable_column_selected
{
	color: #00ffff;
	background-color: #091b3b;
	border: 1px solid #010026;
}

.dshbrd_datatable_column_marked
{
	color: #ffffff;
	background-color: #470000;
	border: 1px solid #470000;
}

.dshbrd_datatable_cell,
.dshbrd_datatable_cell_selected,
.dshbrd_datatable_cell_marked
{
	font-family: calibri;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	text-align: center;
	padding: 2px 5px 2px 5px;
	min-width: 15px;
}

.dshbrd_datatable_cell_selected
{
	color: #010026;
	border: 1px solid #010026;
	background-color: #cacbe6;
}

.dshbrd_datatable_cell_marked
{
	color: #470000;
	border: 1px solid #470000;
	background-color: #e8cccc;
}

#dshbrd_messages
{
	font-family: calibri;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	border: 2px solid #cccccc;
	background-color: #f3f2f1;
	box-shadow: 0 0 0.5em #dedede;
	height: 200px;
}

/*
------------------------------------------
------------ FIELDS CONTAINER ------------
------------------------------------------
*/
.chart_fieldlist_item,
.chart_fieldlist_item_selected
{
	font-family: calibri;
	font-size: 9pt;
	font-weight: normal;
	color: #ffffff;
	background-color: #4472C4;
	border-radius: 5px;
	margin-top: 3px;
	padding-left: 10px;
	height: 21px;
}

.chart_fieldlist_item:hover,
.chart_fieldlist_item_selected
{
	background-color: #15151c;
}


#dshbrd_chart_container
{
	padding: 3px;
	margin-top: 4px;
	margin-right: 5px;
	background-color: #ffffff;
	box-shadow: 0 0 0.5em #dedede;
	border: 2px solid #cccccc;
	overflow: auto;
	height: 450px;
}

.dshbrd_chart_config
{
	border: 2px solid #5a5a82;
	background-color: #ffffff;
	border-radius: 5px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 5px;
	float: left;
}

.dshbrd_chart_config
{
	/*width: calc(100% - 800px);*/
	width: 80px;
	height: 500px;
	border: 0px;
}

.dshbrd_chart_config .dshbrd_config_line
{
	margin-bottom: 5px;
	/*border: 1px dashed #aaaaaa;*/
}

.dshbrd_chart_config .dshbrd_config_combobox
{
	font-family: calibri;
	font-size: 12pt;
	font-weight: bolder;
	color: #000030;
	border: 2px solid #5a5a82;
	border-radius: 5px;
	padding: 3px;
	padding-left: 5px;
	width: 100%;
}

.dshbrd_chart_config .dshbrd_button_config
{
	font-family: calibri;
	font-size: 10pt;
	font-weight: bolder;
	padding: 3px;
	width: 100%;
}

#dshbrd_ontology_toolbar
{
	height: 20px;
	padding: 2px;
	margin-bottom: 5px;
}

.dshbrd_ontology_toolbar_icon,
.dshbrd_ontology_toolbar_icon2,
.dshbrd_ontology_toolbar_separator
{
	width: 20px;
	height: 20px;
	margin-left: 1px;
	margin-right: 5px;
	border-radius: 3px;
	border: 2px solid #aaaaaa;
	padding: 2px;
	float: left;
}

.dshbrd_ontology_toolbar_icon2
{
	padding: 0px;
	background-color: #cccccc;
}

.dshbrd_ontology_toolbar_separator
{
	width: 1px;
	border: 0px solid #aaaaaa;
	background-color: #aaaaaa;	
	border-radius: 0px;
	padding: 0px;
	padding-bottom: 2px;
	margin-top: 1px;
}

.dshbrd_ontology_toolbar_icon:hover
{
	border: 2px solid #000000;
}

.dshbrd_ontology_toolbar_icon2:hover
{
	border: 2px solid #000000;
	background-color: #aaaaaa;
}

.dshbrd_ontology_toolbar_label
{
	font-family: calibri;
	font-size: 12pt;
	font-weight: bolder;
	border-radius: 5px;
	padding: 3px;
	padding-left: 2px;
	padding-right: 8px;
	color: #000000;
	height: 20px;
	float: left;
}

#dshbrd_modal_container
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	scrollbar-color: dark;
	background-color: rgba(0,0,0,0.4);
	z-index: 1;
}

#dshbrd_modal_dialog
{
	top:50%;
	left:50%;
	width: 300px;
	height: 300px;
	margin-top:-150px;
	margin-left:-150px;
	position:absolute;
	border: 3px solid #212947;
	background-color: #cccccc;
	border-radius: 10px;
	box-shadow: 0 0 1em #000000;
}

#dshbrd_modal_dialog_header,
#dshbrd_modal_dialog_body,
#dshbrd_modal_dialog_footer
{
	font-family: calibri;
	font-size: 14pt;
	font-weight: bolder;
	padding: 2px;
	margin: 3px;
	color: #ffffff;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	background-color: #cccccc;
	border: 1px solid #cccccc;
}

#dshbrd_modal_dialog_header
{
	background-color: #bbbbbb;
}

#dshbrd_modal_dialog_body
{
	height: 210px;
	color: #000000;
	background-color: #ffffff;
	vertical-align: middle;
	display: table-cell;
}

#dshbrd_modal_dialog_ok,
#dshbrd_modal_dialog_cancel
{
	font-family: calibri;
	font-size: 10pt;
	font-weight: bolder;
	text-align: center;
	line-height: 10px;
	margin-left: 3px;
	margin-top: 2px;
	padding: 1px;
	height: 25px;
	width: 100px;
	float: right;
}


.semaforo_vermelho{
  background: red;
  background-image: radial-gradient(brown, transparent);
  background-size: 5px 5px; 
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: dotted 2px red;
  box-shadow: 
    0 0 20px #111 inset,
    0 0 10px red;
}

@keyframes semaforo_vermelho{
  0%{opacity: 1}
  20%{opacity: 1}
  40%{opacity: 1}
  60%{opacity: .1}
  80%{opacity: .1}
  100%{opacity: .1}
}

.semaforo_verde{
  background: green;
  background-image: radial-gradient(lime, transparent);
  background-size: 5px 5px; 
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: dotted 2px green;
  box-shadow: 
    0 0 20px #111 inset,
    0 0 10px green;
}

@keyframes semaforo_verde{
  0%{opacity: 1}
  20%{opacity: 1}
  40%{opacity: 1}
  60%{opacity: .1}
  80%{opacity: .1}
  100%{opacity: .1}
}