/*Configurações do Menu*/
a{
  text-decoration: none;
}
body{
  background-image: url(imagens/planf.jpg);
  position: relative;
  overflow-x: hidden;
}
html{
  scroll-behavior: smooth;
}
#final1{
  clear: both;
  width: 100.95%;
  background-color: black;
  position: relative;
  bottom: -10px;
  right: -10px;
  left: -10px;
  padding: 5px;
  color: rgba(90, 47, 196, 0.87);
  border-top: 2px rgb(84, 84, 84) solid;
  border-bottom: 2px rgb(84, 84, 84) solid;
  line-height: 20px;
}
#final2{
  clear: both;
  width: 100.95%;
  background-color: black;
  position: relative;
  bottom: -100px;
  right: -10px;
  left: -10px;
  padding: 5px;
  color: rgba(90, 47, 196, 0.87);
  border-top: 2px rgb(84, 84, 84) solid;
  border-bottom: 2px rgb(84, 84, 84) solid;
  line-height: 20px;
}
#final3{
  clear: both;
  width: 100.95%;
  background-color: black;
  position: relative;
  bottom: -100px;
  right: -10px;
  left: -10px;
  padding: 5px;
  color: rgba(90, 47, 196, 0.87);
  border-top: 2px rgb(84, 84, 84) solid;
  border-bottom: 2px rgb(84, 84, 84) solid;
  line-height: 20px;
}
#final4{
  clear: both;
  width: 100.95%;
  background-color: black;
  position: relative;
  bottom: -1800px;
  right: -10px;
  left: -10px;
  padding: 5px;
  color: rgba(90, 47, 196, 0.87);
  border-top: 2px rgb(84, 84, 84) solid;
  border-bottom: 2px rgb(84, 84, 84) solid;
  line-height: 20px;
}
#final5{
  clear: both;
  width: 100.95%;
  background-color: black;
  position: relative;
  bottom: -150px;
  right: -10px;
  left: -10px;
  padding: 5px;
  color: rgba(74, 31, 230, 0.87);
  border-top: 2px rgb(84, 84, 84) solid;
  border-bottom: 2px rgb(84, 84, 84) solid;
  line-height: 20px;
}
#menu{
  border-bottom: 2px rgb(84, 84, 84) solid;
  border-top: 1px rgb(84, 84, 84) solid;
  width: 100%;
  height: 14%;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgb(11, 11, 11);
}
#menu ul{
  padding: 0px;
  margin:0px;
  list-style: none;
}
#menu ul li{
  float: left;
  position: relative;
}
#menu ul li a{
  display: inline-block;
  text-decoration: none;
  color: rgb(255, 0, 0);
  padding: 5px 10px;
  background-color: rgb(11, 11, 11);
}
#menu ul li ul{
  display: none;
  position: absolute;
}
#menu ul li ul li a{
  width: 120px;
}
#menu ul li ul li a:hover{
  background-color: rgb(172, 172, 172);
}
#menu li:hover ul{
  display: block;
}
#logo{
  width: 3.5%;
  margin-top: 0.8%;
  margin-left: 30px;
  float: left;
  background-color: rgb(11, 11, 11);
}
.pa1{
  float: left;
  margin-top: 1.4%;
  font-size: 290%;
  font-family: arial;
  color: rgb(217, 0, 130);
}
.letra{
  width: 1.7%;
  float: left;
  margin-top: 35px;
  background-color: rgb(11, 11, 11);
}
.rest{
  float: left;
  margin-top: 1.3%;
  font-size: 290%;
  font-family: arial;
  color: rgb(217, 0, 130);
}
.cont{
  position: relative;
  top: 55%;
  right: 7%;
  font-style: italic;
  color: rgba(134, 134, 134, 1);
}
#link{
  color: white;
  float: right;
  position: relative;
  right: 70px;
  top: 40%;
  padding: 0px 0px 10px 0px;
}
.bon{
  margin-right: 5px;
  padding: 9px;
}
#link a:link{
  color: rgba(196, 47, 146, 0.87);
}
#link a:hover{
  background-color: black;
}
#link a:visited{
  color: rgba(196, 47, 146, 0.87);
}
#link a:active{
  color: rgba(8, 87, 131, 0.8);
}
/* Configurações da Página Imagens */
#opç{
  border: 2px rgb(84, 84, 84) solid;
  width: 95%;
  height: 170px;
  margin-left: 2.5%;
  margin-top: 10%;
  float: left;
  background-color: black;
  list-style: none;
}
.an1{
  width: 16%;
  margin: 0.2%;
  margin-left: 6.5%;
  padding: 5px;
  background-color: rgb(23, 23, 23);
  font-size: 110%;
  float: left;
  list-style: none;
  text-align: center;
}
.an{
  display: inline;
  width: 16%;
  margin: 0.2%;
  padding: 5px;
  background-color: rgb(23, 23, 23);
  font-size: 110%;
  float: left;
  list-style: none;
  text-align: center;
}
.an2{
  display: inline;
  width: 16%;
  margin: 0.2%;
  padding: 5px;
  margin-left: 23.5%;
  background-color: rgb(23, 23, 23);
  font-size: 110%;
  float: left;
  list-style: none;
  text-align: center;
}
#galeria{
  width: 95%;
  height: 4200px;
  float: left;
  margin-top: 1%;
  margin-left: 2.5%;
  border-radius: 50px;
}
.titulo{
  height: 10px;
  text-align: center;
  padding: 20px;
}
.mg{
  font-size: 150%;
  font-family: monospace;
  color: white;
}
#opç a:link{
  color: rgba(5, 143, 180, 0.8);
}
#opç a:visited{
  color: rgba(5, 143, 180, 0.8);
}
.img{
  margin-left: 5px;
  margin-bottom: 3px;
  width: 21%;
  height: 8%;
  float: left;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 4px;
  padding-right: 0px;
  border-radius: 10px;
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.img:hover{
  background-color: hsla(0, 68%, 47%, 0.5);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.img1{
  margin-left: 7%;
  margin-bottom: 3px;
  width: 21%;
  height: 8%;
  float: left;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 4px;
  padding-right: 0px;
  border-radius: 10px;
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.img1:hover{
  background-color: hsla(0, 68%, 47%, 0.5);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.imgalery{
  border-radius: 10px;
}
.exp{
  margin-top: 5px;
  text-align: center;
  font-size: 15px;
  font-family: fantasy;
  color: gray;
}
.tg1{
  width: 10%;
  margin-left: 7%;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 870px;
  padding-left: 80px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: monospace;
  font-size: 15px;
  color: white;
  border: 2px rgb(84, 84, 84) solid;
  background-color: black;
}
.tg2{
  width: 10%;
  margin-left: 7%;
  margin-top: 38%;
  margin-bottom: 4px;
  margin-right: 870px;
  padding-left: 80px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: monospace;
  font-size: 15px;
  color: white;
  border: 2px rgb(84, 84, 84) solid;
  background-color: black;
}
.tg3{
  width: 10%;
  margin-left: 7%;
  margin-top: 39.5%;
  margin-bottom: 4px;
  margin-right: 870px;
  padding-left: 80px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: monospace;
  font-size: 15px;
  color: white;
  border: 2px rgb(84, 84, 84) solid;
  background-color: black;
}
.bar{
  width: 95%;
}
/* Configurações da Página Abertura 1 & 2, 3 e 4*/
#video1{
  margin-top: 5%;
  margin-left: 2%;
  float: left;
  border: 3px black solid;
  transition: border 1s;
}
#letra1{
  border: rgb(84, 84, 84) solid;
  width: 25%;
  height: 200%;
  margin-top: 5%;
  float: right;
  margin-right: 2%;
  background-color: black;
  color: white;
  padding: 20px;
}
#desc1{
  border: rgb(84, 84, 84) solid;
  float: right;
  margin-top: 1.5%;
  margin-right: 2%;
  height: 10%;
  width: 26%;
  color: white;
  background-color: black;
  padding: 10px;
}
.singtb{
  text-align: center;
}
.sing{
  font-size: 20px;
}
.sing1{
  font-size: 20px;
  margin-top: -7px;
}
#video2{
  margin-top: 5%;
  margin-left: 2%;
  float: left;
  border: 3px black solid;
  transition: border 1s;
}
#titlevid{
  background-color: #000000;
  width: 50%;
  height: 10%;
  margin-top: 5%;
  margin-left: 2%;
  padding: 10px;
  font-size: 30px;
  font-family: "times new roman";
  color: rgba(90, 47, 196, 0.87);
  text-align: center;
  border: 2px  rgb(84, 84, 84) solid;
}
#titlevid2{
  background-color: #000000;
  width: 40%;
  height: 10%;
  margin-left: 2%;
  padding: 10px;
  font-size: 30px;
  font-family: "times new roman";
  color: rgba(90, 47, 196, 0.87);
  text-align: center;
  border: 2px  rgb(84, 84, 84) solid;
}
#linkvid{
  width: 95%;
  height: 100%;
  float: right;
  background-color: #000000;
  border: 2px  rgb(84, 84, 84) solid;
  margin-top: 1%;
  margin-right: 2%;
  text-align: center;
}
#linkvid a:link{
  color: rgba(90, 47, 196, 0.87);
}
.figure{
  float: center;
  margin-top: -5%;
  margin-left: -15%;
}
.figure2{
  float: center;
  margin-top: -6%;
  margin-left: -24%;
}
/*Configurações da página desenvolvedor*/
#adm{
  float: left;
  width: 50%;
  height: 1000px;
  margin-top: 8%;
  margin-left: 2%;
  background-color: white;
  border-radius: 20px;
  background: url(imagens/fisica.jpg);
  background-size: 100%;
}
#fotinha{
  margin: 5%;
  border-radius: 20px;
}
.eu{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-size: 115%;
  font-family: Arial;
  color: rgb(255, 255, 255);
  text-shadow: 5px 3px 5px black;
}
.centroagr{
  font-size: 115%;
  font-family: Arial;
  color: rgb(255, 255, 255);
  text-shadow: 5px 3px 5px black;
}
input[type=submit], input[type=reset]{
  padding: 3px;
  background: #11c6e6;
  border-radius: 8px;
  outline: inherit;
  width: 200px;
  margin: auto;
  border: none;
}
/* Configurações das doações*/
#donations{
  border-radius: 20px;
  width: 42%;
  height: 1000px;
  background-color: white;
  margin-left: 54.5%;
  margin-top: 7%;
  background-color: rgb(255, 255, 255);
  padding-top: 0.001%;
  padding-left: 1.5%;
}
#form{
  margin-right: 2%;
}
.send{
  float: left;
}
.cancel{
  display: inline;
}
textarea{
  width: 99%;
}
/* configurações da página download */
#nameseason{
  border-radius: 80px 30px;
  border: 2px rgb(84, 84, 84) solid;
  padding: 0.5%;
  width: 40%;
  height: 100px;
  margin-top: 7%;
  margin-left: auto;
  margin-right: auto;
  font-size: 150%;
  text-align: center;
  font-family: 'Courier New', Courier, monospace;
  background-color: #000000;
  color: #8049da;
}
#intseason{
  border-radius: 30px;
  background-image: url(imagens/phantom.jpg);
  background-size: 100%;
  background-attachment: fixed;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: 700px;
}
#intseason .barroza a{
  float: left;
  margin: 1%;
  padding: 0.5%;
}
#intseason a:hover{
  background-color: rgb(0, 0, 0);
  border-radius: 10%;
  color: #2dc5eb;
}
#intseason a:link{
  font-weight: bold;
  color: rgb(255, 255, 255);
}
#intseason a:visited{
  color: rgb(151, 146, 146);
}
#intseason p{
  color: lawngreen;
  text-align: center;
  font-family: "times new roman";
  font-size: 170%;
  text-shadow: 7px 7px 5px #000000;
}
.part1{
  margin-left: 3%;
  font-size: 110%;
}
.barroza{
  margin-top: 15%;
  width: 100%;
  height: 30%;
  background-color: hsla(0, 0%, 0%, 0.527);
}
#intseason2{
  border-radius: 30px;
  background-image: url(imagens/stardust.jpg);
  background-size: 100%;
  background-attachment: fixed;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: 795px;
}
#intseason2 .barroza2 a{
  float: left;
  margin: 1%;
  padding: 0.5%;
}
#intseason2 a:hover{
  background-color: rgb(0, 0, 0);
  border-radius: 10%;
  color: #2dc5eb;
}
#intseason2 a:link{
  font-weight: bold;
  color: rgb(255, 255, 255);
}
#intseason2 a:visited{
  color: rgb(151, 146, 146);
}
#intseason2 p{
  color: lawngreen;
  text-align: center;
  font-family: "times new roman";
  font-size: 170%;
  text-shadow: 7px 7px 5px #000000;
}
.barroza2{
  margin-top: 15%;
  width: 100%;
  height: 38%;
  background-color: #000000b2;
}
#intseason3{
  border-radius: 30px;
  background-image: url(imagens/diamond.jpg);
  background-size: 100%;
  background-attachment: fixed;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: 800px;
}
#intseason3 .barroza3 a{
  float: left;
  margin: 1%;
  padding: 0.5%;
}
#intseason3 a:hover{
  background-color: rgb(0, 0, 0);
  border-radius: 10%;
  color: #2dc5eb;
}
#intseason3 a:link{
  font-weight: bold;
  color: rgb(255, 255, 255);
}
#intseason3 a:visited{
  color: rgb(151, 146, 146);
}
#intseason3 p{
  color: lawngreen;
  text-align: center;
  font-family: "times new roman";
  font-size: 170%;
  text-shadow: 7px 7px 5px #000000;
}
.barroza3{
  margin-top: 15.5%;
  width: 100%;
  height: 37%;
  background-color: #000000b2;
}
#intseason4{
  border-radius: 30px;
  background-image: url(imagens/golden.jpg);
  background-size: 100%;
  background-attachment: fixed;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: 800px;
}
#intseason4 .barroza4 a{
  float: left;
  margin: 1%;
  padding: 0.5%;
}
#intseason4 a:hover{
  background-color: rgb(0, 0, 0);
  border-radius: 10%;
  color: #2dc5eb;
}
#intseason4 a:link{
  font-weight: bold;
  color: rgb(255, 255, 255);
}
#intseason4 a:visited{
  color: rgb(151, 146, 146);
}
#intseason4 p{
  color: lawngreen;
  text-align: center;
  font-family: "times new roman";
  font-size: 170%;
  text-shadow: 7px 7px 5px #000000;
}
.barroza4{
  margin-top: 19%;
  width: 100%;
  height: 30%;
  background-color: #000000b2;
}
/* Configurações da página Index */
#principio{
  background: white;
  width: 70%;
  height: 2550px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 3%;
}
.noticia1{
  width: 80%;
  height: 700px;
  margin-right: auto;
  margin-left: 1.5%;
  float: left;
}
.noticia1 b{
  font-size: 150%;
}
.noticia1 span{
  font-family: "serif";
}
.subtitle{
  width: 70%;
}
.verticbar{
  height: 95%;
  border: 1px gray solid;
  width: 0%;
  margin-left: 8%;
  margin-top: 5%;
  float: left;
}
.verticbar2{
  height: 95%;
  border: 1px gray solid;
  width: 0%;
  margin-left: 1.5%;
  margin-top: -116%;
  float: left;
}
.noticia2{
  width: 80%;
  height: 900px;
  margin-right: auto;
  margin-left: 1.5%;
  float: left;
}
.noticia2 b{
  font-size: 150%;
}
.noticia2 span{
  font-family: "serif";
}
.noticia3{
  width: 80%;
  height: 900px;
  margin-right: auto;
  margin-left: 1.5%;
  float: left;
}
.noticia3 b{
  font-size: 150%;
}
.noticia3 span{
  font-family: "serif";
}
#benvienido{
  width: 95%;
  height: 100px;
  border: white solid;
  padding: 2%;
  margin-top: 7%;
  margin-left: auto;
  margin-right: auto;
  color: white;
  font-size: 170%;
  font-family: "Times New Roman";
  background-image: url(imagens/vilain.jpg);
  background-size: 100%;
}
#benvienido p{
  margin-left: 30%;
  text-shadow: 1px 1px 2px white;
}
#benvienido span{
  margin-left: 28%;
}
#tabela{
  width: 50%;
  height: 300px;
  border: 1px rgb(69, 41, 230) solid;
  margin-top: 3%;
  margin-left: auto;
  margin-right: auto;
  color: rgb(88, 22, 243);
  background-color: rgb(255, 255, 255);
  text-align: center;
  font-size: 150%;
}
caption{
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1%;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  color: rgb(34, 34, 34);
  text-shadow: 2px 2px 2px white;
  font-size: 150%;
}
#listasea{
  width: 55%;
  height: 100px;
  font-size: 90%;
  margin-left: 15%;
  margin-top: 4%;
}
.icon{
  float: left;
  margin-top: 1%;
}
.texticon{
  float: left;
  margin-left: 0.5%;
  color: rgb(189, 189, 189);
}
#finallist{
  color: rgb(255, 255, 255);
  width: 35%;
  line-height: 190%;
  margin-left: 17%;
  margin-top: -1%;
  border: 1px rgb(27, 206, 238) dashed;
  background-color: #3b0969;
}