@charset "ISO-8859-1";

.obrigatorio{
	color: red;
}

body {
    background: url('/notivisaServicos/resources/img/Textura_BG.gif') repeat;
    font-family: Tahoma, Arial, Verdana;
    padding: 0;
    margin: 0;
    text-align: center;
    height: 100%;
}

h3 {
    font-size: 12px;
    line-height: 15px;
    display: block;
    margin-top: 13px;
    margin-bottom: 0px;
    width: 98%;
}

h4 {
   margin: 0px;
   padding: 0px;
   font-size: 13px;
   font-weight: normal;
   line-height: 15px;
}

ins {
    background-color: #c6ffc6;
    text-decoration: none;
}

del {
    background-color: #ffc6c6;
}

textarea {
   width: 90%;
   height: 100px;
}

img{
	border: none;
}

#corpo-site{
    background-image: url('/notivisaServicos/resources/img/bg_complemento.jpg');
    background-repeat: no-repeat;

}

#tudo {
    width: 1003px;
    margin: auto;
    text-align: left;
}

#tudo-medicamento {
    width: 993px;
    margin: auto;
    text-align: left;
}

#tudo-modal {
    width: 779px;
    margin: auto;
    text-align: left;
    background-color: #77818a;
}

/* Barra que contém o elemento de data e hora na barra de acessibilidade*/
#barra_acessibilidade{
    bottom: 42px;
}


/* Permite alterar configurações específicas para o corpo da página */
#conteudo {
    clear: both;
    margin: 0px;
    background: url('/notivisaServicos/resources/img/BG_miolo.jpg') no-repeat;
    background-color: #fff;
    width: 993px;
}

/*Definição da div (#conteudo-principal), essa classe define a estrutura básica da tela principal*/
#conteudo-principal{
    clear: both;
    margin: 0px;
    background: url('/notivisaServicos/resources/img/BG_miolo_principal.jpg') no-repeat;
    background-color: #fff;
    width: 1003px
}

#conteudo-modal{
    width: 779px;
    /* height: 500px; */
    background-color: #fff;
    /*background: url('/notivisaServicos/resources/img/topo_complemento_formulario.jpg') no-repeat;*/
}

.conteudo-lateral {
    width: 70%;
    float: right;
    text-align: left;
}

#rodape{
    clear: both;
    width: 1003px;
    height: 74px;
    background: #000000;
    background-image: url('/notivisaServicos/resources/img/rodape.jpg');
}

#rodape .texto  {
    font-size: 10px;
    color: #666666;
    text-align: right;
    vertical-align: middle;
}


#div-button{
    position: absolute;
    bottom: 10px;
    left: 80px;
}


#div-aviso{
    position: relative;
    width: 374px;
    height: 355px;
    font-size: 11px;
}


#div-titulo{
    font-size: 12px;
    font-weight: bold;
    color: #f2c305;
    margin-top: 5px;
}

#div-aviso-conteiner-top{
    clear: both;
}

#div-aviso-esq-top{
    background: url('/notivisaServicos/resources/img/topo_esquerda.gif') no-repeat;
    width: 5px;
    height: 25px;
    float: left;
}

.div-aviso-meio-top{
    background: url('/notivisaServicos/resources/img/topo_centro.gif');
    height: 25px;
    width: 364px;
    float: left;
    color: #fff;
    text-align: center;
}

#div-aviso-dir-top{
    background: url('/notivisaServicos/resources/img/topo_direita.gif') no-repeat;
    width: 5px;
    height: 25px;
    float: left;
}

#div-aviso-esq-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_esquerda_azul.gif') no-repeat;
    height: 11px;
    width: 5px;
}

.div-aviso-meio-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_centro_azul.gif');
    width: 364px;
    height: 11px;
}

#div-aviso-dir-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_direita_azul.gif') no-repeat;
    height: 11px;
    width: 5px;
}

#div-aviso-conteiner-down{
    clear: both;
}

#div-aviso-conteiner-conteudo{
    clear: both;
}

.div-aviso-conteudo{
    width: 372px;
    background-color: #fff;
    max-height: 319px;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    position: relative;
}

#div-aviso-conteudo .botoes{
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 70px;
}

#cabecalho-app, #cabecalho-app-administrativa {
    position: relative;
    background-color: #fff;
    font-size: 18px;
    text-align: center;
    background-image: url('/notivisaServicos/resources/img/topo_formulario_medicamento.jpg');
    height: 60px;
    width: 993px;
}

#cabecalho-app-modal{
    position: relative;
    background-color: #fff;
    font-size: 18px;
    text-align: center;
    background-image: url('/notivisaServicos/resources/img/topo_formulario.jpg');
    height: 60px;
    width: 780px;
}

#logo-anvisa{
    position: absolute;
    left: 10px;
    top: 30px;
}

#barra_horizontal{
    height: 42px;
    background: url('/notivisaServicos/resources/img/bg_topo.jpg') no-repeat;
    position: relative;
}

#barra_horizontal_medicamento{
    height: 42px;
    background: url('/notivisaServicos/resources/img/bg_topo_medicamento.jpg') no-repeat;
    position: relative;
}

#barra_horizontal .login{
    position: absolute;
    left: 10px;
    top: 15px;
    font-size: 12px;
}

#barra_horizontal_medicamento .login{
    position: absolute;
    left: 10px;
    top: 15px;
    font-size: 12px;
}

#acessibilidade{
    position: absolute;
    right: 10px;
    bottom: 0px;
    width: 116px;
}

#acessibilidade div{
    float: left;
    margin-right: 1px;
}


#titulo-barra-usuario{
    position: relative;
    height: 25px;
    color: #000000;
    font-size: 12px;
}

#titulo-barra-usuario .empresa{
    position: absolute;
    left: 380px;
    top: 14px;
}

#titulo-barra-usuario .area{
    position: absolute;
    left: 800px;
    top: 14px;
}

#div-titulo-formulario{
    font-size: 12px;
    font-weight: bold;
    color: #f2c305;
    margin-top: 5px;
}

#div-formulario{
    overflow: hidden;
    height: 540px;
    background-color: #fff;

}

#div-formulario-conteiner-top{
    clear: both;
}

.logo-anvisa{
    position: absolute;
    left: 10px;
    top: 15px;
}

#icones-barra-tarefas{
    position: absolute;
    right: 10px;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}

#icones-barra-tarefas div{
    float: left;
    margin-left: 10px;
    margin-top: 2px;
}

#icones-barra-tarefas img{
    float: left;
    margin-right: 8px;
}

#icones-barra-tarefas a{
    color: #fff;
}

#div-formulario-conteiner-conteudo{
    clear: both;
}

#div-formulario-esq-top{
    background: url('/notivisaServicos/resources/img/topo_esquerda.gif') no-repeat;
    width: 5px;
    height: 25px;
    float: left;
}

.div-formulario-meio-top{
    background: url('/notivisaServicos/resources/img/topo_centro.gif');
    height: 25px;
    overflow: auto;
    width: 769px;
    float: left;
    color: #fff;
}

.div-formulario-meio-top-mensagens{
    background: url('/notivisaServicos/resources/img/topo_centro.gif');
    height: 25px;
    overflow: auto;
    width: 98.8%;
    float: left;
    color: #fff;
}

html > body .div-formulario-meio-top{
    width: 770px;
}

#div-formulario-dir-top{
    background: url('/notivisaServicos/resources/img/topo_direita.gif') no-repeat;
    width: 5px;
    height: 25px;
    float: left;
}

#div-formulario-esq-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_esquerda_azul.gif') no-repeat;
    height: 11px;
    width: 5px;
}

.div-formulario-meio-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_centro_azul.gif');
    width: 769px;
    height: 11px;
}

.div-formulario-meio-down-mensagens{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_centro_azul.gif');
    width: 839px;
    height: 11px;
}


html > body .div-formulario-meio-down{
    width: 770px;
}

#div-formulario-dir-down{
    float: left;
    background: url('//notivisaServicos/resources/img/baixo_direita_azul.gif') no-repeat;
    height: 11px;
    width: 5px;
}

#div-formulario-barra-notificacoes {
    clear: both;
    width: 778px;
    height: 44px;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    background-color: #fff;
    position: relative;
}

html > body #div-formulario-barra-notificacoes {
    width: 778px;
    height: 44px;
}
#notificacoes{
    padding: 10px;
    font-size: 18px;
    color: #77818a;
    width: 100px;
    height: 30px;
}

#logo-notivisa{
    position: absolute;
    right: 10px;
    top: 8px;
}

#div-formulario-barra-notificacoes  h2{
    padding: 10px;
    font-size: 18px;
    color: #77818a;
    width: 100px;
    height: 30px;
}

.class-formulario-img, .class-formulario-img-selecionada{
    margin-left: 5px;
    width: 20px;
    height: 20px;
    float: left;
}

html > body .class-formulario-img, .class-formulario-img-selecionada{
    width: 25px;
}
.class-formulario-img div{
    padding-top: 5px;
    padding-left: 5px;
}

.class-formulario-img-selecionada{
    background: url('/notivisaServicos/resources/img/borda_foco.jpg') no-repeat;
}

.class-formulario-img-selecionada div{
    padding-top: 5px;
    padding-left: 5px;
}

.class-formulario-menu-selecionado div{
    margin-left: 5px;
    margin-top: 3px;

}

.class-formulario-menu div{
    margin-left: 5px;
    margin-top: 3px;
}

.class-formulario-submenu div{
    margin-left: 30px;
    margin-top: 3px;
}


.class-formulario-menu, .class-formulario-menu-selecionado, .class-formulario-submenu{
    width: 190px;
    height: 20px;
    float: left;
}


.class-formulario-menu-selecionado{
    background-color: #fff;
    color: #000;

}

.div-formulario-conteudo {
    width: 780px;
    float: left;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    border-bottom: 1px solid #384550;
}

.div-formulario-conteudo-mensagens {
    width: 847px;
    float: right;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    border-bottom: 1px solid #384550;
    border-top: 1px solid #384550;
}

html > body .div-formulario-conteudo {
    width: 778px;
}

#div-formulario-menu-lateral{
    background-color: #77818a;
    width: 220px;
    float: left;
    height: 440px;
    color: #fff;
    font-size: 11px;
}

#div-notificacoes-menu-lateral{
    background-color: #77818a;
    width: 220px;
    float: left;
    color: #fff;
    font-size: 11px;
}

#div-formulario-barra-tarefas{
    height: 20px;
    background-color: #56606a;
    width: 100%;
    clear: both;
    position: relative;
}

#div-formulario-formulario{
    float: left;
    width: 555px;
    min-height: 460px;
    font-size: 11px;
    overflow: auto;
    background-color: #FFFFFF;
}

html > body #div-formulario-formulario{
    width: 558px;
    min-height: 460px;
}

#div-formulario-formulario div{
    padding: 5px;
    margin: 3px;
    width: 549px;
}

html > body #div-formulario-formulario div{
    width: 525px;
}

.div-formulario-formulario-titulo{
    background-color: #818b94;
    color: #fff;
    font-size: 12px;
}

.div-formulario-formulario-subtitulo{
    color: #77818a;
    border-bottom: 1px solid #000;
    position: relative;
}

.fundo-cinza{
	font-weight : bold;
	padding: 5px;
	text-align: center;
	background-color: #CCCCCC;
	margin-left: 5px;
	margin-right: 15px;
}

.div-formulario-formulario-subtitulo div{
    position: absolute;
    right: 5px;
    top: 0px;
    width: 45px;
    padding: 0;
    margin: 0;
}

html > body .div-formulario-formulario-subtitulo div{
    width: 45px;
}

.div-formulario-formulario-obs{
	margin-left: 4px;
    text-align: center;
    background-color: #dce5ee;
    margin-bottom: 3px!important;
    padding: 5px 3px;
    width: 97%;
}

#div-servicos{
    max-height: 600px;
    background-color: #fff;

}

.logo-anvisa{
    position: absolute;
    left: 10px;
    top: 17px;
}

#div-servicos-conteiner-conteudo{
    clear: both;
}

#div-servicos-esq-top{
    background: url('/notivisaServicos/resources/img/topo_esquerda.gif') no-repeat;
    width: 5px;
    height: 25px;
    float: left;
}


.div-servicos-meio-top{
    background: url('/notivisaServicos/resources/img/topo_centro.gif');
    height: 25px;
    width: 769px;
    float: left;
    color: #fff;
    text-align: center;
}

html > body .div-servicos-meio-top{
    width: 769px;
}

#div-servicos-dir-top{
    background: url('/notivisaServicos/resources/img/topo_direita.gif') no-repeat;
    width: 5px;
    height: 25px;
    float: left;
}

#div-servicos-esq-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_esquerda_azul.gif') no-repeat;
    height: 11px;
    width: 5px;
}

.div-servicos-meio-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_centro_azul.gif');
    width: 769px;
    height: 11px;
}


/*Defini��o da classe (.div-servicos-meio-down) para permitir o alinhamento correto em navegadores recentes (Firefox, Chrome e IE > 7);
(html > body) essa defini��o n�o � reconhecida pelo IE 6 que ignora a classe. As defini��es dessa classe para o IE 6 est�o definidas na classe .div-servicos-meio-down*/
html > body .div-servicos-meio-down{
    width: 769px;
}

/* Defini��o da div (#div-servicos-dir-down) da tela de servi�os, essa classe define a parte de baixo (rodap�) do lado direito, arredondado da tela de servi�os*/
#div-servicos-dir-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_direita_azul.gif') no-repeat;
    height: 11px;
    width: 5px;
}

/* Defini��o da div (#div-servicos-barra-notificacoes) da tela de servi�os, essa classe define a estrutura b�sica da barra de notifica��es*/
#div-servicos-barra-notificacoes {
    clear: both;
    width: 778px;
    height: 44px;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    background-color: #fff;
    position: relative;
}

/*Defini��o da classe (.div-servicos-barra-notificacoes) para permitir o alinhamento correto em navegadores recentes (Firefox, Chrome e IE > 7);
(html > body) essa defini��o n�o � reconhecida pelo IE 6 que ignora a classe. As defini��es dessa classe para o IE 6 est�o definidas na classe .div-servicos-barra-notificacoes*/
html > body #div-servicos-barra-notificacoes {
    width: 778px;
    height: 44px;
}

/* Defini��o da div (#notificacoes) da tela de servi�os, essa classe define a estrutura b�sica das notifica��es presentes na barra de notifica��o*/
#notificacoes{
    padding: 10px;
    font-size: 18px;
    color: #77818a;
    width: 100px;
    height: 30px;
}

/*Defini��o da div #logo-notivisa, define a posi��o da DIV para o canto superior (8px) direito (10px) da div pai;
O atributo position: absolute impede que a div siga o comportamento da div pai, dando liberdade para o posicionamento espec�fico atr�ves dos atributos top e right*/
#logo-notivisa{
    position: absolute;
    right: 10px;
    top: 8px;
}

/*Defini��o dos cabe�alhos da div (#div-servicos-barra-notificacoes); Modifica os atributos b�sicos da tag h2 definindo um espa�amento de 10px, um tamanho de fonte 18px e uma cor de acordo com o padr�o estabalecido no mockup (#77818a)*/
#div-servicos-barra-notificacoes  h2{
    padding: 10px;
    font-size: 18px;
    color: #77818a;
    width: 100px;
    height: 30px;
}

/*Defini��o da div (.class-servicos-img, .class-servicos-img-selecionada) da tela de servi�os, essa classe define a a estrutura b�sica do andamento das notifica��es presentes na barra de notifica��o. As duas divs compartilham os mesmos atributos, os atributos mais espec�ficos est�o listados nas classes de mesmo nome abaixo*/
.class-servicos-img, .class-servicos-img-selecionada{
    margin-left: 5px;
    width: 20px;
    height: 20px;
    float: left;
}

/*Defini��o das classes (.class-servicos-img, .class-portlet-servicos-img-selecionada) para permitir o alinhamento correto em navegadores recentes (Firefox, Chrome e IE > 7);
(html > body) essa defini��o n�o � reconhecida pelo IE 6 que ignora a classe. As defini��es dessa classe para o IE 6 est�o definidas nas classes .class-servicos-img, .class-servicos-img-selecionada*/
html > body .class-servicos-img, .class-servicos-img-selecionada{
    width: 25px;
}

/*Defini��o das DIV�S filhas de .class-servicos-img, ajusta o comportamento de todas as DIV�S para ficarem com espa�amento de 5px no topo e 5px na esquerda */
.class-servicos-img div{
    padding-top: 5px;
    padding-left: 5px;
}

/*Defini��o espec�fica da classe .class-servicos-img-selecionada; Adiciona a propriedade background a classe .class-servicos-img-selecionada*/
.class-servicos-img-selecionada{
    background: url('/notivisaServicos/resources/img/borda_foco.jpg') no-repeat;
}

/*Defini��o das DIV�S filhas de .class-servicos-img-selecionada, ajusta o comportamento de todas as DIV�S para ficarem com espa�amento de 5px no topo e 5px na esquerda */
.class-servicos-img-selecionada div{
    padding-top: 5px;
    padding-left: 5px;
}

/*Defini��o das DIV�S filhas de .class-servicos-menu-selecionado, ajusta o comportamento de todas as DIV�S para ficarem com margem de 3px no topo e 5px na esquerda*/
.class-servicos-menu-selecionado div{
    margin-left: 5px;
    margin-top: 3px;

}

/*Defini��o das DIV�S filhas de .class-servicos-menu, ajusta o comportamento de todas as DIV�S para ficarem com margem de 3px no topo e 5px na esquerda*/.class-servicos-menu div{
    margin-left: 5px;
    margin-top: 3px;
}

/*Defini��o das DIV�S filhas de .class-servicos-submenu, ajusta o comportamento de todas as DIV�S para ficarem com margem de 3px no topo e 30px na esquerda*/
.class-servicos-submenu div{
    margin-left: 30px;
    margin-top: 3px;
}

/*Defini��o b�sica das classes .class-servicos-menu, .class-servicos-menu-selecionado, .class-servicos-submenu;
Os atributos espec�ficos das classes ser�o listadas abaixo nas classes de mesmo nome;*/
.class-servicos-menu, .class-servicos-menu-selecionado, .class-servicos-submenu{
    width: 190px;
    height: 20px;
    float: left;
}

/*Defini��o dos atributos espec�ficos da classe .class-servicos-menu-selecionado*/
.class-servicos-menu-selecionado{
    background-color: #fff;
    color: #000;

}
/* Defini��o da div (.div-servicos-conteudo) da tela de servi�os, essa classe define a a estrutura b�sica darea de conte�do da tela de servi�os*/
.div-servicos-conteudo {
    width: 780px;
    float: left;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    border-bottom: 1px solid #384550;
}

/*Defini��o das classes (.div-servicos-conteudo) para permitir o alinhamento correto em navegadores recentes (Firefox, Chrome e IE > 7);
(html > body) essa defini��o n�o � reconhecida pelo IE 6 que ignora a classe. As defini��es dessa classe para o IE 6 est�o definidas nas classes div-servicos-conteudo*/
html > body .div-servicos-conteudo {
    width: 778px;
}

/*Defini��o da div (#div-servicos-menu-lateral) da tela de servi�os, essa classe define a estrutura b�sica do menu esquerdo da tela de servi�os (janela Modal de servi�os)*/
#div-servicos-menu-lateral{
    background-color: #77818a;
    width: 220px;
    float: left;
    height: 440px;
    color: #fff;
    font-size: 11px;
}


#div{
    overflow: hidden;
    height: 225px;
}

/* Defini��o da div (#div) dos portlets Anvisa, essa classe define a estrutura b�sica do portlet*/
#div-esq-top{
    background: url('/notivisaServicos/resources/img/topo_esquerda.gif') no-repeat;
    width: 5px;
    height: 25px;
    float: left;
}

/* Defini��o da div (#div-titulo) dos portlets Anvisa, essa classe define a estrutura b�sica do t�tulo do portlet*/
#div-titulo{
    font-size: 12px;
    font-weight: bold;
    color: #f2c305;
    margin-top: 5px;
    width: 751px;
    float: left;
}

#div-ico_x{
    font-size: 12px;
    font-weight: bold;
    color: #f2c305;
    margin-top: 5px;
    width: 18px;
    float: right;
}

#div-titulo_aviso{
    font-size: 12px;
    font-weight: bold;
    color: #f2c305;
    margin-top: 5px;
    width: 346px;
    float: left;
}
/* Defini��o da div (.div-meio-top, .div-meio-top-grande, .div-meio-top-administrativa) dos portlets Anvisa, essa classe define a parte de cima do meio do portlet*/
.div-meio-top, .div-meio-top-grande, .div-meio-top-administrativa{
    background: url('/notivisaServicos/resources/img/topo_centro.gif');
    height: 25px;
    overflow: auto;
    width: 96%;
    float: left;
    color: #fff;
}

/* Defini��o da div (.div-meio-top-trabalho) dos portlets de trabalho, essa classe define a parte de cima do meio do modal de trabalho*/
.div-meio-top-trabalho{
    background: url('/notivisaServicos/resources/img/topo_centro.gif');
    height: 25px;
    overflow: auto;
    width: 96%;
    float: left;
    color: #fff;
}

.div-meio-top-grande{
    width: 98%;
}

.div-meio-top-administrativa{
    width: 985px;
}

/* Defini��o da div (#div-dir-top) do portlet, essa classe define o top direito arredondado do portlet*/
#div-dir-top{
    background: url('/notivisaServicos/resources/img/topo_direita.gif') no-repeat;
    width: 5px;
    height: 25px;
    float: left;
}

/*Defini��o da div #div-conteudo-esq, defini��o b�sica da div esquerda do portlet conteudo*/
#div-conteudo-esq{
    width: 5px;
    height: 193px;
    float: left;
    background: url('/notivisaServicos/resources/img/portlet_direita_background.gif');
}

/*Defini��o das divs .div-conteudo, .div-conteudo-grande, defini��o b�sica da div do portlet conteudo;*/
.div-conteudo, .div-conteudo-grande{
    width: 96%;
    float: left;
    height: 193px;
}

/*Defini��o da div .div-conteudo-grande, defini��o b�sica da div do portlet conteudo;*/
.div-conteudo-grande{
    width: 692px;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
}

/*Defini��o da div .div-conteudo-administrativa, defini��o b�sica da div do portlet conteudo;*/
.div-conteudo-administrativa{
    width: 995px;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    height: 450px;
}

/*(Defini��o da classe (.div-conteudo-administrativa) para permitir o alinhamento correto em navegadores recentes (Firefox, Chrome e IE > 7);
html > body) essa defini��o n�o � reconhecida pelo IE 6 que ignora a classe. As defini��es dessa classe para o IE 6 est�o definidas na classe .div-conteudo-administrativa*/
html > body .div-conteudo-administrativa{
    width: 993px;
}

/* Defini��o da div (#div-conteudo-dir) do portlet, essa classe define o conte�do do portlet*/
#div-conteudo-dir{
    width: 5px;
    float: left;
    height: 193px;
    background: url('/notivisaServicos/resources/img/portlet_esquerda_background.gif');
}

/* Defini��o da div (#div-esq-down) do portlet, essa classe define o top esquerdo arredondado do portlet*/
#div-esq-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_esquerda.gif') no-repeat;
    height: 5px;
    width: 5px;
}

/* Defini��o da div (.div-meio-down, .div-meio-down-grande, .div-meio-down-administrativa) do portlet, essa classe define o meio do top do portlet*/
.div-meio-down, .div-meio-down-grande, .div-meio-down-administrativa{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_centro.gif');
    width: 96%;
    height: 5px;
}

/* Defini��o da div (.div-meio-down-grande) do portlet, essa classe define a estrutura b�sica da parte de baixo (rodap�) do meio do portlet*/
.div-meio-down-grande{
    width: 98%;
}

/* Defini��o da div (.div-meio-down-administrativa) do portlet, essa classe define a estrutura b�sica da parte de baixo (rodap�) do meio do portlet*/
.div-meio-down-administrativa{
    width: 985px;
}

/* Defini��o da div (#div-dir-down) do portlet, essa classe define a parte de baixo (rodap�) do lado esquerdo, arredondado do portlet*/
#div-dir-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_direita.gif') no-repeat;
    height: 5px;
    width: 5px;
}

/* Defini��o da div (.div-conteudo-grande table) do portlet, essa classe define a estrutura b�sica do conte�do do portlet que estiver c�digo com table*/
.div-conteudo-grande table{
    font-size: 12px;
}

/* Defini��o da div (.div-conteudo-grande table thead tr) do portlet, essa classe define a estrutura b�sica do conte�do do portlet que estiver dentro de um table com thead e tr.  Linhas que classificam o conteudo do portlet Lista de Trabalho e Eventos*/
.div-conteudo-grande table thead tr{
    background-color: #77818a;
    color: #fff;
    font-weight: normal;
    height: 20px;
}

/* Defini��o da div (.div-conteudo-grande table tobdy tr) do portlet, essa classe define a estrutura b�sica do conteudo do portlet que estiver dentro de uma table com toby e tr.  Linhas que classificam o conteudo do portlet Lista de Trabalho e Eventos*/
.div-conteudo-grande table tobdy tr{
    background-color: #000000;
    color: #000;
}

/* Defini��o da div (.div-conteudo-grande table tr .tr-impar) do portlet, essa classe define a estrutura b�sica do conteudo do portlet que estiver dentro de uma table com tr.  Linhas que classificam o conteudo do portlet Lista de Trabalho e Eventos*/
.div-conteudo-grande table tr .tr-impar{
    color: #384450;
}

/* Defini��o da div (.div-conteudo-grande table tr .tr-par) do portlet, essa classe define a estrutura b�sica do conteudo do portlet que estiver dentro de uma table com tr.  Linhas que classificam o conteudo do portlet Lista de Trabalho e Eventos*/
.div-conteudo-grande table tr .tr-par{
    background-color: #ebebed;
    color: #384450;
}

/* Defini��o da div (.div-conteudo table tr .tr-impar) do portlet, essa classe define a estrutura b�sica do conteudo do portlet que estiver dentro de uma table com tr.  Linhas que classificam o conteudo do portlet Lista de Trabalho e Eventos*/
.div-conteudo table tr .tr-impar{
    color: #384450;
}

/* Defini��o da div (.div-conteudo table tr .tr-par) do portlet, essa classe define a estrutura b�sica do conteudo do portlet que estiver dentro de uma table com tr. Linhas que classificam o conteudo do portlet Lista de Trabalho e Eventos*/
.div-conteudo table tr .tr-par{
    background-color: #ebebed;
    color: #384450;
}


.campo-focalizado {
    border: 2px solid #666666;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}



.botao {
    height: 16px;
    width: auto;
    overflow: visible;
    background-repeat: no-repeat;
    background-position: 5px center;
    text-align: center;
    padding-left: 30px;
    padding-right: 10px;
    background-color: #384550;
    border: 1px solid #96a0a9;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
}



.confirmar {
    background-image: url(/notivisaServicos/resources/icones/Negativo/confirmar/12x12.png);
}


.cancelar {
    background-image: url(/notivisaServicos/resources/icones/Negativo/cancelar/12x12.png);
}


.salvar {
    background-image: url(/notivisaServicos/resources/icones/Negativo/salvar/12x12.png);
}


.excluir {
    background-image: url(/notivisaServicos/resources/icones/Negativo/excluir/12x12.png);
}


.editar {
    background-image: url(/notivisaServicos/resources/icones/Negativo/editar/12x12.png);
}


.novo {
    background-image: url(/notivisaServicos/resources/icones/Negativo/novo/12x12.png);
}


.buscar {
    background-image: url(/notivisaServicos/resources/icones/Negativo/procurar/12x12.png);/*MIR. alterado nome da pasta do icone , estava search*/
}


.voltar {
    background-image: url(/notivisaServicos/resources/icones/Negativo/voltar/12x12.png);
}


.avancar {
    background-image: url(/notivisaServicos/resources/icones/Negativo/avancar/12x12.png);
    background-position: right center;
    text-align: left;
}


.anexar {
    background-image: url(/notivisaServicos/resources/icones/Negativo/anexar/12x12.png);
}


.add {
    background-image: url(/notivisaServicos/resources/icones/Negativo/add/12x12.png);
}



.apagar {
    background-image: url(/notivisaServicos/resources/icones/Negativo/apagar/12x12.png);
}



.arquivo{
    background-image: url(/notivisaServicos/resources/icones/Negativo/arquivo/12x12.png);
}


.imprimir{
    background-image: url(/notivisaServicos/resources/icones/Negativo/imprimir/12x12.png);
}

.ajuda{
    background-image: url(/notivisaServicos/resources/icones/Negativo/ajuda/12x12.png);
}

#menu_principal{
    color: #FFFFFF;
    list-style: none;
    padding: 3px 0px 15px 0px;
    font-size: 11px;
    margin-left: 10px;
    width: 98%;
    font-family: Tahoma, Verdana, Arial;
    vertical-align: middle;
    font-weight: normal;
    font-size: 11px!important;
}

#menu_principal li span{
    display: block;
    padding: 4px 10px 4px 5px;
    vertical-align: middle;

}

#menu_principal .semfilho{
    margin-left: 15px;



}



#menu_principal .fechado{
    display: none;

}

#menu_principal ul li{
    list-style: none;

    padding: 3px 0px 3px 6px;
    margin-left: -20px;

}



#menu_principal a:link{
    text-decoration: none;
    color: #FFFFFF;
    width: 100%;


}

#menu_principal a:hover{
    text-decoration: none;
    color: #CCCCCC;
    width: 100%;


}

#menu_principal a:visited{
    text-decoration: none;
    color: #FFFFFF;
    width: 100%;
    font-size: 11px!important;

}

.menu_marcado{
    background-color: #FFFFFF;
    background-position: left;
    background-image: url(/notivisaServicos/resources/img/borda_foco.jpg);
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000000;
    /*width: 93%;*/
    vertical-align: middle;
    font-family: Tahoma, Verdana, Arial;
    /*height: 12px;*/
    font-size: 11px!important;

}



.menu_marcado a:link{
    text-decoration: none;
    color: #000000 !important;
    font-size: 11px!important;
}

.menu_marcado a:hover{
    text-decoration: none;
    color: #666666 !important;
    font-size: 11px!important;
}

.menu_marcado a:visited{
    text-decoration: none;
    color: #000000 !important;
    background-color: #FFFFFF;
    width: 100%;
    padding: 0px 0px 0px 0px;
    font-size: 11px!important;
}


#Medicamento-meio-top ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#Medicamento-meio-top ul li{
    float: left;
    padding-right: 95px;
}

#Medicamento-meio-top ul li a:link,#Medicamento-meio-top ul li a:active,#Medicamento-meio-top ul li a:visited{
    width: 23% !important;
    color: #f2c305;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
}

#Medicamento-meio-top ul li a:hover{
    color: #ffffff;
    width: 23% !important;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
}

.tabela-grid {
    font-size: 11px;
    color: #000000;
    background-color: #FFFFFF;
    width: 100%;
    font-family: Tahoma, Verdana, Arial;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    margin-bottom: 10px;
}

.tabela-grid td{
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    padding-left: 5px !important;
    height: 10px !important;
}

.titulo-tabela{
    height: 25px !important;
    background: url('/notivisaServicos/resources/img/topo_centro.gif');
    color: #f2c305;
    margin-top: 5px;
    text-align: left;
    font-size: 12px;
    padding-left: 5px !important;

}

.subtitulo2 {
    background-color: #CCCCCC !important;
    font-weight: bold;
    text-align: center;
    color: #000000;
    font-size: 11px;

}

.subtitulo3 {
    height: 25px !important;
    background-color: #77818a !important;
    width: 100% !important;
    text-align: left;
    color: #ffffff;
    font-size: 12px;
    padding-left: 5px !important;
}

.linhaescura {
    background-color: #CCCCCC;
}

.tb_linha_erro{
    background: #F2C305;
}

.seta_link{
    cursor: pointer;
    border: none;
    text-decoration: none;
}

.margin_right_left{
	margin-left: 5px;
    margin-right: 5px;
}

.none{
    display: none;
}

.modalMir{
    width: 779px!important;
    height: 600px!important;
}

.caixaModalConteudo{
    min-height: 200px;
}

.caixaModalConteudo_info{
    width: 360px;
    overflow: auto!important;
    min-height: 120px;
    max-height: 290px!important;
}

.alinhaNormal{
    text-align: left!important;
}

.alinhaCentro{
    text-align: center!important;
}

.alinhaRight{
    text-align: right;
}

/*Div usada para dividir a tela ao meio */

.telaMeio_index{
    width: 96%!important;
}

.tela_esq{
    width: 450px!important;
    float: left!important;
    min-height: 380px!important;
    margin-right: 0px!important;
}

.tela_esq div{
    width: 96%!important;
}

.tela_dir{
    width: 457px!important;
    float: left!important;
    min-height: 500px!important;
    border-left: solid 2px #9BA3AA!important;
    margin-left: 0px!important;
}

.tela_dir div{
    width: 96%!important;
}

.tamanhoFaixa{
    width: 96%!important;
}

.tamanhoFaixa_100{
    width: 100%!important;
}

#Medicamento-formulario.inicio{
    height: 440px!important;
}

.clear{
    clear: both;
    margin: 0 !important;
}

.alinha-div{
    display: table;
    margin-right: 8px;
}

.alinha-div div{
    float: left;
    width: auto!important;
    margin: 0px 10px 0px 0px!important;
    padding: 0px!important;
}

.formulario_interno{
    height: 684px!important;
}

.help{
	width: 93%;
	min-height: 20px;
    background: #CCCCCC;
    font-size: 14px;
    padding: 20px;
    margin-left: 3px;
}

.help div{
    margin: 0px 0px 3px 0px!important;
}

.titulo_help{
    font-weight: bold;
    text-align: right;
}


.help_close{
    display: block;
    float: right;
    text-align: right!important;
    margin-top: -2px;
    margin-right: -23px;
}

.botao_help {
    background-repeat: no-repeat;
    background-position: 5px center;
    text-align: center;
    padding-left: 30px;
    padding-right: 10px;
    height: 16px;
    background-color: #77818A;
    border: 1px solid #96a0a9;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
}

.div-formulario-formulario-obs ul{
    list-style: none;
    margin: 0px 0px 0px 10px;
    padding: 0px;
}

.div-formulario-formulario-obs ul li ul{
    margin-left: 20px;
}

.span-formulario-formulario-obs ul{
    list-style: none;
    margin: 0px 0px 0px 10px;
    padding: 0px;
}

.span-formulario-formulario-obs ul li ul{
    margin-left: 20px;
}

.contador{
    text-align: right !important;
    width: 90% !important;
    display: block;
}


.caixaTexto{
    width: 90%;
}

.erro{
    background: #F2C305;
}

.span_campo{
    display: table;
    padding-right: 5px;
}

.span_campo_unico{
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 1px;
    padding-left: 0px;
}

fieldset > fieldset{
    margin-left: 40px;
    border-top: #666666 1px dotted;
    border-left: #666666 1px dotted;
    border-right: #666666 1px dotted;
    border-bottom: #666666 1px dotted;
}

fieldset > fieldset legend {
    font-size: 12px;
    font-family: Tahoma, Arial, Verdana;
    padding-bottom: 5px;
    padding-right: 5px;
    margin-left: 20px;
    color: #666666;
    background-color: #FFFFFF;


}

#div-formulario-formulario_modalAviso{
    float: left;
    width: 300px;
    font-size: 11px;
    background-color: #FFFFFF;
}

html > body #div-formulario-formulario_modalAviso{
    width: 340px;
}

#div-formulario-formulario_modalAviso div{
    padding: 5px;
    margin: 3px;
    width: 100%;
    text-align: left!important;
}

html > body #div-formulario-formulario_modalAviso div{
    width: 100%;
}

/*MIR: Modal Completa */

#div-formulario-formulario_modalFull{
    width: 99%;
    overflow: auto!important;
    min-height: 200px;
    height: 450px!important;
    font-size: 11px!important;
    background-color: #FFFFFF;
}

#div-formulario-formulario_modalFull div{
    padding: 5px;
    margin: 3px;
}

.caixaLogin{
    border: solid 1px #ACB3B9;
    width: 345px!important;
    margin: 30px auto!important;
}

.caixaLogin div{
    text-align: left!important;
    width: auto!important;
}

.caixaLogin .form{
    width: auto!important;
    margin: 0px 10% 0px 10%!important;
}

.caixaLogin .barraBotao_login{
    text-align: center!important;
}


.estiloTD_3_left{
    display: block;
    width: 238px;
    float: left;
    margin-right: 10px;
}

.estiloTD_3_center{
    display: block;
    width: 238px;
    float: left;
    margin-right: 10px;
}

.estiloTD_3_right{
    display: block;
    width: 239px;
    float: left;
}
.estiloTD_block_left{
    display: block;
    float: left;
    margin-right: 10px;
}

.unidade select{
    width: 220px;
    font-size: 10px;
    overflow: auto;
    border: solid 1px #A4B2CC;
    height: 100px;
}

.unidade input[type='button']{
    width: 40px!important;
    font-weight: bold!important;
    height: 25px!important;
    text-align: center!important;
    padding: 0!important;

}

.form_modal {
    float: left;
}

#caixa_modal_notificar{
    width: 375px;
    font-size: 11px;
}

.corpo_modal_notificar{
    text-align: left;
    width: 372px;
    background-color: #fff;
    min-height: 100px;
    max-height: 319px;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    overflow: auto;
    float: left;
}

.conteudo_modal div{
    /*padding: 5px;
    margin: 3px;*/
    margin: 0 3px 20px;
    padding-left: 5px;
}

.barraBotao_modal{
    background: #FFFFFF;
    text-align: center;
    width: 372px;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}

#caixa_modal_full{
    width: 779px;
    font-size: 11px;
}

.corpo_modal_full{
    text-align: left;
    width: 777px;
    background-color: #fff;
    min-height: 200px;
    max-height: 500px;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
}

.barraBotao_modal_full{
    background: #FFFFFF;
    text-align: center;
    width: 777px;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}

fieldset {
    border-top: #666666 1px dotted;
    border-left: 0px;
    border-right: 0px;
    border-bottom: #666666 1px dotted;
    margin-bottom: 20px!important;
    padding: 0 3px 10px;
}


.fildPadrao{
    border-top: #666666 1px dotted!important;
    border-left: #666666 1px dotted!important;
    border-right: #666666 1px dotted!important;
    border-bottom: #666666 1px dotted!important;
}

.fildPadrao > legend{
    margin-left: 10px!important;
    padding-bottom: 5px!important;
}

legend {
    font-size: 12px;
    font-family: Tahoma, Arial, Verdana;
    padding-right: 5px;
    color: #666666;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}

#tabela-titulo{
    font-size: 12px;
    font-weight: bold;
    color: #f2c305;
    margin-top: 5px;
    text-align: left;
}

.tabela-cadastrada-grid {
    height: 25px;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    width: 100%;
    font-family: Tahoma, Verdana, Arial;
    text-align: left;
}

.tabela-cadastrada-grid td{
    clear: both;
    padding-left: 5px !important;
    height: 25px !important;
}

tbody.c1{
    height: 469px;
    overflow: auto;

}

.subtitulo4 {
    height: 25px !important;
    background-color: #77818a !important;
    width: 75% !important;
    text-align: left;
    color: #ffffff;
    font-size: 12px;
    padding-left: 5px !important;
}

.subtitulo5 {
    height: 25px !important;
    background-color: #77818a !important;
    text-align: left;
    color: #ffffff;
    font-size: 12px;
    padding-left: 5px !important;
}

.linhaescura {
    background-color: #ebebed;
}

.linhaclara {
    background-color: #ffffff;
}

.Fechar-janela{
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(/notivisaServicos/resources/icones/Negativo/excluir/24x24.png);
}

.editar-item{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/notivisaServicos/resources/icones/Positivo/editar/16x16.png);
    cursor: pointer;
}

.excluir-item{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/notivisaServicos/resources/icones/Positivo/excluir/16x16.png);
    cursor: pointer;

}

.clonar-item{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/notivisaServicos/resources/icones/Positivo/add_documento/16x16.png);
    cursor: pointer;
}

#tabela-cadastrada-barra-botao {
    clear: both;
    width: 779px;
    height: 44px;
    background-color: #fff;
    position: relative;
    border-top: #000000 1px solid;
}

html > body #tabela-cadastrada-barra-botao {
    width: 779px;
    height: 44px;
}

.botao-rodape {
    background-repeat: no-repeat;
    background-position: left center;
    text-align: right;
    font-weight: bold;
    height: 25px;
    width: 170px;
    background-color: #56606a;
    border: 1px solid #96a0a9;
    color: #fff;
    margin-top: 10px;
}

.incluir {
    background-image: url(/notivisaServicos/resources/icones/Negativo/add/16x16.png);
    background-position: left;
}

#tabela-cadastrada-conteiner-conteudo{
    clear: both;
}

#tabela-cadastrada-esq-top{
    background: url('/notivisaServicos/resources/img/topo_esquerda.gif') no-repeat;
    width: 5px;
    height: 25px;
    float: left;
}

.tabela-cadastrada-meio-top{
    background: url('/notivisaServicos/resources/img/topo_centro.gif');
    height: 25px;
    width: 769px;
    float: left;
    color: #fff;
}

html > body .tabela-cadastrada-meio-top{
    width: 769px;
}

#tabela-cadastrada-dir-top{
    background: url('/notivisaServicos/resources/img/topo_direita.gif') no-repeat;
    width: 5px;
    height: 25px;
    float: left;
}

#tabela-cadastrada-esq-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_esquerda_azul.gif') no-repeat;
    height: 11px;
    width: 5px;
}

.tabela-cadastrada-meio-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_centro_azul.gif');
    width: 769px;
    height: 11px;
}

html > body .tabela-cadastrada-meio-down{
    width: 769px;
}

html > body .tabela-cadastrada-grid{
    width: 779px;
}

#tabela-cadastrada-dir-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_direita_azul.gif') no-repeat;
    height: 11px;
    width: 5px;
}

#Medicamento-titulo-formulario{
    font-size: 12px;
    font-weight: bold;
    color: #f2c305;
    margin-top: 5px;
}

.subtitulo6 {
    color: #ffffff;
    width: 23% !important;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
}

.subtitulo7 {
    width: 23% !important;
    color: #f2c305;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
}

#Medicamento-conteiner-conteudo{
    clear: both;
}

#Medicamento-esq-top{
    background: url('/notivisaServicos/resources/img/topo_esquerda.gif') no-repeat;
    width: 5px;
    height: 25px;
    float: left;
}

.Medicamento-meio-top{
    background: url('/notivisaServicos/resources/img/topo_centro.gif');
    height: 25px;
    overflow: auto;
    width: 769px;
    float: left;
    color: #fff;
}

html > body .Medicamento-meio-top{
    width: 983px;
}

#Medicamento-dir-top{
    background: url('/notivisaServicos/resources/img/topo_direita.gif') no-repeat;
    width: 5px;
    height: 25px;
    float: left;
}

#Medicamento-esq-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_esquerda_azul.gif') no-repeat;
    height: 11px;
    width: 5px;
}

.Medicamento-meio-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_centro_azul.gif');
    width: 769px;
    height: 11px;
}

html > body .Medicamento-meio-down{
    width: 983px;
}

#Medicamento-dir-down{
    float: left;
    background: url('/notivisaServicos/resources/img/baixo_direita_azul.gif') no-repeat;
    height: 11px;
    width: 5px;
}

#Medicamento-formulario-conteiner-conteudo{
    clear: both;
}

.medicamento-formulario-conteudo {
    width: 770px;
    height:485px;
    overflow: auto;
    float: left;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    border-bottom: 1px solid #384550;
    background: white;
    overflow-x:hidden;
    overflow-y:scroll;
    position: relative;
}


#Medicamento-formulario{
    float: left;
    width: 555px;
    font-size: 11px;
    overflow-y: auto!important;
    overflow-x: hidden;
    background-color: #FFFFFF;
    height: 400px;
    position: relative;
}

html > body .medicamento-formulario-conteudo {
    width: 991px;
}

html > body #Medicamento-formulario{
    width: 79%;
    height: 410px!important;
}
/*
#Medicamento-formulario div{
    margin: 0 3px 20px;
    padding-left: 5px;
    width: 549px;
}

html > body #Medicamento-formulario div{
    width: 97%;
}
*/
#Medicamento-barra-notificacoes {
    clear: both;
    width: 778px;
    height: 44px;
    border-left: 1px solid #384550;
    border-right: 1px solid #384550;
    background-color: #fff;
    position: relative;
}

html > body #Medicamento-barra-notificacoes {
    width: 991px;
    height: 44px;
}

#Medicamento-notificacoes{
    padding: 10px;
    font-size: 18px;
    color: #77818a;
    width: 100px;
    height: 30px;
}

.titulo-branco{
	width: 30%; 
	float: left;
	margin-left: 20px;
	color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.Medicamento-formulario-titulo{ /*Trocado para classe*/
                                background-color: #818b94;
                                color: #fff;
                                font-size: 12px;
                                margin-bottom: 0px!important;
                                padding: 5px 3px;
                                margin: 3px;
                                font-weight: bold;
                                width: 97%;
}

.Medicamento-formulario-subtitulo{/*Trocado para classe*/
                                  color: #000000;
                                  /*border-bottom: 1px solid #818b94;*/
                                  /*border-top: 1px solid #818b94;*/
                                  height: 17px;
                                  font-size: 12px;
                                  margin-top: 0px!important;
                                  background-color: #CCCCCC;
                                  font-weight: bold;
                                  padding: 3px 3px;
                                  margin-bottom: 0px!important;
                                  /*padding: 5px;*/
                                  margin: 3px;
                                  width: 97%;
}

.Medicamento-formulario-subtitulo div{/*Trocado para classe*/
                                      width: 200px!important; /*Marcado para funcionamento correto da classe*/
                                      padding: 1px 0px 0px 0px!important;/*Marcado para funcionamento correto da classe*/
                                      margin: 0px!important;/*Marcado para funcionamento correto da classe*/
                                      float: right;
}

.Medicamento-formulario-subtitulo span{
    width: 400px;
    display: block;
    float: left;
}

html > body .Medicamento-formulario-subtitulo div{/*Trocado para classe*/
                                                  text-align: right;
}

#Medicamento-formulario-menu-lateral{
    background-color: #77818a;
    width: 220px;
    float: left;
    height: 382px;
    color: #fff;
    font-size: 11px;
}

#Medicamento-notificacoes-menu-lateral{
    background-color: #77818a;
    width: 21%;
    float: left;
    height: 405px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
}

#Medicamento-conteudo-branco{
    background-color: #ffffff;
    width: 976px;
    min-height: 375px;
    float: left;
    font-size: 11px;
}

.strong{
	font-weight: bold;
}

.space{
	margin-left: 25px;
}

.space-top-down{
	margin-top: 15px;
	margin-bottom: 15px;
}

.fonte_media{
	font-size: 12px;
}

.ui-state-error {
   background: #F2C305;
   border: solid 1px #999999;
   color: black;
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
   background: #F2C305;
   border: solid 1px #999999;
   color: black;
}

.mensagem-error div.ui-editor.ui-widget-content {
	background: #F2C305;
	border: solid 1px #999999;
	color: black;
}

.ui-autocomplete-multiple.autoComplete ul{
	background: #F2C305;
	border: solid 1px #999999;
	color: black;
} 

button[type='submit'].ui-button{
    background: #384550 !important; 
    border-style: solid;
    border-color: #96a0a9;
    border-width: 1px;
    border-radiuns: 0px;
    color: #FFFFFF !important;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0px;
	box-shadow: none;
	text-shadow: none !important;
}


.ui-radiobutton-box {
   width: 12px !important;
   height: 12px !important;
}

.ui-radiobutton .ui-icon {
   width: 12px !important;
   height: 12px !important;
}

.ui-radiobutton .ui-icon-bullet {
  background-position: -82px -146px !important;
}

.notivisa-error .ui-radiobutton-box {
   background: #F2C305;
}

.notivisa-error .ui-selectmanycheckbox{
	background: #F2C305;
}

.ui-tooltip-content {
   background: #384550;
   color: #FFFFFF;
}



.Counter {
   width: 90%;
   text-align: right;
}

.ui-datepicker-trigger {
   background: none;
   background-image: url("/notivisaServicos/resources/icones/calendario.png");
   background-position: center center;
   background-repeat: no-repeat;
   border: none;
}

.ui-icon-calendar {
   display: none !important;
}

#primefacesmessagedlg{
	width: 500px;
	max-width: 500px;
}

.text-align-center{
	text-align: center;
}

.background-cinza {
	color: #000000;
	font-size: 12px;
	margin-top: 0px !important;
	background-color: #CCCCCC;
	font-weight: bold;
	padding: 3px 3px;
	margin-bottom: 0px !important;
	margin: 3px;
	width: 97%;}