*						{ padding:0px; margin:0px; }
img, fieldset			{ border:none; }
body 					{ font-family:Arial, Tahoma, Verdana; font-size:13px; }
h1						{ font-size:24px; margin-bottom:25px; color:#E2292F; }
h1.permissao			{ font-size:24px; margin-bottom:25px; color:#0071BC; text-align:center; margin-top:20px; }
span.total				{ margin-left:400px; }
h2					{ background:#CCCCCC; height:25px; padding:4px; margin-bottom:10px; text-align: center; color: #333333; border: 1px solid #000000 }
h3					{ color:#333333; font-size:24px; margin-bottom:15px; text-align:center; text-shadow: 2px 2px 2px #B5B5B5; margin-top:10px; }
h6                                      { margin: 10px 0 5px 10px; font-size: 13px; font-weight: bold; color: #000000; text-decoration: underline; }
.clear					{ clear:both; }
small					{ margin-left:150px; }
small a					{ color:#900 }
small#sair				{ margin-left:0; }

/* Container */

div#container					{ width:100%; }

/* Cabecalho */

div#cabecalho                       { width:100%; height:82px; margin:auto; position:relative; }
div#cabecalho span.logo				{ width:505px; height:60px; background:url(../imagens/logo.png) no-repeat; display:block; text-indent:-9999px; position:absolute; left:5%; top:1em; }
div#cabecalho span.titulo {
 /* font-size:1.8em; position:absolute; right:5%; top:1em; color:#333333;*/

  font-size: 16pt;
  position: absolute;
  right: 5%;
  top: 1em;
  color: #333333;
  text-transform: uppercase;
  text-shadow: none;

}
div#cabecalho span.titulo .username {
  font-size: 14px;
}

/* menu */

div#menu 					      { width:100%; height:50px; background:url(../imagens/fundo.png) repeat-x; margin-bottom:1em; }
div#menu ul					    { list-style:none; display: flex; justify-content: center; }
div#menu ul li					{ border-right:1px solid #666666; border-left:1px solid #221F12;display:flex; height:50px; align-items: center; justify-content: center; text-align:center; padding: 0 10px; }
div#menu ul li a				{ color:#FFF; text-decoration:none; font-size:10px; font-weight:bold }
div#menu ul li a:hover  { color:#EBDDC3; }
div#menu ul li.logout	  { float:right; }

/* wrapper */

div#wrapper					{ margin:0 auto 90px;; width:980px; }

.home-buttons {
  width: 100%;
  max-width: 980px;
  margin: 40px auto;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-flow: row wrap;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.home-buttons a {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  text-decoration: none!important;
  /*width: 255px;
  height: 108px;*/
  width: 135px;
  height: 58px;
  padding: 20px;
  color: #fff;
  // color: #e6e6e6;
  font-size: 22px;
  background: #bfa232;
  border-radius:7px;
  -o-border-radius:7px;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  transition:all 200ms ease-in-out;
  -o-transition:all 200ms ease-in-out;
  -ms-transition:all 200ms ease-in-out;
  -moz-transition:all 200ms ease-in-out;
  -webkit-transition:all 200ms ease-in-out;
  will-change:auto
}
.home-buttons a:hover {
  background: #646463;
}
.home-buttons a figure img {
  /*max-width: 85px;*/
  max-width: 51px;
  /*margin-right: 10px;*/
  display: inline-block;
  filter: invert(1);
  vertical-align: middle;
}
.home-buttons a figure figcaption {
  font-size: 13px;
  text-align: left;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
}

div.itens_sub					{ float:right; }
div.itens_sub a					{ background:#343932; display:block; border:1px solid #000; padding:3px 20px; color:#fff; text-decoration:none; float:left; margin-left:10px; font-weight:bold }
div.itens_sub a:hover			{ background: #FFFFFF; color:#343932 }

form input					{ width:400px; margin-top:10px; padding:2px; border: solid 1px #666666; background:#eee; border-radius: 3px 3px 3px 3px;  }
form input.legenda			{ width:100px; margin-top:10px; padding:2px; border: solid 1px #666666; background:#eee; }
form input.campo_requer		{ width:400px; margin-top:10px; padding:2px; border: solid 1px #990000; background:#eee; }
form select					{ width:406px; margin-top:10px; padding:2px; border: solid 1px #666666; background:#eee; border-radius: 3px 3px 3px 3px;  }
form select.grande			{ width:145px; margin-top:10px; padding:2px; border: solid 1px #666666; background:#eee; }
form input.checkbox			{ width:50px; margin-top:15px; padding:2px; border: none; background:none; }
form input.grande			{ width:140px; margin-top:10px; padding:2px; border: solid 1px #666666; background:#eee; }
form input.medio			{ width:70px; margin-top:10px; padding:2px; border: solid 1px #666666; background:#eee; }
form input.medio.campo_requer			{ width:70px; margin-top:10px; padding:2px; border: solid 1px #990000; background:#eee; }
form input.radio			{ width:30px; margin-top:15px; margin-left:15px; padding:2px; border: solid 1px #666666; background:#eee; }
form input.file				{ width:300px; margin-top:10px; padding:2px; border: solid 1px #666666; background:#eee; }
form textarea				{ width:400px; height:80px; margin-top:10px; padding:2px; border: solid 1px #666666; background:#eee; border-radius: 3px 3px 3px 3px; }
form textarea:hover			{ background:#fff; }
form label					{ width:150px; margin-top:10px; height:15px; padding-top:3px; padding-left:10px; float:left; color:#333333; font-size:15px; line-height:13px; font-family: Arial, Tahoma, Verdana; font-size: 13px;}

form legend	{ 
  font-size:18px; color:#333333; border: 1px solid #666666; text-shadow: 2px 2px 2px #B5B5B5; 
  /*font-size: 16pt;
  color: #dac67c;
  border: none;
  text-shadow: none;
  text-transform: uppercase;
  font-weight: bold;*/

}

form fieldset				{ width:605px; margin:0 auto; border:3px solid #9C810B; padding:15px; }
form input:hover			{ background:#fff; }
form input.cadastrar		{ height:30px; width:100px; background:#EEEEEE; border: solid 1px #000000; color:#000; letter-spacing:1px; cursor:pointer; border-radius: 3px 3px 3px 3px; }
form input.atualizar		{ height:30px; width:100px; background:#EEEEEE; border: solid 1px #000000; color:#000; letter-spacing:1px; margin-left:440px; cursor:pointer; }
form input.adicionar		{ height:30px; width:200px; background:#EEEEEE; border: solid 1px #000000; color:#000; letter-spacing:1px; cursor:pointer; border-radius: 3px 3px 3px 3px; margin-left: 148px; }
fieldset	{
  /*width:575px; margin:0 auto; border:1px solid #B42A27; padding:15px; */
  height: auto;
}
legend						{ font-size:18px; padding:5px; }

ul#sortable li.produtos				{ width:550px; border:1px solid #333333; background:#E8E8E8; margin-left:5px; margin-right:5px; margin-top:5px; list-style:none; cursor:move; padding:8px; }
ul#sortable li.categoria			{ width:550px; border:1px solid #333333; background:#FFC1C1; margin-left:5px; margin-right:5px; margin-top:5px; list-style:none; padding:8px; font-weight:bold; text-align:center; }
ul#sortable li.subcategoria			{ width:550px; border:1px solid #333333; background:#FAFAD2; margin-left:5px; margin-right:5px; margin-top:5px; list-style:none; padding:8px; font-weight:bold; text-align:center; }

span.titulo                             { color:#643200; width:400px; display:block; float:left; margin-top:14px; text-align:right; text-shadow: 2px 2px 2px #B5B5B5; }
span.titulo a				{ color:#900; text-decoration:none; }
span.titulo a:hover			{ color:#000; text-decoration:underline; }
span.resposta				{ color:#990000; margin-left:10px; font-weight:bold }

span.msg					{ color:#0099FF; }
span.direita				{ color:#333333; margin-left:30px;font-family: Arial, Tahoma, Verdana; font-size: 13px; }

a.btn_voltar					{ height:28px; width:150px; background:#EEEEEE; border: solid 1px #000000; color:#000; letter-spacing:1px; cursor:pointer; border-radius: 3px 3px 3px 3px; display: block; text-align: center; line-height: 30px; text-decoration: none; float: left; margin-top:10px; margin-right: 10px; font-size:11px; }

div.imagem					{ margin-top:10px; }
div.submit					{ width:325px; margin:0 auto; }

form#login					{ margin-top:100px; }

form#login fieldset	{ 
  /*  width:450px; margin:0 auto; border:3px solid #9C810B; padding:15px; */
  width: 50%;
  margin: 0 auto;
  border: none;
  padding: 15px;
  background-color: none !important;
  border-radius: 10px;
}


form#login label				{ width:110px; margin-top:10px; height:15px; padding-top:3px; padding-left:10px; float:left; color:#333333; display: none;}
form#login input,
form#login select       { 
  /*width:300px; margin-top:10px; padding:2px; border: solid 1px #2245170; background:#EEEEEE; border-radius: 3px 3px 3px 3px;
  height: 30px;
  border: none;*/
  width: 300px;
  margin-top: 10px;
  padding: 2px;
  border: solid 1px #2245170;
  background: #FFF;
  border-radius: 3px 3px 3px 3px;
  height: 36px;
  border: 1px solid #f2f2f2;
  margin-top: 6%;
  }
form#login input#enviar	{
 /* height:30px; width:100px; background:#EEEEEE; border: solid 1px #000000; color:#000; letter-spacing:1px; cursor:pointer */
  height: 30px;
  width: 50%;
  background: #04a652;
  border: none;
  color: #fff;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 10pt;
}

div.lembrete				{ background:url(../imagens/bg-aviso.jpg) repeat; padding:10px; border:1px solid #333; margin-bottom:10px; }
div.lembrete p.titulo		{ font-weight:bold; margin-bottom:5px; }
div.lembrete p.texto		{ text-align:justify }

div#divComissao                    { display: block; }

div.alerta-boleto-overflow { position: absolute; background-color: rgba(0,0,0,.5); width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; }
div.alerta-boleto          { color: #D7471F; text-align: center; padding: 30px; line-height: 25px; background-color: #fff; border-radius: 10px; position: relative; box-shadow: 1px 1px 2px #666; }
a.alerta-boleto-close      { color: #D7471F; text-decoration: none; display: inline-block; position: absolute; top: 15px; right: 30px; font-size: 40px; border: 1px solid; border-width: medium; padding: 10px 12px; text-align: center; border-radius: 50%; height: 28px; width: 25px;}

div#divBusca    { width: 398px; margin-left: 150px; background-color: #C3C3C3; padding: 4px; display: none; }
div#divBusca a  { padding: 5px; display:block; width:390px; }
div#divBusca a:hover  { background-color: #DDD; }

div#divComponente p.resultado  { margin-top: 10px; margin-left: 10px; }
a.aMais                        { margin-left: 150px; text-decoration: none; color: #990000; display:block }

table.tabela                    { width: 300px; margin: 5px 0 5px 148px; }
table.tabela tr th              { border: 1px solid #333333; padding: 2px; text-align: center; background: #EEEEEE; }
table.tabela tr td              { border: 1px solid #333333; padding: 2px; text-align: center; }

table.produtos                  { width: 575px; margin: 5px 0 5px }
table.produtos tr th            { border: 1px solid #333333; padding: 2px; text-align: center; background: #FFC1C1; }
table.produtos tr th.subcategoria      { border: 1px solid #333333; padding: 2px; text-align: center; background: #FAFAD2; }
table.produtos tr td            { border: 1px solid #333333; padding: 2px; text-align: center; }

table.totais                  { width: 575px; margin: 5px 0 5px }
table.totais tr th            { border: 1px solid #333333; padding: 2px; text-align: center; background: #EEEEEE; }
table.totais tr td            { border: 1px solid #333333; padding: 2px; text-align: center; }

table thead tr th a.abrir	  	{ float:right; margin-right:20px; color:#333; cursor:pointer; font-size:11px; }
table thead tr th a.abrir:hover { text-decoration:underline; color:#900; font-weight:bold; }

table.organograma				{ width:4000px; border-collapse:collapse; }
table.organograma tr			{ height:30px; }
table.organograma tr.bold		{ font-weight:bold; }
table.organograma tr td			{ padding:5px; }
table.organograma tr.ano		{ background:#CCCCCC; height:25px; padding:4px; text-align: left; color: #333333; font-weight:bold; font-size:21px; }

/* controle */

ul#controle               { }
ul#controle li            { width:270px; border:1px solid #CCC; padding:5px; float:left; margin:15px; list-style: none }
ul#controle li .titulo    { width:270px; height:38px; background:url(../imagens/bg_beneficio.png) repeat-x; color:#666; font-size:18px; text-align:center; padding-top:12px; }
ul#controle li .titulo a  { color: #333333; text-decoration: none; }
ul#controle li .titulo a:hover  { color: #FFFFFF; text-decoration: none; }

/* footer */

div#footer					{ width:100%; background:#F5F5F5; height:30px; position:fixed; bottom:0; }
div#footer a					{ width:94px; height:22px; background:url(../imagens/logo_acao.png) no-repeat; display:block; text-indent:-9999px; margin-right:2em; margin-top:4px; float:right; }

/* cartao de descotos */

small.cartao_nome       { position:absolute; top:75px; left:-30px; font-size:8px; }
small.cartao_curso 		{ position:absolute; top:98px; left:-30px; font-size:8px; }

/* Form pré evento */
#pre_evento p {
  width: 100%;
  height: 40px;
  float: left;
  clear: both;
  margin: 20px 0 0px 10px;
  line-height: 40px;
  font-weight: bold;
}

#pre_evento input[type="checkbox"] {
  display: block;
  float: left;
  height: 20px;
  width: 10px;
}

input#festa-tematica {
  clear: both;
}

label[for="end-evento"] {
  clear: both;
}

input#end-evento {
  float: left;
}

.enviado {
  background: #00CC66;
  color:#FFF;
  display: block;
  width: 300px;
  height: auto;
  padding: 12px;
  font-size: 18px;
  text-align: center;
  margin:0 auto;
}

.naoenviado {
  background: #FF0000;
  color:#FFF;
  display: block;
  width: 400px;
  height: auto;
  padding: 12px;
  font-size: 18px;
  text-align: center;
  margin:0 auto;
}

div.arquivos 			{ width:230px; background-color:#9CF; border-radius: 5px; float:left; margin-right:10px; margin-bottom:15px; }
div.arquivos p.titulo	{ text-align:center; height:30px; line-height:30px; font-weight:bold; }
div.arquivos img		{ margin-left:65px; }


/*nova página*/

div#cabecalho {
 
}
div#menu {
 
}

img.logo-topo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
}

.form-wrapper {
  margin-top: 10%;

}

legend {
  /*display: none;*/
}

form.restrito {
  text-align: center !important;
  width: 48% !important;
  background: rgba(0, 0, 0, 0.4);
  height: auto;
  text-align: center !important;
  width: 50% !important;
  background: rgba(0, 0, 0, 0.4);
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  padding: 1%;

}

form.restrito h3 {
  color: #e3ca62;
  font-size: 20px;
  margin-bottom: 10px;
  text-align: center;
  text-shadow: none;
  margin-top: 10px;
  text-transform: uppercase;
}

a#btn_voltar {
    height: 28px;
    width: 100px;
    background: #EEEEEE;
    border: solid 1px #000000;
    color: #000;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: 3px 3px 3px 3px;
    display: block;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

/* 2021-04-30 */

.title-table {
  background:#CCCCCC;
  height:25px;
  padding:4px;
  margin-bottom:10px;
  text-align: center;
  color: #333333;
  border: 1px solid #666;
}