/* ------------------------------------------------------- CONFIGURA -------------------------------------------------------------------- */
body {margin:auto;height:auto;position:relative;font-family: "Montserrat", serif;font-size:14px;color:black;}
a{text-decoration:none;margin:0;padding:0;}

/* ------------------------------------------------------- TOPO -------------------------------------------------------------------- */


#temas{height:30px;width:100%;position:sticky;top:65px;background-color:#212429;display: flex;justify-content: center;align-items: center;border-bottom:solid 2px white;z-index:1}
#temas a{margin:0px 10px;font-weight:600;color:white;}
#temas a:hover {
  color: yellow;
}


#menu{width:275px; background-color:white;position:fixed;top:67px;left:0px;display:none;box-shadow: 5px 10px 18px #888888;z-index:1001}
#menu p{width:calc(100% - 50px);padding:0;margin:12px 50px;color:black}
#menu p:hover{background-color:lightgray}
#menu i{
  color: red;
}
/* ------------------------------------------------------- GERAL -------------------------------------------------------------------- */
#destaque{height:400px;width:100%;background-size: cover;background-position: center;position:relative;}
#destaque h1{font-size:30px;position:absolute;right: 30px;bottom: 35px;color:white;}
#novidades{height:50px;width:100%;}

.tripla{height:auto;width:100%;}
#enche{height:80px;width:100%;}
.contentor{margin:0px 100px 0px 100px;}
.centrado{text-align:center;}
.contentor h1{padding:20px 0px 20px 0px;}
#contentor h1{padding:0px 0px 5px 10px;border-bottom: 4px solid red;}
#noticias h1{padding:0px 0px 5px 0px;border-bottom: 2px solid red;}
#multi{height:270px;width:200px;display:inline-block;margin:20px;}
#multi h2{margin:0;padding:0;font-size:18px;color:orange}
#multi img{width:200px;}
#multi a{font-size:14px;color:gray;}
#castelo{margin:0px 0px 30px 0px;display:grid;column-gap: 50px;grid-template-areas:"vazio titulo""imagem texto";grid-template-rows: auto 1fr;grid-template-columns: auto 1fr;}
.contentor h2{grid-area: titulo;margin:0;padding:0;font-size:25px;color:orange}
.contentor a{font-size:16px;color:orange}
#castelo img{grid-area: imagem;width:250px;}
#txt{grid-area: texto;padding:20px 20px;background-color:#F3F4F9;align-self: start;position:relative;z-index:0;}

#noticias{display: grid;color:#FAF9F6;grid-template-columns: calc(35% - 10px) calc(65% - 10px) ;margin:0px 75px 20px 75px;column-gap: 20px;}
#maior{display:block;background-color:#F3F4F9;padding: 20px;width:calc(100% - 40px);height: fit-content;}
#maior img{width:100%}
#maior h1{color:black;font-weight:700;font-size:20px;}
#maior h2{color:black;font-weight:500;font-size:14px;}
#cpeq{display:inline-block;}
#pequena{width:calc(100%);margin:0px 0px 20px 0px;display:inline-block;background-color:#F3F4F9;padding: 20px 10px 20px 10px;}
#pequena img{width:20%;vertical-align: top;margin:0px 10px 0px 10px;}
#pequena h1{color:black;font-weight:700;font-size:20px;margin:0px 10px 0px 10px;}
#pequena h2{color:black;font-weight:500;font-size:14px;margin:5px 10px 0px 10px;}
#pequena p{margin:5px 10px 0px 10px;color:red;}
#maior p{margin:5px 0px 0px 0px;color:red;}
#ctx {width:calc(80% - 30px);display:inline-block;}




#scontentor h1{background-color:red;border-radius:20px;margin:5px;color:white;text-align:center;font-size:20px;padding:10px;display:inline-block;float:right;width:150px;}
#ficha_socio{background-color:#E1E1E1;width:900px;height:510px;padding:0px;border-radius:20px;position:absolute;top:110px;left:250px;}

#esquerda{width:510px;padding:0px 0px 0px 10px;display:inline-block;}
#direitac{width:350px;height:500px;padding:3px 3px 3px 0px;display:inline-block;float:right;margin:0px;}
#scontentor input,select{width:490px;margin:2px 2px 0px 7px;padding:3px;border:none;border-radius:30px;font-size:14px;color:blue;}
#scontentor p{margin:3px;padding:3px;display:inline-block;font-weight:500;font-size:15px;}
#scontentor label{color:black;font-size:9px;font-weight: 500;position:relative;left:5px;padding:1px;margin:0px;}
#observa{background-color:white;margin:0px 10px 0px 0px;height : 200px;border-radius:10px;font-size:14px;color:gray;overflow-y : auto;}
#quotas{background-color:white;margin:0px 10px 0px 0px;height : 160px;border-radius:10px;font-size:14px;color:gray;overflow-y : auto;}
#pesquisa_socio input[type="radio"] {display: none;}

#pesquisa_socio label {display: inline-block;padding: 4px 11px;font-size: 12px;cursor: pointer;left:0px;}

#pesquisa_socio input{margin:10px 0px 0px 0px;}
#scontentor input[type=submit]{color:white;background-color:red;}
#pesquisa_socio input[type="radio"]:checked+label {background-color: red;color:white;}
.radio-toolbar label{background-color:white;border-radius:10px;}
#quotas label,#quotas input{width:15%;display: inline-block;text-align:center;margin:0px;padding:1px;left:0px;}
#quotas h2{background-color:gray;color:white;text-align:center;margin:0px;font-size:18px}
#quotas h2 p{background-color:gray;color:white;text-align:center;margin:0px 10px 0px 0px;font-size:12px;float:right;padding:0px;}
#submenu{width:200px;background-color:white;position:absolute;top:110px;left:10px;border-radius:10px;padding:5px;text-align:center;box-shadow:5px 5px 4px lightgray;border:solid 4px red;}
#submenu a{width:200px;padding:8px 0px;color:black;font-size:14px;font-weight:700;cursor:pointer;display:block;}
#submenu a:hover{background-color:red;color:white;}


/* ------------------------------------------------------- RODAPE -------------------------------------------------------------------- */
#cxcomunicado {width:100%;border-top:solid 4px red;}
.comunicado{padding:10px 0px 10px 0px}
.comunicado:hover{background-color:#F3F4F9}
.comunicado h2{margin:0px 10px 0px 10px;padding:0;color:orange;}
.comunicado p{margin:0px 10px 10px 10px;padding:0;color:black;}
.comunicado img{margin:0px;padding:0px;}

#rodape{width:100%;height:400px;background-color:#212429;}
#cxrodape{width:100%;display:flex;justify-content: center;padding-top:30px}

.rodape_int{margin:0 40px;display:block;font-weight:400;color:white;}
#rodape p{font-weight:400;color:white;margin:2px 0;position:relative;}
.rodape_int h2{border-bottom:solid 2px white;margin:0px;padding:0px;font-weight: 700;color:white;}
#rodape i{position:absolute;left:-25px;color:white;top:2px;font-size:15px;}

#map {
  height: 320px;
  width: 380px;
  margin:0px 0px 0px 30px;
}
.centrado{margin:auto;width:calc(100% - 40px);}
.texto{margin:20px 30px 20px 30px;}
.texto a{color:orange}

#forml input[type=submit]{border-radius: 25px;border:none;background-color:orange;color:#212429;font-size:17px;font-weight:bold;
  padding:0px;
  width: calc(100% - 20px);
  height: 40px;}
#forml{width:calc(100% - 60px);display:inline-block;padding:30px;background-color:#212429;color:white;border-radius: 25px;}
#forml input{
  border-radius: 25px;border:none;
color:gray;
font-size:16px;
  padding-left:10px;
margin:20px 0px 0px 0px;
  width: calc(100% - 20px);
  height: 40px;}
#pequenax{width:100%;pading:20px;background-color:#F3F4F9;margin:0px 00px 20px 0px;}
#pequenax h1{color:black;font-weight:500;font-size:20px;margin:0px 0px 0px 20px;padding:0px;}
#pequenax h2{color:black;font-weight:500;font-size:16px;padding:0px 0px 20px 20px;}
#pequenax p{margin:0px 0px 0px 20px;font-size:14px;}

textarea{resize:none;font-size: 14px;border:none;font-family: "Montserrat", serif;width:100%;}
#titulo{font-weight:700;font-size: 28px;}
#descritivo{font-weight:700;font-size: 24px;color:orange;}
#castelob{margin:0px 0px 30px 0px;display:grid;column-gap: 50px;grid-template-areas:"imagem texto""bimagem bgeral";grid-template-columns: auto 1fr;}
#imgalt{grid-area: imagem;width:250px;}
#bgeral{grid-area: bgeral;border-radius: 25px;border:none;background-color:orange;color:#212429;font-size:17px;font-weight:bold;
  padding:0px;
  height: 40px;}
#txtb{grid-area: texto;padding:20px 20px;background-color:#F3F4F9;align-self: start;position:relative;z-index:0;width:calc(100% - 40px);height:auto;}

#enche{height:80px;width:100%;}
#txt{position:relative; }

#direita{position:absolute; right:0px;top:-30px;text-align:right;}
.foto{position:relative;bottom:60px;left:20px}
#pesquisa_socio{height:157px;width:210px;background-color:#E1E1E1;position:absolute;top:200px;left:10px;border-radius:20px;padding:5px;text-align:center;}

#lid,#lnif,#lnome,#lempresa{border-radius:20px;padding:4px;font-size:10px;font-weight:700;display:inline-block;width:auto;float:none;cursor:pointer;}
#nomeq,#nifq,#empresaq{display:none;}
.nselec{background-color:white;color:black;}
.selec{background-color:red;color:white;}
#aviso{width:500px;position:absolute;top:40vh;left:calc(50% - 250px);text-align:center;border:2px solid red;z-index:4;background-color:white;box-shadow: 5px 10px 18px #888888;}
#aviso button{margin-bottom:30px;}

/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- TLM -------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 950px){
	#temas {display:none;}
	form{width:calc(100% - 20px);padding:10px;}

.contentor{margin:10px 20px;}
.contentor h1{padding:0px;margin:0px;font-size:22px;}
#multi{height:270px;width:150px;display:inline-block;margin:0px;}
#multi h2{margin:0;padding:0;font-size:18px;color:orange}
#multi img{width:150px;}
#multi a{font-size:14px;color:gray;}
#castelo{margin:0px 0px 30px 0px;display:block;}
#castelob{margin:0px 0px 30px 0px;display:block;column-gap: 50px;grid-template-areas:"imagem texto""bimagem bgeral";grid-template-columns: auto 1fr;}
#imgalt{grid-area: imagem;width:100%;}
#bgeral{width:100%;}
.contentor h2{margin:20px 0px 0px 0px;;padding:0;font-size:18px;color:orange}
.contentor a{padding:20px 20px 20px 0px;font-size:16px;color:orange}
#castelo img{width:100%;margin-top:20px;}
#txt{grid-area: texto;padding:20px 20px;background-color:#F3F4F9;align-self: start;}
.texto{margin:10px 30px 0px 30px;}

	#cxcomunicado {margin-bottom:0px}
	#cxrodape{flex-direction: column;}
	#rodape{height:auto;}
.rodape_int{padding:10px 0px 10px 10px;}
#map {
  height: 350px;
  width: 100%;
  margin:0px;
	}
#forml{width:100%;display:inline-block;padding:10px;position:relative;left:-10px;}
#forml input{
  border-radius: 25px;border:none;
color:gray;
font-size:16px;
  padding-left:10px;
margin:20px 0px 0px 0px;
  width: calc(100% - 10px);
  height: 40px;}
  #forml input[type=submit]{width: 100%;}
#marcha{width:100%;height:200px;object-fit: cover}

#destaque h1{font-size:30px;left: 20px;bottom: 20px;}

#noticias{display: block;margin:0px 20px 20px 20px;}
#cpeq{margin:20px 0px 0px 0px}
#pequena{width:calc(100% - 20px);}
}
#logo{position:fixed;top:15px;left:0;height:50px;width:100%;background-color:green;z-index:1;}
#logo b{display:inline-block;color:white;margin:0 10px 0px 0px;position:relative;top:-33px;left:20px;}
#barras{font-size: 25px;position:absolute;left: 20px;top: 12px;color: white;}
#barras:hover {color: yellow;}
#imga{position:absolute;top: -14px;left:70px;height:63px;z-index:500;}
#imgab{position:absolute;top: 8px;left:140px;height:35px;}
#imgb{position:absolute;right: 8px;top: -52px;height:80px;}
#logina{position:absolute;top:14px;right:170px;color:white;display:inline-block;font-size: 14px;margin:0px;}
#logina i{font-size: 22px;}
#agita,#agitatxt {
	background-color:yellow;
	font-size:22px;
	color:black;
	padding: 4px;
}
#agitatxt {
	font-size:12px;
}

@keyframes mymove {
  from {left: 0px;}
  to {left: 2px;}
}
@media only screen and (max-width: 950px){
	
	#barras{top: 12px;}
	#logo{height:50px;top:0;}
	#imga{position:absolute;top: 1px;left:70px;height:48px;}
	#imgab{position:absolute;top: 12px;left:125px;height:25px;}
	#logina{right:10px;}
	#menu{top:52px;}
	#menu p{margin:22px 50px;}
   }