﻿.Off {
 display: none !important;
}

.divClear {
 clear: both !important;
}

.ui-layout-west, .ui-layout-east, .ui-layout-center {
 padding: 0;
 border: 0;
 background: #ffffff;
}

 .ui-layout-west h3, .ui-layout-center h3 {
  background: #EF6E82;
  color: #ffffff;
 }

 .ui-layout-east h3 {
  background: #E70D26;
  color: #ffffff;
 }

 .ui-layout-east .spanTitleTema {
  border-top: 0;
  width: 100%;
  font-size: 14px;
 }


 .ui-layout-west h3 {
  padding: 5px 15px 0 0;
 }

 .ui-layout-east h3 {
  padding: 5px 15px 0 0;
 }

 .ui-layout-center h3 {
  padding: 0 15px;
 }

h3, p.footer {
 font-size: 1.2em;
 background: #F6F6F6;
 border-bottom: 1px solid #a7c6e2;
 padding: 5px 15px;
 margin: 0;
}

p.footer {
 font-size: 1em;
 border-top: 1px solid #BBB;
 border-bottom: 0;
}

.ui-layout-west, .ui-layout-content {
 padding: 0;
 overflow: auto !important; /* prevent scrollbars auto-added by Layout */
}

.ui-layout-east, .ui-layout-content {
 padding: 0;
 overflow: hidden !important; /* prevent scrollbars auto-added by Layout */
}

.scrolling-content {
 height: 100%;
 padding: 0 15px 10px 0; /* extra paddingTop being added by scrollpane? */
 padding-right: 0; /* for pseudo-scrollbar on right */
}

.jScrollPaneTrack {
 background: url(JS/UI/img/osx_track.gif) repeat-y;
}

.jScrollPaneDrag {
 background: url(JS/UI/img/osx_drag_middle.gif) repeat-y;
}

.jScrollPaneDragTop {
 background: url(JS/UI/img/osx_drag_top.gif) no-repeat;
 height: 6px;
}

.jScrollPaneDragBottom {
 background: url(JS/UI/img/osx_drag_bottom.gif) no-repeat;
 height: 7px;
}

a.jScrollArrowUp {
 height: 24px;
 background: url(JS/UI/img/osx_arrow_up.png) no-repeat 0 -30px;
}

 a.jScrollArrowUp:hover {
  background-position: 0 0;
 }

a.jScrollArrowDown {
 height: 24px;
 background: url(JS/UI/img/osx_arrow_down.png) no-repeat 0 -30px;
}

 a.jScrollArrowDown:hover {
  background-position: 0 0;
 }
/* HEADER */
.ui-layout-north {
 position: relative;
 height: 80px !important;
 border: 0;
 background: #ffffff none /*url(../images/bg_fx_header.png) no-repeat top right*/;
 overflow: hidden;
}

 .ui-layout-north .tableSeparadoresHeader {
  position: absolute;
  top: 2px;
  left: 215px;
 }

 .ui-layout-north .divPesquisa {
 }

  .ui-layout-north .divPesquisa SPAN {
   font-size: 11px;
   color: #ffffff;
  }

.spanTitleTema {
 display: block;
 width: 88px;
 text-align: center;
 background: #E60E26 none;
 border-top: 5px solid #EF6E82;
 padding: 5px 0 5px 0;
 font-size: 11px;
}

.ui-layout-north .divPesquisa INPUT {
 border: 1px solid #adc0e0;
 margin: 0 4px 0 0;
 height: 17px;
}

 .ui-layout-north .divPesquisa INPUT.inputPesquisar {
  width: 21px;
  height: 19px;
  background: transparent url(../images/iconLupa.png) no-repeat top left;
  border: 0;
 }

 .ui-layout-north .divPesquisa INPUT.inputQuestion {
  width: 21px;
  height: 19px;
  background: transparent url(../images/iconQuestion.png) no-repeat top left;
  border: 0;
 }

.Pesquisas_mainContent {
 width: 660px;
 height: 49px;
 background-color: #E60E26;
 overflow: hidden;
 display: block;
 border-left: 4px solid #E60E26;
}

 .Pesquisas_mainContent, .Pesquisas_mainContent SPAN {
  font-size: 11px;
  color: #ffffff;
 }

.divLogoCMPD {
 position: absolute;
 top: 2px;
 right: 5px;
 border: 0;
 z-index: 0;
}

.divLogoGeoPortal {
 position: absolute;
 top: 5px;
 left: 5px;
 border: 0;
}

.divLogos {
 position: absolute;
 top: 30px;
 right: 224px;
 border: 0;
}

.tdCombo {
 border-right: 5px solid #E60E26;
}

.RadToolBar_Horizontal,
.RadToolBar_Horizontal .rtbMiddle,
.RadToolBar_Horizontal .rtbOuter {
 border: 0 !important;
 z-index: 0 !important;
}

 .RadToolBar_Horizontal .rtbMiddle,
 .RadToolBar_Default .rtbMiddle {
  background: transparent none !important;
 }

 .RadToolBar_Horizontal .rtbDropDownExpanded {
  background: transparent none !important;
 }

.RadToolBar_Default {
 border: 0 !important;
}

 .RadToolBar_Default UL,
 .RadToolBar_Default TABLE,
 .RadToolBar_Default A,
 .RadToolBar_Default .rtbInner {
 }

 .RadToolBar_Default img {
  height: 18px !important;
 }

.ui-layout-center H3 {
}

 .ui-layout-center H3 TABLE {
  border-collapse: collapse !important;
 }

.minimizeDiv {
 display: none !important;
}




.Form {
 width: 100%;
}

#header {
 -moz-background-clip: border;
 -moz-background-inline-policy: continuous;
 -moz-background-origin: padding;
 background: transparent url(Images/mapasLayout.png) repeat-x scroll left -21px;
 height: 79px;
 min-width: 860px;
 position: absolute;
 top: 0px;
 width: 100%;
 z-index: 900;
 display: block;
}

#LayerSwitcher {
 top: 75px !important;
}

#MousePosition {
 position: absolute;
 color: Black;
 font-family: Verdana;
 font-size: 10px;
 z-index: 103;
 width: 140px;
 background-color: #BDD8E6;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
 -khtml-opacity: 0.7;
 opacity: 0.7;
 border-right-color: #BD1826;
 border-style: solid;
 border-width: 1px;
 right: 0px;
}

#PanZoomBar {
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
}

 #PanZoomBar, #PanZoomBar DIV, #PanZoomBar IMG {
  z-index: 9999 !important;
 }

.olControlPanZoomBar {
 padding: 29px !important;
 background: transparent url(Images/bg_round.png) no-repeat top left !important;
}

.layersDiv {
 display: none !important;
}

#footer {
 -moz-background-clip: border;
 -moz-background-inline-policy: continuous;
 -moz-background-origin: padding;
 background: transparent url(Images/mapasLayout.png) repeat-x scroll left 0;
 bottom: 0;
 color: #323131;
 height: 17px;
 padding-top: 3px;
 position: absolute;
 width: 100%;
 z-index: 9990;
}

.mapbutton {
 border-color: White;
 border-style: ridge;
 border-width: 1px;
}

 .mapbutton:hover {
  cursor: pointer;
  border-style: inset;
 }

.tophideopened {
 background-image: url('Images/icons/seta_opened.png');
 position: absolute;
 top: 70px;
 left: 45%;
 width: 140px;
 height: 30px;
 z-index: 9000;
}

.tophideclosed {
 background-image: url('Images/icons/seta_closed.png');
 position: absolute;
 top: 0px;
 left: 45%;
 width: 140px;
 height: 30px;
 z-index: 9000;
}

#tophide:hover {
 cursor: pointer;
}

.buttonbaropened {
 visibility: visible;
 top: 30px;
 position: absolute;
 text-align: center;
 vertical-align: bottom;
 width: 100%;
}

.buttonbarclosed {
 visibility: hidden;
}

.MapToolWindow {
 z-index: 9999;
}





/***
Mapa
*/
.olControlScaleLineBottom {
 visibility: hidden !important;
}

DIV.legendItem SPAN {
 font-size: 11px;
}

div.ChangeMapMain {
 background-color: #E60E26 !important;
 filter: Alpha(opacity=100) !important;
 -moz-opacity: 1 !important;
 opacity: 1 !important;
 height: 55px !important;
 width: 250px !important;
 border: 0 !important;
 right: 220px !important;
 top: 23px !important;
}

#MapChangeCtl_lblChangeMap {
 color: #fff !important;
 font: 12px/17px "segoe ui", arial, sans-serif !important;
 top: -16px;
 left: 0;
 position: absolute;
 background-color: #E60E26 !important;
 padding: 2px 10px 0 5px;
}

#MapChangeCtl_rcbChangeMap {
 position: absolute;
 bottom: 5px;
 left: 5px; width: 95% !important;
}

.tdImgPesquisa img {
 display: none !important;
}


#MapButtonBar1 .rtbOuter{
    background-image: none !important;
}

#MapButtonBar1.RadToolBar_Default .rtbOuter {
    border-color: #ef6e82 !important;
    background-color: #ef6e82 !important;
    box-shadow: inset 0 0 0 0px rgba(255,255,255,0.5) !important;
}

