body {
	background-image: url(fundo.jpg);
}


#container {
	width: 778px;
	margin: auto;
    position: absolute;
	z-index: 1000;
	padding-left:12%;
}

img {
	border: 0px;
}


p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 17px;
	margin: 5px 0 0 0;
}


#cont-home {
   width: 778px;
   height: 430px;
   float: left;
   padding-top: 15px;
}


/**MENU**/

#menu {
	width: 200px;
	position: absolute;
	z-index: 1001;
	/**left: 179px;**/
	padding-left:5%;
}

#menu li {
	width: 200px;
	height: 30px;
	float: left;
}

#menu li a {
	width: 200px;
	height: 30px;
	text-decoration: none;
	display: block;
	float: left;
}

#menu li a span{
  display:block;
  position:absolute;
  width: 200px;
  height: 30px;
  top:0;
  cursor:pointer;
}

#menu li#g0 {
	width: 200px;
	height: 120px;
	background-image: url(menu-top.png)
}



/**MENU G1**/

#menu li#g1 {
	width: 200px;
	height: 30px;
}

#menu li#g1 a {
	background-image: url(mariana.png);
}

#menu li#g1 a:hover {
	width: 200px;
	height: 30px;
	background-image: url(mariana-hover.png);
}



/**MENU G2**/

#menu li#g2 {
	width: 200px;
	height: 30px;
}

#menu li#g2 a {
	background-image: url(tatuape.png);
}

#menu li#g2 a:hover {
	width: 200px;
	height: 30px;
	background-image: url(tatuape-hover.png);
}



/**MENU G3**/

#menu li#g3 {
	width: 200px;
	height: 30px;
}

#menu li#g3 a {
	background-image: url(cardapio.png);
}

#menu li#g3 a:hover {
	width: 200px;
	height: 30px;
	background-image: url(cardapio-hover.png);
}


/**MENU G4**/

#menu li#g4 {
	width: 200px;
	height: 30px;
}

#menu li#g4 a {
	background-image: url(servicos.png);
}

#menu li#g4 a:hover {
	width: 200px;
	height: 30px;
	background-image: url(servicos-hover.png);
}


/**MENU G5**/

#menu li#g5 {
	width: 200px;
	height: 30px;
}

#menu li#g5 a {
	background-image: url(decoracao.png);
}

#menu li#g5 a:hover {
	width: 200px;
	height: 30px;
	background-image: url(decoracao-hover.png);
}


/**MENU G6**/

#menu li#g6 {
	width: 200px;
	height: 30px;
}

#menu li#g6 a {
	background-image: url(orcamento.png);
}

#menu li#g6 a:hover {
	width: 200px;
	height: 30px;
	background-image: url(orcamento-hover.png);
}


/**MENU G7**/

#menu li#g7 {
	width: 200px;
	height: 30px;
}

#menu li#g7 a {
	background-image: url(promocao.png);
}

#menu li#g7 a:hover {
	width: 200px;
	height: 30px;
	background-image: url(promocao-hover.png);
}


/**MENU G8**/

#menu li#g8 {
	width: 200px;
	height: 30px;
}

#menu li#g8 a {
	background-image: url(localizacao.png);
}

#menu li#g8 a:hover {
	width: 200px;
	height: 30px;
	background-image: url(localizacao-hover.png);
}

#menu li#g9 {
	width: 200px;
	height: 31px;
	background-image: url(menu-rodape.png)
}

/**MENU G8**/

#menu li#g10 {
	width: 200px;
	height: 30px;
}

#menu li#g10 a {
	background-image: url(moema.png);
}

#menu li#g10 a:hover {
	width: 200px;
	height: 30px;
	background-image: url(moema-hover.png);
}

#menu li#g10 {
	width: 200px;
	height: 31px;
	background-image: url(menu-rodape.png)
}


/**ANIMAÇÃO**/

#animacao {
	 width: 778px;
	 height: 420px;

}


/**RODAPE**/

#rodape {
	width: 778px;
	text-align: center;
	clear: both;
}

#rodape p {
	font: 12px Verdana, Geneva, sans-serif;
}

#rodape a {
	text-decoration: none;
	color: #000;
}

#rodape a:hover {
	text-decoration: underline;
}




/********************PAGINAS DENTRO***********************/

#cont-dentro {
	width: 560px;
	margin-left: 200px;
}


#topo-dentro {
	width: 778px;
	height: 305px;
}

#bg-cont-dentro {
	width: 778px;
	background-image: url(bg-meio-dentro.jpg);
}


/**COLUNAS**/

.colunas {
	width: 250px;
	float: left;
	padding: 0 25px 10px 0;
}

.colunas ul {
	font: 12px Arial, Helvetica, sans-serif;
}

.colunas li {
	margin: 7px 0 0 0;
}


/**LISTAS**/

.listas {
	width: 500px;
	margin: 5px 0 10px 0;
}

.listas ul {
	font: 12px Arial, Helvetica, sans-serif;
	margin-left: 15px;
}

.listas li {
	margin: 5px 0 0 0;
	list-style: disc;
}

/************************* OVERFLOW **************************/

.altura {
	width: 560px;
	height: 1500px;
}

.over {
	width: 560px;
	height: 240px;
	overflow-y: hidden;
	overflow-x: hidden;
}

.text-moema {
	text-align: center;
}

.limpa{clear:both;}

.titulo{font:bold 14px Arial, Helvetica, sans-serif;}
