/* Css Padrão do site - MENTOS INSTITUCIONAL
Semantica sempre na estrutura do site!important
---------------------------------------------------------------------------------------- */
body{
	font: normal 12px arial;
	margin: 0px;
	padding: 0px;
	color: #000;
	text-align: center;
}

/* Estrutura 
------------------------------------------------------------------------------------*/
#geral{
	width: 996px;
	margin: auto;
	text-align: left;
	position: relative;
}

/* Gomas e Balas
--------------------------------------------------------------------------------------*/
#lateralEsquerda{
	float: left;
	width: 287px;
	display: none;
}

#corpo{
	width: 709px;
}

/* Definição das tags:
--------------------------------------------------------------------------------------------*/
ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

a{
	color: #395f8b;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

img{
	border: 0;
}

iframe{
	margin: 0px;
	padding: 0px;
}

input, label{
	margin: 0px;
	padding: 0px;
	height: 16px;
	font: normal 12px arial;
}

select, textarea{
	margin: 0px;
	padding: 0px;
	font: normal 12px arial;
}

object{
	outline: none;
}

p{
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

h1{
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font: bold 12px arial;
	color: #000;
	font-weight: bold;
}

h2{
	margin: 0px;
	padding: 10px 0px 5px 0px;
	font: normal 12px arial;
	color: #000;
}

/* Conteúdo Home do site
---------------------------------------------------------------------------------*/
body#home{
	background: #FFF url("/images/mentos-bg-home.jpg") no-repeat center 0px;
}

body#home #geral{
	height: 800px;
} 

#menuHome{
	width: 996px;
	text-align: center;
	display: none;
}
/* Menu de Balas na HOME
-----------------------------------------------------------------------------*/
#menuBalas{
	position: absolute;
	top: 426px;
	left: 182px;
	z-index: 10;
	display: none;
}

/* Menu de Gomas na Home
-------------------------------------------------------------------------------*/
#menuGomas{
	position: absolute;
	top: 292px;
	left: 790px;
	z-index: 10;
	display:none;
}
/* Compartilhe Site
*--------------------------------------------------------------------------------*/
div#compartilhe{
	width: 268px;
	float: left;
	display: none;
}

/* Bread Crumbs
---------------------------------------------------------------------------------*/

/*Área de Gomas
------------------------------------------------------------------------------------------*/
body#gomas{
	background: #dbeef5 url("/images/mentos-bg-internas.gif") repeat-x center 0px;
}

#menuInternas{
	display: none;
}

#outrosProdutos{
	width: 709px;
	padding: 60px 0px 0px 0px;
}

#outrosProdutos #introProdutos{
	display: block;
	font-weight: bold;
	background: #FFF;
	color: #9B0236;
	width: 305px;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	float: left;
}

#outrosProdutos ul{
	float: left;
	width: 585px;
}

#outrosProdutos ul li{
	float: left;
}

#controlaOutrosProdutos{
	float: left;
	width: 585px;
}

#crosslinkBalas{
	float: left;
	padding: 55px 0px 0px 0px;
}

#conteudoGomas{
	width: 709px!important;
	float: left;
	padding: 0px 0px 0px 0px;
}

#conteudoGomas p{
	font-weight: bold;
	color: #50587c;
}

.corAlaskan{
	color: #2596CE;
}

.corHawaiian{
	color: #CBAA27;
}

.corWintergreen{
	color: #069A8A;
}

.corWhite{
	color: #FFF;
}

.corSpearmint{
	color: #1d8663;
}

.corTropical{
	color: #CC7435;
}

.corMentaForte{
	color: #517DBA;
}

.corMentaMorango{
	color: #C36099;
}

.corFVermelhasLimao{
	color: #960114;
}

.corMacaFramboesa{
	color: #3e7410;
}

.corUva{
	color: #5f33a8;
}

.corExoticMix{
	color: #a47406;
}

.corSortido{
	color: #bf7291;
}

.corMelancia{
	color: #cb1d53;
}

.esconde{
	display: none;
}
/* Área de Balas
----------------------------------------------------------------------------------*/

/* Rodapé
---------------------------------------------------------------------------------*/
#rodape{
	padding: 40px 0px 0px 0px;
	margin: auto;
	width: 100%;
	background: url("/images/mentos-rodape.gif") repeat-x 0px 40px;
	height: 130px;
	display: none;
}
/* Screen Only
----------------------------------------------*/
.screenOnly{
	display: block;
	text-align: center;
	padding: 30px 0px 0px 0px;	
	clear: both;
}