/* 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;
	padding: 0px 0px 30px 0px;
}

#global{
	background: url("/images/mentos-bg-home.jpg") no-repeat center 0px;
	width: 100%;
}

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

#corpo{
	float: left;
	width: 709px;
}

#homeProduto{
	width: 996px;
	float: left;
}

#linhaAzul{
	width: 703px;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 15px 0px;
	position: relative;
}


/* Você Beija Bem?
-------------------------------------------------------------------------------------------*/
#ultimosBeijos{
	width: 513px;
	height: 94px;
	padding: 75px 0px 0px 95px;
	background: url("/voce-beija-bem/images/beijo_twitter.gif") no-repeat right 0px;
}

#beijos{
	width: 360px;
	height: 80px;
	padding: 0px 10px 0px 0px;
	float: left;
}

#beijos ul{
	padding: 0px 0px 0px 14px;
}

#beijos li{
	background: url("/voce-beija-bem/images/mentos-bullet-azul.gif") no-repeat 0px 3px;
	padding: 0px 0px 2px 10px;
	font-weight: bold;
}

#beijos li a{
	font-size: 11px;
	color: #233FAA;
	text-decoration: underline;
}

#verMaisBeijos{
	float: left;
	padding: 0px 0px 0px 25px;
}

#verMaisBeijos a{
	font-weight: bold;
	display: block;
	width: 90px;
	color: #12A1C9!important;
	padding: 0px 0px 30px 0px;
	text-decoration: underline;
	font-size: 11px;
}

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

dl, dt, dd{
	margin: 0px;
	padding: 0px;
}

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;
	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{
	clear: both;
	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;
}

h3{
	margin: 0px;
	padding: 0px 0px 14px 0px;
	font: bold 16px arial;
	color: #A4107E;
}

/* Classes gerais
------------------------------------------------------------------------------------------*/ 
.clear{
	clear: both;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.floatLeftImg{
	float: left;
	padding: 0px 15px 0px 0px;
}

.floatRightImg{
	float: right;
	padding: 0px 0px 0px 15px;
}

.normal {
	font-weight:normal;
}
.bold {
	font-weight:bold;
}

.paddingRightNone{
	padding-right: 0px!important;
}

.center{
	text-align: center;
}

.esconde{
	display: none;
}

.block{
	display: block; 
}

.retiraMargemBottom{
	padding: 0px!important;
	margin: 0px;
}

.dadosObrigadtorios{
	color: #FE0000;
}

.relative{
	position: relative;
}

/* 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;
}

#centralizaMenu{
	width: 800px;
	margin: auto;
}

#menuHome #centralizaMenu ul#menuSuperior{
	width: 567px;
	float: left;
}

#menuHome #centralizaMenu ul#menuSuperior li{
	float: left;
	height: 45px;
	text-align: center;
	padding: 7px 0px 0px 0px;
}

#menuHome #centralizaMenu ul#menuSuperior li.marcado a{
	color: #ff6c00;
}

#menuHome #centralizaMenu ul#menuSuperior li.umaLinha{
	padding: 12px 0px 0px 0px;
}

#menuHome #centralizaMenu ul#menuSuperior li#menu1{
	background: url("/images/mentos-home-click.gif") no-repeat 0px 0px;
	width: 80px;
}

#menuHome #centralizaMenu ul#menuSuperior li#menu1 a{
	padding: 0px 0px 0px 10px;
}

#menuHome #centralizaMenu ul#menuSuperior li#menu1 a:hover{
	color: #ff6c00;
}

#menuHome #centralizaMenu ul#menuSuperior li#menu2{
	background: url("/images/mentos-menu-balas.gif") no-repeat 0px 0px;
	width: 55px;
}

#menuHome #centralizaMenu ul#menuSuperior li#menu2 a:hover{
	color: #cf1176;
}

#menuHome #centralizaMenu ul#menuSuperior li#menu3{
	background: url("/images/mentos-menu-gomas-mascar.gif") no-repeat 0px 0px;
	width: 75px;
}

#menuHome #centralizaMenu ul#menuSuperior li#menu3 a:hover{
	color: #11abe4;
}

#menuHome #centralizaMenu ul#menuSuperior li#menu4{
	background: url("/images/mentos-menu-jogos.gif") no-repeat 0px 0px;
	width: 55px;
}

#menuHome #centralizaMenu ul#menuSuperior li#menu5{
	background: url("/images/mentos-brindes.gif") no-repeat 0px 0px;
	width: 65px;
}

#menuHome #centralizaMenu ul#menuSuperior li#menu6{
	background: url("/images/mentos-menu-voce-beija-bem.gif") no-repeat 0px 0px;
	width: 80px;
}

#menuHome #centralizaMenu ul#menuSuperior li#menu7{
	background: url("/images/mentos-menu-fale-conosco.gif") no-repeat 0px 0px;
	width: 68px;
	padding-left: 5px;
	padding-right: 6px;
}

#menuHome #centralizaMenu ul#menuSuperior li#menu8{
	background: url("/images/mentos-menu-noticias.gif") no-repeat 0px 0px;
	width: 66px;
}

#menuHome #centralizaMenu ul#menuSuperior li a{
	font-weight: bold;
	font-size: 11px;
}

#menuHome #centralizaMenu ul#menuSuperior li a:hover{
	color: #ff6c00;
}

#menuHome #centralizaMenu ul#menuSuperior li a img{
	float: left;
}


#controlaFloaterHome{
	float:left;
	width:99.9%;
	position:relative;
	z-index: 10;
}
#floaterHome{
	float:left;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:11;
}
#floaterHome #guardaFlash {
	width:100%;
	float:left;
	padding-top:100px;
}
#bgFloater {
	width:100%;
	float:left;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
	background:url('/images/fundo_mintensity.png') no-repeat 0px 0px;
	_background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fundo.png', sizingMethod='scale');
}


#floater100{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 15; 
}



#bgFloaters{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 11;
}

/* Menu de Balas na HOME
-----------------------------------------------------------------------------*/
#menuBalas{
	position: absolute;
	top: 426px;
	left: 182px;
	z-index: 10;
}

#menuBalas ul li{
	padding: 1px 0px 7px 17px;
	width: 115px;
	height: 20px;
}

#menuBalas ul li#menuBala1{
	background: url("/images/mentos-acesse-balas.gif") no-repeat 0px 0px;
	margin: 0px 0px 0px 17px;
}

#menuBalas ul li#menuBala2{
	background: url("/images/mentos-acesse-jogos.gif") no-repeat 0px 0px;
	margin: 0px 0px 0px 22px;
}

#menuBalas ul li#menuBala3{
	background: url("/images/mentos-acesse-brindes.gif") no-repeat 0px 0px;
	margin: 0px 0px 0px 15px;
}

#menuBalas ul li#menuBala4{
	background: url("/images/mentos-acesse-voce-beija-bem.gif") no-repeat 0px 0px;
}

#menuBalas ul li a{
	font-weight: bold;
	font-size: 11px;
}

#menuBalas ul li a:hover{
	color: #cf1176;
}

/* Menu de Gomas na Home
-------------------------------------------------------------------------------*/
#menuGomas{
	position: absolute;
	top: 292px;
	left: 790px;
	z-index: 10;
}

#menuGomas ul li{
	padding: 1px 0px 7px 17px;
	width: 115px;
	height: 20px;
}

#menuGomas ul li#menuGoma1{
	background: url("/images/mentos-acesse-gomas.gif") no-repeat 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menuGomas ul li#menuGoma2{
	background: url("/images/mentos-acesse-gomas-jogos.gif") no-repeat 0px 0px;
	margin: 0px 0px 0px 10px;
}

#menuGomas ul li#menuGoma3{
	background: url("/images/mentos-acesse-gomas-brindes.gif") no-repeat 0px 0px;
	margin: 0px 0px 0px 40px;
}

#menuGomas ul li#menuGoma4{
	background: url("/images/mentos-acesse-gomas-voce-beija-bem.gif") no-repeat 0px 0px;
	margin: 0px 0px 0px 60px;
}

#menuGomas ul li#menuGoma5{
	background: url("/images/mentos-acesse-sustentabilidade.gif") no-repeat 0px 0px;
	margin: 0px 0px 0px 45px;
}

#menuGomas ul li a{
	font-weight: bold;
	font-size: 11px;
}

#menuGomas ul li a:hover{
	color: #11abe4;
}

/* Compartilhe Site
*--------------------------------------------------------------------------------*/
div#compartilhe{
	width: 223px;
	float: left;
}

#passarinhoTwitter{
	width: 100px;
	height: 80px;
	float: left;
	background: url("/images/mentos-acompanhe.gif") no-repeat 7px 0px;
	padding: 0px 0px 0px 10px;
}

#passarinhoTwitter ul{
	float: left;
	padding: 20px 0px 0px 0px;
}

#passarinhoTwitter ul li{
	float: left;
	padding: 0px 3px 0px 0px;
}

#passarinhoTwitter ul li a{
	float: left;
}

#passarinhoTwitter ul li a img{
	float: left;
}

#contentGigyaPost{
	display:none;
}

#contentGigyaPostMaterias{
	display:none;
}

.divWildfire{
	position:absolute;
	float:right;
	z-index: 100;
	right:20px;
	top:50px;
	display:none;
	width:200;
	height:210;
	background-color:#EEE;
	border:1px solid #CCC;
	padding: 0px;
	margin: 0px;
}

/* Menu Superior Internas Gomas - Balas
-------------------------------------------------------------------------------*/
#menuInternas ul#menuSuperiorInternas{
	width: 475px;
	float:  left;
	height: 95px;
}

#menuInternas ul#menuSuperiorInternas li{
	float: left;
	height: 45px;
	text-align: center;
	padding: 7px 0px 0px 0px;
	cursor: pointer;
}

#menuInternas ul#menuSuperiorInternas li.marcado a{
	color: #ff6c00;
}

#menuInternas ul#menuSuperiorInternas li.umaLinha{
	padding: 18px 0px 0px 0px;
}

#menuInternas ul#menuSuperiorInternas li#menu2{
	background: url("/images/mentos-menu-balas.gif") no-repeat 0px 0px;
	width: 55px;
}

#menuInternas ul#menuSuperiorInternas li#menu2 a:hover{
	color: #cf1176;
}

#menuInternas ul#menuSuperiorInternas li#menu3{
	background: url("/images/mentos-menu-gomas-mascar.gif") no-repeat 0px 0px;
	width: 75px;
}

#menuInternas ul#menuSuperiorInternas li#menu3 a:hover{
	color: #11abe4;
}

#menuInternas ul#menuSuperiorInternas li#menu4{
	background: url("/images/mentos-menu-jogos.gif") no-repeat 0px 0px;
	width: 55px;
}

#menuInternas ul#menuSuperiorInternas li#menu5{
	background: url("/images/mentos-brindes.gif") no-repeat 0px 0px;
	width: 65px;
}

#menuInternas ul#menuSuperiorInternas li#menu6{
	background: url("/images/mentos-menu-voce-beija-bem.gif") no-repeat 0px 0px;
	width: 80px;
}

#menuInternas ul#menuSuperiorInternas li#menu7{
	background: url("/images/mentos-menu-fale-conosco.gif") no-repeat 0px 0px;
	width: 68px;
	padding-right: 6px;
	padding-left: 5px;
}

#menuInternas ul#menuSuperiorInternas li#menu8{
	background: url("/images/mentos-menu-noticias.gif") no-repeat 0px 0px;
	width: 66px;
}

#menuInternas ul#menuSuperiorInternas li a{
	font-weight: bold;
	font-size: 11px;
}

#menuInternas ul#menuSuperiorInternas li a:hover{
	color: #ff6c00;
}

#menuInternas ul#menuSuperiorInternas li a img{
	float: left;
}

/* Utilidades
--------------------------------------------------------------------------------------*/
#utilidades{
	width: 210px;
	float: left;
	padding: 8px 0px 0px 0px;
	
}

#utilidades a{
	text-decoration: none!important;
}

#utilidades div{
	float: left;
}

#utilidades div p{
	padding: 0px;
	font-size: 10px;
	padding: 0px 10px 0px 0px;
}

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

/* Bread Crumbs - gomas
---------------------------------------------------------------------------------*/
body#gomas #bread{
	width: 490px;
	float: left;
	padding: 20px 0px 15px 0px;
	font-size: 10px;
	
}

body#gomas #bread a{
	display: block;
	float: left;
	background: url("/images/mentos-breadcrumbs.gif") no-repeat right 4px;
	padding: 0px 13px 0px 5px;
	font-weight: normal;
	color: #504786;
	text-decoration: none;
}

body#gomas #bread span{
	padding: 0px 0px 0px 5px;
	float: left;
	display: block;
}

/* Bread Crumbs - você beija bem
---------------------------------------------------------------------------------*/
#bread{
	width: 490px;
	float: left;
	padding: 20px 0px 15px 0px;
	font-size: 10px;
}

#bread a{
	display: block;
	float: left;
	background: url("/images/mentos-breadcrumbs.gif") no-repeat right 4px;
	padding: 0px 13px 0px 5px;
	font-weight: normal;
	color: #504786;
}

#bread span{
	padding: 0px 0px 0px 5px;
	float: left;
	display: block;
}


/* Conteúdo Gomas
-------------------------------------------------------------*/

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

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

body#gomas #outrosProdutos ul{
	float: left;
	width: 525px;
}

body#gomas #outrosProdutos ul li{
	float: left;
}

body#gomas #controlaOutrosProdutos{
	float: left;
	width: 525px;
}

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

body#gomas #conteudoGomas{
	width: 709px!important;
	float: left;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #50587c;
}

.corAlaskan{
	color: #007EA8;
}

.corHawaiian{
	color: #D1A617;
}

.corPacific{
	color: #268000;
}

.corWintergreen{
	color: #008080;
}

.corWhite{
	color: #FFF;
}

.corSpearmint{
	color: #1d8663;
}

.corTropical{
	color: #F35C01;
}

.corMentaForte{
	color: #112851;
}

.corMentaMorango{
	color: #9F0481;
}

.corFVermelhasLimao{
	color: #960114;
}

.corMacaFramboesa{
	color: #3e7410;
}

.corUva{
	color: #5f33a8;
}

.corExoticMix{
	color: #a47406;
}

.corSortido{
	color: #bf7291;
}

.corMelancia{
	color: #cb1d53;
}

.corVerde{
	color: #339933;
}

.corAzulEscura{
	color: #00356A;
	font-weight: bold;
}

.baloes{
	cursor: pointer;
	position: relative;
}

#conteudoBaloes{
	position: absolute;
	top: -72px;
	left: -10px;
	background: url("/gomas-mascar/images/mentos-produtos-over.gif") no-repeat 0px 0px;
	width: 82px;
	height: 65px;
	text-align: center;
	padding: 7px 0px 0px 0px;
	z-index: 10;
}

form#nome{
	float: left;
	padding: 20px 0px 0px 0px;
}

#cadastroRapido{
	width: 207px;
	height: 84px;
	padding: 65px 20px 0px 20px;
	background: url("/gomas-mascar/images/mentos-receber-email.gif") no-repeat 0px 0px;
	float: left;
}

#cadastroRapido input{
	float: left;
	color: #000;
	height: 15px;
}

#cadastroRapido input.cinzaClaro{
	color: #666;
	font-size: 10px;
}

#cadastroRapido input#emailCadastrese{
	width: 140px;
	float: left;
}

#cadastroRapido #fiquePorDentro{
	display: block;
	width: 110px;
	float: left;
	color: #000!important;
	font-size: 10px;
	padding: 2px 0px 0px 0px;
	text-align: center;
}

.checkBoxRapido{
	margin: 0px;
	padding: 0px;
	width: 15px;
	height: 17px;
	float: left;
}

#cadastroRapido label{
	float: left;
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	color: #000;
}

/* Menu Lateral Gomas
---------------------------------------------------------------------------------*/
#menuLateral{
	width: 257px;
	padding: 0px 0px 0px 30px;
	font-weight: bold;
	font-size: 11px;
}

#menuLateral ul{
	width: 195px;
}

#menuLateral ul li{
	width: 195px;
}

#menuLateral ul li ul {
	padding-bottom:1px;
}
#menuLateral ul li ul li a {
	height:auto!important;
}

#menuLateral ul li a{
	display: block;
	width: 175px;
	height: 20px;
	padding: 5px 0px 0px 20px;
}

#menuLateral ul li a:hover{
	color: #11abe4;
}

#menuLateral ul li.menu1 a{
	background: url("/gomas-mascar/images/menu-lateral-gomas.gif") no-repeat 0px 0px;
}

#menuLateral ul li.menu2 a{
	background: url("/gomas-mascar/images/menu-lateral-jogos.gif") no-repeat 0px 0px;
}

#menuLateral ul li#menu5 a{
	background: url("/gomas-mascar/images/menu-lateral-sustentabilidade.gif") no-repeat 0px 0px;
}

#menuLateral ul li.menuJogos a{
	background: url("/jogos/images/menu_jogos.gif") no-repeat 0px 0px;
}

#menuLateral ul li.menuJogos ul li a{
	background-color: #FED13A!important;
}

#menuLateral ul li.menuJogos a:hover{
	color: #cf1176;
}

#menuLateral ul li ul li a{
	background-image: none!important;
	background-color: #d1e4f1!important;
	border-top: 1px solid #FFF;
	padding: 4px 0px 4px 10px;
	width: 185px;
}

#menuLateral ul li ul li a:hover{
	text-decoration: none;
}

#menuLateral ul li ul li a img{
	vertical-align: middle;
}

/* Área de Balas
----------------------------------------------------------------------------------*/
body#balas{
	background: #FFEC33 url("/balas/images/mentos-bg-internas.gif") repeat-x 0px 0px;
	color: #FFF!important;
}

/* Bread Crumbs - gomas
---------------------------------------------------------------------------------*/
body#balas #bread{
	width: 490px;
	float: left;
	padding: 20px 0px 15px 0px;
	font-size: 10px;
}

body#balas #bread a{
	display: block;
	float: left;
	background: url("/images/mentos-breadcrumbs.gif") no-repeat right 4px;
	padding: 0px 13px 0px 5px;
	font-weight: normal;
	color: #FFF;
}

body#balas #bread span{
	padding: 0px 0px 0px 5px;
	float: left;
	display: block;
	color: #FFF;
}

body#balas #utilidades div p a{
	color: #FFF!important;
}

/* Conteúdo Balas - 
-------------------------------------------------------------------------------*/
body#balas #conteudoBalas{
	width: 709px!important;
	float: left;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #FFF;
}

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

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

body#balas #outrosProdutos ul{
	float: left;
	width: 575px;
}

body#balas #outrosProdutos ul li{
	float: left;
}

body#balas #controlaOutrosProdutos{
	float: left;
	width: 575px;
}

body#balas #crosslinkBalas{
	float: left;
	padding: 25px 0px 0px 0px;
}

.corBalasFrutas{
	color: #FFCDCB;
}

.corBalasLimao{
	color: #008000;
}

.corBalasMenta{
	color: #0099cc;
}

.corBalasMelancia{
	color: #D2003E;
}

.corBalasIceMint{
	color: #478FC1;
}

.corBalasRainbow{
	color: #b900b9;
}

.corBalasFrutasVemelhas{
	color: #BE2402;	
}

.corBalasCanela{
	color: #962E00;
}

.corBalasYogurtMorango{
	color: #ec0000;
}

.corBalasDuoRed{
	color: #ff0000;
}

.corBalasUvaAbacaxi{
	color: #8A6500;
}

.corBalasUvaVerde{
	color: #32631d;
}

.corBalasCereja{
	color: #b70000;
}

.corBalasFramboesa{
	color: #800080;
}

.corBalasTuttifrutti{
	color: #ff0080;
}

.corBalasDuoBlack{
	color: #000000;
}

.corBalasIceApple{
	color: #5BA15B;
}	

.corBalasIceGrape{
	color: #3B3A86;
}

.corBalasIceCherry{
	color: #C63144;
}

.corBalasVitaminaC{
	color: #CC578E;
}

.corBalasMorango{
	color: #ec0000;
}

.freshMint {
	color:#0074d8;
}

/* Menu Lateral Balas
--------------------------------------------------------------------------------*/
body#balas #menuLateral ul li a{
	display: block;
	width: 175px;
	height: 20px;
	padding: 5px 0px 0px 20px;
	color: #D0177C;
}


body#balas #menuLateral ul li a:hover{
	color: #FA25A3;
}

body#balas #menuLateral ul li.menu1 a{
	background: url("/balas/images/menu-lateral-balas.gif") no-repeat 0px 0px;
}

body#balas #menuLateral ul li.menu2 a{
	background: url("/balas/images/menu-lateral-jogos.gif") no-repeat 0px 0px;
}

body#balas #menuLateral ul li ul li a{
	background-image: none!important;
	background-color: #FED13A!important;
	border-top: 1px solid #FFF;
	padding: 4px 0px 4px 10px;
	width: 185px;
}

/* Área Misturada - Balas & Gomas - BG Duplo
---------------------------------------------------------------------------------*/
body#balasGomas{
	background: #FFF url("/images/mentos_bg.gif") repeat-y center 0px;
	color: #386091;
}

/* Bread - Misturado
----------------------------------------------------------------------------------*/
body#balasGomas #bread{
	width: 490px;
	float: left;
	padding: 20px 0px 15px 0px;
	font-size: 10px;
}

body#balasGomas #bread a{
	display: block;
	float: left;
	background: url("/images/mentos-breadcrumbs.gif") no-repeat right 4px;
	padding: 0px 13px 0px 5px;
	font-weight: normal;
	text-decoration: none!important;
}

body#balasGomas #bread span{
	padding: 0px 0px 0px 5px;
	float: left;
	display: block;
	font-weight: bold!important;
	color: #386091;
}

body#balasGomas #conteudoVoceBeijaBem{
	clear: both;	
	width: 709px;
	float: left;
	color: #2E40AC;
	font-weight: bold;
}

/* MATÉRIAS
--------------------------------------------------------------------------------------------*/
body#balasGomas #conteudoVoceBeijaBem #cadernoMaterias{
	width: 657px;
	background: url("/voce-beija-bem/materias/images/mentos-materias-bg-duplicate.gif") repeat-y 0px 0px!important;
	float: left;
}

body#balasGomas #conteudoVoceBeijaBem #cadernoMaterias #conteudoCaderno{
	margin: 0px 40px 0px 60px;
	width: 517px;
	color: #386091;
}
.ajustaImageTitulo {
	margin: 0px 0px 10px 0px;
}

body#balasGomas #conteudoVoceBeijaBem #cadernoMaterias #conteudoCaderno a{
	text-decoration: underline;
	color: #2E40AC;
}

#selectMaterias{
	width: 517px;
	padding: 5px 10px 7px 10px;
	background: #E2EBF2;
	color: #000;
	margin: 0px 0px 25px 0px;
}
#selectMaterias select.controlaSelect{
	width: 517px;
}

#materia{
	width: 537px;
	font-weight: normal;
}

#listaMaterias{
	width: 500px;
	margin: 0px 0px 25px 17px;
}

#listaMaterias li{
	background: url("/voce-beija-bem/images/mentos-bullet-laranja.gif") no-repeat 0px 2px;
	padding: 0px 0px 10px 15px;
}

#proximoAnterior{
	width: 517px;
	float: left;
	padding: 0px 0px 20px 0px;
}

#paginacao{
	display: block;
	width: 311px;
	float: left;
	text-align: center;
	background: #E2EBF2;
	padding: 5px 0px 5px 0px;
	margin: 0px 5px 0px 5px;
	color: #000;
}

/* -= Conteudo Balas Gomas Internas 
--------------------------------------------------------------------------------*/
body#balasGomas #conteudoBalasGomas{
	width: 709px!important;
	float: left;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #50587c;
}

body#balasGomas #conteudoBalasGomas a{
	text-decoration: underline;
	color: #2E40AC;

}

body#balasGomas #destaquesPagina{
	width: 996px;
	clear: both;
}

body#balasGomas #destaquesPagina a{
	text-decoration: underline;
	color: #2E40AC;
}

body#balasGomas #conteudoBalasGomasInternas{
	width: 608px;
	float: left;
}

body#balasGomas #lateralBalasGomas{
	width: 388px;
	float: left;
}

body#balasGomas #lateralBalasGomas #menuParte1{
	width: 270px;
	background: url("/voce-beija-bem/images/voce_beija_bem_01.gif") no-repeat 0px 0px;
	height: 250px;	
	padding: 85px 40px 0px 70px;
	font-weight: bold;
}

body#balasGomas #lateralBalasGomas #menuParte1 #linkVerMaterias{
	margin: 35px 0px 0px 0px;
	display: block;
	text-align: center;
}

body#balasGomas #lateralBalasGomas #menuParte1 #txtIntroMenu{
	color: #386091;
}

body#balasGomas #lateralBalasGomas #menuParte1 ul li{
	background: url("/voce-beija-bem/images/mentos-bullet-laranja.gif") no-repeat 0px 4px;
	padding: 0px 0px 5px 10px;
}

body#balasGomas #lateralBalasGomas #menuParte2{
	width: 388px;
	background: url("/voce-beija-bem/images/voce_beija_bem_02.gif") no-repeat 0px 0px;
	height: 181px;	
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}

body#balasGomas #lateralBalasGomas #menuParte2 #facaTeste{
	width: 150px;
	height: 100px;
	float: right;
	padding: 50px 10px 0px 0px;
}

body#balasGomas #lateralBalasGomas #menuParte2 #facaTeste a{
	color: #D25310;
}

.linkInvisivel{
	display: block;
	width: 70px;
	height: 40px;
	float: right;
}
#menuMaterias a {
	background: url("/gomas-mascar/images/menu-lateral-gomas.gif") no-repeat 0px 0px;
	padding: 0px 0px 0px 10px;
}

#menuMaterias a:hover{
	color: #11abe4;
}

.textColor {
	color: #37628c;
}

#top5{
	position: absolute;
	bottom: 100px;
	left: 80px;
	background: url("/voce-beija-bem/beijo-surpreendente/images/mentos-top5.gif") no-repeat 0px 0px;
	width:214px;
	height:212px;
    padding: 70px 50px 0px 10px;
}

#top5 ul{
	padding: 10px 0px 0px 0px;
}

#top5 li {
	background: #FFF url("/voce-beija-bem/beijo-surpreendente/images/mentos-top5-estrela.gif") no-repeat 3px 3px;
	padding: 5px 0px 5px 25px;
	margin: 0px 0px 5px 0px;
	width: 180px;
}

#top5 li a{
	font-weight:bold;
	color: #11A3D6!important; 
	text-decoration: underline;
}

#controlaCampeonato {
	float: left;
}

#ajustaRespiro {
	float: left;
	padding-left: 12px;
}

#text {
	float: left;
	width: 532px;
	padding: 0px 0px 0px 10px;
	background-color: #FFF;
}

#tituloData {
	font-size: 16px;
	font-weight: bold;
	color:#c91e20;
}

#controlaTexto {
	width: 330px;
}

#controlaFotos {
	float: left;
	width: 296px;	
	position: absolute;
	top: 290px;
	left: 630px;
}

#linkYouTube {
	float: left;
}


/* ISSO SERVE PARA ALINHAR OS BENDITOS CHECKBOXES
----------------------------------------------------------------------------------*/
.controlaInputCheckBox{
	float: left;
	display: block;
	width: 17px;
	height: 17px;
}

.controlaInputCheckBox input{
	margin: 0px;
	padding: 0px;
	width: 15px;
	height: 17px;
	float: left;
}

.checkBoxInfos{
	display: block;
	float: left;
	width: 260px;
	font-weight: normal;
	font-size: 10px;
	padding: 2px 0px 10px 0px;
}

/* Menu Lateral BALAS &' GOMAS
--------------------------------------------------------------------------------------------------*/
body#balasGomas #menuLateral{
	width: 257px;
	padding: 0px 0px 0px 30px;
	font-weight: bold;
	font-size: 11px;
}

body#balasGomas #menuLateral ul{
	width: 195px;
}

body#balasGomas #menuLateral ul li{
	width: 195px;
}

body#balasGomas #menuLateral ul li a{
	display: block;
	width: 175px;
	height: 20px;
	padding: 5px 0px 0px 20px;
	color: #D0177C;
}

body#balasGomas #menuLateral ul li a.duasLinhas{
	height: 25px;
}

body#balasGomas #menuLateral ul li a:hover{
	color: #FA25A3;
}

body#balasGomas #menuLateral ul li.menu1 a{
	background: url("/voce-beija-bem/images/menu-lateral-material.gif") no-repeat 0px 0px;
}

body#balasGomas #menuLateral ul li.menu2 a{
	background: url("/voce-beija-bem/images/menu-lateral-quiz.gif") no-repeat 0px 0px;
}

body#balasGomas #menuLateral ul li.menu3 a{
	background: url("/voce-beija-bem/images/menu-lateral-beijo-molhado.gif") no-repeat 0px 0px;
}

body#balasGomas #menuLateral ul li.menu4 a{
	background: url("/voce-beija-bem/images/menu-lateral-beijo-supreendente.gif") no-repeat 0px 0px;
}

body#balasGomas #menuLateral ul li ul li a{
	background-image: none!important;
	background-color: #FED13A!important;
	border-top: 1px solid #FFF;
	padding: 4px 0px 4px 10px;
	width: 185px;
}

body#balasGomas #menuLateral ul li ul li a:hover{
	text-decoration: none;
}

body#balasGomas #menuLateral ul li ul li a img{
	vertical-align: middle;
}

/*
------------------------------------------------------------------------------*/

#controlaBgQuiz {	
	float: left;
	width: 682px;
	height: 491px;
	background: url('/voce-beija-bem/quiz/images/mentos-quiz-voce-beija-bem.gif') no-repeat 0px 0px;
}
#conteudoQuiz {
	float: left;
	padding: 95px 0px 0px 75px;
	width: 500px;
	color: #3d5d90;
}
#perguntas {
	float: left;
	width: 435px;
}
.pontuacao {
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 5px 0px 5px 0px; 
	background-color: #0f7bb9; 
	margin: 0px 0px 5px 0px;	
	float: left;
}
#perguntaDaVez {
	display: block;
	float: left;
	background-color: #e2ffc7; 
	width: 100%;
}
#perguntaDaVez img {
	float: left;
	margin: 8px 5px 0px 8px;
}
#perguntaDaVez p{
	float: left;
	padding-top: 15px; 
	font-weight: bold;
	font-size: 15px;
}
.boxInput {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	border-bottom:1px solid #e2ffc7; 
}
#camposDeBusca {
	float: left;
	clear: both;
}

#alternativa_id {
	margin: 0px 4px 0px 0px;	
}
#list{
	padding: 20px 0px 20px 0px;
	float: left;
}
#list li{
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	border-bottom:1px solid #e2ffc7;
	width: 430px;
	float: left;
	clear: both;
}

#list li label{
	font-weight: bold;
	float: left;
	padding: 0px 0px 0px 50px;
}

#list li label input.inputRadio{
	height: 13px;
}

#list li input{
	float: left;
}

#list li label span{
	display: block;
	width: 320px;
	float: left;
}

#pularPergunta{
	float: left;
	padding: 0px 10px 0px 50px;
	display: block;
	width: 162px;
}

#confirmarResposta{
	float: left;
}

/* Rodapé
---------------------------------------------------------------------------------*/
#rodape{
	margin: auto;
	width: 100%;
	background: #9AABF7 url("/images/mentos-rodape.gif") repeat-x 0px 0px;
	padding: 0px 0px 20px 0px;
	color: #FFF;
}

#controlaRodape{
	width: 999px;
	margin: auto;
	padding: 30px 0px 0px 0px;
	font-size: 10px;
}

#controlaRodape dl.semBordaLeft{
	border-left: none!important;
}

#controlaRodape dl{
	float: left;
	border-left:1px dotted #FFF;
	padding: 0px 5px 0px 5px;
}

#controlaRodape dl dt{
	float: left;
	font-weight: bold;
	padding: 3px;
	background: #FFF;
	margin: 0px 0px 5px 0px;
}

#controlaRodape dl dt a{
	padding: 0px 0px 0px 0px;	
	display: block;
}

#controlaRodape dl dd{
	float: left;
	background: url("/images/mentos-breadcrumbs.gif") no-repeat 5px 4px;
	clear: both;
	padding: 0px!important;
}

#controlaRodape dl dd a{
	float: left;
	display: block;
	text-align:left;
	padding: 0px 10px 0px 12px;
	width: 80px;
}

#controlaRodape dl dd dl{
	float: left;
	border-left:none;
	padding: 0px 0px 5px 10px!important;
	clear: both;
	display: block;
}

#controlaRodape dl dd dl dd{
	float: left;
	background: url("/images/mentos-breadcrumbs.gif") no-repeat 5px 4px;
	clear: both;	
	padding: 0px 10px 2px 0px;
	display: block;
	width: 110px;
}

#controlaRodape dl dd dl dd a{
	float: left;
	display: block;
	width: 80px;
}


/* Screen Only - Print
----------------------------------------------*/
.screenOnly{
	display: none;
}