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

}



#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;
	background-color: #fff;
	position: relative;
	background-color: #5C6B5B; -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box}




/*
 * 
 * sub-menu vertical: configuração geral
 * 
 */
 


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: #9ACD32;
  height:270px;
  margin-bottom:0}
 

ul.menu > li {display: inline; 
  position: relative}
 

ul.menu ul {
display: none;}


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;
  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;
  position: absolute;
  white-space: nowrap;}
  

ul.menu > li.sub:hover > ul {top: 24px; 
  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
 * 
 */
 


ul.menu ul li.sub:hover > ul{
  top: 1;
  left: 100%;}





/*
 * 
 * outras configurações
 * 
 */

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



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



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




h1 {
	font-family: "Arial Black", Verdana, "Times New Roman";
	font-size: xx-large;
	color: #006400;
	font-style: normal;
}

	



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: #000;
	font-weight: normal;
}


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