﻿html, body, div, iframe, p, img, header {
										font-family: Arial, Helvetica, sans-serif; 
										margin: 0px;
										padding: 0px;
										border: 0px;
										font-size: 12px;
										}

a	{
/*	outline:none; */
	}



html, body	{
			height: 100%;
			overflow: hidden;
			}
								
body	{
		overflow-x: hidden;	
		overflow-y: hidden;
		overflow: hidden;
/*		background-color: #4B6276; */
/*		background-color: #8D8D8D; */
/*		background-color: #4B6276 !important;	*/
		background-color: #FFF;
		}								

.drag {
/*	cursor: move; */
	cursor: auto;
	color: white;
	width: 525px; 
	height: 570px;
	padding:8px 10px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 10px;
	position: absolute;
	z-index: 999999;
	left: 50px;
	top: 180px;	
	display: none;
	}

	.dragLoteInfo {
/*	cursor: move; */
	cursor: auto;
	color: white;
	width: 950px; 
	height: 600px;
	padding:8px 10px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 10px;
	position: absolute;
	z-index: 999999;
	left: 50px;
	top: 180px;	
	display: none;
	}
	

.ui-draggable { background: rgb(82, 82, 82);
				opacity: 0.94;
				filter: alpha(opacity=94);
}
.ui-draggable-dragging {
						background: rgb(95, 121, 145);
						opacity: 0.92;
						filter: alpha(opacity=92);	
						}

								
					
#menuGeo	{
					width: 39px;
					height: 571px;
					background-color: transparent;
					position: absolute;
					left: 03px;
					top: 76px;
					z-index: 9900;
					}					

#map {
/*	background-color: #8D8D8D; */
	background-color: #FFF; 
	border: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
/*	height: 650px;		*/
/*	height: 84%;		*/
/*	width: 81%; */
	width: 100%;
	float:left;
}

#LayersOLD {
	/* cursor: move; */
	background-color: rgb(82, 82, 82);
	width: 229px; 
	height: 70%;
	padding:8px 10px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 0px;
	position: absolute;
	z-index: 9900;
	right: 0px;
	top: 76px;	
	display: none;
	}

#Layers {
	/* cursor: move; */
	/*background-color: #ffffff;*/
	width: 270px; 
	height: 70%;
	padding:5px 5px;
	/*border: #4B6276;
	border-style: solid;
	border-bottom-left-radius: 8px;*/
	position: absolute;
	z-index: 9900;
	right: 0px;
	top: 77px;	
	display: none;
	overflow: auto;
	}	

#LayersContorno {
	/* cursor: move; */
	background-color: #ffffff;
	width: 270px; 
	height: 70%;
	padding:5px 5px;
	border: rgb(82, 82, 82);
	border-style: solid;
	border-bottom-left-radius: 8px;
	position: absolute;
	z-index: 9900;
	right: 0px;
	top: 74px;	
	display: none;
	overflow: auto;
	opacity: 0.85;
	}	


#LayersWhiteMapabase {
	/* cursor: move; */
/*	background-color: #ffffff; */
	width: 220px; 
	height: 10%;
	padding:5px 5px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 0px;
	position: absolute;
	z-index: 9900;
	right: 5px;
	top: 76px;	
	display: none;
	overflow: auto;
	border: rgb(82, 82, 82);
	border-style: solid;
	}
	
#LayersWhiteCamadas {
	/* cursor: move; */
/*	background-color: #ffffff; */
	width: 269px; 
	height: 93%;
	padding:5px 5px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 0px;
	position: absolute;
	z-index: 9900;
	right: 5px;
	top: 0px;	
	display: none;
	overflow: auto;
	/*border: #4B6276;
	border-style: solid;*/
	}
	
#LayersWhitePlus {
	/* cursor: move; */
/*	background-color: #ffffff; */
	width: 260px; 
	height: 20px;
	padding:5px 5px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 0px;
	position: absolute;
	z-index: 9900;
	right: 5px;
	bottom: 0px;	
	display: none;
	/*overflow: auto;*/
	/*border: #4B6276;
	border-style: solid;*/
	}	


#InfoFlutuante {
	/* cursor: move; */
	/*background-color: #ffffff;*/
	  width: 270px;
      height: 520px;
      /*padding: 5px 5px;*/
      position: absolute;
      z-index: 9902;
      left: 0px;
      /*top: 130px;*/
      display: none;
      overflow: auto;
	}	

#InfoFlutuanteContorno {
	/* cursor: move; */
	  background-color: rgb(255, 255, 255);
      width: 270px;
      height: 550px;
      padding: 5px 5px;
      border: rgb(82, 82, 82);
      border-style: solid;
      position: absolute;
      z-index: 9902;
      right: 25px;
      top: 100px;
      display: none;
      overflow: auto;
      /*opacity: 0.85;*/
      border-radius: 9px;
	}	

.InfoFlutuanteCabecalho 
{
    font-size: 12px; 
    font-style: italic; 
    font-weight: bold;
    width: 100%;
    background-color: rgb(82, 82, 82);
    color: rgb(255, 255, 255);
    /*border-radius: 4px;*/
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.InfoFlutuanteFeature 
{
    font-size: 11px; 
    vertical-align: top;
}


.InfoFlutuanteValor 
{
    font-size: 11px; 
    vertical-align: top;
    font-weight: bold;
}



#Cabecalho{
	/*background-color: #4B6276; */
	background-image: url('../css/img/blue-background.gif');
	width: 100%; 
	/*height: 74px;*/
	/*padding:5px 5px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	position: absolute;
	z-index: 9900;
	left: 0px;
	top: 0px;	
	/*border: #4B6276;
	border-style: solid;*/
	opacity: 0.85;
	}

tr.banner 
{
    background-image: url('../css/img/blue-background.gif');
}





#Legendas{
	background-color: #FFF; 
	width: 190px; 
	height: 70%;
	padding:5px 5px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: absolute;
	z-index: 9900;
	right: 290px;
	top: 74px;	
	/*display: block;*/
	/*overflow: auto;*/
	border: rgb(82, 82, 82);
	border-style: solid;
	opacity: 0.85;
	}
	
#divLegendas{
	/*background-color: red; */
	width: 192px; 
	height: 95%;
	top: 5px;
	padding:5px 5px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: absolute;
	z-index: 9900;
	right: 0;
	bottom: 0;	
	/*display: block;*/
	overflow: auto;
	/*border: #4B6276;
	border-style: solid;*/
	opacity: 0.85;
	}	

.tdLayers{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	}

.lblLayerSwitcherItem{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

.lblLayerSwitcherItemDesat{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color:#CACACA;
}


.lblLayerSwitcher{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

.olControlAttribution {
	bottom: 5px;
}
.smallmap {
	border: 1px solid rgb(204, 204, 204); width: 512px; height: 650px;
}
#tags {
	display: none;
}
#docs p {
	margin-bottom: 0.5em;
}
body {
	margin: 0px; padding: 0px; width: 100%; height: 100%;
}

#title {
	margin: 0px; padding: 0px; line-height: 2em; text-indent: 1em; font-size: 1.3em;
}
#docs {
	padding: 1em; bottom: 0px;
}
#shortdesc {
	padding: 1em; text-align: right; color: rgb(170, 170, 170); font-size: 0.8em;
}
#tags {
	display: none;
}
#shortdesc {
	width: 25%; float: right;
}

#docs {
	font-size: 12px;
}
body {
	-webkit-text-size-adjust: none;
}

/* todo
.olMapViewport {
    width: 100% !important;
    height: 550px !important;
    position: relative !important;
}*/

div.olMap {
	margin: 0px !important; padding: 0px !important; z-index: 0; cursor: default;
}
div.olMapViewport {
	text-align: left; -ms-touch-action: none;
}
div.olLayerDiv {
	-moz-user-select: none; -khtml-user-select: none;
	cursor: default;  /*muda dinamicamente em alguns eventos*/
}
.olLayerGoogleCopyright {
	left: 2px; bottom: 2px;
}
.olLayerGoogleCopyright.olLayerGoogleV3 {
	right: auto !important;
}
.olLayerGooglePoweredBy {
	left: 2px; bottom: 15px;
}
.olLayerGooglePoweredBy.olLayerGoogleV3 {
	bottom: 15px !important;
}
.olForeignContainer {
	opacity: 1 !important;
}
.olControlAttribution {
	right: 3px; bottom: 4.5em; font-size: smaller; display: block; position: absolute;
}
.olControlScale {
	right: 3px; bottom: 3em; font-size: smaller; display: block; position: absolute;
}
.olControlScaleLine {
	left: 10px; bottom: 15px; font-size: xx-small; display: block; position: absolute;
}
.olControlScaleLineBottom {
	border-width: 2px 2px medium; border-style: solid solid none; border-color: black black currentColor; text-align: center; margin-top: -2px;
}
.olControlScaleLineTop {
	border-width: medium 2px 2px; border-style: none solid solid; border-color: currentColor black black; text-align: center;
}
.olControlPermalink {
	right: 3px; bottom: 1.5em; font-size: smaller; display: block; position: absolute;
}
div.olControlMousePosition {
	right: 3px; bottom: 0px; font-family: Arial; font-size: smaller; display: block; position: absolute;
}
.olControlOverviewMapContainer {
	right: 0px; bottom: 0px; position: absolute;
}
.olControlOverviewMapElement {
	padding: 10px 18px 10px 10px; background-color: rgb(0, 0, 139); -moz-border-radius: 1em 0 0 0;
}
.olControlOverviewMapMinimizeButton {
	width: 18px; height: 18px; right: 0px; bottom: 80px; cursor: pointer;
}
.olControlOverviewMapMaximizeButton {
	width: 18px; height: 18px; right: 0px; bottom: 80px; cursor: pointer;
}
.olControlOverviewMapExtentRectangle {
	border: 2px dotted red; overflow: hidden; cursor: move; background-image: url("img/blank.gif");
}
.olControlOverviewMapRectReplacement {
	background-position: center; overflow: hidden; cursor: move; background-image: url("img/overview_replacement.gif"); background-repeat: no-repeat;
}
.olLayerGeoRSSDescription {
	width: 100%; overflow: auto; font-size: 1em; float: left;
}
.olLayerGeoRSSClose {
	color: gray; font-family: sans-serif; font-size: 1.2em; margin-right: 6px; float: right;
}
.olLayerGeoRSSTitle {
	font-size: 1.2em; float: left;
}
.olPopupContent {
	padding: 5px; overflow: auto;
}
.olControlNavigationHistory {
	/*width: 24px; height: 24px; background-image: url("img/navigation_history.png"); background-repeat: no-repeat;*/
	width: 28px; height: 28px; background-image: url("img/navegacao_personalizado.png"); background-repeat: no-repeat;
}
.olControlNavigationHistoryPreviousItemActive {
	
}
.olControlNavigationHistoryPreviousItemInactive {
	background-position: 0px -28px;
}
.olControlNavigationHistoryNextItemActive {
	background-position: -28px 0px;
}
.olControlNavigationHistoryNextItemInactive {
	background-position: -28px -28px;
}
div.olControlSaveFeaturesItemActive {
	background-position: 0px 1px; background-image: url("img/save_features_on.png"); background-repeat: no-repeat;
}
div.olControlSaveFeaturesItemInactive {
	background-position: 0px 1px; background-image: url("img/save_features_off.png"); background-repeat: no-repeat;
}
.olHandlerBoxZoomBox {
	border: 2px solid red; font-size: 1px; filter: alpha(opacity=50); position: absolute; opacity: 0.5; background-color: white;
}
.olHandlerBoxSelectFeature {
	border: 2px solid blue; font-size: 1px; filter: alpha(opacity=50); position: absolute; opacity: 0.5; background-color: white;
}
.olControlPanPanel {
	left: 5px; top: 10px;
}
.olControlPanPanel div {
	width: 18px; height: 18px; position: absolute; cursor: pointer; background-image: url("img/pan-panel.png");
}
.olControlPanPanel .olControlPanNorthItemInactive {
	left: 9px; top: 0px;
}
.olControlPanPanel .olControlPanSouthItemInactive {
	background-position: 18px 0px; left: 9px; top: 36px;
}
.olControlPanPanel .olControlPanWestItemInactive {
	background-position: 0px 18px; left: 0px; top: 18px; position: absolute;
}
.olControlPanPanel .olControlPanEastItemInactive {
	background-position: 18px 18px; left: 18px; top: 18px;
}
.olControlZoomPanel {
	left: 14px; top: 71px;
}
.olControlZoomPanel div {
	width: 18px; height: 18px; position: absolute; cursor: pointer; background-image: url("img/zoom-panel.png");
}
.olControlZoomPanel .olControlZoomInItemInactive {
	left: 0px; top: 0px;
}
.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
	background-position: 0px -18px; left: 0px; top: 18px;
}
.olControlZoomPanel .olControlZoomOutItemInactive {
	background-position: 0px 18px; left: 0px; top: 36px;
}
.olControlPanZoomBar div {
	font-size: 1px;
}
.olPopupCloseBox {
	background: url("img/close.gif") no-repeat; cursor: pointer;
}
.olFramedCloudPopupContent {
	padding: 5px; overflow: auto;
}
.olControlNoSelect {
	-moz-user-select: none; -khtml-user-select: none;
}
.olImageLoadError {
	filter: alpha(opacity=50); opacity: 0.5; background-color: pink;
}
.olCursorWait {
	cursor: wait;
}
.olDragDown {
	cursor: move;
}
.olDrawBox {
	cursor: crosshair;
}
.olControlDragFeatureOver {
	cursor: move;
}
.olDragDown.olControlDragFeatureOver.olControlDragFeatureActive {
	
}
.olControlLayerSwitcher {
	top: 25px; width: 20em; right: 0px; color: white; font-family: sans-serif; font-size: smaller; font-weight: bold; margin-top: 3px; margin-bottom: 3px; margin-left: 3px; position: absolute; background-color: transparent;
}
.olControlLayerSwitcher .layersDiv {
	padding: 5px 10px; background-color: darkblue;
}
.olControlLayerSwitcher .layersDiv .baseLbl {
	margin-top: 3px; margin-bottom: 3px; margin-left: 3px;
}
.olControlLayerSwitcher .layersDiv .dataLbl {
	margin-top: 3px; margin-bottom: 3px; margin-left: 3px;
}
.olControlLayerSwitcher .layersDiv .baseLayersDiv {
	padding-left: 10px;
}
.olControlLayerSwitcher .layersDiv .dataLayersDiv {
	padding-left: 10px;
}
.olControlLayerSwitcher .maximizeDiv {
	top: 5px; width: 18px; height: 18px; right: 0px; cursor: pointer;
}
.olControlLayerSwitcher .minimizeDiv {
	top: 5px; width: 18px; height: 18px; right: 0px; cursor: pointer;
}
.olBingAttribution {
	color: rgb(221, 221, 221);
}
.road.olBingAttribution {
	color: rgb(51, 51, 51);
}
.hybrid.olGoogleAttribution {
	color: rgb(238, 238, 238);
}
.satellite.olGoogleAttribution {
	color: rgb(238, 238, 238);
}
.olGoogleAttribution {
	color: rgb(51, 51, 51);
}
span.olGoogleAttribution a {
	color: rgb(119, 119, 204);
}
span.hybrid.olGoogleAttribution a {
	color: rgb(238, 238, 238);
}
span.satellite.olGoogleAttribution a {
	color: rgb(238, 238, 238);
}
.olControlNavToolbar {
	margin: 5px 5px 0px 0px;
}
.olControlEditingToolbar {
	margin: 5px 5px 0px 0px;
}
.olControlNavToolbar div {
	margin: 0px 0px 5px 5px; width: 24px; height: 22px; cursor: pointer; background-image: url("img/editing_tool_bar.png"); background-repeat: no-repeat;
}
.olControlEditingToolbar div {
	margin: 0px 0px 5px 5px; width: 24px; height: 22px; cursor: pointer; background-image: url("img/editing_tool_bar.png"); background-repeat: no-repeat;
}
.olControlEditingToolbar {
	top: 0px; right: 0px;
}
.olControlNavToolbar {
	left: 9px; top: 295px;
}
.olControlEditingToolbar div {
	float: right;
}
.olControlNavToolbar .olControlNavigationItemInactive {
	background-position: -103px -1px;
}
.olControlEditingToolbar .olControlNavigationItemInactive {
	background-position: -103px -1px;
}
.olControlNavToolbar .olControlNavigationItemActive {
	background-position: -103px -24px;
}
.olControlEditingToolbar .olControlNavigationItemActive {
	background-position: -103px -24px;
}
.olControlNavToolbar .olControlZoomBoxItemInactive {
	background-position: -128px -1px;
}
.olControlNavToolbar .olControlZoomBoxItemActive {
	background-position: -128px -24px;
}



div.olControlZoom {
	left: 8px; top: 8px;
	padding: 2px;
	border-radius: 4px;
	position: absolute;
	background-color: Gray;
	display: none;
}
div.olControlZoom a {
	background: rgba(0, 60, 136, 0.5); margin: 1px; padding: 0px; width: 22px; height: 22px; text-align: center; color: white; line-height: 19px; font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none; display: block; filter: alpha(opacity=80);
}
div.olControlZoom a:hover {
	background: rgba(0, 60, 136, 0.7); filter: alpha(opacity=100);
}
div.olControlZoom a:hover {
	background: rgba(0, 60, 136, 0.5);
}
a.olControlZoomIn {
	border-radius: 4px 4px 0px 0px;
}
a.olControlZoomOut {
	border-radius: 0px 0px 4px 4px;
}
.olLayerGrid .olTileImage {
	-webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;
}
.olTileImage {
	-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000;
}
.olTileReplacing {
	display: none;
}
img.olTileImage {
	max-width: none;
}

.fontePesquisarLog
{
    font-size: 10px; 
    color:  rgb(82, 82, 82);
}
.fontePesquisarLogRed
{
    font-size: 10px; 
    color:  #ff0000;
}

.fontePesquisarLogTip
{
    font-size: 10px; 
    color:  rgb(82, 82, 82);
}

.fonteQuestionario1
{
    font-size: 16px; 
    color:  rgb(82, 82, 82);
}

.fonteQuestionario2
{
    font-size: 12px; 
    color:  rgb(82, 82, 82);
}

.fonteTeste
{
    font-size: 19.5px; 
    font-weight: bold;
}
.fonteMsgRed
{
    font-size: 10px; 
    color:  #ff0000;
}

.fonteMsgRedIntegracao
{
    font-size: 11px; 
    color:  #ff0000;
    vertical-align: super;

}

.fonteTextoIPTU
{
    font-size: 11px; 
    color:  rgb(82, 82, 82);
    vertical-align: super;
}


.fonteTextoSLC
{
    font-size: 14px; 
    color:  rgb(82, 82, 82);
    font-weight: bold;
    vertical-align: super;
}

.fonteAjuda
{
    font-size: 13px; 
    color: rgb(82, 82, 82);
    font-style: italic;
    font-weight: 800;
}
.fonteAjudaMargem
{
    font-size: 11px; 
    color:  #000;
    font-style: italic;
    font-weight: bold;
    margin-left: 20px;
}
.fonteIntegracaoPesquisa
{
    font-size: 16px; 
    color:  #ffffff;
    font-style: italic;
    font-weight: bold;
}


.fonteIntegracaoSLC
{
    font-size: 12px; 
    color:  #ffffff;    
    font-weight: bold;
}

.integracao
{
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}