/* Simple Reset */

* {
	padding: 0;
	margin: 0;
}

/* Back To DS */
#backtods {
	height: 25px;
	background: #e4e0e0;
	font: .7em/25px "Verdana", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

#backtods a {
	text-decoration: none;
}

#backtods a:hover {
	text-decoration: underline;
}

/* Basic Menu Styles */

#menu {
	height: 35px; width: 330px;
	  /* height: 40px altura quadro largura quadro  */
    overflow: hidden;
    margin: 10px auto;
    text-align: center;
}

#menu ul li {
	float: left;
	margin: 0 5px;
	list-style-type: none;
}

/* Menu Link Styles */
#menu ul a {
	display: block;
	background: #018347; color: #FFFFFF;
      /* #e70f23 vermelho e  cor da fonte  
	     #CAEEFF azul claro     #018347 verde logo fernão */
	height: 100px; width: 100px;
	        /*    whdth: largura quadro  */
	font:  0.9em/35px "Verdana", Arial, Helvetica, Geneva, sans-serif;
	        /* tamanho Fonte e  /45px Altura fonte de cima  */
	text-decoration: none;
	
	-webkit-transition: margin .4s ease-in-out;
	-moz-transition: margin .4s ease-in-out;
	-o-transition: margin .4s ease-in-out;
	-ms-transition: margin .4s ease-in-out;
	transition: margin .4s ease-in-out;
}

/* Secondary Link Styles */
#menu ul a:nth-of-type(even) {
	background: #ee5205;
	 /* preto = #000   laranja = #FF6600  vermelho = ee5205 */
	color: white;
}

/* Hover Slide */
#menu ul li:hover :first-child {
	margin-top: -100px;
}