/* CSS Harvest Moon Back to Nature - Guia */
/*************************
*
*	Reseta as margens e paddings
*
**************************/
* {
	margin: 0;
	padding: 0;
}

nav {
	width: 100%;
	max-width: 335px;
	height: 263px; /* 610 */
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	position: relative;
	background-image: url(imagens/menubg_tree721px.jpeg);
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

header {
	width: 100%;
	max-width: 335px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 80px;
}

.desaparecer_menu {
	display: none;
}

#aparecer_mapa {
	display: block;
}

#imagem_raposa {
	max-width: 86px;
	width: 100%;
}

#imagem_mapa {
	display: none;
}

#imagem_responsivo_mapa335px {
	max-width: 215px;
	width: 100%;
	height: 297px;
}

#containers {
	width: 100%;
	max-width: 335px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-color: #493A3B;
}

article {
	margin-top: 159px;
	max-width: 335px;
	width: 100%;
}


.tabela_titulo_wrapper {
	max-width: 335px; /* 1400 */
	width: 100%; /* 72.91666666666667% */
	margin-left: auto;
	margin-right: auto;
	background: #B38C56;
	font-family: Arial, Tahoma;
	font-size: 12px;
	overflow: auto;
    white-space: nowrap;
}

.tabela_titulo_normal {
	max-width: 335px; /* 1400 */
	width: 100%; /* 72.91666666666667% */
	margin-left: auto;
	margin-right: auto;
	background: #B38C56;
	font-family: Arial, Tahoma;
	font-size: 12px;
}


div.rolar {
    overflow: auto;
	overflow-y: hidden;
    white-space: nowrap;
}

div.rolar a {
    display: inline-block;
    text-align: center;
    padding-top: 16px;
    text-decoration: none;
}


.borda_tabela {
	background-image: url(imagens/Msgbox_HMBTN.png);
	background-repeat: no-repeat;
	height: 109px;
	padding-left: 12px;
	background-size: 1758px 500px;
}

footer {
	width: 100%;
	max-width: 335px;
	height: 85px; /* 97px altura original */
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	clear: left;
	background-image: url(imagens/rodape2.jpeg);
	background-size: 335px 200px;
}

#galinha_imagem {
	position: relative;
	margin-left: 58%;
	max-width: 89px;

}

#formularioharvestmoonbtn {
	max-width: 335px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: Tahoma, Arial;
	font-size: 14px;

}

.tabela_sugestoes {
	max-width: 335px;
	width: 100%;
}

.estiloformulario_campo {
	max-width: 335px;
	width: 100%;
}

input {
	max-width: 50px;
	width: 100%;
}

.estiloformulario {
	max-width: 335px;
	width: 100%;
}

.imagem-parceiros {
	max-width: 80px;
	height: 30px;
	width: 85%;
	position: relative;
	left: 0px;
	bottom: 7.5px;
}

.menu6 {
	background-image: url(imagens/menu5_bg.png);
	background-repeat: no-repeat;
	background-size: 80px 91px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 5px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	background-position: center;
	position: relative;
	right: 35%;
}

#tabela-parceiros {
    margin-right: auto;
	margin-left: auto;
    width: 100%;
	max-width: 95px;
	height: 25px;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #006600;
	margin-top: 5px;
}

#tabela_nova {
	display: block;
	max-width: 335px;
	height: 220px;
	width: 100%;
}

/*************************
*
*	MENU CSS
*
**************************/

nav {
	position: relative;
	max-width: 335px;
}

.aparecer_menu240px {
	display: block;
}

#menu240px {
	display: block;
	margin-top: -80px;
	padding: 0px;
}

ul#menu240px li {
	display: inline;
}

ul#menu240px li a {
	display: block;
	background-color: #F6D49F;
	float: left;
	text-decoration: none;
	width: 100%;
	height: 20px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #094F09;
	font: Arial, Geneva, sans-serif;
	border-top:0.1em solid #CD9F5D;
	border-bottom:0.1em solid #CD9F5D;
}

ul#menu240px li a:hover {
	background: linear-gradient(to right, #B38C56, #D7A157);
}