/* Formatação */
body, h1, h3, h4, h6, span, a, p, ul, li, blockquote {margin:0; padding:0;}
ul, li {list-style:none;}
a {text-decoration:none; color:#fff;}
img {display:block;}
* {box-sizing:border-box;}
body, html {height:100%;margin:0; font:400 1.111em/1.4em "Lato", sans-serif; color:#777;}

/* Index */
h3 {letter-spacing: 5px; text-transform: uppercase; font: 1.666em "Lato",sans-serif; color: rgb(132,4,53); padding: 20px 0;}


/* Serviços */
@media only screen and (max-width:459px) {.header nav ul {margin: 0 auto;} .header li a {padding: 15px 20px; font-size: 1em; margin: 0 auto;} .header li + li {margin-left: 10px;}}


/* Restrito Atleta */
.estrutura {
  font-family: "Vollkorn", Georgia, serif;
}

.header {
  font-family: "Vollkorn", Georgia, serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background:linear-gradient(135deg, #700101, #700104);
  padding: 10px 30px;
}

.logo {
  max-width: 300px;
  height: 120px;
}

.header nav ul {
  display: flex;
  flex-wrap: wrap;
  height: 120px;
  align-items: center;
}

.header nav a {
  display: inline-block;
  padding: 15px 30px;
  font-size: 1.125em;
  background: rgba(0,0,0,.1);
  border-radius: 5px;
  transition: 0.1s;
}

.header nav a:hover {
  background: rgba(0,0,0,0.5);
}

.header li + li {
  margin-left: 30px;
}

.conteudo-atleta {
  display: flex;
}

.sidenav {
  background: rgba(159,56,56,0.1);
  padding: 30px;
  flex: 1;
}

.sidenav li a {
  display: block;
  min-width: 135px;
  max-width: 160px;
  margin: 0 auto 30px;
  background: rgb(255,255,255);
  padding: 20px 10px;
  border-radius: 5px;
  color: #700101;
  text-align: center;
  box-shadow: 5px 5px 15px 0px rgba(44,44,44,0.25);
  transition: 0.1s;
}

.sidenav li a:hover {
  background: #700104;
  color: rgb(255,255,255);
}

.content {
  flex: 5;
  margin: 0 auto;
  padding: 30px;
}

.pacotes {
  display: flex;
  justify-content: space-around;
}

.pacotes .planos + .planos {
  margin-left: 10px;
}

.planos {
  flex: 1;
  border-radius: 5px;
  box-shadow: 2px 1px 10px 0 rgba(0,0,0,.1);
  padding-bottom: 20px;
}

.planos p {
  padding: 20px;
}

.obs {
  color: rgba(250,30,30,0.9);
}

.planos-nome {
  font-size: 1em;
  background: rgba(0,4,53,0.8);
  color: white;
  border-radius: 5px 5px 0 0;
  padding: 20px;
}

.planos-nome h4 {
  color: white;
  display: inline-block;
}

.planos-nome span {
  float: right;
}

.planos-nome sup {
  font-size: 0.5em;
}

.planos ul {
  padding: 20px;
}

.planos ul li {
  font-size: 1em;
  color: rgba(0,4,53,0.9);
  border-bottom: 2px solid rgba(0,4,53,0.9);
  padding: 10px 0;
}

/*.planos ul li::before {
  content: " ";
  display: inline-block;
  width: 15%;
  height: 15%;
  background: url('/jpg/positivo.png');
  padding-right: 10px;
}*/

.recomendado {
  font-size: 1em;
  display: block;
  width: 160px;
  padding: 12px 0 6px;
  border-radius: 5px;
  background: rgba(150,150,50,1);
  color: white;
  text-align: center;
  margin: -15px auto;
}

.btnInscricao {
  font-size: 1em;
  display: block;
  box-shadow: 0 2px 2px 0 rgba(0,4,53,0.9);
  background: rgba(0,4,53,0.8);
  width: 160px;
  padding: 6px;
  border-radius: 5px;
  color: white;
  text-align: center;
  margin: 0 auto;
  text-transform: uppercase;
}

.content-conteudo {
  display: flex;
  justify-content: space-between;
}

.titulo {
  flex: 2;
  color: #700104;
  text-align: left;
}

.titulo img {
  margin: 10px 0;
  max-width: 60%;
}

.titulo span {
  font-size: 0.875em;
}

.caracteristica {
  flex: 3;
  flex-wrap: wrap;
  display: flex;
  height: 280px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 30px;
}

.caracteristica1 {
  flex: 3;
  flex-wrap: wrap;
  display: flex;
  height: 250px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 30px;
}

.caracteristica > div {
  width: 30%;
  margin-right: 5px;
  margin-left: 5px;
  background: #700104;
  border-radius: 5px;
  box-shadow: 5px 5px 15px 0px rgba(44,44,44,0.25);
  position: relative;
}

.caracteristica1 > div {
  width: 30%;
  margin-right: 5px;
  margin-left: 5px;
  background: #700104;
  border-radius: 5px;
  box-shadow: 5px 5px 15px 0px rgba(44,44,44,0.25);
  position: relative;
}

.caracteristica span a {
  display: block;
  padding: 15px 5px;
  border-radius: 5px;
  text-align: center;
}

.caracteristica1 span a {
  display: block;
  padding: 15px 5px;
  border-radius: 5px;
  text-align: center;
}

.caracteristica span a:hover {
  background: rgba(0,0,140,0.9);
}

.caracteristica1 span a:hover {
  background: rgba(0,0,140,0.9);
}

.numero {
  color: white;
  font-size: 1.2em;
  line-height: 1;
  margin: 10px auto;
  min-width: 125px;
  max-width: 170px;
}

.competicoes {
  display: flex;
}

#aniversario, div#studio, .listaResultados {
  display: flex;
}

#listacompeticoes, #botaonavegacao, #listaaniv, div#listaStudio.dia, .prova, .teste {
  flex: 1;
}

.kom {
  flex: 1;
  margin-left: 30px;
}

.kommasc, .komfem {
  display: block;
}

.tamanho {
  max-width: 365px;
}

#participacao {
  display: none;
}

#race, #inscricao, #delrace, #retirar, #resultado, #inscricao1, #retirar1, #retirar2, #resultado1, #inscricao2, #diaFuncional, #horaFuncional, #festa, #festaalterar, #palestra, #noticia1, #programacao1, #race1, #participacao1, #administracao1, #empresa, #rendimento, #despesa, #delrendimento, #deldespesa, #estoque, #ficha, #addficha, #delficha, #addcozinha, #addgrupo, #addsubgrupo, #pedido, #addpg, #addpct, #addesc, #addgr, #addsgr, #dre, #addprod, #delprod, #emestoque, #adddistr, #addfabr, #addcert, #addingr,  #deldados, #delpreparo, #editPreparo, #aliquota, #editPalavra, fotoFT {
  flex: 1;
  max-width: 500px;
  margin-right: 30px;
} 

#preparo {
  flex: 1;
  max-width: 940px;
} 

.frase {
  text-decoration: underline; 
  text-transform: uppercase;
  text-align: center;
  margin-top: 40px;
}

.frase a {
  color: rgba(0,0,140,0.9);
}

.texto1 {
  margin: 30px auto;
}

.tchcj {
  text-decoration: underline; 
  color: rgba(0,0,140,0.9); 
  text-transform: uppercase;
}

.listagem {
  display: flex;
  margin: 10px 0;
}

.listagem ul, .listagem div {
  flex: 1;
}

form#controle, form#planilha,
form#inscricao1,
form#inscricao2,
form#delrace, form#retirar1,
form#retirar2, form#resultado1, form#race, form#inscricao, form#retirar, form#resultado, form#festa, form#festaalterar, form#inseriraluno, form#retiraraluno, form#palestra, form#noticia1, form#programacao1, form#race1, form#participacao1, form#administracao1,
div#participacao1, form#empresa, form#rendimento, form#despesa, form#delrendimento, form#deldespesa, form#estoque, form#ficha, form#addficha, form#delficha, form#addcozinha, form#addgrupo, form#addsubgrupo, form#pedido, form#addpg, form#addpct, form#addesc, form#addgr, form#addsgr, form#dre, form#addprod, form#delprod, form#emestoque, form#adddistr, form#addfabr, form#addcert, 
form#addingr, form#preparo, form#deldados, form#delpreparo, form#editPreparo, form#aliquota, form#editPalavra, form#fotoFT {display: none;}

ul#tabela li.none {
  display: none;
}

form#controle.tabela, form#planilha.tabela,
form#inscricao1.tabela, form#delrace.tabela,  form#retirar1.tabela, form#resultado1.tabela, form#inscricao2.tabela, form#retirar2.tabela,  form#race.tabela, form#inscricao.tabela, form#retirar.tabela, form#resultado.tabela, form#festa.tabela, form#festaalterar.tabela,form#diaFuncional,form#horaFuncional, form#inseriraluno.tabela, form#retiraraluno.tabela, form#palestra.tabela, form#noticia1.tabela, form#programacao1.tabela, form#race1.tabela, form#participacao1.tabela, form#administracao1.tabela, div#participacao1.tabela, form#empresa.tabela, form#rendimento.tabela, form#despesa.tabela, form#delrendimento.tabela, form#deldespesa.tabela, form#estoque.tabela, form#ficha.tabela, form#addficha.tabela, form#delficha.tabela, form#addcozinha.tabela, form#addgrupo.tabela, form#addsubgrupo.tabela, form#pedido.tabela, form#addpg.tabela, form#addpct.tabela, form#addesc.tabela, form#addgr.tabela, form#addsgr.tabela, form#dre.tabela, form#addprod.tabela, form#delprod.tabela, form#emestoque.tabela,form#adddistr.tabela, form#addfabr.tabela, form#preparo.tabela, form#addcert.tabela, form#addingr.tabela, form#deldados.tabela, form#delpreparo.tabela, form#editPreparo.tabela, form#aliquota.tabela, form#editPalavra.tabela, form#fotoFT.tabela { 
  transition: 1s; 
  display: block; 
}

li.planilha2.mudarheight {
  transition: 1s;
  height: auto;
}

.formulario_treino {
  flex: 1;
} 

#controle, #planilha {
  margin-right: 30px;
}

.listagem ul {
  margin-top: 30px;
}

.listagem ul li {
  border: 1px solid black;
  background: rgba(159,56,56,0.1);
}

ul#tabela {
  margin-top: 30px;
  height: 600px;
  overflow-y: auto;
}

ul#listatreino {
  margin-left: 30px; margin-top: 30px;
  height: 600px;
  overflow-y: auto;
}

.mudardecor {
  background: rgba(0,0,140,0.9);
}

.anuncios {
  flex: 2;
  display: flex;
  flex-flow: column wrap;
  background: rgba(159,56,56,0.1);
  padding: 30px;
}

.content img, .anuncios img {
  display: block;
  width: 100%;
  border-radius: 5px;
}

.anuncios div + div {
  margin-top: 30px;
}

.texto-1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.texto-1 iframe, .texto-1 video, .video {
  flex: 1;
  max-width: 350px;
  height: auto; /* alterei aqui */
}

.imagem-2 {
  flex: 1;
  max-width: 350px;
  height: 200px;
}

h2.destaque {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 2em;
  color: #700104;
}

.aviso {
  margin: 30px auto;
  background: tomato;
  border-radius: 5px;
  color: black;
  padding: 30px;
}

.aviso1 {
  margin: 30px auto;
}

.aviso a, .aviso1 a {
  color: rgba(0,0,140,0.9);
  text-decoration: underline;
}

.citacao {
  padding: 30px;
  border-radius: 5px;
  box-shadow: 5px 5px 15px 0px rgba(44,44,44,0.15);
  background:linear-gradient(135deg, #700101, #700104);
}

.citacao p + p::before {
  content: "";
  display: block;
  max-width: 100%;
  height: 1px;
  background: white;
  margin: 20px auto; 
}

.citacao p {
  text-indent: inherit;
  font-size: 1.5em;
  font-style: italic;
  color: white;
  max-width: 700px;
  margin: 0 auto;
}

.citacao p + p {
  margin-top: 20px;
}

.footer {
  background:linear-gradient(135deg, #700101, #700104);
}

.footer p {
  color: rgb(255,255,255);
  text-align: center;
  padding: 30px;
}

@media (max-width:1250px) {
  .texto-1 video, .video {display: block; margin: 0 auto;} .texto-1 a {margin: 30px auto 0;}
}

@media (max-width:1200px) {
  .caracteristica > div {width: 40%;} 
  .caracteristica span a {padding: 15px 0;} .caracteristica1 {height: 350px; justify-content: flex-start;} .caracteristica1 > div {width: 40%;} 
  .caracteristica1 span a {padding: 15px 0;} 
}

@media (max-width:1000px) {
  .conteudo-atleta {display: block;} .sidenav {overflow-x: scroll; padding: 15px;} .sidenav ul {display: flex;} .sidenav li a {margin: 0 10px;} .titulo img {max-width:60%;}  .texto-1 a {margin: 0 auto;} .anuncios {display: block; position: relative; padding: 0;margin: 30px;} .cam1, .cam2 {float: left; max-width: 48%;margin:1%;} .footer {display: block; float: left; width: 100%;} .listagem  {display: block; max-width: 100%;margin: 10px auto;} #race, #inscricao,
  #delrace, #retirar, #resultado, #inscricao1, #retirar1, #resultado1, #controle, #planilha, #aniversario, #noticia1, #programacao1, #race1, #participacao1, #administracao1, #empresa, #rendimento, #despesa, #delrendimento, #deldespesa, #estoque, #ficha, #addficha, #delficha, #addcozinha, #addgrupo, #addsubgrupo, #pedido, #addpg, #addpct, #addesc, #addgr, #addsgr, #dre, #addprod, #delprod, #emestoque, #adddistr, #addfabr, #addcert, #addingr, #preparo, #deldados, #delpreparo, #editPreparo, #aliquota, #editPalavra, #fotoFT {margin-right: 0px;} #aniversario {display: block; margin-top: 10px; margin-right: 0px; } .competicoes, #listaaniv {display: block; margin-top: 10px; margin-left: 0;} ul#listatreino, ul#tabela, form#participacao1, form#administracao1 {
  margin-left: 0px; height: auto;} 
}

@media (max-width:776px) {
  .texto-1 iframe, .texto-1 video, .video {display: block; margin: 0 auto;} .texto-1 a {margin: 30px auto;} .anuncios {display: block; position: relative; padding: 0;} .cam1, .cam2 {float: none; max-width: 98%; margin: 1%;} .footer {display: block;float: left; width: 100%;} .anuncios div + div {margin-top: 10px;} .frase {font-size: 1.2em;}  .caracteristica {height: 300px; margin-left: 0px;} 
}

@media (max-width:600px) {
  .header nav ul {margin: 0 auto;} .header li a {padding: 15px 20px; font-size: 0.8em; margin: 0 auto;} .header li + li {margin-left: 10px;} .content-conteudo {display: block;} .titulo img {max-width: 60%; margin: 0 auto;} .titulo {text-align: center;} .caracteristica {height: 350px; justify-content: space-between; margin-top: 20px;} .numero {font-size: 0.9em;} .texto-1 {display: block;} .texto-1 video, .video {max-width: 300px; height: auto;} .texto-1 a img {margin: 30px auto; max-width: 300px; height: auto;} .citacao p {font-size: 1em;} .listagem {margin: 0;} div#studio {display: block;} .pacotes {display: block;} .planos {margin-bottom: 20px;} .pacotes .planos + .planos {margin-left: 0;} .planos-nome span {font-size: 1.6em;}
}

.formulario {
  flex: 5;
  margin: 30px;
}

input {
  margin: 5px auto;
  padding: 10px;
  border-radius: 3px;
  background: rgba(200,200,200,0.2);
  max-width: 500px;
  width: 100%;
}

.box-login {
  margin-top: 30px;
  font-size: 0.8em;
  line-height: 1.4;
  max-width: 500px;
}

span.estilo {
  text-transform: uppercase;
  color: rgba(0,0,140,0.9);
}

select {
  margin: 5px auto;
  padding: 10px;
  border-radius: 3px;
  background: rgba(200,200,200,0.2);
  max-width: 500px;
  width: 100%;
  color: rgba(0,0,0,0.7);
  box-shadow: -1px -1px 0 rgb(160,160,160);
}

select#pesquisa1 {
  margin: 5px auto;
  padding: 10px;
  border-radius: 3px;
  background: rgba(200,200,200,0.2);
  max-width: 50px;
  width: 100%;
  color: rgba(0,0,0,0.7);
  box-shadow: -1px -1px 0 rgb(160,160,160);
}

input#pesquisa2 {
  margin: 5px auto;
  padding: 10px;
  border-radius: 3px;
  background: rgba(200,200,200,0.2);
  max-width: 320px;
  width: 100%;
  color: rgba(0,0,0,0.7);
  box-shadow: -1px -1px 0 rgb(160,160,160);
}

input[type=radio] {
  width: 10px;
  margin-left: 10px;
}

.modalidade ul, pesquisaID ul {
  margin-left: 10px;
  max-width: 490px;
}

input[type=checkbox] {
  max-width: 30px;
  width: 50px;
}

input[type=file] {
  max-width: 334px;
  width: 100%;
  border-radius: 3px;
  box-shadow: -2px -2px 0 rgb(160,160,160);
}

input[type=submit] {
  width: 100px;
}

textarea {
  max-width: 500px;
  height: 200px;
  padding: 10px 20px;
  border: 2px solid #ccc;
  border-radius: 3px;
  background: rgb(240,240,240);
  font-size: 1em;
  box-shadow: -2px -2px 0 rgb(160,160,160);
}

.botao-cadastro, .botao-voltar, #deletar {
  background: rgb(240,240,240);
  padding: 10px 20px;
  margin-left: 5px;
}

.botao-cadastro a, .botao-voltar a, #deletar {
  color: #000;
}

.planilha {
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
  box-shadow: 5px 5px 15px 0px rgba(44,44,44,0.25);
  padding: 20px 10px;
  margin: 10px auto;
}

div#listaStudio.dia h2 {
  text-align: center;
}

.planilha2 {
  height: 96px;
  overflow: hidden;
  word-wrap: break-word;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
  box-shadow: 5px 5px 15px 0px rgba(44,44,44,0.25);
  padding: 20px 10px;
  margin: 10px auto;
}

.planilha3 {
  height: auto;
  overflow: hidden;
  word-wrap: break-word;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
  box-shadow: 5px 5px 15px 0px rgba(44,44,44,0.25);
  padding: 20px 10px;
  margin: 0 auto;
}

.planilha4 {
  max-width: 970px;
  height: auto;
  overflow: hidden;
  word-wrap: break-word;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
  box-shadow: 5px 5px 15px 0px rgba(44,44,44,0.25);
  padding: 20px 10px;
  margin: 10px auto;
}

#datanasc {
  max-width: 319px;
  width: 100%;
}

input#nome.feedback {
  background: green;
}

@media (max-width:800px) {
  .box-login {font-size: 1em;}
}

@media (max-width:600px) {
  input[type=file] {max-width: 100%;margin-left: 0px;} #datanasc {max-width: 100%;} .planilha2 {height: 100px;} div.funcional {display: block;} .listaResultados {display: block; width: 100%; margin: 10px auto;} .prova, .teste, .kom {margin-left: 0;}
}

.espaco-noticias {font-family: "Vollkorn", Georgia, serif;margin-bottom:10px;}
.conteudo-noticias {overflow-y: auto;}
.titulo-noticias {font-family: "Vollkorn", Georgia, serif;letter-spacing: normal;font-weight: bold;}
.subtitulo-noticias {color: rgba(132,4,53,0.9);font-style:italic;}
