body{
    font-family: verdana;
    font-size: 12px;
}
h1{
    font-size: 23px;
}
h2{
    font-size: 17px;
}
.mainItemchamados {
    background-image: url("../templates/img/body/mainmenu/chamados.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 12.5px;
}

.cgj_tjmg {
    background-image: url("../templates/img/body/mainmenu/cgj_tjmg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 12.5px;
}
input, textarea, select{
	border: 1px solid #CCCCCC;
	padding: 5px 5px 5px 5px;
}
input:HOVER, textarea:HOVER, select:HOVER{
	background-color: #EEEEEE;
}
#itemMenuInicial{
	border-top: 1px solid #CC0000;
	background-color: #FFE1E1;
	padding: 10px 0 0 20px;
	margin-bottom: 10px;
}
#top_a{
    position: relative;
    top:5em;
    float: left;
    width: 970px;
    height: 250px;
}
#top_a_n{
    position: relative;
    top:5em;
    float: left;
    width: 970px;
    height: 180px;
}
#top_b{
    position: relative;
    float: left;
    width: 970px;
    margin-bottom: 7em;
}
#top_b_n{
    position: relative;
    float: left;
    width: 970px;
    margin-bottom: 2.5em;
}
#top_c{
    position: relative;
    float: left;
    width: 970px;
    border-top: 1px solid #333333;
    height: 120px;
}
#top_c p{
    padding-top: 2em;
    line-height: 1.5em;
}
#cabecalho{
    width:970px;
    height: 90px;
    position:relative;
}
#cabecalho_a, #cabecalho_b{
    position: relative;
    float: left;
}
#cabecalho_a{
    position: relative;
}
#cabecalho_b{
    left: 4em;
    line-height: 1.5em;
    top: 3px;
    position: relative;
}
#search{
    float: right;
    position:relative;
    top: 1em;
}
#searchbtn{
    background-image: url(../img/body/search.jpg);
    background-repeat:no-repeat;
    height:31px;
    width:258px;
}
#searchinput{
    border: #FFFFFF 1px solid;
    top: 6px;
    left: 20px;
    position: relative;
    float:left;
    width: 168px;
}

#menu{
    width: 970px;
}
.wrmenu{
	width: 968px;
}

#bar{
    background-image: url(../img/body/bar.jpg);
    background-repeat:repeat-x;
    width: 970px;
    height: 6px;
    position: relative;
    float: left;
    top: 1px;
}
#submenu{
    width: 970px;
    height: 45px;
    position: relative;
    float: left;
}
#submenu ul{
    position: relative;
    float: left;
}
#submenu ul li{
    position: relative;
    float:left;
    padding-left: 20px;
}
#submenu ul li a{
    color:#333333;
    text-decoration: none;
}
#submenu ul li a:hover{
    color:#C4060B;
}
#submenuitens{
    top: 30px;
    width:970px;
    float:left;
    position:relative;
}

/* INICIO notificacoes */
#NotificacoesLoading{ background: url(../img/body/loadingnotificacoes.gif) no-repeat; width: 16px; height: 11px; position: relative; float: left; z-index: 2; padding-right:5px; top:5px;}
#btnNotificacoesLidas, #btnNotificacoesLidas a{ background: url(../img/body/notificacoes.png) no-repeat; width: 20px; height: 20px; position: relative; float: left; z-index: 2; padding-right:5px;}
#btnNotificacoesNLidas, #btnNotificacoesNLidas a{background: url(../img/body/notificacoes.png) no-repeat; width: 20px; height: 20px; position: relative; float: left; background-position: 0 -20px; z-index: 2;padding-right:5px;}
#notificacoes{
	position: absolute;
	right: 0px;
	top: 70px;
}
#notificacoesQuadro{
	position:absolute;
	width: 300px;
	background-color: white;
	right: 0px;
	z-index: 1;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	opacity:0.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90);
}
#notificacoesQuadro p{
	padding-top: 5px;
}
#notificacoesLista ul {
	padding-top: 0.5em;
}
#notificacoesLista ul li{
	text-align: left;
	padding-left: 1em;
	line-height: 300%;
	border-bottom: 1px solid #CCC;
}
/* FIM notificacoes */

/* INICIO barra top sistema */
#barraTopSistema{
	position: absolute;
	top:0px;
	width: 970px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #7F7F7F;
	height: 32px;
}
#alterarServentia{
	position: absolute;
	right:380px;
	top:0px;
}
#sairSistema{
	position: absolute;
	right:0px;
	top:0px;
}
#sobreSistema{
	position: absolute;
	right:312px;
	top:0px;
}
#homeSistema{
	position: absolute;
	left:0px;
	top:0px;
}
/*#chatSistema{
	position: absolute;
	left:34px;
	top:0px;
}*/
#novidadeSistema{
	position: absolute;
	right:278px;
	top:0px;
}
#bugSistema{
	position: absolute;
	right:108px;
	top:0px;
}
#infoSistema{
	position: absolute;
	right:244px;
	top:0px;
}
#fontsizeASistema{
	position: absolute;
	right:210px;
	top:0px;
}
#fontsizeBSistema{
	position: absolute;
	right:176px;
	top:0px;
}
#fontsizeCSistema{
	position: absolute;
	right:142px;
	top:0px;
}
#FAQSistema{
	position: absolute;
	right:346px;
	top:0px;
}
#notificacaoSistema{
	position: absolute;
	left:34px;/*68px;*/
	top:0px;
	background-color: #9D0000;
	height: 33px;
	width: 33px;
	cursor: help;
}
#notificacaoSistema a{ color: #FFFFFF; }
#notificacaoSistema a div{ padding-top: 10px; }
.modulo-1{ background-color: #9D0000; }
.modulo-2{ background-color: #006600; }
.modulo-3{
	background: -webkit-linear-gradient(#FFFF00, #008141);
    background: -o-linear-gradient(#FFFF00, #008141);
    background: -moz-linear-gradient(#FFFF00, #008141);
    background: linear-gradient(#FFFF00, #008141);
}
.modulo3{ background-color: #660066; }
.modulo2{
	background: -webkit-linear-gradient(#FBB866, #FF8C00);
    background: -o-linear-gradient(#FBB866, #FF8C00);
    background: -moz-linear-gradient(#FBB866, #FF8C00);
    background: linear-gradient(#FBB866, #FF8C00);
}
.modulo1{ background-color: #333366; }
.modulo0{ background-color: #666666; }
.modulo-3, .modulo-2, .modulo-1, .modulo2, .modulo3, .modulo1, .modulo0{ color: #FFFFFF; border: 1px solid #000; border-radius: 5px; padding: 0px 3px 1px 3px;}
#notificacaoSistema a span{	text-align: left; width:550px; cursor: default;}
#notificacaoSistema a span ul{ line-height: 220%; }
#notificacaoSistema a span ul li{ border-bottom: 1px groove #FFFFFF;}
#notificacaoSistema a span ul li g{cursor: pointer;}
#notificacaoSistema a span ul li t{ color: #777777; font-size: 9px;}
.tituloNotificacao {
	font-weight:bold;
	background-color: #9D0000;
	color: #FFFFFF;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 0px 3px 1px 3px;
}
#pre-pagoSaldo{
	position: absolute;
	/*right:390px;*/
	right: 550px;
	top:10px;
	height: 33px;
	width: 300px;
}
#pre-pagoSaldo a{
	text-decoration: none;
	color: black;
}
/* FIM barra top sistema */
/* INICIO btn voltar top */
#backtotop{
	width:50px;
	height:37px;
	position:fixed;
	bottom:0px;
	right:20px;
	cursor:pointer;
	opacity:0.6;
	background:url(../img/body/backtotop.png) no-repeat;
	webkit-transition: all 0.5s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index:1;
	background-position: 0px 0px;
}
#backtotop:hover{
	background:url(../img/body/backtotop.png) no-repeat;
	background-position: 0px -37px;
}
/* FIM btn voltar top */

#btnNext, #btnBack{
	position: relative;
	top: 10px;
}
#btnNext {
	float: right;
	right: 10px;
}
#btnBack {
	float: left;
	left: 10px;
}

.btnDinamico{ border: 1px solid #CCCCCC; background-color: #EEEEEE; padding: 7px 15px 7px 15px; -webkit-border-radius: 3px; text-decoration:none; color: #000000; position: relative; float:left; }
.btnDinamico:HOVER{	border: 1px solid #EEEEEE;	background-color: #CCCCCC; -webkit-border-radius: 3px; }
.btnDinamico:ACTIVE{ border: 1px solid #CC0000;	background-color: #EEEEEE; -webkit-border-radius: 3px; }
.btnVermelho{border: 1px solid #333333; background-color: #CC0000; color: #FFFFFF; }
.btnVermelho:HOVER{border: 1px solid #333333;	background-color: #FFFFFF; color: #CC0000; }
.btnVermelho:ACTIVE{border: 1px solid #333333;	background-color: #333333; color: #FFFFFF; }
.btnVerde{border: 1px solid #333333; background-color: #006600; color: #FFFFFF; }
.btnVerde:HOVER{border: 1px solid #333333;	background-color: #FFFFFF; color: #006600; }
.btnVerde:ACTIVE{border: 1px solid #333333;	background-color: #333333; color: #FFFFFF; }
.btnAzul{border: 1px solid #333333; background-color: #24496F; color: #FFFFFF; }
.btnAzul:HOVER{border: 1px solid #333333;	background-color: #FFFFFF; color: #24496F; }
.btnAzul:ACTIVE{border: 1px solid #333333;	background-color: #333333; color: #FFFFFF; }
.btnAmareloClaro{border: 1px solid #faebcc; background-color: #fbf7db; color: #765c32; }
.btnAmareloClaro:HOVER{border: 1px solid #faebcc; background-color: #fbf7db; color: #765c32; }
.btnAmareloClaro:ACTIVE{border: 1px solid #faebcc; background-color: #fbf7db; color: #765c32; }
.btnDesabilitado{ border: 1px solid #EEEEEE; background-color: #CCCCCC; padding: 7px 15px 7px 15px; -webkit-border-radius: 3px; text-decoration:none; color: #000000; position: relative; float:left; }


#btnAdicionar, #btnAdicionar a{ background: url(../img/body/btnadicionar.gif) no-repeat; width: 105px; height: 27px; position: relative; float:left;}
#btnAdicionar:hover, #btnAdicionar a:hover{background-position: 0 -27px; cursor: pointer;}
#btnAdicionar:ACTIVE, #btnAdicionar a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnVersaoImpressao, #btnVersaoImpressao a{ background: url(../img/body/btnversaoimpressao.gif) no-repeat; width: 177px; height: 27px; position: relative; float:left;}
#btnVersaoImpressao:hover, #btnVersaoImpressao a:hover{background-position: 0 -27px; cursor: pointer;}
#btnVersaoImpressao:ACTIVE, #btnVersaoImpressao a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnVerificar, #btnVerificar a{ background: url(../img/body/btnverificar.gif) no-repeat; width: 80px; height: 27px; position: relative; float:left;}
#btnVerificar:hover, #btnVerificar a:hover{background-position: 0 -27px; cursor: pointer;}
#btnVerificar:ACTIVE, #btnVerificar a:ACTIVE{background-position: 0 -54px; cursor: pointer;}


#btnCancelar, #btnCancelar a{ background: url(../img/body/btncancelar.gif) no-repeat; width: 87px; height: 27px; position: relative; float:left;}
#btnCancelar:hover, #btnCancelar a:hover{background-position: 0 -27px; cursor: pointer;}
#btnCancelar:ACTIVE, #btnCancelar a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnBaixarSolicitacao, #btnBaixarSolicitacao a{ background: url(../img/body/btnbaixarsolicitacao.gif) no-repeat;width: 134px;height: 27px; }
#btnBaixarSolicitacao:hover, #btnBaixarSolicitacao a:hover{background-position: 0 -27px; cursor: pointer;}
#btnBaixarSolicitacao:ACTIVE, #btnBaixarSolicitacao a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnBaixar, #btnBaixar a{ background: url(../img/body/btnbaixar.gif) no-repeat;width: 72px;height: 27px; }
#btnBaixar:hover, #btnBaixar a:hover{background-position: 0 -27px; cursor: pointer;}
#btnBaixar:ACTIVE, #btnBaixar a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnExibir, #btnExibir a{ background: url(../img/body/btnexibir.gif) no-repeat; width: 67px; height: 27px;  position: relative; float:left;}
#btnExibir:hover, #btnExibir a:hover{background-position: 0 -27px; cursor: pointer;}
#btnExibir:ACTIVE, #btnExibir a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnRejeitar, #btnRejeitar a{ background: url(../img/body/btnrejeitar.gif) no-repeat;width: 82px;height: 27px; }
#btnRejeitar:hover, #btnRejeitar a:hover{background-position: 0 -27px; cursor: pointer;}
#btnRejeitar:ACTIVE, #btnRejeitar a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnLogin, #btnLogin a{ background: url(../img/body/btnlogin.gif) no-repeat;width: 122px;height: 27px; }
#btnLogin:hover, #btnLogin a:hover{background-position: 0 -27px; cursor: pointer;}
#btnLogin:ACTIVE, #btnLogin a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnEnviar, #btnEnviar a{ background: url(../img/body/btnenviar.gif) no-repeat;width: 72px;height: 27px; }
#btnEnviar:hover, #btnEnviar a:hover{background-position: 0 -27px; cursor: pointer;}
#btnEnviar:ACTIVE, #btnEnviar a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnArquivar, #btnArquivar a{ background: url(../img/body/btnarquivar.gif) no-repeat;width: 84px;height: 27px; position: relative; float:left;}
#btnArquivar:hover, #btnArquivar a:hover{background-position: 0 -27px; cursor: pointer;}
#btnArquivar:ACTIVE, #btnArquivar a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnRefazer, #btnRefazer a{ background: url(../img/body/btnrefazer.gif) no-repeat;width: 79px;height: 27px; position: relative; float:left;}
#btnRefazer:hover, #btnRefazer a:hover{background-position: 0 -27px; cursor: pointer;}
#btnRefazer:ACTIVE, #btnRefazer a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnVoltar, #btnVoltar a{ background: url(../img/body/btnvoltar.gif) no-repeat;width: 67px;height: 27px; }
#btnVoltar:hover, #btnVoltar a:hover{background-position: 0 -27px; cursor: pointer;}
#btnVoltar:ACTIVE, #btnVoltar a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnSolicitar, #btnSolicitar a{ background: url(../img/body/btnsolicitar.gif) no-repeat;width: 79px;height: 27px; }
#btnSolicitar:hover, #btnSolicitar a:hover{background-position: 0 -27px; cursor: pointer;}
#btnSolicitar:ACTIVE, #btnSolicitar a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnError, #btnError a{ background: url(../img/body/btnerror.gif) no-repeat;width: 182px; height: 27px; }
#btnError:hover, #btnError a:hover{background-position: 0 -27px; cursor: pointer;}
#btnError:ACTIVE, #btnError a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnProximaEtapa, #btnProximaEtapa a{ background: url(../img/body/btnproximaetapa.gif) no-repeat;width: 122px; height: 27px; position: relative; float: left; }
#btnProximaEtapa:hover, #btnProximaEtapa a:hover{background-position: 0 -27px; cursor: pointer;}
#btnProximaEtapa:ACTIVE, #btnProximaEtapa a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnConveniar, #btnConveniar a{ background: url(../img/body/btnconveniar.gif) no-repeat;width: 95px; height: 27px; position: relative; }
#btnConveniar:hover, #btnConveniar a:hover{background-position: 0 -27px; cursor: pointer;}
#btnConveniar:ACTIVE, #btnConveniar a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnAddMaternidade, #btnAddMaternidade a{ background: url(../img/body/btnaddmaternidade.gif) no-repeat;width: 202px; height: 27px; position: relative; }
#btnAddMaternidade:hover, #btnAddMaternidade a:hover{background-position: 0 -27px; cursor: pointer;}
#btnAddMaternidade:ACTIVE, #btnAddMaternidade a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnSalvar, #btnSalvar a{ background: url(../img/body/btnsalvar.gif) no-repeat;width: 70px; height: 27px; position: relative; }
#btnSalvar:hover, #btnSalvar a:hover{background-position: 0 -27px; cursor: pointer;}
#btnSalvar:ACTIVE, #btnSalvar a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnExcluir, #btnExcluir a{ background: url(../img/body/btnexcluir.gif) no-repeat;width: 71px; height: 27px; position: relative; }
#btnExcluir:hover, #btnExcluir a:hover{background-position: 0 -27px; cursor: pointer;}
#btnExcluir:ACTIVE, #btnExcluir a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnEnviarSolicitacao, #btnEnviarSolicitacao a{ background: url(../img/body/btnsendsol.gif) no-repeat; width: 139px; height: 27px; position: relative; float: left;}
#btnEnviarSolicitacao:hover, #btnEnviarSolicitacao a:hover{background-position: 0 -27px; cursor: pointer;}
#btnEnviarSolicitacao:ACTIVE, #btnEnviarSolicitacao a:ACTIVE{background-position: 0 -54px; cursor: pointer;}

#btnConfirmar, #btnConfirmar a{ background: url(../img/body/btnconfirmar.gif) no-repeat; width: 92px; height: 27px; position: relative; float: left;}
#btnConfirmar, #btnConfirmar a:hover{background-position: 0 -27px; cursor: pointer;}
#btnConfirmar:ACTIVE, #btnConfirmar a:ACTIVE{background-position: 0 -54px; cursor: pointer;}