body{
	background-image:url('../imagens/fundocinzaclaro.png');
	/*background-color: rgb(160,240,28);*/
	padding: 20px;
	font-family: 'arial', sans-serif;
	padding-top:65px;
}

#amarelo{
color: yellow;
font-size: 150%;

}

#logo{
float:left;
margin-left: -10rem;
}

#logo2{
float:left;
margin-left: 0rem;
}

#botaoLimpar2{

	margin-right: 0rem;
}

#barra{
float:right;
margin-right: -10rem;
}

#linha{
line-height: 5rem;
}

#mais{

	color: black;
	margin:3% 3% 3% 3%;
	font-size: 250%;
	/*text-align: justify;*/
}

#mais2{

	color: black;
	margin:3% 3% 3% 3%;
	font-size: 200%;
	text-align: justify;
}


#margem_esquerda{

	margin-left: 10px;
}
#mais1{

	color: black;
	margin-left: 2%;
	background: transparent;
	font-size: 250%;
}


ul#caput{

	font-size: 30px;
	color:white;
}


div.videotube{

	text-align: center;
}

.paragrafo{
	font-size: 1.3em;
	text-align: justify;
	padding: 0 2% 0 2%;
	margin-top: 10px;
}

.cabeca{
	border-radius: 40px;
	border: 10px solid gray; /* borda interna*/
	border-style: groove;
	width: 100%;
	margin:auto auto 10px auto;
	background-attachment: fixed;
	background-image:url('../imagens/marca2.jpg');
	/*background: rgb(211,211,211);*/
	
	background-position: center center;

}

h1{
	text-align: center;
	/*text-transform: uppercase;
	/*box-shadow: 10px 15px 10px #888888, 10px 10px 10px grey;
	/*adiciona uma sombra a borda: negativos ficam acima do conteudo
	10px (horizontal)10px (vertical)10px 
	(largura do esmaecimento – opicional) #888888 9 (cor – opcional) */
}

h1#cabecalho{
	width:100%;
	box-shadow:none;
	margin: 0 auto 0 auto;
	margin-top: -15px;
}

img#cabecalho{
	width: 100%;
	margin-left:0%;
	margin-top:0px;
}

h2{
	font-family: "arial";
	text-transform: uppercase;
	box-shadow: 10px 10px 10px;
	text-shadow: 1px 5px 10px grey;
	margin: 20px auto;
}

img#destaque{
	width: 20%;
	margin-left: 50px;
	margin-bottom: 20px;
}


img#destaque1{
	width:60%;
	margin: 0 auto 0 auto;

}

#destaque2:hover{
	transition: 1s ease-in-out;
}

#setaesquerda{
	width: 40%;
	margin-top:100%;
}

#setadireita{
	width: 40%;
	margin-top:100%;
}


p#titulo{
	margin-top:20px;
	color: blue;
}


#titulo{
	font-family: "arial";
	margin-left: 1.66%;
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	border-bottom: 2px solid black;
	width:96.78%;
	padding-bottom:5px;
	clear: left;
}


hr#hr2 {
	clear:left;
    background-image: radial-gradient(
     								50% 40% at center, 
    								yellow, red, black );
    height: 15px;
    width: 100%;
    }

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

/* Configurações barra de menu*/

/* texto: Escolha uma cidade*/
#texto{
	color:yellow;
	font-size: 1.5rem;
	margin-top: 15px;
	margin-left: 10px;
}

#valor{
	border-width: 3px;
	border-color: red;
	margin-left: 2%;
	margin-right:0;
	font-weight:bold;
	margin-top: 10px;
	height: 35px;
	color: black;
	background: yellow;
}


#botaoEnviar2{
background: transparent;
border: none;
}

#saudacao3{
	color:white;
	margin-top: -5px;
}

#exemplo-navbar-collapse{
	margin-top: 5px;
}

#rodape{
	font-size: 3rem;
	margin: 10px auto 20px auto; 
	padding: 10px;	 	 	
	background: rgb(211,211,211);
	line-height: 100%;
	box-shadow: 10px 10px 30px;
	width: 100%;
	border: 10px solid gray;
	border-style: groove;
	border-radius: 40px;
	color: white;
}

#foot{

	color: black;
}

div.borda-interna{
	width: 50%;
}

h2#contato{
	
	font-size: 250%;
	color: black;
	text-align: left;
	margin-left: 20px;
	

}

h3#contato{
	
	font-size: 150%;
	color: black;
	text-align: left;
	margin-left: 10px;

}

#fator{
	color: black;
	text-align: left;
	margin-left: 10px;
	

}


/*configuração botoes*/
.show-comments {

	border-width: 2px;
	border: solid black 1px; 
	background: grey;
	color: white;
	font-size: 90%;
	padding: 0.3% 2% 0.3% 2%;
	cursor: pointer;
	margin: 1% 1% 1% 1%;
	float: right;
}
/*configuração botoes*/
.show-comments2 {

	border-width: 2px;
	border: solid black 1px; 
	background: #0040FF;
	color: white;
	font-size: 90%;
	padding: 0.3% 2% 0.3% 2%;
	cursor: pointer;
	margin: 1% 1% 1% 0%;
	float: right;
}

#fone{
	float: right;
}




/*configuração botoes*/
.show-comments3 {

	border-width: 3px;
	border: solid black #ccc 10px;
	background: red;
	color: white;
	font-size: 120%;
	padding: 1% 3% 1% 3%;
	cursor: pointer;
	margin: 1% 1% 1% 1%;
	float: center;

}
/*configuração botoes*/
.show-comments4 {

	border-width: 3px;
	border: solid black #ccc 10px;
	background: #00c400;
	color: white;
	font-size: 120%;
	padding: 1% 3% 1% 3%;
	cursor: pointer;
	margin: 1% 1% 1% 0%;
	float: center;
}


/*
span{
	background-color: white;
}*/
#index{
	color:black;
	font-size: 1.1em;
	width: 100%;
	margin: 0px auto 0px auto;
	font-weight:bold;

}

#index2{
	color:black;
	font-size: 1.1em;
	width: 100%;
	margin: 20px auto 0px auto;
	font-weight:bold;

}

/* Configuração do botao enviar para verde*/
.contato fieldset button {

	background: #00c400;
	color: white;
	font-size: 100%;
	padding: 0.5% 2% 0.5% 2%;
	cursor: pointer;
	margin: 0 0 0.5% 0.5%;
}

.contato fieldset input[type='text'], .contato fieldset input[type='email'] {
	width: 100%;

}

nav#barra{
	margin-left: -200px;
}

#altocontraste{

background: black;

color: white;
}


/* links uteis*/

#links_uteis{

margin-left: 30%;
margin-right: 30%;
margin-top: 30px;
margin-bottom: 30px;
color: black;


}

#links_uteis0{
margin-left: 10px;
margin-top: 30px;
color: black;

}


#ajuste_dp{

	width: 100%;
}

#pisca{

	color: black;

	font-size: 100%;
}

#video{

	width: 100%;
}

#mapa{

	width: 100%;
}

#texto_link{

	font-size: 150%;
}

/* ----------------------------------configurar acompanhamento processual-----------------------------------------*/
#news{
	background-color: rgb(150,187,255) ;
	padding: 10px;
		border: 4px solid black;
	width: 90%;
	float: center;
		margin: auto auto auto 3%;
		color: black;
		font-size: 130%;
}

#botaoEnviar1{
		background: #00c425;
	margin-left: 0px;
	margin-bottom: 20px;
		margin-top: 20px;
	color: white;
	font-size: 1.5em;
	padding: 1% 2% 1% 2%;
	cursor: pointer;

}


.whatsapp {position: fixed; bottom: 1%; right: 1%; padding: 5px; z-index: 10000000;}

/* ----------------------------------quadro de áreas-----------------------------------------*/

table#painel{
margin: 3% 5% 3% 5%; 

}

td#um, #tres{
	background-color: rgb(0,0,60);
	height: 60%;
	text-align: left;
	width: 45%;
	border-radius: 20px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 0px;
	line-height: 1.7em;
}

img#imagem0{
	float:left;
	width: 41%;
	margin-bottom:2%;
	margin-right: 2%;
	margin-left: 2%;
	margin-top: 2%;
}

img#imagem1{
	float:left;
	width: 40%;
	margin-bottom:2%;
	margin-right: 2%;
	margin-left: 2%;
	margin-top: 2%;
}
.paragrafo{
	font-size: 1.3em;
	text-align: justify;
	padding: 0 2% 0 2%;
	margin-top: 10px;
}

.super{
	color: white;
	font-size: 1.7em;
	text-align: justify;
	padding: 0 2% 0 2%;
	margin-top: 10px;
}



#php{
	border-width: 8px;
	border: solid black #ccc 4px;
	background: black;
	color: yellow;
	font-size: 20px;
	padding: 0.3% 2% 0.3% 2%;
	cursor: pointer;
	width: 40%;
text-align: center;
float: center;
}



#php2{
	
	color: yellow;
	font-size: 20px;
	
}


/* cookies  */

.box-cookies.hide {
  display: none !important;
}

.box-cookies {
  position: fixed;
  background: rgba(0, 0, 0, .9);
  width: 85%;
  z-index: 998;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box-cookies .msg-cookies,
.box-cookies .btn-cookies {
  text-align: center;
  padding: 25px;
  color: #fff;
  font-size: 18px;
}

.box-cookies .btn-cookies {
  background: #1e88e5;
  cursor: pointer;
  align-self: normal;
}

@media screen and (max-width: 600px) {
  .box-cookies {
    flex-direction: column;
  }
}

img#cdl{
	width:95%;
		margin-right: 10px;
}

#escritorio{
	width:70%;
	float: center;

}