header {
	position: relative;
	width: 100%;
	height: 140px;
	border: 1px;
	float: left;
	background-color: #fff;
}



#tudo {
  width: 1060px;
  margin:0 auto;			
}


.slides-list {
	--total-itens: 4;
	--selected-item: 0;
	list-style-type: none;				/*remove os estilos da lista*/
	width: calc(var(--total-itens) * 100%);
			/* height: 192px; width: 256px; */
	margin: 10px 0;
	padding: 0;
		-moz-box-shadow: rgba(40, 200, 10, 0.4);
		-webkit-box-shadow: rgba(40, 200, 10, 0.4);
		box-shadow: rgba(40, 200, 10, 0.4);
	
	display: grid;					/* deixa todos os itens da lista na horizontal e todos com a mesma largura */
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	
	position: relative;
			/* left: 0%; */			/* para exibir o 1o slide, left = '0' */
	left: calc(var(--selected-item) * -100%);
			/* transition: left 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); */
}


.slide-show {
	overflow: hidden;
}


.slide-controller:nth-child(1):checked ~ .slide-show .slides-list{--selected-item: 0;}
.slide-controller:nth-child(2):checked ~ .slide-show .slides-list{--selected-item: 1;}
.slide-controller:nth-child(3):checked ~ .slide-show .slides-list{--selected-item: 2;}
.slide-controller:nth-child(4):checked ~ .slide-show .slides-list{--selected-item: 3;}



/*
	OPÇÃO PARA "background-image": url(Imagem/plano_de_fundo.jpg)
*/


body {
	margin: 0px; background-image: none;
	background-repeat: repeat;
	position: relative;
	background-color: #5C6B5B;
-moz-box-sizing:border-box;		/* CONFIGURAÇÕES ESPECÍFICAS PARA CADA NAVEGADOR */
-webkit-box-sizing:border-box;
box-sizing:border-box
}



/*  sub-menu vertical: configuração geral (NÃO UTILIZADO AQUI!)

li.sub ul {display:none}
li.sub:hover > ul {display:block}
li.sub {position: relative}
li.sub:hover > ul{
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  margin: 0;
  background: #fff}
*/



/* MENU HORIZONTAL */

ul.menu {background-color: #8fbc8f;	/* #9ACD32; */
  height:270px;
  margin-bottom:0}

ul.menu > li {display: inline; 
  position: relative}			/* fundamental para o menu horizontal */

ul.menu ul {
display: none;}				/* IMPORTANTE PARA MANTER OS SUB-ÍTENS OMITIDOS */

ul.menu li a {color: #9ACD32;
  font-weight: bold;
  font-size: 14px;
  font-family: verdana, arial, times new roman;
  text-decoration: none}

ul.menu > li {padding-top: 3px}

ul.menu > li > a {border-bottom: 1px solid #062503;
  height:30px;}

ul.menu > li a:hover {color: #9ACD32;		/* Ao extrair o > antes do li, torna a configuração inespecífica */
  background-color:#5C6B5B;
  text-decoration: none; border-bottom:2px solid #062503;}



/* SUB-MENU VERTICAL: configurações específicas */

ul.menu li.sub:hover > ul {display: block;		/* PONTO IMPORTANTE PARA o 2o nível de menu vertical: > antes de li e ul */
  position: absolute;
  white-space: nowrap;}					/* importante para abrir menu vertical */

ul.menu > li.sub:hover > ul {top: 24px; 		/* deslocamento para baixo; ORIGEM DO ERRO DE DESCONTINUIDADE */
  left: 0;
  list-style: none;
  padding: 0.3rem 0.3rem;
  background-color: #005000;
  z-index: 1} 

ul.menu > li.sub:hover > ul li {
padding: 0.2rem 0.2rem;
  z-index:1000}

ul.menu > li.sub:hover > ul li:hover {
background-color:#5C6B5B;}



/* SUB-MENU VERTICAL (2º nível): expande para a direita (NÃO UTILIZADO AQUI!)
	ul.menu ul li.sub:hover > ul{
	top: 1;
	left: 100%;}
 */



/* * OUTRAS CONFIGURAÇÕES * */

.quadro {
	border-style: solid;
	border-width: 2px;
	border-color: #8fbc8f;
	border-collapse: collapse;
	/* box-shadow: 3px 3px 7px #8fbc8f; */
	background-color: #aedfba;
	font-family: Verdana, Arial, Times New Roman; /* = h3 */
	font-size: small;
	color: #006400;
}

.quadro td {
		border: 1px solid #8fbc8f;
		padding: 3px;
}

.quadro th {
		border: 1px solid #8fbc8f;
		padding: 3px;
}



#maincontent { 
	position: relative;
	width: 100%;
	min-height: 400px;
	border: 1px;
	float: left;
	background-color: #fff;
	text-align: left;
}


#container {
	border-collapse: collapse;

	-webkit-box-shadow: 3px 3px 7px #8fbc8f;
	-moz-box-shadow: 3px 3px 7px #8fbc8f;
	box-shadow: 3px 3px 7px #8fbc8f;

	align: center;
	padding: 10px;
	border: 6px;
	margin: 8px;
}


#prefeet {
	position: relative;
	width: 100%;
	min-height: 100px;
	border: 1px;
	float: left;
	background-color: #fff;
	text-align: left;
}


footer {
 position: relative;
 width: 100%;
 height: 400px;
 border: 1px;
 float: left;
 background-color: #003162; /* #8fbc8f; */
}


.botao {
	border: 1px;
	color: #9ACD32;
	background-color: #005000;
	text-align: center;
 	text-decoration: none;
 	font-weight: bold;
 	font-size: 14px;
 	font-family: verdana, arial, times new roman;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #000;
	width: 160px;
	height: 36px;
	vertical-align: middle;
	display: table-cell;
	display: inline-block;
}

/*		THIS CODICE DOESN'T WORK!
a:link .botao {
		color: #9ACD32;
		background-color: #005000;
}

a:visited .botao {
		color: #9ACD32;
		background-color: #005000;
}

a:hover .botao {
		color: #9ACD32;
		background-color: #5C6B5B;
}
*/

/*		PROBLEMA COM OS BOTÕES FORA DO MENU PRINCIPAL
a:link{
	color: blue;
}

a:visited{
	color: #003162;
}

a:hover{
	color: #005000;
}
*/


h1 {
	font-family: "Arial Black", Verdana, "Times New Roman";
	font-size: xx-large;
	color: #006400;
	font-style: normal;
	text-shadow: 3px 3px 7px #8fbc8f;
}


h2 {
	font-family: Verdana, Arial, Times New Roman;
	font-size: medium;
	color: #006400;
	font-style: italic;
}


h3 {
	font-family: Verdana, Arial, Times New Roman;
	font-size: small;
	color: #006400;
	font-weight: normal;
}


h4 {
	font-family: Arial, Verdana, Times New Roman;
	font-size: x-small;
	color: #005000;
	font-weight: normal;
	line-height: 0.3;
}


h5 {
	font-family: Verdana, Arial, Times New Roman;
	font-size: xx-small;
	color: #005000;
	font-weight: bold;
}


h6 {
	font-family: Verdana, Arial, Times New Roman;
	font-size: small;
	color: #fff;		/* = h3, but branca */
	font-weight: normal;
}


h7 {
	font-family: Verdana, Arial, Times New Roman;
	font-size: xx-small;
	color: #8fbc8f;		/* = h5, but verde bebê */
	font-weight: bold;
}