/*	PADRÃO DO SITE
----------------------------------------------------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	font: normal 10px verdana;
	text-align: center;
background: url(/Palmolive/BR/HomePage/assets/images/experiencias/nutrimilk/bg_pattern.jpg) repeat!important;
}

input, table, textarea, select{
	font: normal 10px verdana;
	margin: 0px;
	padding: 0px;
}

#geral_background {
width: 100%;
height:580px;
background-image: url('/Colgate/BR/PC/Products/HairProducts/PalmoliveKids/images/palmolive_kids_bg_infinito.jpg');
text-align:center;
}

#geral{
	margin: auto;
	width: 759px;
	background: url('/Colgate/BR/PC/Products/HairProducts/PalmoliveKids/images/palmolive_kids_bg.jpg') no-repeat 0px 0px;
	text-align: left;
	position: relative;
	height: 580px;
	z-index: auto;
}

#geral #controlaTudo
{
	width: 759px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
}

#geral #controlaTudo #topo
{
	width: 759px;
	float: left;
	top: 0px;
	left: 0px;
}

#geral #controlaTudo #corpo{
	width: 759px;
	float: left;
}

#geral #controlaTudo #corpo #conteudo{
	width: 759px;
}

.item-list{
cursor: pointer;
float: left;
margin: 0 13px;
width: 220px;
}

.item-list img {
  border: 1px solid #fff;
  width: 100%;
}


#jogo{
	margin-top:3%;
	}

#related {
  height: 200px;
  margin: 3% 0;
}


#related ul {
 margin: 0 120px;
  list-style-type: none;
}

#related p {
    font: italic 17px Georgia;
  margin: 0;
  margin: 4% 0;
   text-align: center;
  vertical-align: middle;
}


/*	CLASSES E DEFINIÇÕES GERAIS DO SITE
------------------------------------------------------------------------------------------*/
img{
	border: 0px;
}

object{
	outline: none;
}

ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

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

h1{
	font: bold 15px verdana;
	color: #624C4A;
	margin: 0px;
	padding: 0px;
}

h2{
	font: bold 11px verdana;
	color: #624C4A;
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
	color: #2686B0;
}

a, a:hover, a:visited{
	text-decoration: none;
	color: #2686B0;
}

.floatLeft{
	float: left;
	margin:0px;
	padding:0px;
}

.floatRight{
	float: right;
}	

.clear{
	clear: both;
}

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

/* TOPO 
---------------------------------------------------------------------------------------*/
#logoHome{
	float: left;
	background-color: transparent;
	background: url('/Colgate/BR/PC/Products/HairProducts/PalmoliveKids/images/palmolive_kids_bg_logo.gif') no-repeat 0px 0px;
	width: 245px;
	padding: 0 0 0 20px;
}

#balaoIndique{
	float: left;
	width: 154px;
}

/* CONTEUDO
-----------------------------------------------------------------------------------------*/
#geral #corpo #conteudo #bgParticipeMeninas{ 
	background: url('/Colgate/BR/PC/Products/HairProducts/PalmoliveKids/images/palmolive_kids_home_menina.gif') no-repeat 0px 0px;
	width: 759px;
	float: left;
}
	
#geral #corpo #conteudo #bgHome{ 
	width: 759px;
	float: left;
}	
		
#imgConcursoCultural{
	margin: 107px -10px 0px 0px;	
}

/*#conteudoInternas{
	background: url('/Colgate/BR/PC/Products/HairProducts/PalmoliveKids/produtos/images/palmolive_kids_cenario.gif') no-repeat 0px 0px;
	height: 340px;
	position: relative;
	width: 759px;
}*/

#ajustConteudoInternas{
	width: 504px;
	padding: 26px 0px 0px 105px;
	float: left;			
}

#flashNuvens{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index : auto;
}


/*	PAGINA DE PRODUTOS
---------------------------------------------------------------------------------------------*/
#boxTransparenteProdutos{
	-moz-opacity:.85;
	filter:alpha(opacity=85);
	opacity: .85;
	width: 390px;
/*	background-color: #FFF;*/
	padding: 18px 10px 10px 10px;
}
	
#boxTransparenteProdutos span{
	font-weight: bold;
	color: #154E64!important;
	display: block;
	width: 425px;
}

#controlaBoxTransparente{
	position: relative;
	margin: 0px 0px 1px 0px;
}

#imgProdutos{
	position: absolute;
	top: -25px;
	left: 10px;
	z-index: 10;
}

#controlaImgClinicamente{
	position: absolute;
	top: 211px;
	left: 38px;
}

#controlaImgShampoos{
	float: left;
	width: 418px;
	padding: 0px 0px 0px 4px;
}
		
#imgsTodosTiposCabelo{
	float: left;
	padding: 0px 0px 0px 1px;
}

#controlaOpcoeSemLagrima{
	display: block;	
	float: left;
	padding: 0px 0px 0px 1px;
}

#controlaImgVoltar{
	float: right;
	margin: -7px 0px 0px 0px;
}

#linkHome{
	position: absolute;
	top: 10px;
	right: 170px;
	z-index: 25;
}

#FlashProdHome{
	float: right;
}

/* COMPARTILHE
-----------------------------------------------------------------------------------------*/

#imgCompartilhe{
	position: absolute;
	top: 460px;
	left: 30px;
	z-index: 45;
}

/*	CONCURSO
-------------------------------------------------------------------------------------------*/
#bgFloaters{
	background-color: #0f263e;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	display: none;
}

#menuLateralEsquerdo{
	width: 167px;
	padding: 20px 0px 0px 40px;
	float: left;
	position: relative;
}

#menuLateralEsquerdo img{
	float: left;
}

#menuLateralEsquerdoParticipe{
	margin: 170px 0px 0px 0px;
	width: 167px;
	padding: 20px 0px 0px 40px;
	float: left;
}

#menuLateralEsquerdoParticipe img{
	float: left;
}

#conteudoDireita{
	float: left;
	width: 319px;
}

#corpoConcurso{
	background: url('http://www.sorrisocolgate.com.br/cons/br/promos/pc/pokids/concurso_cultural/images/palmolive_kids_cenario_concurso.gif') no-repeat 0px 0px!important;
	width: 759px;
	float: left;	
}

#conteudoInternasConcurso{
	height: 535px;
	position: relative;
	width: 759px;
}

#conteudoDireitaConcurso{
	width: 510px;
	float: left;
}

#geralConcurso{
	width: 718px;
	text-align: left;
	position: relative;
}

#controlaMenuLateral{
	width: 228px;
	float: left;
}

#tituloParticipe{
	margin: 50px 0px 0px 98px;
}

#carregaPagina{
	top: 0px;
	left: 0px;
	z-index: 1;
	position: absolute;
	display: none;
}

#flashIndique{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 30;
}

#logoHome
{
    position: relative;
	float: left;
	width: 225px;
	height: 175px;
	background: url('/Colgate/BR/PC/Products/HairProducts/PalmoliveKids/images/palmolive_kids_bg_logo.gif') no-repeat 0px 0px;
	z-index: 0;
}

#logoHomePlaca{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 235px;
	z-index: 99999999;
	padding: 0px 0px 0px 20px;
}

.ultimo{
	border: none!important;
}

/*PÁGINA DE INDIQUE
-------------------------------------------------------------------*/

#alinhaSubTitulo{
	margin: 0px 0px 0px 21px;
}

#alinhaTitulo{
	margin: 0px 0px 0px 17px;
}

#controlaForm{
	width:382px;
	position: relative;
	z-index: 0;
}

#campoNome{
	display: block;
	width: 382px;
	border-bottom: 1px solid #2b708a;
	float: left;
}

#campoNome span{
	display: block;
	padding: 0px 0px 15px 26px;
	float:left;
}

#campoNome span img{
	float: left;
	margin-right: 5px;
}

#campoNome span input{
	width: 220px;
	float: left;
	background: #f2eeea;
	border: 2px solid #bfa479;
	height: 18px;
}

.campoNomeEmailAmigo{
	display: block;
	width: 382px;
	float: left;
}

.campoNomeEmailAmigo span{
	display: block;
	padding: 0px 0px 5px 26px;
	float:left;
}

.campoNomeEmailAmigo span img{
	float: left;
	margin-right: 5px;
}

.campoNomeEmailAmigo span input{
	width: 220px;
	float: left;
	background: #f2eeea;
	border:2px solid #bfa479;
	height: 18px;
}

#btnOpcoesForm{
	text-align: center;
	width: 382px;
	margin: 8px 0px 0px 0px;
	float: left;
}

#btnOpcoesForm img#addNovoAmigo{
	margin: 0px 7px 0px 0px;
}

#btnEnviar{
	margin: 5px 0px 0px 3px;
}

/*#boxTransparenteProdutos{
	clear: both;
	padding: 3px 3px 3px 3px!important;
	margin: auto!important;
	width:200px;
	z-index: 5;
}*/

#controlaBoxTranspIndique{
	text-align: center;
	width: 382px;
	display: none;
}

#personagemJacare{
	position: absolute;
	top: 363px;
	left: 0px;
	z-index: 0;
}

#personagemAbelha{
	position: absolute;
	top: 0px;
	right: 1px;
	z-index: 13; 
}

#mostraListaAmigosBox{
	background: url('/Colgate/BR/PC/Products/HairProducts/PalmoliveKids/images/palmolive_kids_fundo_box.gif') no-repeat 0px 0px;
	width: 330px;
	height: 200px;
	position: absolute;
	top: -12px;
	left: 10px;
	padding: 30px 0px 0px 30px;
	z-index: 100;
	display: none;
}

#mostraListaAmigosBox #listaDeAmigos{
	width: 325px;
	height: 115px;
	margin: 0px 0px 0px 5px;
}

#mostraListaAmigosBox #listaDeAmigos ul{
	width: 325px;
}

#mostraListaAmigosBox #listaDeAmigos ul li{
	float: left;
	width: 150px;
	border-right:1px solid #000;
	margin: 0px 10px 0px 0px;
	padding: 5px 0px 5px 0px;
}

#mostraListaAmigosBox #listaDeAmigos ul li a{
	width: 10px;
}

#mostraListaAmigosBox #listaDeAmigos ul li span{
	display: block;
	width: 130px;
	float: left;
	font-weight: bold;	
}

#fecharDireita{
	float: right;
	padding: 2px 20px 0px 0px;
	font-size: 15px;
	color: #065EA5;
	display: block;
	width: 10px;
	font-weight: bold;	
	
}

#controlaBtnsListaAmigos{
	width: 330px;
	text-align: center;
}

#btnListaAmigos{
	width: 200px;
	margin: auto;
}

#janelaAvisoAmigo{
	position: absolute;
	width: 270px;
	top: 60px;
	left: 55px;
	z-index: 15;	
	text-align: center;
	background: url('http://www.sorrisocolgate.com.br/cons/br/promos/pc/pokids/indique/images/palmolive_kids_fundo_alerta.gif') no-repeat center center;
	z-index: 11;
	height: 110px;
	padding: 50px 0px 0px 0px;
}


/* WIDGETS 
--------------------------------------------------------------------------------------------------*/

#compartilhe {
	position: relative;
	width: 400px;
	height: 160px;
	text-align: right;
}
#controlaWidgets{
	padding: 5px 0px 0px 10px;
	width: 380px;
	height:180px;
	display: block;
	position: absolute; 
	top: -10px; 
	left: 0px;
	z-index: 999;
}
widgets{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#widgets li{
	float: left;
	width: 190px;
	text-align: left;
	height: 25px;
	padding: 2px 0px 0px 0px;
}
#widgets li a {
	color: #2585ad;
	text-decoration: none;
}
#widgets li img{
	margin: 0px 5px 0px 5px!important;
	vertical-align: bottom!important;
}