html {
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
}

body {
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
	background-color: white;
}

form {
    margin: 0px 0px 0px 0px;
    width: 100%;
}

a:link
{
	color: black;
	text-decoration: none;
}

a:active
{
	color:#006699; text-decoration: none
}

a:visited
{
	color:black; text-decoration: none
}

a:hover
{
	color:#003399; text-decoration: underline
}


.links_entrada:link
{
	font-size: 7pt;
	color: #db0f15;
	font-style: italic;
	font-family: Verdana;
	text-decoration: underline;
}

.links_entrada:active
{
	font-size: 7pt;
	color: #7f7f7f;
	font-style: italic;
	font-family: Verdana;
	text-decoration: underline;
}

.UpperCase
{
	text-transform:uppercase;
}
.links_entrada:visited
{
	font-size: 7pt;
	color: #db0f15;
	font-style: italic;
	font-family: Verdana;
	text-decoration: underline;
}

.links_entrada:hover
{
	font-size: 7pt;
	color: #7f7f7f;
	font-style: italic;
	font-family: Verdana;
	text-decoration: underline;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
	border: 2px solid Gray;
	margin: 5px;
	background-color: #FFFFFF;
	padding: 2px;
	z-index: auto;
	position: absolute;
}


.SIMCalendar .ajax__calendar_container
{
	border: black thin solid;
	background-color: #FFFFFF;
	color: #000000;
	z-index: 1500;
}
.SIMCalendar .ajax__calendar_other .ajax__calendar_day, .SIMCalendar .ajax__calendar_other .ajax__calendar_year
{
	color: #C0C0C0;
	background-color: #FFFFFF;
	z-index:1500;
}
.SIMCalendar .ajax__calendar_hover .ajax__calendar_day, .SIMCalendar .ajax__calendar_hover .ajax__calendar_month, .SIMCalendar .ajax__calendar_hover .ajax__calendar_year
{
	color: #FF0000;
	font-weight: bold;
	background-color: #FFFFFF;
}
.SIMCalendar .ajax__calendar_active .ajax__calendar_day, .SIMCalendar .ajax__calendar_active .ajax__calendar_month, .SIMCalendar .ajax__calendar_active .ajax__calendar_year
{
	background-color: #db0f15;
	color: #FFFFFF;
	font-weight: bold;
}

.calendario_geral
{
	border-right: black thin solid;
	border-top: black thin solid;
	font-weight: bold;
	font-size: 9pt;
	border-left: black thin solid;
	color: white;
	border-bottom: black thin solid;
	font-family: verdana;
	background-color: #db0f15;
}

.calendario_botao
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	font-weight: bold;
	font-size: 9pt;
	border-left: black 1px solid;
	color: #db0f15;
	border-bottom: black 1px solid;
	font-family: verdana;
	background-color: white;
}

.calendario_cabecalho_controles
{
	font-weight: bold;
	font-size: 9pt;
	color: black;
	font-family: verdana;
}

.calendario_cabecalho
{
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	font-weight: bold;
	font-size: 7pt;
	border-left: #999999 1px solid;
	color: black;
	border-bottom: #999999 1px solid;
	font-family: verdana;
	background-color: #f0f0f0;
}

.calendario_cabecalho_domingo
{
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	font-weight: bold;
	font-size: 7pt;
	border-left: #999999 1px solid;
	color: #db0f15;
	border-bottom: #999999 1px solid;
	font-family: verdana;
	background-color: #f0f0f0;
}

.calendario_celula
{
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	font-weight: bold;
	font-size: 8pt;
	border-left: #999999 1px solid;
	color: black;
	border-bottom: #999999 1px solid;
	font-family: verdana;
	background-color: white;
}

.grids_cabecalho
{
	font-weight: bold;
	font-size: 9pt;
	color: white;
	font-family: verdana;
	background-color: #db0f15;
    text-align: center;
}

.grids_internos_cabecalho
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: verdana;
	background-color: #ffffff;
}

.grids_internos_titulo
{
	font-weight: bold;
	font-size: 10pt;
	color: white;
	font-family: verdana;
	background-color: #db0f15;
    width: 50px;
}

.grids_rolagem
{
	border-bottom: #db0f15 1px solid;
}

.grids_paginacao
{
	background-color: white;
}
.grids_view
{
   padding: 0;
   margin: 0;
   border: 1px solid #333;
   font-family: "Verdana, Arial, Helvetica, sans-serif, Trebuchet MS";
   font-size: 0.9em;
}

.grids_view_tr_header
{
   color: white;
   background-color: #FF5600;
   height: 25px;
   vertical-align: middle;
   text-align: center;
   font-weight: bold;
}

.grids_view_tr_normal
{
   color: black;
   background-color: #FDC64E;
   height: 25px;
   vertical-align: middle;
   text-align: center;
   font-size: 8pt;
}

.grids_view_tr_alternate
{
   color: black;
   background-color: #D59200;
   height: 25px;
   vertical-align: middle;
   text-align: center;
}
.grids_internos_conteudo
{
	border-right: #db0f15 thin solid;
	border-top: #db0f15 thin solid;
	font-size: 9pt;
	border-left: #db0f15 thin solid;
	border-bottom: #db0f15 thin solid;
	font-family: Verdana;
	text-decoration: none;
}

.grids_conteudo
{
	border: thin solid #c0c0c0;
    font-size: 9pt;
	font-family: Verdana;
	background-color: white;
	text-decoration: none;
    margin-top: 0px;
}

.grids_conteudo_sem_borda
{
	font-family: Verdana;
	background-color: white;
	text-decoration: none;
}

.grids_alternado
{
	border-right: black thin solid;
	border-top: black thin solid;
	font-size: 9pt;
	border-left: black thin solid;
	border-bottom: black thin solid;
	font-family: Verdana;
	background-color: #e5e5e5;
}

.botoes_botao
{
	font-family:Verdana;
	font-size:x-small;   
	background-color: White;   
	color: Red;
	
}

.botoes_botaoinclusao
{
	font-family:Verdana;
	font-size:x-small;   
	background-color: White;   
	border-bottom-color: Red;   
	color: Red;
}

.botoes_botaoexclusao
{
	font-family:Verdana;
	font-size:x-small;   
	background-color: White;   
	border-bottom-color: Red;   
	color: Red;
}

.botoes_botaoalteracao
{
	font-family:Verdana;
	font-size:x-small;   
	background-color: White;   
	border-bottom-color: Red;   
	color: Red;
}

.botoes_botaocancela
{
	font-family:Verdana;
	font-size:x-small;   
	background-color: White;   
	border-bottom-color: Red;   
	color: Red;
}

.botoes_botaobusca
{
	font-family:Verdana;
	font-size:x-small;   
	background-color: White;   
	border-bottom-color: Red;   
	color: Red;
}

.botoes_botaoinserenovo
{
	font-family:Verdana;
	font-size:x-small;   
	background-color: White;   
	border-bottom-color: Red;   
	color: Red;
}

.geral_campolista
{
	font-family:Verdana;
	font-size:x-small;   
}

.geral_campocombo
{
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	font-size: 8pt;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	font-family: Verdana;
}

.geral_campocombo_entrada
{
	border-right: #db0f15 1px solid;
	border-top: #db0f15 1px solid;
	font-size: 8pt;
	border-left: #db0f15 1px solid;
	border-bottom: #db0f15 1px solid;
	font-family: Verdana;
}

.geral_campodata
{
	font-family:Verdana;
	font-size:x-small;   
}

.geral_campointeiro
{
	font-family:Verdana;
	font-size:x-small;   
}
.geral_campodata
{
	font-family:Verdana;
	font-size:x-small;   
}

.geral_camporeal
{
	font-family:Verdana;
	font-size:x-small;   
}

.geral_camporadio
{
	font-size: 8pt;
	font-family: Verdana;
}

.geral_campotexto
{
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	font-size: 8pt;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	font-family: Verdana;
}
.geral_campotexto_entrada
{
	border-right: #db0f15 1px solid;
	border-top: #db0f15 1px solid;
	font-size: 8pt;
	border-left: #db0f15 1px solid;
	border-bottom: #db0f15 1px solid;
	font-family: Verdana;
}

.geral_campotexto_mascara
{
	font-size: 7pt;
	font-family: Verdana;
}

.geral_campotexto_periodo
{
	font-size: 9pt;
	font-family: Verdana;
}

.geral_campotexto_label
{
	font-size: 10pt;
    font-weight:bold;
	color: #db0f15;
	font-family: Verdana;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
}

.geral_campotexto_label_cell
{
	background-color: Transparent;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	font-family: Verdana;
	font-size: 8pt;
}

.geral_corprimeiroplano
{
	background-color: #55555a;
}

.geral_corsegundoplano
{
	background-color: #d6d6d6
}

.geral_labeltexto
{
	font-family:Verdana;
	font-size:12px;
	color: #000000;
}

.geral_labeltextodestaque
{
	font-weight: bold;
	font-size: 7pt;
	color: #000000;
	font-family: Verdana;
}

.geral_labeltituloheader
{
	font-size: 7pt;
	color: #ffffff;
	font-family: Verdana;
}

.geral_labeltitulofooter
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Verdana;
}

.geral_labeltitulolistagem
{
	font-size: 14pt;
	color: #db0f15;
	font-family: Verdana;
}

.geral_labeltituloerroaviso
{
	font-size: 14pt;
	color: #db0f15;
	font-family: Verdana;
}

.geral_labelerroaviso_topo
{
	font-size: 9pt;
	color: #000000;
	font-family: Verdana;
}

geral_labelerroaviso_rodape
{
	font-size: 9pt;
	color: #000000;
	font-family: Verdana;
}

.geral_labeltituloerroaviso_telacheia
{
	font-size: 18pt;
	color: #000000;
	font-family: Verdana;
}

.geral_labelerro
{
	font-family:Verdana;
	font-size:11px;
	color: #FF0000;
}

.geral_labelerroaviso
{
	font-size: 11pt;
	color: #db0f15;
	font-family: Verdana;
}

.geral_labelcabecalhogrid
{
	font-size: 9pt;
	font-family: Verdana;
	font-weight: bold;
	color:White;
	background-color:#db0f15;
}

.geral_labelvalidacao
{
	font-size: 10pt;
    font-weight:bold;
	color: #db0f15;
	font-family: Verdana;
}

.geral_labelresumo
{
	background-color:#CE0000;
    color:White;
    font-weight:bold;
	font-family:Verdana;
	font-size:x-small;
}

.geral_labelcampoexplicacao
{
	background-color:#FFFFFF;
    color:#000000;
	font-family:Verdana;
	font-size:9px;
}
.geral_labelcampo
{
	font-weight: bold;
	font-size: 9pt !important;
	color: #000000 !important;
	font-family: Myriad Pro, Verdana, Geneva, sans-serif !important;
}

.geral_labelcampoExplicacao
{
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	background-color: #ffffff;
    }

.geral_labelcampo_entrada
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: Verdana;
	
}
.geral_labelheadermenu
{
	
    color:#db0f15;
	font-family:Verdana;
	font-size:9px;
}

.geral_labelversao
{
	font-size: 7pt;
	color: #7f7f7f;
	font-family: Verdana;
}

.geral_labelformobrigatorio
{
	font-size: 7pt;
	color: #d80f15;
	font-family: Verdana;
	font-weight: bold;
}

.geral_linkcomum
{
	text-decoration: none;
	background-color: #FFFFFF;
    color: #db0f15;
	font-family:Verdana;
	font-size:12px;
}

.geral_BgGround_DataGrid
{
    text-decoration: none;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
    background-image: url('../imagens/Tabela/bg_barra.jpg');
}

.geral_titulo
{
	font-size: 14pt;
	color: #d80f15;
	font-family: Verdana;
}

.geral_titulo_painel
{
	font-size: 14pt;
	font-weight: bold;
	color: #55555A;
	font-family: Verdana;
}

.menu_normal{font-size: 14pt;color: black;font-family: Verdana;background-color: transparent;}

.menu_hover{font-size: 14pt;color: black;font-family: Verdana;background-color: transparent;}

.menu_selected{font-size: 14pt;color: black;font-family: Verdana;background-color: transparent;}

.submenu_normal{font-size: 8pt;color: #757575;font-family: Verdana;}

.submenu_hover{font-size: 8pt;color: #d8150f;font-family: Verdana;}

.submenu_selected{font-weight: bold;font-size: 8pt;color: #d8150f;font-family: Verdana;}

.geral_labelpainel
{
	font-size: 10pt;
    font-weight:bold;
	color: #db0f15;
	font-family: Verdana;
}

.geral_gerador_evento
{
	cursor: pointer;
}
.geral_tooltip
{
	font-size: 8pt;
	border-top-style: none;
	font-family: Verdana;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.BarraProgresso
{
	font-size: 8pt;
	font-family: Verdana;
}

.setas_ordenacao
{
    font-size: 5pt;
    border-top-style: none;
    font-family: Verdana;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    color: #FFFFFF;
}

.Pager_Style
         {
            font-family: Arial, Helvetica, sans-serif; 
            font-size: xx-small;
            font-weight:bold;
            color:White;
            background: #55555A;
        }
        
.Grid_Select
         {
         	cursor:hand;
         	background-color:Yellow;
			border-right: black thin solid;
			border-top: black thin solid;
			font-size: 9pt;
			border-left: black thin solid;
			border-bottom: black thin solid;
			font-family: Verdana;
        }
        

.Borda{display:block}
.Borda *
	{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#55555A
  	}
  	
.Borda1
	{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #b5b5b8;
  border-right:1px solid #b5b5b8;
  background:#7f7f83
  	}
  	
.Borda2
	{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eeeeee;
  border-right:1px solid #eeeeee;
  background:#757579
  	}
  	
.Borda3
	{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #757579;
  border-right:1px solid #757579;
  	}
  	
.Borda4
	{
  border-left:1px solid #b5b5b8;
  border-right:1px solid #b5b5b8
  	}
  	
.Borda5
	{
  border-left:1px solid #7f7f83;
  border-right:1px solid #7f7f83
  	}
  	
.Geral_Lebel_TituloProduto {
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}
  	
.Bordafg
	{
  background:#55555A
    }

.InSistema
{
    width: 20px;
    text-indent: -999px;
}
.InConcessao, .InPermissao
{
    background-repeat: no-repeat;
    background-position: center;
}
.InConcessao
{
    background-image: url('../imagens/PngIcons/Concessao.png');
}
.InPermissao
{
    background-image: url('../imagens/PngIcons/Permissao.png');
}
.IndicadorVelocidadeMedia TD
{
    font-size: 11px;
    padding: 5px;
    text-align: center;
    /* border: 1px solid #CCC; */
}

.IndicadorVelocidadeMedia TD A {
	padding: 2px 2px 2px 2px;
	height: 18px;
    width: 15px;
    display: table-cell;
	text-decoration: none;
    text-align: right;
}

.IndicadorVelocidadeMedia .velocidadeBaixa
{
	background-color: red;
	color: #FFF;
    /*
    padding-left: 18px;
    background: transparent url('../imagens/PngIcons/bullet_red.png') no-repeat 2px;
    */
}

.IndicadorVelocidadeMedia .velocidadeMedia
{
	background-color: yellow;
	color: #000;
    border: 1px solid #ccc;
    /*
    padding-left: 18px;
    background: transparent url('../imagens/PngIcons/bullet_orange.png') no-repeat 2px;
    */
}

.IndicadorVelocidadeMedia .velocidadeAlta
{
	background-color: green;
	color: #FFF;
    /*
    padding-left: 18px;
    background: transparent url('../imagens/PngIcons/bullet_green.png') no-repeat 2px;
    */
}
.IndicadorVelocidadeMedia .CorAzul
{
	background-color: blue;
	color: #FFF;
}
.IndicadorVelocidadeMedia .CorPreta
{
	background-color: black;
	color: #FFF;
}
.InputTextErro {
    border: 3px dotted #f00;
    background-color: #fbb5b5;
}

.treeNodeZero {
    height:25px;
    width:95%;
    font-family: Verdana !important;
    font-size: 0.8em !important;
    font-weight: bold;
    margin-left: 10px;
    color: darkgrey;
}

td.treeNodeZero {
    background-image : url("../Imagens/detalheparamenu.png");
    background-position-y: -15px;
    background-repeat: repeat-x;
}

.treeNodeZero a:hover {
    color: red !important;
    text-decoration: none !important;
}

.treeNodeZero a {
    height: 25px;
}

.treeNodeZero acronym {
    margin-top: 7px;
    height: 15px;
}


.treeNodeUm {
    font-size:0.8em !important;
    color:red !important;
    font-family:Verdana !important;
    height:10px;
}

.treeNodeUm a:hover {
    margin-left: 10px !important;
    text-decoration: none !important;
}

.treeNodeHover {
    filter:none !important;
    color:red !important;
}

.treeNodeSelected {
    font-size:8pt !important;
    color:red !important;
    font-family:Verdana !important;
}

.divTabStrip {
    float: left;
}

.tabStrip {
    height: 23px;
    border:solid 1px black;
    border-bottom:none;
    background:#E0E0E0;
    padding-left:5px;
    padding-right:5px;
    color:red;
    font-weight:bold;
    font-size:9pt;
    width: 95%;
}

input.tabStrip:hover {
    color:red;
}

.tabStripSelected {
    height: 23px;
    border:solid 1px black;
    border-bottom:none;
    background:red;
    padding-left:5px;
    padding-right:5px;
    color:white;
    font-weight:bold;
    font-size:9pt;
    width: 95%;
}

.InputInvisible {
    display:none;
}

.tbHeaderTitle {
    height: 80px;
}

.tdHeaderTitle {
    background-color: #333;
    width: 150px;
    height: 80px;
}

.tdHeaderTitle span.geral_titulo {
    color: white !important;
    margin-left: 30px;
    margin-right: 30px;
    font-variant: small-caps;
    margin-top: -10px;
    position: absolute;
}

.tbAreaMenuSecondary {
    width: 100%;
}

.tdAreaMenuSecondary {
    width: 100%;
}

.tdMenuItens {
    width: 400px;
    min-height: 400px;
    text-align: center;
}

.tdMenuWithItens {
    width: 400px;
    min-height: 400px;
    border: 3px solid white;
    background-color: #404040;
    text-align: center;
}

.tdMenuRoots {
    max-width: 420px;
    min-height: 400px;
}

.divMenuRoot {
    background-color: #FF6A00;
    color: white;
    width: 180px;
    height: 100px;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-left: 20px;
    margin-top: 20px !important;
}

.divMenuRootHover {
    background-color: #7F0000;
    color: white;
    width: 180px;
    height: 100px;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-left: 20px;
    margin-top: 20px !important;
}


.tbMenuRootTexto {
    color: white;
    width: 180px;
    height: 100px;
    text-align: center;
}

.txtMenuRoot {
    font-family: Verdana;
    font-size: 0.9em;
}

.subMenuTable {
    width: 100%;
    min-height: 400px;
}

.titleSubMenuItens {
    font-family: Verdana;
    font-size: 1.3em;
    color: white;
    background-color: black;
    margin: 10px;
    text-align: center;
    height: 30px;
}

.subMenuDiv {
    width: 90%;
}

.subMenuItem {
    margin-top: 15px;
    width: 100%;
    text-align: left;
}

.subMenuItem a {
    font-family: Verdana;
    font-size: 0.9em;
    color: white;
    text-decoration: none;
}

.subMenuItem a:link {
    font-family: Verdana;
    font-size: 0.9em;
    color: white;
    text-decoration: none;
}

.subMenuItem a:visited {
    font-family: Verdana;
    font-size: 0.9em;
    color: white;
    text-decoration: none;
}

.subMenuItem a:hover {
    margin-left: 10px !important;
    text-decoration: none;
}

.subMenuItem a:link hover {
    margin-left: 10px !important;
    text-decoration: none;
}

.subMenuItem a:visited hover {
    margin-left: 10px !important;
    text-decoration: none;
}

.topWhiteShadowDetail {
    width:100%;
    height: 20px;
    border-top: 1px solid white;
    position:fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
}

.bottomDarkShadowDetail{
    width: 100%;
    height: 1px;
    background-color: #000000;
    position: fixed;
    z-index: 100;
    bottom: 0px;
    left: 0px;
}

.divTitleTextArea {
        background-color: #D6D6D6;
        height: 40px;
        margin-left: -5px;
        border-radius: 5px;
        position: relative;
        float: left;
    }

    .divTitleIconeArea {
        background-color: #7F0000;
        background-image: url("../Imagens/defaultTitleIcone.png");
        background-position:center;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        border-radius: 5px;
        position: relative;
        float: left;
        z-index: 100;
    }

    .divTitle {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 1;
    }

    .divTitleTextArea span {
        top: 9px;
        margin-left: 10px;
        margin-right: 10px;
        color: #404040;
        font-family: Verdana;
        font-size: 1.1em;
        position: relative;
    }

    .divTopDarkLine {
        width: 100%;
        position: fixed;
        top: 0px;
        height: 1px;
        border-top: 1px solid #404040;
    }

    .divTitleTextAreaWithPath {
        background-color: #D6D6D6;
        height: 30px;
        margin-left: -5px;
        border-radius: 5px;
        position: relative;
        float: left;
    }

    .divTitlePathArea {
        background-color: #7F0000;
        height: 30px;
        border-radius: 5px;
        position: relative;
        float: left;
        z-index: 1;
    }

    .divTitlePathArea span {
        top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        color: white;
        font-family: Verdana;
        font-size: 0.8em;
        position: relative;
        text-transform: lowercase;
    }

    .divTitleTextAreaWithPath span {
        top: 5px;
        margin-left: 10px;
        margin-right: 10px;
        color: #404040;
        font-family: Verdana;
        font-size: 0.8em;
        position: relative;
        text-transform: lowercase;
    }


    .divMainArea {
         height: 400px;
         top:100px;
         position: absolute;
         z-index: 1;
    }

    .divMainArea50 {
        width: 49%;
        height: 100%;
        float: left;
    }

    .divMainArea30 {
        width: 29%;
        height: 100%;
        float: left;
    }

    .divMainArea70 {
        width: 69%;
        height: 100%;
        float: left;
    }

    .divMetroImage {
        width: 25%;
        height: 90px; 
        float: left;
        margin-left: 5%;
        display: inline-block; 
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
    }

    div.divMetro1 {
        width: 89%;
        height: 100px; 
        float: left;
        margin-left: 10%;
        background-color: #DB0F15;
        display: inline-block; 
        vertical-align: middle;
        color: white;
        font-size: 0.9em;
        font-family: Verdana;
        line-height: 100px;
        text-align: center;
        border-radius: 5px;
        text-decoration: none;
        color: white;
    }

    div.divMetro1:hover {
        background-color: #7F0000;
        text-decoration: none;
        color: white;
    }

    div.divMetro2 {
        width: 44%;
        height: 100px; 
        float: left;
        margin-left: 5%;
        background-color: #DB0F15;
        cursor: pointer;
        display: inline-block; 
        vertical-align: middle;
        font-size: 0.9em;
        font-family: Verdana;
        line-height: 100px;
        text-align: center;
        border-radius: 5px;
        color: white;
        text-decoration: none;
    }

   div.divMetro2:hover {
        background-color: #7F0000;
        text-decoration: none;
        color: white;
    }

   div.divMetro3 {
        width: 24%;
        height: 100px; 
        float: left;
        margin-left: 5%;
        background-color: #DB0F15;
        cursor: pointer;
        display: inline-block; 
        vertical-align: middle;
        font-size: 0.9em;
        font-family: Verdana;
        line-height: 100px;
        text-align: center;
        border-radius: 5px;
        color: white;
        text-decoration: none;
    }

   div.divMetro3:hover {
        background-color: #7F0000;
        text-decoration: none;
        color: white;
    }

    div.divMetro4 {
        width: 20%;
        height: 100px; 
        float: left;
        margin-left: 3%;
        background-color: #DB0F15;
        display: inline-block; 
        vertical-align: middle;
        color: white;
        font-size: 0.9em;
        font-family: Verdana;
        line-height: 100px;
        text-align: center;
        border-radius: 5px;
        text-decoration: none;
    }

    div.divMetro4:hover {
        background-color: #7F0000;
        text-decoration: none;
        color: white;
    }

    div.divMetro1Hover {
        width: 89%;
        height: 100px; 
        float: left;
        margin-left: 10%;
        background-color: #7F0000;
        cursor: pointer;
        display: inline-block; 
        vertical-align: middle;
        color: white;
        font-size: 0.9em;
        font-family: Verdana;
        line-height: 100px;
        text-align: center;
        border-radius: 5px;
        text-decoration: none;
    }

div.divMetro1Hover:hover {
    text-decoration: none;
        color: white;
}

div.divMetro2Hover {
    width: 44%;
    height: 100px; 
    float: left;
    margin-left: 5%;
    background-color: #7F0000;
    cursor: pointer;
    display: inline-block; 
    vertical-align: middle;
    color: white;
    font-size: 0.9em;
    font-family: Verdana;
    line-height: 100px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
}

div.divMetro2Hover:hover {
    text-decoration: none;
    color: white;
}

div.divMetro3Hover {
    width: 24%;
    height: 100px; 
    float: left;
    margin-left: 5%;
    background-color: #7F0000;
    cursor: pointer;
    display: inline-block; 
    vertical-align: middle;
    color: white;
    font-size: 0.9em;
    font-family: Verdana;
    line-height: 100px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
}

div.divMetro3Hover:hover {
    text-decoration: none;
    color: white;
}

div.divMetro4Hover {
    width: 20%;
    height: 100px; 
    float: left;
    margin-left: 3%;
    background-color: #7F0000;
    cursor: pointer;
    display: inline-block; 
    vertical-align: middle;
    color: white;
    font-size: 0.9em;
    font-family: Verdana;
    line-height: 100px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
}

div.divMetro4Hover:hover {
    text-decoration: none;
    color: white;
}

.divMetroSecondLineAndBelow {
    margin-top: 20px;
}

    .divAreaDetalhes {
        width: 89%;
        margin-left: 5%;
        background-color: #C6C6C6;
        min-height: 400px;
        margin-bottom: 40px;
        border-radius: 5px;
    }

    .divAreaDetalhesTitle {
        width: 100%;
        height: 40px;
        background-color: #7F0000;
        font-size: 1.0em;
        font-family: Verdana;
        color: white;
        text-align: center;
        line-height: 40px;
        border-radius: 5px;
    }

    .divAreaDetalheItens {
        width: 89%;
        height: 75%;
        margin-left: 5%;
        margin-top: 2%;
        position: relative;
        display: table;
    }

    .divAreaDetalheItens2 {
        display: table-cell;
        vertical-align: middle;
        margin-bottom: 20px;
    }

    .subMenuViewItem {
        margin-top: 15px;
        width: 100%;
        text-align: left;
    }

    .subMenuViewItem a {
        font-family: Verdana;
        font-size: 0.9em;
        color: #7F0000;
        text-decoration: none;
    }

    .subMenuViewItem a:link {
        font-family: Verdana;
        font-size: 0.9em;
        color: #7F0000;
        text-decoration: none;
    }

    .subMenuViewItem a:visited {
        font-family: Verdana;
        font-size: 0.9em;
        color: #7F0000;
        text-decoration: none;
    }

    .subMenuViewItem a:hover {
        margin-left: 10px !important;
        text-decoration: none;
    }

    .subMenuViewItem a:link hover {
        margin-left: 10px !important;
        text-decoration: none;
    }

    .subMenuViewItem a:visited hover {
        margin-left: 10px !important;
        text-decoration: none;
    }


.divModalBackground {
    z-index: 500;
    width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    position: absolute;
    background-image: url("../Imagens/blackModalBackground.png");
    background-repeat: repeat;
}

.divModalFrame {
    display: table-cell;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 501;
}

.divTableWithWUCTitle {
    height: 100px;
    vertical-align: middle;
    text-align: center;
}

.divLoading {
    width: 300px;
    height: 240px;
    z-index: 500;
}

.divLoading img{
    position:relative; 
    top:20px; 
    left:125px;
    width:30px;
    height:30px;
}

.divLoadingMessage {
    width:280px;
    height:150px;
    position:relative;
    top:50px;
    left: 10px;
    text-align:center;
    font-family: Verdana;
    color: white;
    font-size: 1.3em;
}

.frameControleMapa {
    border: 1px solid #3C78C3;
    visibility:visible;
    width:275px;
    height: 488px;
    z-index: 51;
}

.divFrameControleMapa {
    border: 1px solid #3C78C3;
    visibility:visible;
    position:absolute;
    left:30px;
    top:30px;
    width:275px;
    height: 475px;
    z-index: 50;
}

.imgPlaceHolder {
    height:80px;
    width:100%;
}

.yui-smartcombo-resultBox {
	height: 300px;
	overflow: scroll;
	background-color: white;
}

.yui-smartcombo-resultBox ul li strong {
	color:blue;
	font-weight: bold;

}

.yui-smartcombo-resultBox-hidden {
	overflow: hidden;
	height: 0;
}
.yui-smartcombo-resultBox-itemselected {
	background-color: lightblue;
	color: blue;
}

span.#map {
    display: none;
}

#trvMenu table tbody tr td a {
    margin-top:7px;
}

#trvMenu table tbody tr td a img {
    margin-top:7px;
}

.divBtnHeader {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position-y: 0px;
    background-position-x: -64px;
    cursor: pointer;
}

.divBtnHeader:hover {
    background-position-x: -32px;
}

.divBtnHome {
    background-image: url('../Imagens/b_home.png');
}

.divBtnConsultar {
    background-image: url('../Imagens/b_consultar.png');
}

.divBtnPesquisar {
    background-image: url('../Imagens/b_pesquisar.png');
}

.divBtnRelatorio {
    background-image: url('../Imagens/b_relatorios.png');
}

.divBtnMapeamento {
    background-image: url('../Imagens/b_mapeamento.png');
}

.divBtnAjuda {
    background-image: url('../Imagens/b_ajuda.png');
}

.divBtnFechar {
    background-image: url('../Imagens/b_fechar.png');
}

.divBtnSair {
    background-image: url('../Imagens/b_sair.png');
}

.divBtnEntrar {
    background-image: url('../Imagens/b_entrar.png');
}

.divBtnOK {
    background-image: url('../Imagens/b_ok.png');
}

.divBtnProsseguir {
    background-image: url('../Imagens/b_processeguir.png');
}

.divBtnVeiculo {
    background-image: url('../Imagens/b_veiculo.png');
}

.divBtnVoltar {
    background-image: url('../Imagens/b_voltar.png');
}

.divBtnPan {
    background-image: url('../Imagens/b_pan.png');
}

.divBtnZoomOut {
    background-image: url('../Imagens/b_zoomout.png');
}

.divBtnZoomIn {
    background-image: url('../Imagens/b_zoomin.png');
}

.tdBtnHeader {
    width: 92px;
}

.tbBtnHolder {
    padding-top: 9px;
}

.footerToolBar {
    border-bottom: 1px solid black;
}

.divHeaderToolTip {
    position: absolute;
    z-index: 100;
    height: 24px;
    top: 24px;
    min-width: 80px;
}

.divHeaderToolTipRed {
    background-image: url('../Imagens/det_tooltip.png');
    background-position-y: 0px;
    background-repeat: no-repeat;
    width: 6px;
    float: left;
    height: 24px;
    background-position-x: -6px;
}

.divToolTipTextRed {
    height: 24px;
    float: left;
    background-color: #ff0000;
}

.divToolTipTextRed table {
    height: 24px;
}

.divToolTipTextRed table tbody tr td span {
    margin-left: 4px;
    margin-right: 4px;
    font-size: 9pt;
	font-family: Myriad Pro, Verdana, Geneva, sans-serif;
    color: #FFFFFF;
}

.divToolBar {
    height: 50px;
    width: 100%;
    background-color: #d6d6d6;
}

.divToolBarHoldSmartSearch {
    float: left;
    width: 300px;
    height: 40px;
    margin-top: 5px;
    margin-left: 20px;
}

.divToolBarSearchCategories {
    width: 300px;
    height: 15px;
    color: #7F0000;
    font-size: 7pt;
	font-family: Myriad Pro, Verdana, Geneva, sans-serif;
    text-transform: lowercase;
}

.divToolBarSearchCategories span:hover{
    cursor: pointer;
    color: #ff0000;
}

.divToolBarInput {
    width: 295px;
    height: 25px;
    border: 3px solid #7F0000;
    background-color: white;
    color: #7F0000;
    font-size: 9pt;
	font-family: Myriad Pro, Verdana, Geneva, sans-serif;
}

.divToolBarBtnOK {
    width: 32px;
    height: 32px;
    margin-top: 9px;
    float: left;
    margin-left: 15px;
    background-image: url('../Imagens/b_ok.png');
    background-position-y: 0px;
    background-position-x: -64px;
    cursor: pointer;
}

.divToolBarBtnOK:hover {
    background-position-x: -32px;
}

.divBarraSeparacaoArea {
    width: 100%;
    height: 10px;
    background-image: url('../Imagens/barra_separacao_area.png');
    background-position: left top;
    background-repeat: repeat-x;
    text-align: center;
}

.divBarraSeparacaoArea img:hover {
    cursor: pointer;
}

.tableLogin {
    border: 3px solid #55555a;
    width: 300px;
    border-radius: 5px;
    background-color: #FFFFFF;
}

.titulo
{
	font-size: 12pt;
	color: #55555a;
	font-family: Myriad Pro, Verdana, Geneva, sans-serif;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    text-transform: capitalize;
    font-variant: small-caps;
    font-weight: bold;
}

.inputLogin {
    width: 200px;
    height: 20px;
    border: 1px solid #d6d6d6;
    background-color: white;
    color: #55555a;
    font-size: 9pt;
	font-family: Myriad Pro, Verdana, Geneva, sans-serif;
    text-align: left;
}

.labelLogin {
    font-weight: bold;
    color: #55555a;
    font-size: 9pt;
	font-family: Myriad Pro, Verdana, Geneva, sans-serif;
    text-align: left;
    text-transform: capitalize;
    font-variant: small-caps;
}

.backgroundLogin {
    background-image: url('../Imagens/fundo_claro.jpg');
    background-position:bottom;
    background-position:right;
    background-position-y: 100px;
    background-repeat: no-repeat;
}


.divToolBarToolTip {
    position: absolute;
    z-index: 100;
    height: 24px;
    top: 4px;
    min-width: 80px;
}

.divToolBarToolTipRed {
    background-image: url('../Imagens/det_tooltip.png');
    background-position-y: 0px;
    background-repeat: no-repeat;
    width: 6px;
    float: left;
    height: 24px;
    background-position-x: -6px;
}

.labelError {
    font-weight: normal;
    color: #7F0000;
    font-size: 9pt;
	font-family: Myriad Pro, Verdana, Geneva, sans-serif;
}

.quadroAutenticacao {
    background: #F6F6F6;
	border-color: #E9E9E9;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	padding: 10px;
    width: 300px;
}

.divContentCombo {
	width: 300px;
	margin: 0px;
	padding: 0px;
}

.divContentCombo input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #030;
	text-decoration: none;
	width: 300px;
	margin: 0px;
	padding: 0px;
    height: 18px;
}

.divContentCombo div.ComboDetails {
	width: 300px;
	height: 150px !important;
	background-color: #ECECEC !important;
	float:left;
    top: 18px !important;
	position:absolute;
	margin: 0px;
	padding: 0px;
	vertical-align:top;
	overflow: auto;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	display: none;
}

.divContentCombo div.ComboDetails div.ScrollArea {
    overflow-x: hidden !important;
}

.divContentCombo div.ComboDetails div.SplitAreas {
    background-color: black !important;
}

.divContentCombo div.ComboDetails div.ScrollArea {
    height: 107px !important;
}

.divContentCombo div.ComboDetails div.ScrollArea div ul{
    margin: 0px;
	padding: 0px;
}

.divContentCombo div.ComboDetails div.ScrollArea div ul li
{
	list-style: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px !important;
	height: 20px;
	text-transform: uppercase;
	color: #333 !important;
	cursor: pointer;
	padding-left: 5px;
    display: inline-table;
    width: 100%;
    font-weight: normal;
}

.divContentCombo div.ComboDetails div.ScrollArea div ul li:hover
{
	background-color: #666 !important;
	color: #FFF !important;
}

.divContentCombo div.ComboDetails div.ScrollArea div ul li:hover strong
{
	color: #FFF !important;
}

.divContentCombo div.ComboDetails div.ScrollArea div ul li strong
{
	color: black !important;
}

.divContentCombo div.ComboDetails div.ScrollArea div ul li.divContentComboDetHover
{
	background-color: #666 !important;
	color: #FFF !important;
}

.divContentCombo div.ComboDetails div.ScrollArea div ul li.divContentComboDetHover strong
{
	background-color: #666 !important;
	color: #FFF !important;
}

.divContentCombo div.ComboDetails div.ShowOnly{
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position-y: 0px;
    background-position-x: -64px;
    cursor: pointer;
    background-image: url('../imagens/b_exibirselecionado.png');
}

.divContentCombo div.ComboDetails div.ShowOnly:hover {
    background-position-x: -32px;
}

.divContentCombo div.ComboDetails div.ClearSeleted{
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position-y: 0px;
    background-position-x: -64px;
    cursor: pointer;
    background-image: url('../imagens/b_apagar.png');
}

.divContentCombo div.ComboDetails div.ClearSeleted:hover {
    background-position-x: -32px;
}

.divContentCombo div.ComboDetails div.ShowOnlySelected{
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position-y: 0px;
    background-position-x: -32px;
    cursor: pointer;
    background-image: url('../imagens/b_exibirselecionado.png');
}

.divContentCombo div.ComboDetails div.ToolTip {
    position: absolute;
    z-index: 100;
    height: 24px;
    top: 24px;
    min-width: 80px;
}

.divContentCombo div.ComboDetails div.ToolTip div.ToolTipRed {
    background-image: url('../imagens/det_tooltip.png');
    background-position-y: 0px;
    background-repeat: no-repeat;
    width: 6px;
    float: left;
    height: 8px;
    background-position-x: -6px;
}

.divContentCombo div.ComboDetails div.ToolTip div.ToolTipTextRed {
    height: 24px;
    float: left;
    background-color: #ff0000;
}

.divContentCombo div.ComboDetails div.ToolTip div.ToolTipTextRed table {
    height: 24px;
}

.divContentCombo div.ComboDetails div.ToolTip div.ToolTipTextRed table tbody tr td span {
    margin-left: 4px;
    margin-right: 4px;
    font-size: 9pt;
	font-family: Myriad Pro, Verdana, Geneva, sans-serif;
    color: #FFFFFF;
}

.divAreaSelecao {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    border-radius: 5px;
    background-color: #D6D6D6;
    min-height: 60px;
}

.divAreaSelecao div.labels {
    width: 30%;
    float: left;
}

.divAreaSelecao div.inputs {
    width: 69%;
    float: left;
}

.bordaArea {
   border: 1px solid #55555a;
}