@charset "UTF-8";
/**************************************************

Projeto: VARICELA - RJ
Empresa: Secretaria Municipal de Sa├║de do RJ
Linguagens: HTML5/CSS3 JavaScript/jQuery PHP/MySQL

***************************************************/
/************ Style padrão do projeto *************/
* {
  margin: 0;
  padding: 0;
  border: 0; }

h2 {
  color: white;
  font-family: 'bebas_neueregular';
  font-weight: normal; }

h4 {
  font-family: Arial !important; }

a {
  color: #3b77bb;
  font-size: 14px;
  font-family: Arial; }

body,
html {
  height: 100%; }

.fundo {
  background: url("../img/fundo.jpg") no-repeat center center fixed;
  height: 100%;
  box-sizing: border-box; }

.fundo_1 {
  background: #C0E7F8; }

legend {
  font-weight: bold; }

@font-face {
  font-family: 'sanserifficregular';
  src: url("../font/sanseriffic.eot");
  src: url("../font/sanseriffic.eot?#iefix") format("embedded-opentype"), url("../font/sanseriffic.woff") format("woff"), url("../font/sanseriffic.ttf") format("truetype"), url("../font/sanseriffic.svg#sanserifficregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'bebas_neueregular';
  src: url("../font/bebasneue.eot");
  src: url("../font/bebasneue.eot?#iefix") format("embedded-opentype"), url("../font/bebasneue.woff") format("woff"), url("../font/bebasneue.ttf") format("truetype"), url("../font/bebasneue.svg#bebas_neueregular") format("svg");
  font-weight: normal;
  font-style: normal; }
select {
  height: 27px;
  width: 177px;
  border: 1px solid #62c3dd;
  border-radius: 7px;
  background-color: #e8e8e8;
  cursor: pointer;
  color: #666;
  margin-top: 2px; }

select option {
  cursor: pointer; }

p {
  font-family: Arial;
  font-size: 14px;
  color: #000 !important; }

input[type=radio] {
  cursor: pointer;
  margin-top: 5px; }

article input[type=text] {
  border: 1px solid #62c3dd;
  background-color: #e8e8e8;
  height: 25px;
  width: 180px;
  border-radius: 7px;
  font-size: 14px;
  font-family: Arial;
  color: #666;
  margin-top: 2px;
  margin-bottom: 10px;
  text-align: center; }

article input[type=checkbox] {
  margin: 0 5px 2px 0; }

textarea {
  border: 1px solid #62c3dd;
  border-radius: 7px;
  width: 97%;
  height: 200px;
  background-color: #e8e8e8;
  padding: 5px;
  font-size: 14px;
  font-family: Arial;
  color: #666;
  margin: 10px;
  resize: none;
  text-align: justify; }

.espacamento, label {
  float: left;
  margin-left: 15px; }

.right {
  float: right; }

.HeaderPrincipal {
  background-image: url(../img/topo_fd.png);
  width: 100%;
  height: 99px; }

.HeaderPrincipal .internoCentral {
  width: 1200px;
  height: 99px;
  margin: auto; }

.HeaderPrincipal .internoCentral a.logotipo {
  background-image: url(../img/company_logo.png);
  width: 499px;
  height: 98px;
  display: block;
  text-indent: -9999px;
  float: left; }

.HeaderPrincipal .internoCentral .BlocoInfo {
  width: 300px;
  height: 45px;
  float: right;
  margin-right: 20px;
  margin-top: 30px;
  text-align: center; }

.BlocoInfo span {
  margin-top: 49px;
  font-family: Arial;
  font-size: 14px;
  color: #215179; }

nav {
  background-color: #215179;
  width: 100%;
  height: 25px;
  border-radius: 7px;
  text-align: center; }

nav ul {
  width: 1200px;
  margin: auto;
  display: block;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px; }

nav ul li {
  float: left;
  margin-left: 20px;
  list-style: none;
  display: block;
  position: relative;
  letter-spacing: 2px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px; }

nav ul li ul {
  display: none;
  position: absolute;
  z-index: 9999;
  width: 100px;
  background: #215179;
  padding: 0; }

nav ul li ul li {
  float: none;
  margin-left: 2px;
  letter-spacing: 2px; }

nav ul li ul li a {
  font-size: 16px; }

nav ul li:hover ul {
  display: block; }

nav ul a {
  text-decoration: none;
  font-family: Arial;
  font-size: 18px;
  padding-top: 2px;
  color: white;
  display: block; }

nav ul a:hover {
  color: #62c3dd; }

nav ul span #logout {
  margin: -23px 0 0 1140px !important;
  position: absolute;
  z-index: 999;
  letter-spacing: 3px; }

nav ul span #logout:hover {
  background-color: transparent !important; }

.clear {
  clear: both; }

.space {
  height: 5px; }

.container {
  width: 1200px;
  margin: auto;
  background-color: none; }

.content {
  background-color: white;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px; }

.ContentInterna {
  background-color: #e8e8e8 !important;
  width: 1200px;
  margin-top: 10px;
  padding: 15px;
  border-radius: 7px;
  border: 1px solid #62c3dd; }

.ContFicha {
  border-radius: 7px !important;
  padding: 0px 10px 10px 10px; }

#inf_acesso {
  margin-left: 55px;
  font-size: 14px;
  font-family: Arial;
  color: #666; }

#user {
  background-image: url(../img/user.png);
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  display: block;
  margin-top: 0px !important; }

#pass {
  background-image: url(../img/pass.png);
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  display: block; }

.inputlogin {
  border: 1px solid #ccc;
  border-radius: 7px;
  width: 245px;
  height: 30px;
  font-family: 'sanserifficregular';
  font-size: 15px;
  text-align: center;
  color: #666;
  padding-left: 5px; }

#usuario, #password {
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #333333;
  float: left;
  margin-bottom: 20px;
  margin-left: 53px; }

#user, #pass {
  margin: 25px 0 0 320px; }

input[type="submit"] {
  margin: 0 0 10px 10px; }

#limpar, #acessar {
  font-family: Arial;
  color: #fff;
  font-size: 15px;
  background-color: #215179;
  width: 100px;
  height: 30px;
  font-weight: bold;
  border-radius: 5px; }

#acessar:hover, #limpar:hover {
  opacity: 0.8;
  cursor: pointer; }

#HoldTopo {
  width: 100%;
  height: 25px;
  background-color: #cccccc;
  border-bottom: 2px solid #666;
  margin-bottom: 10px; }

#HoldTopo h3 {
  color: #7f1200;
  padding: 2px 0 0 10px; }

#HoldTopo a {
  float: right;
  margin: -22px 20px 0 0;
  text-decoration: none;
  font-size: 16px; }

#HoldTopo a:hover {
  color: #7f1200; }

#holdhead {
  width: 100%;
  padding-top: 5px; }

#logotipo {
  padding-left: 25px; }

#logotipo #logo {
  background-image: url(../img/logotipo.jpg);
  width: 155px;
  height: 125px;
  display: block;
  text-indent: -9999px;
  border-radius: 7px;
  float: left;
  border: 1px solid #000; }

.cabecalho td {
  font-size: 14px;
  font-family: Arial;
  color: #00285b;
  padding: 5px; }

.default {
  background-color: #ccc; }

.contentForm p {
  font-family: Arial;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #000;
  border-radius: 7px;
  padding: 5px;
  background-color: white; }

#prefeitura {
  background-image: url(../img/prefeitura.jpg);
  width: 100px;
  height: 56px;
  float: left;
  border-radius: 7px;
  margin-bottom: 5px; }

#titulo {
  width: 550px;
  margin: auto;
  text-align: center;
  font-family: Arial;
  margin-top: 5px;
  font-size: 18px; }

#sub_titulo {
  width: 22%;
  text-align: center;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  margin-left: 15px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 1px solid #62c3dd;
  border-bottom: none;
  background-color: #215179;
  color: #fff; }

#notific {
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  margin-top: -45px;
  float: right; }

#nu_notificacao {
  border: 0;
  background-color: #FFF;
  height: 25px;
  width: 175px;
  border-radius: 7px;
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  color: red;
  margin-top: 2px;
  margin-bottom: 10px;
  text-align: center; }

.info {
  width: 100%;
  border: 1px solid #62c3dd;
  float: right;
  background-color: white;
  border-radius: 7px;
  font-family: Arial;
  font-size: 13.4px;
  padding-top: 10px;
  margin-top: 10px; }

#titulo1 {
  margin: auto;
  margin-bottom: 10px;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold; }

#LinksIndex li {
  list-style: none;
  float: left;
  margin-left: 30px; }

#LinksIndex li a {
  text-decoration: none; }

#LinksIndex li a:hover {
  text-decoration: underline; }

fieldset {
  border: 1px solid #62c3dd;
  margin-bottom: 10px;
  margin-left: 15px;
  border-radius: 7px;
  width: 1140px; }

/******* CAMPOS E BOTÕES DO CADASTRO *******/
#definicao {
  width: 1175px;
  border: 3px solid #62c3dd;
  border-radius: 7px;
  margin-top: 10px;
  padding: 10px 10px 10px 10px; }

#definicao legend {
  font-family: Arial;
  font-size: 20px;
  font-weight: bold; }

#definicao span {
  font-family: Arial;
  font-size: 14px; }

.maiusculo {
  text-transform: uppercase; }

#campos_gerais {
  margin-left: 15px;
  width: 1169px;
  border: 1px solid #62c3dd;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  padding-top: 5px;
  margin-bottom: 10px; }

#tp_notificacao {
  width: 530px; }

#encaminhamento {
  width: 397px;
  height: 100px; }

#co_uf_notificacao,
#co_uf_residencia {
  width: 50px; }

#municipio_notificacao,
#municipio_residencia {
  width: 465px; }

#unidade_notificacao {
  width: 400px; }

#campos_notificacao {
  margin-left: 15px;
  width: 1169px;
  border: 1px solid #62c3dd;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  padding-top: 5px;
  margin-bottom: 10px; }

#nome {
  width: 563px; }

#campo_idade {
  margin-left: 10px;
  width: 370px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#no_nome_paciente {
  width: 538px; }

#idade {
  width: 85px; }

.opcao {
  margin-right: 5px;
  width: 30px !important;
  float: right; }

.opcao_1 {
  width: 30px !important;
  margin-right: 10px;
  float: left; }

.opcao_out {
  width: 190px !important;
  margin-right: 5px;
  float: left; }

.opcao_cpf {
  width: 350px !important;
  margin-right: 5px;
  float: left; }

.opcao_surto {
  width: 335px !important;
  margin-right: 5px;
  float: left; }

#campo_sexo {
  margin-left: 10px;
  width: 142px;
  height: 65px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#campo_sexo label {
  margin-left: 0; }

#campo_gestante {
  margin-left: 15px;
  width: 540px;
  height: 65px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

.label_margin {
  margin-left: 0 !important;
  margin-right: 10px !important; }

.label_margin_1 {
  margin-left: 25px !important;
  margin-right: 15px !important; }

.label_margin_2 {
  margin-left: 60px !important;
  margin-right: 15px !important;
  margin-top: 7px; }

.label_margin_3 {
  margin-left: 0px !important;
  margin-right: 15px !important;
  margin-top: 7px; }

.label_margin_4 {
  margin-left: 25px !important;
  margin-right: 15px !important;
  margin-top: 7px; }

#campo_raca {
  margin-left: 10px;
  width: 435px;
  height: 65px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#campo_escolaridade,
#campo_imuno,
#campo_risco,
#campo_cpf {
  margin-left: 15px;
  width: 1141px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#campo_cpf {
  width: 416px; }

#no_nome_mae {
  width: 510px; }

#campos_residencia {
  margin-left: 15px;
  width: 1169px;
  border: 1px solid #62c3dd;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  padding-top: 5px;
  margin-bottom: 10px; }

#co_municipio_residencia,
#cod_log,
#numero,
#co_logradouro_residencia {
  width: 117px; }

#co_distrito_residencia,
#no_bairro_residencia {
  width: 222px; }

#logradouro {
  width: 530px; }

#nu_residencia {
  width: 80px; }

#ds_complemento_residencia {
  width: 364px; }

#ds_referencia_residencia {
  width: 352px; }

#nu_ddd_residencia {
  width: 35px; }

#nu_telefone_residencia {
  width: 140px; }

#campo_zona {
  margin-left: 15px;
  width: 179px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#co_pais_residencia {
  width: 220px; }

#campos_invest {
  margin-left: 15px;
  width: 1169px;
  border: 1px solid #62c3dd;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  padding-top: 5px;
  margin-bottom: 10px; }

.sim_nao {
  margin-left: 15px;
  width: 110px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

.sim_nao label {
  margin-left: 0;
  margin-right: 10px; }

#nome_unid_obito {
  width: 695px; }

#nome_unid_internacao {
  width: 500px; }

#municip_internacao {
  width: 400px; }

#campo_cutaneas,
#campo_respiratorias {
  margin-left: 15px;
  width: 1112px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#campo_neurologicas {
  margin-left: 15px;
  width: 418px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#campo_outras_comp {
  margin-left: 15px;
  width: 677px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#idade_gestac {
  width: 320px; }

#peso_nasc {
  width: 200px; }

#campo_rc_nascido,
#campo_contato {
  margin-left: 15px;
  width: 556px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#campo_contato {
  height: 69px; }

#campo_infeccao {
  margin-left: 15px;
  width: 569px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#campo_contato_gest {
  margin-left: 15px;
  width: 620px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#campo_vacina {
  margin-left: 15px;
  width: 290px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#campo_congenita {
  margin-left: 15px;
  width: 805px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#campo_vacinacao {
  margin-left: 15px;
  width: 350px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#campo_controle,
#campo_bloqueio {
  margin-left: 15px;
  width: 820px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#dose_imunog {
  width: 60px; }

#campo_doses {
  margin-left: 15px;
  width: 305px;
  height: 74px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#campo_surto {
  margin-left: 15px;
  width: 505px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#observacoes {
  border: 1px solid #62c3dd;
  margin-bottom: 10px;
  margin-left: 15px;
  border-radius: 7px;
  width: 1140px;
  text-align: center; }

#campos_investigador {
  margin-left: 15px;
  width: 1169px;
  border: 1px solid #62c3dd;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  padding-top: 5px;
  margin-bottom: 10px; }

#inv_municipio {
  width: 947px; }

#inv_nome,
#inv_funcao,
#inv_assinatura {
  width: 370px; }

#limpar_cad, #salvar {
  font-family: Arial;
  color: #fff;
  font-size: 14px;
  background-color: #215179;
  width: 100px;
  height: 20px;
  font-weight: bold;
  border-radius: 7px; }

#salvar:hover, #limpar_cad:hover {
  opacity: 0.8;
  cursor: pointer; }

#b_campos {
  width: 97.3%;
  border: 1px solid #62c3dd;
  border-radius: 7px;
  padding-top: 5px;
  margin: 5px 0 10px 15px; }

#b_municipio,
#b_unid_notific {
  width: 350px; }

#b_limpar_form, #buscar {
  font-family: Arial;
  color: #fff;
  font-size: 14px;
  background-color: #215179;
  width: 100px;
  height: 20px;
  font-weight: bold;
  border-radius: 7px; }

#cad_usuario {
  margin: auto;
  width: 810px;
  height: 200px;
  border: 1px solid #62c3dd;
  border-radius: 7px;
  padding-top: 5px;
  margin-bottom: 10px; }

#n_acesso {
  margin-left: 10px;
  width: 382px;
  height: 41px;
  float: left;
  border: 1px solid #62c3dd;
  border-top: none;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-bottom: 10px; }

#salvar_usu, #limpar_usu {
  font-family: Arial;
  color: #fff;
  font-size: 14px;
  background-color: #215179;
  width: 110px;
  height: 25px;
  font-weight: bold;
  border-radius: 7px;
  margin-left: 15px; }

#salvar_usu:hover, #limpar_usu:hover {
  opacity: 0.8;
  cursor: pointer; }

.inputcadlogin {
  border: 1px solid #62c3dd;
  background-color: #e8e8e8;
  height: 25px;
  width: 380px !important;
  border-radius: 7px;
  font-size: 14px;
  font-family: Arial;
  color: #666;
  margin-top: 2px;
  margin-bottom: 10px;
  text-align: center; }

#login {
  background: white;
  width: 450px;
  height: 250px;
  border-radius: 7px;
  position: absolute;
  top: 50%;
  margin-top: -135px;
  left: 50%;
  margin-left: -225px; }

#login input[type=submit] {
  margin: 0 0 0 223px !important; }

#login .espacamento {
  margin-top: 30px !important; }

#login .espacamento_1 {
  margin-top: 30px !important;
  margin-left: 20px !important; }

#login .espacamento_2 {
  margin-top: 15px !important; }

#topText {
  background: #215179;
  width: 100%;
  height: 30px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 50px !important; }

#topText h2 {
  text-align: center;
  line-height: 35px; }

#topText a {
  margin-left: 30px; }

/*# sourceMappingURL=style.css.map */