/*Tela Principal e Menu*/
body 
{
    margin:0px;
    background-color: #fff;
    font-family:Arial;
    font-size:13px;   
    /*overflow:hidden; tirar caso não use a tag object na default, se caso deixar colocar também no css de contraste */ 
}
#divPaginaHome
{
    min-width:1280px;    
}

#divBarraSuperiorHome
{
    padding:4px;    
    background-color: #339966; 
    color: #fff;
    font-size:13px; 
}

#divPainelPesquisa
{   
    position:absolute;
    left:0px;
    top:20px; 
    width:250px;
    height:400px;
    z-index:1200;    
    background-color:#fff;
    color:#000;
    border:1px solid #ccc;
    min-height:20px;
    height:auto;     
    box-shadow: 0 0 5px rgba(0, 96, 96, 0.90);   
}

.divItemPesquisaGeral 
{
    padding:5px;
    background-color:#fff;
    border-bottom:1px solid #ccc;
}
.divItemPesquisaGeral:hover
{
    background-color:#339966;
    color:#fff;
}
a.linkItemPesquisa:hover
{
    text-decoration:none;
}

#divTopoHome
{
    background-color: #006060;
    color: #fff;
}

.fundoMenuNav
{
    background-color: #006060;
    color: #fff;
}

.fundoLocalizacao
{
    background-color: #e5e5e5;
}

.NomeEntidade
{
    font-size:24px;
    font-weight:bold;
}

.Exercicio
{
    font-size:16px;
    font-weight:bold;
}

#divTrocaEntidade
{
    background-color:#339966;
    color:#fff;
}

a, a:link, a:visited, a:active
{
color: #000;    
text-decoration:none;
}
 
a:hover{
color:#000;
text-decoration:underline; 
}

a.linkBranco, a.linkBranco:link, a.linkBranco:visited, a.linkBranco:active 
{
    color:#fff;
    text-decoration:none;
}
a.linkBranco:hover 
{
    color:#fff;
    text-decoration:underline;
}

li a, li a:link, li a:visited, li a:active
{
color: #fff;    
text-decoration:none;
}
 
li a:hover{
color:#fff;
text-decoration:underline;
 
}

.bordafinaPreta
{
    border: 1px solid #000;
    border-radius:10px;
    background-color: #fff;
}

ul.menuMapa 
{
  position:absolute;  
  display:block;
  background-color:transparent; 
  left:40px;
  width:350px;
  font-size:14px; 
  font-weight: bold;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.SubMenuAEsquerdaItem {
  font: bold 12px sans-serif;
  padding: 0;
  position: absolute;
  top: 22px;
  left: -170px;
  width: 250px;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}

hr {
      color: #fff;
      background-color: #fff;
      border: none;
      height: 1px;
    }
/*

.SubMenuAEsquerdaItem {  
  font: bold 12px sans-serif;
  /*background: #339966 
  display: block; 
  color: #fff;
  /*text-shadow: 0 -1px 0 #74b591;
}

.SubMenuAEsquerdaItem:hover { background: red;  }


#006633;*/

.etiquetaLocalizacao 
{
    background-color:#006060; 
    color:#fff;
}

.etiquetaLocalizacaoLink 
{
    background-color:#019554; 
    color:#FFFFFF;
}

/*Páginas chamadas por MostraModal*/

.fundoTransparente
{
    background-color:transparent;
}

#divLayout
{
    position:absolute;
    width: 1280px;
    height: 650px;
    left:50%;
    top:50%;
    margin-left:-640px;
    margin-top:-325px;           
}

#divPaginaLocal
{
    position:relative;
    margin: 0px auto 0px auto;
    background-color:#ffffff;
    height:auto;
    /*-webkit-box-shadow: 3px 4px 8px #666;*/
    /*-moz-box-shadow: 3px 4px 8px #666;*/
    /*box-shadow: 3px 4px 8px #666;*/    
}

#divTitulo
{
    position:relative;
    margin:0px auto 0px auto;
    padding:4px;    
    background-color: #006060; 
    color: #fff;
    font-size:13px; 
    border:1px solid #A8A8A8;
    vertical-align:middle;
}

#divConteudoLocal
{
    position:relative;
    margin:0px auto 0px auto;
    background-color:#FFFFFF;
    border:1px solid #A8A8A8;
    border-top:none;
}

.LabelNomeCampo
{
    font-family:Arial, Segoe UI, Calibri;
}

.LabelDadosCampo
{
    font-family:Arial, Segoe UI, Calibri;
    color:#006060;
    font-weight:bold;
    height:19px;
    padding-left:5px;
    padding-top:2px;
    border:2px solid #ABADB3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px 6px 6px 6px;
}



/*Páginas com grid*/

#divMenuSuperiorOpcoes
{
    position:relative;
    margin:1px auto 0px auto;
    width:90%;
    height:38px;
    border-bottom:1px solid #C9C6C6;
}

#divOrientacoesLink
{
    background-color:#999999;
    color:#fff;
}

.divOrientacoesLink
{
    background-color:#999999;
    color:#fff;
}

#divOrientacoesLinkDestaque
{
    background-color:#333;
    font-weight:bold;  
    color:#fff;
}

.divOrientacoesLinkDestaque
{
    background-color:#333; 
    font-weight:bold;
    color:#fff;
}

.TextoLabel
{
    position:absolute;
}

.TextoLabel2
{
    position:absolute;
}

.divFiltro_Grid
{
    position:relative;
    margin:10px auto 0px auto;
    width:1370px;
}

.divFiltro_Grid2
{
    position:relative;
    margin:2px auto 0px auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;
}

.CSS_lnkValor_ASPx
{
    cursor:default;
    text-decoration:none;
    color:#363636;
}

.CSS_lnkValor_ASPx:hover
{
    cursor:pointer;
    text-decoration:underline;
    color:Green;
}

.CSS_lnkValor_ASPxDestaque
{
    cursor:default;
    text-decoration:underline;
    font-weight:bold; 
    color:#363636;
}

.CSS_lnkValor_ASPxDestaque:hover
{
    cursor:pointer;
    text-decoration:underline;
    font-weight:bold; 
    color:Green;
}

/*
.Jr_HeaderImagem, .Jr_FooterImagem
{
    background-image:url(./AppImagens/GridHeaderBack.jpg);
    background-repeat:repeat-x ;
    border-color:#B7BABC;
}
    
.Jr_GridBorda
{
    border:1px solid #B7BABC;
}
  
*/
  
.CSS_divFormLoader_ASPx
{

    width:280px;
    height:60px;
    border:1px solid #9C9694;
    color:#204873;
    cursor:wait;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px 2px 2px 2px;
    background:#FFFFFF;
    -webkit-box-shadow: 0px 2px 8px #444;
    -moz-box-shadow: 0px 2px 8px #444;
    box-shadow: 0px 2px 8px #444;    
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#CACCCE));
    background: -moz-linear-gradient(#FFFFFF, #CACCCE);
    background: linear-gradient(#FFFFFF, #CACCCE);   
    -pie-background: linear-gradient(#FFFFFF, #CACCCE); 
}

.CSS_TextoRodape_ASPx
{
    font-weight:bold;
}

.CorTextoGrid
{
    color:#363636;
}

.CorLinha 
{
    background-color: #fff;
}

.CorLinhaAlternativa 
{
    background-color: #F7F6F3;
}

.CorLinhaSelecionada 
{
    background-color: #D0D7E5;
}

.CorLinhaDestacada 
{
    background-color: #E1EEFD;
    color: #363636;
}

.dxgvHeader, .dxgvHeader table { /*Usado para o Header do Grid no lugar de Grid.forecolor */                                 
    color: #363636;
}

.dxgvTitlePanel 
{
    font-weight:bold;
    color: #363636;
}

.Jr_HeaderImagem, .Jr_FooterImagem, .dxgvTitlePanel
	{
        /*background-image:url(../AppImagens/GridHeaderBack.jpg);
	    background-repeat:repeat-x ;	
		border-color:#B7BABC; */
		background-color : #e9e9e9;
		border-color:#B7BABC; 
		
	}
	
.Jr_GridBorda
{
	border:1px solid #B7BABC;
}
	
	.Invisivel
{
	display:none;
}
	
.Jr_GridLnkButton
{
	font-family:Segoe UI, Calibri, Arial;
	font-size:12px;
	color:#404040;	
	text-decoration:none;
}	

.PesquisaVaziaGrid
{
   background-color:#fff;   
   color:#999; 
}


.Panel
{
    position:absolute; 
    left:6px; 
    top:-8px; 
    white-space:nowrap; 
    background-color:White; 
    padding-left:3px; 
    padding-right:3px;
    overflow: hidden;
    height: 14px;
} 

.txtLabel
{
    position:absolute;
    border-style:hidden;
    color:#006060;
    font-weight:bold;
}

/*.Jr_HeaderImagem, .Jr_FooterImagem
{
	background-image:url(./AppImagens/GridHeaderBack.jpg);
	background-repeat:repeat-x ;
	border-color:#B7BABC;
}
	
.Jr_GridBorda
{
	border:1px solid #B7BABC;
}
	
.Invisivel
{
	display:none;
}*/

.TextoCinza{
    font-family:Segoe UI, Calibri, Arial;
    color:#5D5847;
}

.TextoCinzaEscuro{
    font-family:Segoe UI, Calibri, Arial;
    font-size:16px;
    color:#282623;    
}

.TextoLabelVerdeMenu
{
    font-family:Segoe UI, Calibri, Arial;
    color:#006060;
}

.TextoCinza
{
    font-family:Segoe UI, Calibri, Arial;
    color:#5D5847;
}

a.TextoCinza:link {
    text-decoration:none;
}
a.TextoCinza:hover {
    text-decoration:underline;
}

.TextoCinza2
{
    font-family:Segoe UI, Calibri, Arial;
    color:#5D5847;
}

a.TextoCinza2:link {
    text-decoration:none;
}
a.TextoCinza2:hover {
    text-decoration:none;
}


.TextoCinzaEscuro
{
    font-family:Segoe UI, Calibri, Arial;
    color:#282623;
    
} 

.TextoCinzaEscuro
{
    font-family:Segoe UI, Calibri, Arial;
    color:#282623;
}


.TextoLabel2 
{
    color:#363636; 
    font-family:Segoe UI, Arial;
}

.corVerdeMenu 
{
    color:#006060;    
}

.TextoBranco
{
    font-family: Arial;
    color:#FFFFFF;
}

    .UppercaseCss input
    {
        text-transform:uppercase;
    }
    
.TextoLabelAzulForte
{
    font-family:Arial,Segoe UI, Calibri;
    color:#006060;
}

.TextoLabelAzul2
{
    position:absolute;
    font-family:Arial, Segoe UI, Calibri;
    color:#006060;
} 

.TextoCampos
{
    text-align:left; 
    color:#000; 
    font-family:Arial;
    font-size:12px;
}

.TextoLabelRodape
{
    color:#363636;
    font-family: Arial;
}

.MenuLateralItem
{
    position:relative;
    margin:1px auto 0px auto;
    border:1px solid #FFFFFF;
    width:276px;
    height:21px;
    vertical-align:middle;
    background-color:#FFFFFF;
}

.MenuLateralItem:hover
{
    position:relative;
    margin:1px auto 0px auto;
    border:1px solid #C9C6C6;
    width:276px;
    height:21px;
    vertical-align:middle;
    background-color:#EAE6E6;
}

.lnkButton2
{
    position:relative;
    margin:0px auto 0px auto;
    color:#464646;
    font-family:Segoe UI, Arial;
    font-size:13px;
    text-decoration:none;
    padding-left:25px;
    line-height:19px;
}

.lnkButton2:hover
{
    position:relative;
    margin:0px auto 0px auto;
    color:#387FC5;
    font-family:Segoe UI, Arial;
    text-decoration:none;
    padding-left:25px;
    line-height:19px;
}

.MenuLateralItem2
{
    position:relative;
    margin:1px auto 0px auto;
    border:1px solid #FFFFFF;
    width:360px;
    height:21px;
    vertical-align:middle;
    background-color:#FFFFFF;
}

.MenuLateralItem2:hover
{
    position:relative;
    margin:1px auto 0px auto;
    border:1px solid #C9C6C6;
    width:360px;
    height:21px;
    vertical-align:middle;
    background-color:#EAE6E6;
}

.lnkButtonPeriodo
{
    position:relative;
    margin:0px auto 0px auto;
    color:#464646;
    font-family:Segoe UI, Arial;
    font-size:10px;
    text-decoration:none;
    padding-left:25px;
    line-height:19px;
}

.lnkButtonPeriodo:hover
{
    position:relative;
    margin:0px auto 0px auto;
    color:#387FC5;
    font-family:Segoe UI, Arial;
    font-size:10px;
    text-decoration:none;
    padding-left:25px;
    line-height:19px;
}

.HeaderMenuPeriodos
{
    position:relative;
    margin:5px auto 10px auto;
    /*border:1px solid #C9C6C6;*/
    width:380px;
    background-color:#FFFFFF;
    text-align:justify;
}


.MenuItemEquipeDeGoverno_Secretarias, .MenuItemAtosEPublicacoesOficiais
{
    position:relative;
    margin:1px auto 20px auto;
    border:1px solid #FFFFFF;
    vertical-align:middle;
    background-color: #FFFFFF;
}

.TituloEquipeDeGoverno_Secretarias 
{ 
    position:relative;
    margin:0px auto 2px auto;
    padding: 5px 5px 5px 5px;
    border:1px solid #E5E4E4;
    background-color:#E5E4E4;
    height:20px;
    font-family:Segoe UI, Arial;
    font-weight:bold;
    font-size:13px;        
}

.TituloAtosEPublicacoesOficiais
{ 
    position:relative;
    margin:0px auto 2px auto;
    padding: 5px 5px 5px 5px;
    border:1px solid #E5E4E4;
    background-color:#E5E4E4;
    height:20px;
    font-family:Segoe UI, Arial;
    font-weight:bold;
    font-size:13px;        
}

.ConteudoEquipeDeGoverno_Secretarias
{
    position:relative;
    margin: 0px auto 0px auto;
    padding: 5px 5px 5px 5px;
    border: 1px solid #E5E4E4;
    background-color: #FFFFFF;
    font-family:Segoe UI, Arial;
    font-size:13px;
    color:#000000;
}

 .ConteudoAtosEPublicacoesOficiais
 {
    position:relative;
    margin: 0px auto 0px auto;
    padding: 5px 5px 5px 5px;
    border: 1px solid #E5E4E4;
    background-color: #FFFFFF;
    font-family:Segoe UI, Arial;
    font-size:13px;
    color:#000000;
}
 
.TextolinkInstitucional
{
    font-family:Segoe UI, Arial;
    color:#000000;
}

a.TextolinkInstitucional:link {
    text-decoration:none;
}
a.TextolinkInstitucional:hover {
    text-decoration:underline;
}

#divRodapePrincipal
{
    background-color: #006060; 
    color: #fff;
    font-size:13px; 
}

#divCopyright
{
    background-color: #339966; 
    color: #fff;
    font-size:13px; 
    text-align:center;
}

.cssLabel
{
position:absolute;
font-weight:normal;
font-family: Segoe UI, Calibri, Arial; 
color:#3B5998;
font-size:12px;
background-color:#fff;
} 

.csslblResposta
{
position:absolute;
font-family: Segoe UI, Calibri, Arial; 
font-size:12px;
color: #000;
} 

.cssBtnLicitacao
{
font:Arial;
width:90px;
height:39px;
}

/*Popups*/

.dxpcHeader
{
	font-family: Tahoma;
	font-size: 12px;	
	color: #fff;
	background-color: #006060;
	border-bottom: solid 1px #C9C9C9;	
	height: 25px;
}
.dxpcHeader td.dxpc
{	
    font-family: Tahoma;
	font-size: 12px;	
	color: #fff;
	white-space: nowrap;
}

/* Fim Popups */



/* TabPages*/

.dxtcPageContent, .dxtcActiveTab
{
background-color: #fff;
}

.dxtc, .dxtcActiveTabHover 
{
    color: #000;
}

.dxtcTab, .dxtcTabHover
{
    background-color: #ccc;
    color: #000;
}


/* Fim TabPages*/


/*AcordionMenu*/

.AcordionContainer {
    position:relative;
    width:1250px;
    height:auto;
    margin:10px 0px 0px 10px;
	
}

.AcordionGrupoContainer {
	height: auto;
    position: relative;
    margin: 0px;
    width: 100%;
}

.AcordionGrupoHeader {
	position:relative;
	margin:1px;
	width:99%;
	height:30px;
    border:1px solid #C9C6C6;
    color:#339966;
    cursor:default;
    vertical-align:middle;
    line-height:28px;	
    border-radius: 2px;
    background-color:#FCFCFC;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCFCFC), to(#D6D7D9));
    background: -moz-linear-gradient(#FCFCFC, #D6D7D9);
    background: linear-gradient(#FCFCFC, #D6D7D9);   
    -pie-background: linear-gradient(#FCFCFC, #D6D7D9);
    behavior: url(Efeitos/PIE.htc);
}

.AcordionGrupoHeader:hover {
    color:#006060;
    cursor:pointer;
    background-color:#E2EEF3;
    background: -webkit-gradient(linear, 90 0, 0 bottom, from(#E2EEF3), to(#C8D6DB));
    background: -moz-linear-gradient(#E2EEF3, #C8D6DB);
    background: linear-gradient(#E2EEF3, #C8D6DB);   
    -pie-background: linear-gradient(#E2EEF3, #C8D6DB);
    behavior: url(Efeitos/PIE.htc);
}


.AcordionGrupoConteudo {
	position:relative;
    width:99%;
    padding-bottom:5px;
    margin:1px;
    border:solid 1px #C3C3C3;
    display:none;
    background-color:#FAFAFA;
	
}

.AcordionGrupoConteudolnkButton
{
    position:relative;
    margin:4px auto 0px auto;
    color:#339966;
    font-family:Segoe UI, Arial;
    font-size:13px;
    text-decoration:none;
    padding-left:10px;
}

.AcordionGrupoConteudolnkButton:hover
{
    position:relative;
    margin:4px auto 0px auto;
    color:#006060;
    font-family:Segoe UI, Arial;
    text-decoration:none;
    padding-left:10px;
}

.EstiloTextoDivGrupoConteudo  
{
    position:relative;
    width:95%;
    margin:10px;
    text-align:justify;
} 

.EstiloTextoLabelPergunta
{
    padding-left:10px; 
    font-family:Segoe UI, Arial;
    font-size:15px;
} 

.EstiloTextoLabelResposta
{
    font-family:Segoe UI, Arial;
    font-size:15px;
}

/*Fim AcordionMenu*/

.barraRolagemFina::-webkit-scrollbar-track {
    background-color: #F4F4F4;
}
.barraRolagemFina::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #F4F4F4;
}
.barraRolagemFina::-webkit-scrollbar-thumb {
    background: #dad7d7;
}


/*COMEÇO DO MENU RESPONSIVO*/
#divMenuHome input[type="checkbox"]
{
  display: none;
}

 .menu-icon
 {
      display: none;
 }
#divMenuHome
{
    text-align:center;
    border-bottom:5px solid #006060; 
    background-color:#006060;
    z-index:900;
}

ul.menuMapa li.ItemMenu
{
  left:0px;
  font-size:14px; 
  font-weight:bold; 
  width:350px;
  background-color: transparent; 
  color: #000;
  display:block;
  padding:13px 0px 3px 0px;
}

ul.menuMapa li.ItemSubMenu 
{
  left:20px;
  font-size:13px; 
  font-weight:normal; 
  width:330px;
  background-color: transparent; 
  color: #000;
  display: block;
  padding:3px 0px 3px 0px;
}

ul.menuMapa li.ItemSubMenuComItem 
{
  left:20px;
  font-size:13px; 
  font-weight:bold; 
  width:330px;
  background-color: transparent; 
  color: #000;
  display: block;
  padding:3px 0px 3px 0px;
}

ul.menuMapa li.ItemSubMenuItem 
{
  left:40px;
  font-size:12px; 
  font-weight:normal; 
  width:330px;
  background-color: transparent; 
  color: #000;
  display: block;
  padding:3px 0px 3px 0px;
}

li.ItemMenu a, li.ItemMenu a:link, li.ItemMenu a:visited, li.ItemMenu a:active
{
color: #000;    
text-decoration:none;
}

li.ItemMenu a:hover{
color:#000;
text-decoration:underline; 
}


li.ItemSubMenu a, li.ItemSubMenu a:link, li.ItemSubMenu a:visited, li.ItemSubMenu a:active
{
color: #000;    
text-decoration:none;
}
 
li.ItemSubMenu a:hover{
color:#000;
text-decoration:underline; 
}


li.ItemSubMenuComItem a, li.ItemSubMenuComItem a:link, li.ItemSubMenuComItem a:visited, li.ItemSubMenuComItem a:active
{
color: #000;    
text-decoration:none;
}
 
li.ItemSubMenuComItem a:hover{
color:#000;
text-decoration:underline; 
}


li.ItemSubMenuItem a, li.ItemSubMenuItem a:link, li.ItemSubMenuItem a:visited, li.ItemSubMenuItem a:active
{
color: #000;    
text-decoration:none;
}
 
li.ItemSubMenuItem a:hover{
color:#000;
text-decoration:underline; 
}

ul {
  font: bold 12px sans-serif;
  text-align: left;
  background-color:#006060;
  display: inline;
  margin: 0px;
  padding: 5px 4px 7px 0px;
  list-style: none;
  /*-webkit-box-shadow: 0 0 5px rgba(0, 96, 96, 0.90);
  -moz-box-shadow: 0 0 5px rgba(0, 96, 96, 0.90);
  box-shadow: 0 0 5px rgba(0, 96, 96, 0.90);*/
}

ul li {
  font: bold 12px sans-serif;
  display: inline-block;
  color:#fff;
  margin-right: -4px;
  position: sticky;
  padding: 5px 10px;
  background: #006060;
  z-index:910;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;

}
ul li:hover {
  background: #339966;
  color: #fff;
}
ul li ul {
  font: bold 12px sans-serif;
  padding: 0;
  position: absolute;
  top: 22px;
  left: 0;
  width: 250px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul li ul li { 
  font: bold 12px sans-serif;
  background: #339966; 
  display: block;    
  color: #fff;
  z-index:910;
}
ul li ul li:hover  
{
 background: #006633; 
}

ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

ul li:hover ul ul
{
    display:none;
}

ul li ul li ul {
  font: bold 12px sans-serif;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 250px;
  width: 250px;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul li ul li ul li { 
  font: bold 12px sans-serif;
  background: #339966; 
  display: block; 
  color: #fff;
}
ul li ul li ul li:hover { background: #006633; }

ul li ul li:hover ul{
  display: block;
  opacity: 1;
  visibility: visible;
}

.SubMenuAEsquerda {
  font: bold 12px sans-serif;
  padding: 0;
  position: absolute;
  top: 0px;
  left: -250px;
  width: 250px;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}


@media screen and (max-width: 1250px)
{
.menu-icon
 {
      display: none;
 }
#divMenuHome
{
    text-align:center;
    border-bottom:10px solid #006060; 
    background-color:#fff;
    z-index:900;
}
#divMenuHome nav{
    max-width: 100%;
    padding: 0 20px;
  }
  nav .content .links{
    margin-left: 30px;
  }
  .content .links li a{
    padding: 8px 13px;
  }

}
@media screen and (max-width: 900px)
{
  #divMenuHome .menu-icon
  {
    display: flex;
  }
  #divMenuHome  #show-menu:checked ~ .menu-icon i::before
  {
    content: "\f00d";
  }
  nav .content .links
  {
    display: flex;
    position: absolute;
    background: #006060;
    width: 100%;
    top: 151px;
    left: -100%;
    margin-left: 0;
    max-width: 350px;
    overflow-y: auto;
    padding-bottom: 100px;
    transition: all 0.3s ease;
    flex-direction : column;
    z-index: 9;
  }
  nav #show-menu:checked ~ .content .links
  {
    left: 0%;
  }
  .content .links li
  {
    display:flex;
    flex-direction:column;
  }
  .content .links li a,
  .content .links li label
  {
    line-height: 40px;
    font-size: 13px;
    display: block;
    padding: 8px 18px;
    cursor: pointer;
  }
  .content .links li a.desktop-link
  {
    display: none;
  }
  .content .links ul,
  .content .links ul ul{
    position: sticky;
    opacity: 1;
    visibility: visible;
    background: none;
    max-height: 0px;
    overflow: hidden;
    width:unset;
  }
    .content .links #LnkMenuInicioInput:checked ~ ul,
    .content .links #LnkMenuReceitasInput:checked ~ ul,
    .content .links #LnkMenuDespesasInput:checked ~ ul,
    .content .links #lnkDespesasPorAgrupamentoInput:checked ~ ul,
    .content .links #LnkMenuPessoalInput:checked ~ ul,
    .content .links #LnkMenuPlanejamentoOrcamentarioInput:checked ~ ul,
    .content .links #LnkMenuLicitacoesEContratosInput:checked ~ ul,
    .content .links #LnkMenuPrestacaoDeContasInput:checked ~ ul,
    .content .links #LnkMenuTerceiroSetorInput:checked ~ ul,
    .content .links #LnkMenuTransferenciasInput:checked ~ ul, 
    .content .links #LnkMenuConveniosInput:checked ~ ul,
    .content .links #LnkMenuPatrimonioInput:checked ~ ul,
    .content .links #LnkMenuAcessoAInformacaoInput:checked ~ ul,
    .content .links #LinkUteisInput:checked ~ ul
  {
    max-height: 200vh;
  }
    .content .links ul li
  {
    padding:0 0 0 25px;
  }
  .content .links ul li a
  {  
    font-size:bold 10px;
    line-height: 30px;
    border-radius: 5px!important;
  }
  .content .links ul.despagr li a
  {  
    text-indent: 0;
    padding-left: 68px;
  }
  .content .links .desktop-link
  {
     font-size:bold 10px;
     line-height: 30px;
     width:100%
  }
  .SubMenuAEsquerdaItem {
  font: bold ;
  padding: 0;
  position: absolute;
  top: 22px;
  left: -170px;
  width: 100%;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
  ul li ul li .despagr
{
    background-color:Black;
}
 
  li ul 
  {
      width:100%
  }
  
  .content .links div 
  {
    display: none;
  }
    .content .links li a.desktop-link
  {
    display: none;
  }
  

  
}
@media screen and (max-width: 400px){
  #divMenuHome nav{
    padding: 0 10px;
  }
  #divMenuHome .logo a{
    font-size: 27px;
  }
  #divMenuHome .search-box{
    max-width: calc(100% - 70px);
  }
  #divMenuHome .search-box .go-icon{
    width: 30px;
    right: 0;
  }
  #divMenuHome .search-box input{
    padding-right: 30px;
  }
}