:root {
  --cor1: #000;
  --cor2: #cc0000;
  --cor3: #cecef2;
  --cor4: #fff;
  --borda1: 2px;
  --Fundo_lilas: #f6f5f9;
  --Botao_lilas: #8870e8;
  --Botao_lilas_3: hsl(276, 32%, 89%);
  --Botao_Vermelho: #f2708d;
  --Botao_Laranja: #f8eee3;
  --Botao_Azul: #e0f3fe;
  --Botao_Verde: #e2f8e3;

  /*     var(--Botao_Verde);     */
}

html {
  font-family: "PTSansCaptionRegular", sans-serif;
  margin-left: 10px;
  margin-right: 10px;
  background-color: var(--cor3) !important;
}

body {
  background-color: var(--cor3);
  /*background: url(../Imagens/Fundo.jpg)  no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#master {
  margin: auto;
  height: 100%;
  overflow: hidden;
  position: relative;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

#cabecalho {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 1400px;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

.homecab {
  /*    background-color: #e0e0e0;*/
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 30px;
  padding-bottom: 100px;
}

.skypecab {
  background-color: #47a3da;
}

.diskcab {
  background-color: #610677;
}

.contatocab {
  background-color: #ea68b9;
}

.cadastrocab {
  background-color: #f37e93;
}

.logincab {
  background-color: #f49f49;
}

.newscab {
  background-color: #ebebeb;
}

/********** menu ************/
.menu {
  margin: 0 auto;
  width: 1400px;
}

.menualin {
  width: 980px;
  height: 100px;
  position: relative;
  margin: 0 auto;
}

.menualin ul {
  position: absolute;
  z-index: 5;
}

.menutop {
  color: #000;
}

.menutop li {
  width: 100px;
  display: inline-block;
  display: flex;
}

.menutop li a {
  width: 120px;
  position: relative;
  display: inline-block;
  display: flex;
  margin-top: -40px;
  transition-duration: 0.5s;
}

.menutop li a:hover {
  width: 120px;
  position: relative;
  display: inline-block;
  display: flex;
  margin-top: 3px;
  transition-duration: 0.5s;
}

.downloadskype {
  position: relative;
  float: left;
  margin-left: 40px;
}

.downloadskype a {
  position: relative;
  float: left;
  transition-duration: 0.5s;
}

.downloadskype a:hover {
  height: 79px;
  position: relative;
  float: left;
  margin-top: 25px;
  transition-duration: 0.5s;
}

/********** busca ************/
.buscaGeral {
  margin: 0 auto;
  /*    margin-top: -30px;*/
  /*    width: 700px;*/
  border-bottom: 15px solid #ffa500;
}

.busca {
  /*    background-color: #000;*/
  width: 60%;
  margin-top: -80px;
  margin-bottom: 100px !important;
  height: auto;
  position: relative;
  text-align: center;
  z-index: 1000;
}

.buscabt {
  cursor: pointer;
  margin-bottom: -10px;
}

.buscaimg {
  /*  width: auto;*/
  height: 100px;
  text-align: center;
  border-bottom: 10px solid #ffa500;
}

#buscaform input[type="text"] {
  width: 100%;
  height: 30px;
  position: relative;
  background: none;
  border: hidden;
  font-family: "Quicksand", sans-serif;
  font-size: 25px;
  padding-left: 15px;
}

#buscaform #btBuscar {
  display: none;
  cursor: pointer;
}

#buscatextodisk::-webkit-input-placeholder {
  color: #666666;
}

#buscatextodisk:-moz-placeholder {
  color: #666666;
}

#buscatextodisk::-moz-placeholder {
  color: #666666;
}

#buscatextodisk:-ms-input-placeholder {
  color: #666666;
}

#buscaskype::-webkit-input-placeholder {
  color: #ffffff;
}

#buscaskype:-moz-placeholder {
  color: #ffffff;
}

#buscaskype::-moz-placeholder {
  color: #ffffff;
}

#buscaskype:-ms-input-placeholder {
  color: #ffffff;
}

#buscatextocontato::-webkit-input-placeholder {
  color: #610677;
}

#buscatextocontato:-moz-placeholder {
  color: #610677;
}

#buscatextocontato::-moz-placeholder {
  color: #610677;
}

#buscatextocontato:-ms-input-placeholder {
  color: #610677;
}

/********** banner ************/
.banners {
  max-width: 1300px;
  height: 100%;
  margin: 0 auto;
}

/********** mosaico ************/

.Collage {
  padding: 70px;
  margin-left: 45px;
  margin-right: 45px;
}

.Collage img {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: bottom;
  opacity: 1;
  border: 6px solid #e0e0e0;
  border-radius: 30px;
}

.Image_Wrapper {
  opacity: 0;
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  /*border-radius: 13px;*/
  border-radius: 30px;
}

.Caption {
  font-size: 14px;
  font-weight: normal;
  font-family: arial;
}

.Caption_Content {
  /* padding:10px; */
  color: #fff;
  padding: 20px;
  text-align: center;
}

/********** lojas ************/
.quadroloja {
  width: 350px;
  height: 200px;
  position: relative;
  float: left;
  padding: 20px;
}

/********** conteudo ************/
.paddingConteudo {
  padding-top: 110px;
}

#contAll {
  width: 1400px;
  margin: 0 auto;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

.conteudohome {
  height: auto;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  padding-bottom: 160px;
}

.conteudo {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding-bottom: 270px;
}

.conteudocadastro {
  width: 100%;
  height: auto;
  min-height: 800px;
  position: relative;
  overflow: hidden;
  top: 140px;
  padding-bottom: 300px;
}

.conteudologin {
  width: 100%;
  height: 100%;
  min-height: 600px;
  position: relative;
  overflow: hidden;
  top: 140px;
  padding-bottom: 270px;
}

#galeria {
  width: 100%;
  height: 600px;
  /*position: relative;*/
  /*margin-bottom: 150px;*/
}

#mosaico {
  padding-bottom: 2px;
  margin: 0 auto;
}

.barraseparacao {
  width: 100%;
  height: 7px;
  clear: both;
}

.paginacentro {
  max-width: 935px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.paginacentroloja {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.textopagina {
  max-width: 900px;
  height: auto;
  position: relative;
  float: left;
}

.textopagina2 {
  width: 700px;
  height: auto;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.textopagina p {
  font-family: DTLProkyonST;
  font-size: 18px;
  padding: 15px;
  color: #610677;
}

.titulopagina {
  max-width: 900px;
  margin: 0 auto;
}

.titulopagina h1 {
  font-family: DTLProkyonST;
  font-size: 36px;
  padding: 15px;
  color: #610677;
  width: 900px;
  position: relative;
  float: left;
}

.titulopagina h2 {
  font-family: DTLProkyonST;
  font-size: 22px;
  padding-bottom: 15px;
  color: #610677;
}

.textocadastro {
  width: 70%;
  height: auto;
  position: relative;
  float: left;
}

.textocadastro p {
  font-family: DTLProkyonST;
  font-size: 24px;
  padding: 15px;
  color: #610677;
}

.textopagina2 p {
  font-family: DTLProkyonST;
  font-size: 20px;
  padding: 15px;
  color: #610677;
}

.textocontato {
  max-width: 900px;
  height: auto;
  position: relative;
  margin: 0 auto;
}

.textocontato p {
  font-family: DTLProkyonST;
  font-size: 24px;
  padding: 15px;
  color: #610677;
}

.botaocadastro {
  width: 30%;
  height: auto;
  position: relative;
  float: left;
}

.botaocadastrar {
  font: bold 24px Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #610677;
  background: #f2f2f2;
  border: 0px solid #ffffff;
  text-shadow: -1px 1px 0px #fff;
  box-shadow: 0px 0px 7px #000000;
  -moz-box-shadow: 0px 0px 7px #000000;
  -webkit-box-shadow: 0px 0px 7px #000000;
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  width: 120px;
  padding: 12px 43px;
  margin: 0 auto;
}

.botaocadastrar:active {
  cursor: pointer;
  position: relative;
  top: 2px;
  left: 2px;
}

#botoescompra {
  width: 630px;
  height: auto;
  margin-left: 160px;
}

.botaocompra {
  width: 210px;
  height: auto;
  position: relative;
  float: left;
}

.botaocomprar {
  font: bold 24px Arial, Helvetica, sans-serif;
  font-style: normal;
  background: #f2f2f2;
  border: 0px solid #ffffff;
  text-shadow: -1px 1px 0px #fff;
  box-shadow: 0px 0px 7px #000000;
  -moz-box-shadow: 0px 0px 7px #000000;
  -webkit-box-shadow: 0px 0px 7px #000000;
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  width: 160px;
  padding: 12px 30px;
  margin: 0 auto;
}

.botaocomprar:active {
  cursor: pointer;
  position: relative;
  top: 2px;
  left: 2px;
}

.botaocomprar a {
  color: #47a3da;
}

.botaocomprar a:hover {
  color: #47a3da;
}

#precosskype {
  width: 800px;
  height: 700px;
  margin: 0 auto;
}

#videoskype {
  width: 800px;
  height: 600px;
  margin: 0 auto;
  padding-bottom: 170px;
}

#bannerspecial {
  width: 800px;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

/********** formulario mensagem ************/

#formulario {
  width: 500px;
  height: 450px;
  position: relative;
  margin: 0 auto;
  margin-top: 25px;
}

#formulario label {
  font-weight: bold;
  font-size: 18px;
  color: #610677;
  font-family: DTLProkyonST;
}

#formulario input,
textarea {
  margin-top: 5px;
  margin-bottom: 8px;
  padding: 9px;
  border: none;
  outline: 0;
  font: normal 13px/100% Verdana, Tahoma, sans-serif;
  width: 500px;
  box-shadow: inset 0 0 10px #000000;
  -moz-box-shadow: inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
}

#formulario textarea {
  height: 100px;
  line-height: 150%;
}

#formulario input:hover {
  border-color: #c9c9c9;
  /* -webkit-box-shadow: 0px 0px 8px #000000; */
}

#formulario textarea:hover {
  border-color: #c9c9c9;
  /* -webkit-box-shadow: 0px 0px 8px #000000; */
}

#formulario input:focus {
  border-color: #c9c9c9;
  /* -webkit-box-shadow: 0px 0px 8px #000000; */
}

#formulario textarea:focus {
  border-color: #c9c9c9;
  /* -webkit-box-shadow: 0px 0px 8px #000000; */
}

#formulario input[type="submit"] {
  width: auto;
  padding: 9px 15px;
  background: #610677;
  border: 0;
  font-size: 14px;
  color: #ffffff;
  /* -moz-border-radius: 5px; */
  /* -webkit-border-radius: 5px; */
}

#divResultado {
  width: 100%;
  height: 30px;
  font-weight: bold;
  font-size: 18px;
  color: #610677;
  font-family: DTLProkyonST;
}

/********** formulario cadastro ************/

#formulariocad {
  max-width: 900px;
  height: auto;
  position: relative;
  margin: 0 auto;
  margin-top: 25px;
}

#formulariocad label {
  font-weight: bold;
  font-size: 18px;
  color: #610677;
  font-family: DTLProkyonST;
}

#formulariocad input,
textarea {
  margin-top: 5px;
  margin-bottom: 8px;
  padding: 9px;
  border: none;
  outline: 0;
  font: normal 13px/100% Verdana, Tahoma, sans-serif;
  box-shadow: inset 0 0 10px #000000;
  -moz-box-shadow: inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
}

#formulariocad input[type="file"] {
  margin-top: 5px;
  margin-bottom: 8px;
  padding: 9px;
  border: none;
  outline: 0;
  font: normal 13px/100% Verdana, Tahoma, sans-serif;
  background-color: #fff;
  height: 16px;
  box-shadow: inset 0 0 10px #000000;
  -moz-box-shadow: inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
}

#formulariocad .bigfield {
  width: 90%;
}

#formulariocad .smallfield {
  width: 40%;
}

#formulariocad textarea {
  width: 90%;
  height: 100px;
  line-height: 150%;
}

#formulariocad select {
  height: 35px;
  line-height: 150%;
}

#formulariocad input:hover {
  border-color: #c9c9c9;
  -webkit-box-shadow: 0px 0px 8px #000000;
}

#formulariocad textarea:hover {
  border-color: #c9c9c9;
  -webkit-box-shadow: 0px 0px 8px #000000;
}

#formulariocad input:focus {
  border-color: #c9c9c9;
  -webkit-box-shadow: 0px 0px 8px #000000;
}

#formulario textarea:focus {
  border-color: #c9c9c9;
  -webkit-box-shadow: 0px 0px 8px #000000;
}

#formulariocad input[type="submit"] {
  width: auto;
  padding: 9px 15px;
  background: #610677;
  border: 0;
  font-size: 14px;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.submitForm {
  cursor: pointer;
  width: 100%;
  padding: 12px;
  background: #610677;
  text-align: center;
  border: 0;
  font-size: 16px;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.col_esq {
  width: 50%;
  height: auto;
  position: relative;
  float: left;
}

.col_dir {
  width: 50%;
  height: auto;
  position: relative;
  float: left;
}

.col_fone {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
}

.col_fone strong {
  font-weight: bold;
  font-size: 16px;
  color: #610677;
  font-family: DTLProkyonST;
}

/********** Pagina de Edicao de cadastros ************/

#cabecalhoed {
  width: 100%;
  height: 245px;
  position: fixed;
  z-index: 999;
  top: 0px;
}

.conteudocadastroed {
  width: 100%;
  height: auto;
  min-height: 800px;
  position: relative;
  overflow: hidden;
  top: 245px;
  padding-bottom: 300px;
}

.logocliente {
  width: 150px;
  height: 150px;
}

.menuedita {
  width: 100%;
  height: 60px;
  position: relative;
  background-color: #f37e93;
}

.botaodeslogar {
  height: 50px;
  position: relative;
  float: right;
  margin-right: 10px;
}

.botaodeslogar:hover {
  opacity: 0.8;
}

.botaodeslogar a {
  width: 50px;
  height: 50px;
}

.botaodeslogar a:hover {
  width: 50px;
  height: 50px;
}

.botao-hist-pgtos {
  float: right;
  margin-right: 15px;
  padding: 8px 15px 8px 15px;
  background: #610677;
  border-radius: 5px;
}

.botao-hist-pgtos:hover {
  opacity: 0.9;
}

.botao-hist-pgtos a {
  text-decoration: none;
  color: #fff;
}

.botao-hist-pgtos a:hover {
  text-decoration: none;
  color: #fff;
}

.botao-hist-pgtos div {
  font-size: 13px;
  color: #fff;
  padding-left: 28px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: url(../include/img/hist-pgto.png) no-repeat left;
  background-size: 20px;
}

.infoCancelado {
  margin-top: -1px;
  margin-bottom: 1px;
  font-size: 13px;
  display: none;
  width: 99%;
  height: 32px;
  border-top: 1px solid #ed1515;
  background: #fff7f7;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 1%;
  padding-right: 1%;
}

.cancelamentoSeta {
  margin-right: 200px;
  margin-top: -13px;
  float: right;
  width: 18px;
  height: 7px;
  background: url(../include/img/cancelamentoSeta.png) no-repeat;
}

.cancelamentoClose {
  cursor: pointer;
  margin-right: 5px;
  float: right;
  width: 16px;
  height: 16px;
  background: url(../include/img/cancelamentoClose.png) no-repeat;
}

.cancelamentoClose:hover {
  opacity: 0.5;
}

.motivoCanc {
  padding-right: 25px;
  float: left;
  color: #e10000;
}

.datCanc {
  padding-right: 25px;
  float: left;
  color: #e10000;
}

.nomeUserCanc {
  padding-right: 25px;
  float: left;
  color: #e10000;
}

.taxaCanc {
  float: left;
  color: #e10000;
}

.motivoCanc span,
.datCanc span,
.nomeUserCanc span,
.taxaCanc span {
  color: #717171;
}

.infoMov {
  margin-top: -1px;
  margin-bottom: 1px;
  height: 32px;
  font-size: 13px;
  display: none;
  width: 99%;
  border-top: 1px solid #009aea;
  background: #eef9ff;
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 1%;
  padding-right: 1%;
}

.movSeta {
  margin-right: 200px;
  margin-top: -13px;
  float: right;
  width: 18px;
  height: 7px;
  background: url(../include/img/infoSeta.png) no-repeat;
}

.movClose {
  cursor: pointer;
  margin-right: 5px;
  float: right;
  width: 16px;
  height: 16px;
  background: url(../include/img/cancelamentoClose.png) no-repeat;
}

.movClose:hover {
  opacity: 0.5;
}

.descriMov {
  padding-right: 25px;
  float: left;
  color: #343434;
}

.taxaMov {
  float: left;
  color: #009aea;
}

.descriMov span,
.taxaMov span {
  color: #717171;
}

/* FIM PAGAMENTO LINE */

.no-radius {
  border-radius: 0px;
}

.no-bg {
  background: none;
}

#my-timer {
  width: 400px;
  margin: 0 auto;
  text-align: center;
  padding: 5px 0px 5px 0px;
}

/********** Login************/

#login {
  width: 500px;
  height: 250px;
  position: relative;
  margin: 0 auto;
  padding-top: 120px;
}

#login label {
  font-weight: bold;
  font-size: 18px;
  color: #610677;
  font-family: DTLProkyonST;
}

#login input,
textarea {
  margin-top: 5px;
  margin-bottom: 8px;
  padding: 9px;
  border: none;
  outline: 0;
  font: normal 13px/100% Verdana, Tahoma, sans-serif;
  width: 500px;
  box-shadow: inset 0 0 10px #000000;
  -moz-box-shadow: inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
}

#login input:hover {
  border-color: #c9c9c9;
  -webkit-box-shadow: 0px 0px 8px #000000;
}

#login input:focus {
  border-color: #c9c9c9;
  -webkit-box-shadow: 0px 0px 8px #000000;
}

#login input[type="submit"] {
  width: auto;
  padding: 9px 15px;
  background: #610677;
  border: 0;
  font-size: 14px;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: right;
}

.telalogin {
  width: 953px;
  height: 414px;
  background: url(../img/logintela.png) no-repeat center;
  margin: 0 auto;
  position: relative;
}

#linkacesso {
  width: 50%;
  height: auto;
  position: relative;
  float: left;
}

#login a,
#login a:active {
  color: #610677;
  font-weight: bold;
  font-size: 18px;
  font-family: DTLProkyonST;
}

/********** rodape ************/

#footer {
  position: relative;
  bottom: 0;
  width: 100%;
  background: url(../img/) repeat;
  height: auto;
  padding: 0;
  z-index: 9999;
}

.logofooter {
  width: 200px;
  height: 75px;
  position: relative;
  float: left;
  margin-top: 5px;
}

#footer li {
  width: 182px;
  height: 48px;
  display: inline-block;
  float: left;
}

#footer li a {
  display: inline-block;
  float: left;
  margin-top: 7px;
  margin-left: 7px;
}

#footer li a:hover {
  display: inline-block;
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}

#botoescatcid {
  width: 500px;
  position: relative;
  float: right;
  margin-left: 25px;
  margin-top: 10px;
}

#botoescatcid li {
  width: 250px;
  display: block;
  float: left;
  margin-top: 15px;
}

#botoescatcid li a {
  width: 250px;
  display: block;
  float: left;
  margin-top: 7px;
  margin-left: 15px;
}

#botoescatcid li a:hover {
  width: 250px;
  display: block;
  float: left;
  margin-top: 5px;
  margin-left: 15px;
}

/*=== Ferramentas ===*/
.clear {
  clear: both;
}

.normal {
  margin-top: -5px;
  background: url("../imagens/arrow-ft-top.png") no-repeat;
  background-position: top right;
}

.expandido {
  margin-top: -5px;
  background: url("../imagens/arrow-ft-down.png") no-repeat;
  background-position: top right;
}

/*fim do rodape*/
#pagination {
  display: block;
  text-align: center;
  height: 40px;
  line-height: 25px;
  clear: both;
  padding-top: 3px;
  padding-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 110px;
}

#pagination a:link,
#pagination a:visited {
  padding: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: 1px solid #000;
  margin-left: 10px;
  text-decoration: none;
  background-color: #610677;
  color: #fff;
  width: 22px;
  font-weight: normal;
}

#pagination a:hover {
  background-color: #9809bb;
  border: 1px solid #000;
  color: #fff;
}

#pagination .active_link {
  padding: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: 1px solid #000;
  margin-left: 10px;
  text-decoration: none;
  background-color: #17553f;
  color: #fff;
  cursor: default;
}

#pagination .disabled_pagination {
  padding: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: 1px solid #d4d4d4;
  margin-left: 10px;
  text-decoration: none;
  background-color: #cccccc;
  color: #666666;
  cursor: default;
}

.ms {
  padding: 10px 10px 10px 30px;
  border: 1px solid #999;
  float: left;
  display: block;
  margin-bottom: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: #a7a7a7 0 0 3px;
  -webkit-box-shadow: #a7a7a7 0 3px;
  -moz-box-shadow: #a7a7a7 0 0 3px;
  font: 14px "Oxygen", sans-serif;
}

.no {
  background: #ffcaca url(../ico/no.png) 7px no-repeat;
  border-color: #900;
  color: #900;
}

.ok {
  background: #d9ffe2 url(../ico/ok.png) 7px no-repeat;
  border-color: #090;
  color: #090;
}

.al {
  background: #ffffbf url(../ico/alert.png) 7px no-repeat;
  border-color: #f60;
  color: #f60;
}

.in {
  /*    background: #B3E7FF url(../ico/info.png) 7px no-repeat;*/
  /*    border-color: #069;
        color: #069;*/
}

#avisoErro {
  -webkit-animation: fadeIn 0.5s ease-in-out;
  -moz-animation: fadeIn 0.5s ease-in-out;
  -o-animation: fadeIn 0.5s ease-in-out;
  animation: fadeIn 0.5s ease-in-out;
  text-align: left;
  padding: 15px 15px 15px 35px;
  margin: auto;
  min-width: 500px;
  border: 1px #ff0000 solid;
  background: #fcc url(../include/img/erro.png) no-repeat left;
  margin-bottom: 15px;
  font-size: 13px;
  display: table;
}

#avisoSucesso {
  transition-duration: 1s;
  text-align: left;
  padding: 15px 15px 15px 35px;
  margin: auto;
  width: 500px;
  border: 1px #3c0 solid;
  background: #e8ffe1 url(../include/img/ok.png) no-repeat left;
  margin-bottom: 15px;
  font-size: 13px;
  display: table;
}

.conteudoeditalogo {
  width: 100%;
  height: auto;
  min-height: 800px;
  position: relative;
  overflow: hidden;
  top: 250px;
  padding-bottom: 300px;
}

#textoLogo {
  font-size: 13px;
  color: #fff;
}

#alteraLogo {
  margin-left: 160px;
  position: absolute;
  padding: 33px 20px 33px 20px;
  background: #fe90a4;
  display: table;
  width: 500px;
}

#alteraLogo:hover {
  background: #ff9eb0;
}

#addImagem {
  margin: 0 auto;
  padding: 33px 20px 33px 20px;
  background: #fe90a4;
  display: table;
  width: 600px;
}

#addImagem:hover {
  background: #ff9eb0;
}

.botaoEnviarLogo {
  cursor: pointer;
  border: none;
  border-radius: 10px;
  padding: 3px 15px 3px 15px;
  background: #639;
  color: #fff;
  float: right;
  font-size: 20px;
}

.botaoEnviarLogo:hover {
}

#botaoAlterar:hover {
  opacity: 0.8;
}

.imgAlterar {
  float: right;
  margin-right: 5px;
}

#botaoAlterar:hover .imgAlterar {
  opacity: 0.5;
}

.noImgMsg {
  width: 915px;
  background: #f591a3;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 10px;
  padding-right: 10px;
  color: #f8b8c3;
  font-size: 18px;
  text-align: center;
}

.noImgMsg:hover {
  background: #f69eae;
}

.fade {
  opacity: 0.1;
  transition: opacity 0.35s ease-in-out;
  -moz-transition: opacity 0.35s ease-in-out;
  -webkit-transition: opacity 0.35s ease-in-out;
}

.fotosGaleria {
  margin-top: 5px;
  width: 100%;
  height: auto;
  display: table;
}

.fade:hover {
  opacity: 1;
}

.imgFoto {
  float: left;
  width: 150px;
  height: 100px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.peliculaFoto {
  position: absolute;
}

.imgFoto:hover .peliculaFoto {
  width: 150px;
  height: 100px;
  background: #fff;
  opacity: 0.5;
}

.barraOpFoto {
  text-align: right;
  margin-top: 70px;
  position: absolute;
}

.imgFoto:hover .barraOpFoto {
  width: 150px;
  height: 30px;
  background: #470066;
  opacity: 0.9;
}

.opcaoFoto {
  text-decoration: none;
  visibility: hidden;
  padding-top: 10px;
  height: 20px;
  float: right;
  padding-left: 17px;
  margin-right: 10px;
  font-size: 11px;
  color: #fff;
}

.opcaoFoto a {
  font-family: "Oxygen", sans-serif;
  font-weight: normal;
  font-size: 11px;
  text-decoration: none;
  color: #fff;
}

.opcaoFoto a:hover {
  text-decoration: underline;
}

.opcaoFoto a:onclick {
  font-size: 11px;
  color: #000;
}

.imgFoto:hover .opcaoFoto {
  visibility: visible;
}

.galeriafotos {
  margin-top: 10px;
}

.galeriafotos h1 {
  border-bottom: 1px solid #fff;
  padding-bottom: 2px;
  font-family: DTLProkyonST;
  font-size: 20px;
  color: #fff;
  position: relative;
}

.inputCad {
  padding-left: 8px;
  border: none;
  height: 25px;
  width: 400px;
  font-size: 13px;
  margin-bottom: 2px;
}

.addMidiaTit {
  color: #fff;
  font-size: 15px;
  margin-bottom: 5px;
}

.addMidiaDescri {
  color: #fff;
  font-size: 11px;
}

.espacocity {
  width: 100%;
  height: 41px;
}

.citySombra {
  margin-top: -41px;
  position: absolute;
  width: 100%;
  height: 80px;
  background: url(../img/sombrarodape.png) repeat-x top;
}

.cityFooter {
  position: absolute;
  width: 100%;
  height: 42px;
  background: url(../img/citybg.png) repeat-x left top;
}

.footerAll {
  padding: 0;
  width: 1300px;
  margin: 0 auto;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

.bottomFooter {
  max-height: 90px;
  margin: 0 auto;
  background: #5c0472;
}

.conteudoFooter {
  height: 85px;
  padding: 0;
  position: relative;
  margin: 0 auto;
  display: table;
}

.spaceFooter {
  float: left;
  height: 85px;
  width: 30px;
}

.atendBot {
  font-family: Oxygen;
  float: left;
  width: 80px;
  height: 80px;
  background: url(../img/atendbg.png) no-repeat center top;
}

.atendBot:hover {
  font-family: Oxygen;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  opacity: 0.9;
}

.textoAtend {
  text-align: center;
  margin: 0 auto;
  font-size: 13px;
  color: #fff;
}

.socialMid {
  float: left;
  width: 80px;
}

.iconMid {
  float: left;
  margin-bottom: 5px;
}

.iconMid:hover {
  opacity: 0.8;
}

.spaceMid {
  float: left;
  width: 10px;
  height: 10px;
}

.likeMid {
  float: left;
  width: auto;
  display: table;
}

.maisCateg {
  font-family: Arial;
  font-size: 27px;
  float: left;
  width: auto;
  display: table;
  padding-top: 10px;
}

#botaoCateg {
  cursor: pointer;
  font-size: 27px;
  color: #5c0472;
  width: 230px;
  padding: 16px 0px 16px 13px;
  /*background: #FFF url(../img/setaCateg.png) no-repeat center right;*/
  behavior: url(border-radius.htc);
  -ms-border-radius: 15px 15px 15px 15px;
  -o-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}

#botaoCateg:hover {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 27px;
  /*background: #edd8f2 url(../img/setaCateg.png) no-repeat center right;*/
}

.maisCateg a,
.maisCateg a:hover,
.maisCateg a:visited {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 27px;
}

#categDrop {
}

.dropCateg {
  /*margin-top: -115px;*/

  position: static;
  width: 243px;
  height: 430px;
  background: #fff;
  behavior: url(border-radius.htc);
  -moz-border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  border-radius: 15px 15px 0px 0px;
}

.dropCategCont {
  /*    scrollbar-arrow-color: #5c0472;
        scrollbar-3dlight-color: #5c0472;
        scrollbar-highlight-color: #5c0472;
        scrollbar-face-color: #5c0472;
        scrollbar-shadow-color: #FFF;
        scrollbar-darkshadow-color: #FFF;
        scrollbar-track-color: #FFF;*/
  padding: 10px;
  overflow-y: scroll;
  /*    margin: auto;
        margin-top: 10px;*/
  /*    width: 203px;
        height: 380px;*/
  background: #ffa500;
  behavior: url(border-radius.htc);
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}

.dropCateg #botaoCateg:hover {
  background: #edd8f2;
}

.categSelect {
  display: table;
  padding-bottom: 10px;
}

.categSelect a {
  text-decoration: none;
  font-size: 15px;
  color: #fff;
}

.categSelect a:hover {
  text-decoration: underline;
  font-size: 15px;
  color: #fff;
}

.maisCidade {
  font-family: Arial;
  font-size: 27px;
  float: left;
  width: auto;
  display: table;
  padding-top: 10px;
}

#botaoCidade {
  cursor: pointer;
  font-size: 27px;
  color: #5c0472;
  width: 220px;
  padding: 16px 0px 16px 13px;
  background: #fff url(../img/setaCateg.png) no-repeat center right;
  behavior: url(border-radius.htc);
  -ms-border-radius: 15px 15px 15px 15px;
  -o-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}

#botaoCidade:hover {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 27px;
  background: #edd8f2 url(../img/setaCateg.png) no-repeat center right;
}

.maisCidade a,
.maisCidade a:hover,
.maisCidade a:visited {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 27px;
}

#cidadeDrop {
}

.dropCidade {
  margin-top: -415px;
  position: absolute;
  width: 233px;
  height: 430px;
  background: #fff;
  behavior: url(border-radius.htc);
  -moz-border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  border-radius: 15px 15px 0px 0px;
}

.dropCidadeCont {
  scrollbar-arrow-color: #5c0472;
  scrollbar-3dlight-color: #5c0472;
  scrollbar-highlight-color: #5c0472;
  scrollbar-face-color: #5c0472;
  scrollbar-shadow-color: #fff;
  scrollbar-darkshadow-color: #fff;
  scrollbar-track-color: #fff;
  padding: 10px;
  overflow-y: scroll;
  margin: auto;
  margin-top: 10px;
  width: 193px;
  height: 380px;
  background: #5c0472;
  behavior: url(border-radius.htc);
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}

.dropCidade #botaoCidade:hover {
  background: #edd8f2;
}

.cidadeSelect {
  display: table;
  padding-bottom: 10px;
}

.cidadeSelect a {
  text-decoration: none;
  font-size: 15px;
  color: #fff;
}

.cidadeSelect a:hover {
  text-decoration: underline;
  font-size: 15px;
  color: #fff;
}

#botaoCidades {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 27px;
  margin-top: 10px;
  float: left;
  cursor: pointer;
  color: #5c0472;
  width: 150px;
  padding: 16px 0px 16px 13px;
  background: #fff;
  behavior: url(border-radius.htc);
  -ms-border-radius: 15px 15px 15px 15px;
  -o-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 115px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}

#botaoCidades:hover {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 27px;
  background: #edd8f2;
}

.maisCidade {
  font-family: Arial;
  font-size: 27px;
  float: left;
  width: auto;
  display: table;
  padding-top: 10px;
}

#botaoCidade {
  cursor: pointer;
  font-size: 27px;
  color: #5c0472;
  width: 220px;
  padding: 16px 0px 16px 13px;
  background: #fff url(../img/setaCateg.png) no-repeat center right;
  behavior: url(border-radius.htc);
  -ms-border-radius: 15px 15px 15px 15px;
  -o-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}

#botaoCidade:hover {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 27px;
  background: #edd8f2 url(../img/setaCateg.png) no-repeat center right;
}

.maisCidade a,
.maisCidade a:hover,
.maisCidade a:visited {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 27px;
}

#cidadeDrop {
}

.dropCidade {
  margin-top: -415px;
  position: absolute;
  width: 233px;
  height: 430px;
  background: #fff;
  behavior: url(border-radius.htc);
  -moz-border-radius: 15px 15px 0px 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  border-radius: 15px 15px 0px 0px;
}

.dropCidadeCont {
  scrollbar-arrow-color: #5c0472;
  scrollbar-3dlight-color: #5c0472;
  scrollbar-highlight-color: #5c0472;
  scrollbar-face-color: #5c0472;
  scrollbar-shadow-color: #fff;
  scrollbar-darkshadow-color: #fff;
  scrollbar-track-color: #fff;
  padding: 10px;
  overflow-y: scroll;
  margin: auto;
  margin-top: 10px;
  width: 193px;
  height: 380px;
  background: #5c0472;
  behavior: url(border-radius.htc);
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}

.dropCidade #botaoCidade:hover {
  background: #edd8f2;
}

.cidadeSelect {
  display: table;
  padding-bottom: 10px;
}

.cidadeSelect a {
  text-decoration: none;
  font-size: 15px;
  color: #fff;
}

.cidadeSelect a:hover {
  text-decoration: underline;
  font-size: 15px;
  color: #fff;
}

#botaoCidades {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 27px;
  margin-top: 10px;
  float: left;
  cursor: pointer;
  color: #5c0472;
  width: 150px;
  padding: 16px 0px 16px 13px;
  background: #fff;
  behavior: url(border-radius.htc);
  -ms-border-radius: 15px 15px 15px 15px;
  -o-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 115px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}

#botaoCidades:hover {
  font-family: Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 27px;
  background: #edd8f2;
}

.logodaCidade {
  /*    font-family: Oxygen;*/
  text-align: left;
  text-decoration: none;
  color: #ffa500;
  font-size: 16px;
  padding-top: 45px;
  padding-left: 85px;
  float: left;
  margin-top: 0px;
  width: 350px;
  display: table;
  height: 78px;
  font-weight: bold;
  background: url(../Imagens/HQ_Logo_p.png) no-repeat left top;
}

.logodaCidade:hover {
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  opacity: 0.9;
  font-weight: bold;
  font-style: oblique;
}

.setaBalaoDisk {
  visibility: hidden;
}

.menualin ul li:hover .setaBalaoDisk {
  margin-left: 15px;
  margin-top: -25px;
  visibility: visible;
  position: absolute;
  height: 10px;
  width: 13px;
  background: url(../img/balaoDisk.png) no-repeat left top;
}

.menualin ul li a,
.menualin ul li a:hover,
.menualin ul li a:active {
  text-decoration: none;
  color: #666;
  font-size: 15px;
  font-family: Arial;
  font-weight: normal;
}

.balaoDisk {
  opacity: 0.1;
  transition-duration: 0.5;
  color: #666;
  visibility: hidden;
}

.menualin ul li:hover .balaoDisk {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  z-index: 9989;
  margin-top: 95px;
  visibility: visible;
  behavior: url(border-radius.htc);
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  position: absolute;
  padding: 15px;
  background: #fff;
  color: #666;
  font-size: 15px;
  text-align: center;
}

.menualin ul li:hover .botaoTop {
  margin-top: 0;
}

.botaoTop {
  margin-top: -15px;
}

.linha_branco {
  height: 15px;
}

/*.fa{
    font-size: 30px;
}*/

.centro {
  /*    background-color:blueviolet; */
  /*    height: 100px;*/
  /*    min-height: 100%;*/
  /*    display: -webkit-flex;
        display: flex;*/
  text-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  vertical-align: middle;
  /*background-color: #000;*/
}

.bordaInferior {
  /*  width: auto;*/
  height: 100px;
  text-align: center;
  border-bottom: 10px solid #ffa500;
}

.bordaInferior1 {
  vertical-align: baseline;
  text-align: center;
  border-bottom: 30px solid #ffa500;
}

.preenchido {
  height: 35px;
  vertical-align: middle;
  text-align: center;
  /*    border-top: 20px solid #FFA500;*/
  background-color: #ffa500;
  font-weight: bold;
  padding: 10px;
}

.inicio {
  vertical-align: baseline;
  text-align: center;
  padding: 15px;
}

.nav > li > a {
  color: #ffa500;
  font-size: 15px;
  font-weight: bold;
}

.fazul {
  color: #ffa500;
  font-size: 25px;
}

.btn-show-form {
  margin-top: 40px;
  margin-bottom: -30px;
  overflow: hidden;
}

.navbar-center {
  right: auto;
  left: auto;
  margin-top: 5px;
}

.quadrinho {
  margin: 15px;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 3px;
}

.quadrinho1 {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 3px;
  /*background-color: #FF0;*/
  width: 100px;
}

.quadrinho a {
  color: #000;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  text-align: center;
}

.disabled {
  pointer-events: none;
  cursor: none;
}

.direita {
  text-align: right;
}

.central {
  text-align: center;
}

.escolheNumero {
  color: #000;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  text-align: center;
}

.btn-show-form {
  border: 3px solid var(--Botao_Laranja);
  margin-top: -5px;
  margin-bottom: 10px;
}

/*----------------------------------------------------------------------*/

div.op1 {
  background: -webkit-radial-gradient(
    center,
    var(--cor4) 20%,
    var(--cor3) 100%
  );
  /*display: inline-block;*/
  width: 97%;
  margin-left: 15px;
  padding-right: 2px;
  margin-bottom: 4px;
  text-align: center;
  color: var(--cor2);
  border-radius: 30px;
  height: 35px;
  vertical-align: middle;
  font-size: 1.5em;
  font-weight: bold;
  text-shadow: var(--borda1) 0 var(--cor4), -3px 0 var(--cor4),
    0 3px var(--cor4), 0 -3px var(--cor4), 1px 1px var(--cor4),
    -1px -1px var(--cor4), 1px -1px var(--cor4), -1px 1px var(--cor4);
}

div.op1 .op11 {
  color: var(--cor3);
}

div.op2 {
  width: 10%;
  color: var(--Fundo_lilas);

  background: -webkit-radial-gradient(
    center,
    var(--Botao_lilas) 10%,
    var(--Botao_lilas) 100%
  );
  text-align: center;
  margin: 2px 2px 2px 2px;
  border-radius: 30px;
  height: 37px;
  /* font-size: 1.2em; */
  padding: 5px;
  border: 2px solid var(--Botao_lilas);
}

div.op2:hover {
  /* color: var(--Fundo_lilas); */
  background: var(--Fundo_lilas);
  border: 2px solid var(--Botao_lilas);
}

.op2 .op22 {
  color: var(--Fundo_lilas);
  /* text-shadow: -1px 0 var(--Botao_lilas), 0 1px var(--Botao_lilas),
    1px 0 var(--Botao_lilas), 0 -1px var(--Botao_lilas);
  border: 2px solid var(--Botao_lilas);

  text-decoration: none; */
  font-size: 1.05em;
  font-weight: bold;
  /*vertical-align: middle;*/
}

.op2 .op22:hover {
  color: var(--Botao_lilas);
  font-weight: bold;
  /* text-shadow: -1px 0 var(--Botao_lilas), 0 1px var(--Botao_lilas),
  1px 0 var(--Botao_lilas), 0 -1px var(--Botao_lilas); */
}

.op2 .op23 {
  /* text-shadow: var(--borda1) 0 var(--cor3), -3px 0 var(--cor3),
    0 3px var(--cor3), 0 -3px var(--cor3), 1px 1px var(--cor3),
    -1px -1px var(--cor3), 1px -1px var(--cor3), -1px 1px var(--cor3); */
  font-weight: bold;
  text-decoration: none;
  font-size: 1.5em;
  vertical-align: middle;
  color: var(--cor4);
}

div.op3 {
  width: 100px;
  background-color: var(--cor4);
  display: inline-block;
  height: 40px;
  margin-left: 250px;
}

div.op4 {
  width: 13%;
  background: -webkit-radial-gradient(
    center,
    var(--cor3) 20%,
    var(--cor4) 100%
  );
  display: inline-block;
  text-align: center;
  /*padding: 0vw 0vw 1vw 0vw;*/
  border-radius: 30px;
  /*position: relative;*/
  height: 30px;
  vertical-align: middle;
}

div.op4 > a {
  /* text-shadow: var(--borda1) 0 var(--cor4), -3px 0 var(--cor4),
    0 3px var(--cor4), 0 -3px var(--cor4), 1px 1px var(--cor4),
    -1px -1px var(--cor4), 1px -1px var(--cor4), -1px 1px var(--cor4); */
  font-weight: bold;
  text-decoration: none;
  font-size: 1.2em;
  vertical-align: middle;
  color: var(--cor3);
}

.bt_lista {
  color: var(--Fundo_lilas);
  text-shadow: -1px 0 var(--Botao_lilas), 0 1px var(--Botao_lilas),
    1px 0 var(--Botao_lilas), 0 -1px var(--Botao_lilas);
  border: 2px solid var(--Botao_lilas);
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  height: 34px;
  background-color: var(--Botao_lilas);
  padding-top: 1px;
}

.bt_lista:hover {
  color: var(--cor1);
  background-color: var(--Fundo_lilas);
  border-color: var(--Botao_lilas);
}

.bt_lista_1 {
  text-align: center;
  vertical-align: middle;
  font-size: 1.3em;
  font-weight: bold;
  color: var(--cor4);
  height: 34px;
  background: -webkit-radial-gradient(
    center,
    var(--Botao_lilas_3) 10%,
    var(--Botao_lilas) 100%
  );
  padding-top: 0px;
}

.bt_lista_2 {
  color: var(--cor4);
  text-align: center;
  vertical-align: middle;
  font-size: 0.8em;
  font-weight: bold;
  height: 35px;
  padding-top: 0px;
  background-color: var(--Fundo_lilas);
}

.bt_busca {
  color: var(--Fundo_lilas);

  background-color: var(--Botao_lilas);
  text-shadow: -1px 0 var(--Botao_lilas), 0 1px var(--Botao_lilas),
    1px 0 var(--Botao_lilas), 0 -1px var(--Botao_lilas);
  border-color: var(--Botao_lilas);
  padding: 7px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.01em;
  font-weight: bold;
  cursor: pointer;
  border-radius: 10px;
  margin-top: 5px;
}

.bt_busca:hover,
.bt_busca:focus,
.bt_busca:active,
.bt_busca.active {
  color: var(--cor1);
  background-color: var(--Fundo_lilas);
  border-color: var(--Fundo_lilas);
}

.bt_interno {
  color: var(--Fundo_lilas);
  text-shadow: -1px 0 var(--Botao_lilas), 0 1px var(--Botao_lilas),
    1px 0 var(--Botao_lilas), 0 -1px var(--Botao_lilas);
  background-color: var(--Botao_lilas);
  border-color: var(--Botao_lilas);

  padding: 15px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.3em;
  font-weight: bold;
  cursor: pointer;
  border-radius: 10px;
  margin-top: 5px;
}

.bt_interno:hover,
.bt_interno:focus,
.bt_interno:active,
.bt_interno.active {
  color: var(--cor1);
  background-color: var(--Botao_lilas);
}

.bt_novo {
  color: var(--Fundo_lilas);
  text-shadow: -1px 0 var(--Botao_lilas), 0 1px var(--Botao_lilas),
    1px 0 var(--Botao_lilas), 0 -1px var(--Botao_lilas);
  background-color: var(--Botao_lilas);
  /* border-color: var(--Botao_lilas); */
  padding: 7px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.01em;
  font-weight: bold;
  cursor: pointer;
  border-radius: 10px;
}

.bt_novo:hover,
.bt_novo:focus,
.bt_novo:active,
.bt_novo.active,
.open > .dropdown-toggle.btn-danger {
  color: ar(--Fundo_lilas);
  text-shadow: -0.01rem 0 var(--Fundo_lilas), 0 0.01rem var(--Fundo_lilas),
    0.01rem 0 var(--Fundo_lilas), 0 -0.01rem var(--Fundo_lilas);
  background-color: var(--Fundo_lilas);
  /* border-color: var(--Fundo_lilas); */
}

hr {
  background-color: var(--Botao_lilas);
  height: 2px;
}

.titulo {
  font-size: 2em;
  font-weight: bold;
  color: #fff;
  text-shadow: -1px 0 var(--Botao_lilas), 0 1px var(--Botao_lilas),
    1px 0 var(--Botao_lilas), 0 -1px var(--Botao_lilas);
}

.subtitulo {
  font-size: 1em;
  background: -webkit-linear-gradient(rgba(121, 4, 255, 0.45), #43206b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*color: var(--Botao_lilas);*/
  margin-bottom: 0px;
}

.subtitulo1 {
  font-size: 1.3em;
  font-weight: bold;
  background: -webkit-linear-gradient(rgba(121, 4, 255, 0.45), #43206b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0px;
}

.breadcrumb1 {
  float: right;
  /*background:transparent;*/
  margin-bottom: 0;
  font-size: 12px;
  padding: 7px 5px;
  position: absolute;
  top: 80px;
  right: 10px;
  border-radius: 2px;
}

.bordas {
  border: 2px solid var(--cor3);
  border-radius: 30px;
  vertical-align: middle;
  background: var(--Fundo_lilas);
  color: var(--cor3);
}

.text-center {
  text-align: center;
  margin-right: 5px;
}

.direita {
  float: left;
  margin-right: 5px;
}

.font_bold {
  font-weight: bold;
  font-size: 1.2em;
  padding-top: -10px;
}

.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

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

.small-box {
  border-radius: 10px;
}

table {
  text-align: center;
  font-family: Montserrat, Arial, sans-serif;
  background: rgba(204, 204, 255, 0.4);
  margin: 0 auto;
  width: 80%;
  color: var(--Botao_lilas);
}

tr:nth-child(even) {
  background: #fafafa;
  height: 30px;
}

tr {
  height: 15px;
}

td.edit {
  width: 1%;
  margin-left: 0;
  margin-right: 0;
  padding: 2px;
  height: 15px;
}

td.delet {
  width: 1%;
  margin-left: 0;
  margin-right: 0;
  padding: 2px;
  height: 15px;
}

.form-group {
  margin-left: -105px;
}

.form-control {
  border: 2px solid var(--Botao_lilas);
}

.dados1 {
  margin-top: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  /*background-color: rgba(204,204,255,0.4);*/
  /*border: 1px solid var(--Botao_lilas);*/
  /*border-radius: 20px;*/
}

.dados2 {
  margin-top: 14px;
  padding-bottom: 10px;
  padding-top: 10px;
  /*background-color: rgba(204,204,255,0.4);*/
  /*border: 1px solid var(--Botao_lilas);*/
  /*border-radius: 20px;*/
}

.dados3 {
  margin-top: 24px;
  padding-bottom: 10px;
  padding-top: -30px;
  border: 1px solid var(--Botao_lilas);
  border-radius: 20px;
}

/* do not group these rules */
*::-webkit-input-placeholder {
  color: var(--Botao_lilas);
}

*:-moz-placeholder {
  /* FF 4-18 */
  color: var(--Botao_lilas);
  opacity: 1;
}

*::-moz-placeholder {
  /* FF 19+ */
  color: var(--Botao_lilas);
  opacity: 1;
}

*:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--Botao_lilas) !important;
}

*::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--Botao_lilas) !important;
}

*::placeholder {
  /* modern browser */
  color: var(--Botao_lilas) !important;
  opacity: 0, 5;
}

/*================== SELECT ====================================*/

select {
  width: 280px;
  height: 44px;
  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* arrows */

select.selectar {
  background-image: linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}

select.selectar:focus {
  background-image: linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}

/*=========================================================================================*/
.btn-danger {
  background-color: var(--Botao_lilas);
  border-color: var(--Botao_lilas);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
  background-color: var(--Botao_lilas);
  border-color: var(--Fundo_lilas);
}

.btn-primary {
  background-color: var(--Botao_Azul);
  border-color: var(--Botao_Azul);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
  background-color: var(--Botao_Azul);
  border-color: var(--Botao_Azul);
}

.btn-success {
  background-color: var(--Botao_Verde);
  border-color: var(--Botao_Verde);
}

.btn-success:hover,
.btn-success:active,
.btn-success.hover {
  background-color: var(--Botao_Verde);
  border-color: var(--Botao_Verde);
}

/*===============================================================================================*/

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 2px solid #8870e8;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--Botao_lilas);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--Botao_lilas);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.btn-outline-secondary {
  --bs-btn-color: var(--Botao_lilas);
  --bs-btn-border-color: var(--Botao_lilas);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--Botao_lilas);
  --bs-btn-hover-border-color: var(--Botao_lilas);
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--Botao_lilas);
  --bs-btn-active-border-color: var(--Botao_lilas);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--Botao_lilas);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--Botao_lilas);
  --bs-gradient: none;
  height: 45px;
  padding-top: 10px;
}

.txtarea {
  border-radius: 10px;
  border: 0px solid var(--Botao_lilas);
}

.btn-check {
  color: #000;
}

#impressTable {
  background-color: transparent;
  font-weight: bold;
  font-size: 1em;
}

.tr_imprimir {
  padding: 0px;
  /*border-bottom: 2px solid #fff;*/
  /*border-bottom: 2px solid var(--Botao_lilas);*/
}

.td_direita {
  text-align: right;
  border-right: 1px solid #8870e8;
  padding: 10px;
}

.td_esquerda {
  text-align: left;
  padding-top: 10px;
}

.containerConversa2 {
  position: relative;
  padding-top: 50px;
}

.transmissor {
  position: absolute;
  left: 58%;
  /*margin: -25px 0 0 -25px;*/
}
.transmissor1 {
  position: absolute;
  left: 25%;
  /*margin: -25px 0 0 -25px;*/
}

.modal_ver {
  visibility: visible;
  opacity: 1;
}

.disabledlink {
  cursor: help;
}

.quadro_painel {
  width: 200px;
  padding: 20px;
}
.dia {
  font-size: 1.2em;
  font-weight: bold;
  width: 220px;
}

.form-label {
  float: center;
  min-width: 17px;
  text-transform: uppercase;
  margin-top: 150px;
  margin-left: 100px;
}
span {
  display: flex;
  justify-content: center;
}
.invisivel {
  color: #cecef2;
  font-family: Montserrat, Arial, sans-serif;
  text-decoration: none;

}