/* CSS PADRAO DO SITE 
ESTIOS UNICOS POR PAGINA DEVEM SER CHAMADOS POR ID E ESTILOS REPETIDOS POR CLASS
--------------------------------------------------------------------------------*/

/* GERAL 
--------------------------------------------------------------------------------*/

/* Define todos os estilos gerais das páginas (Nao é reconhecido pelo Mozilla) */
body {
	font: normal 11px/13px Arial;
	font-size: px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
} 

/* Define todos os estilos gerais das divs, tds, selects e inputs */
div, td, select, input, textarea {
	font-family: Verdana;
	font-size: 11px;
	color: #;
}

/* Controla todas as tags principais */
h1 {
	font-family: ;
	font-size: px;
	color: #;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: , ;
	font-size: px;
	color: #;
	margin: 0px;
}
	
form {
	margin: 0px;
	padding: 0px;
}

a, a:hover, a:visited, a:active {
	font: normal 11px/11px Arial;
	text-decoration: none;
	color: #138089;
}

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

.bold{
	font-weight: bold;
}

.underline{
	text-decoration: underline;
}

.clear{
	clear: both;
}

/* Criada para centralizar o conteudo no Firefox */


#global{
	background: url('/Colgate/BR/PC/Products/HairProducts/PalmoliveAnticaspa/images/anticaspa_bg.gif') repeat-y center 0px;
	width: 100%;
}

#geral{
	background: url('/Colgate/BR/PC/Products/HairProducts/PalmoliveAnticaspa/images/anticaspa_bg_internas.jpg') no-repeat center 0px;
	width: 100%;
}

#container{
	width: 778px;
	margin: auto;
	text-align: left;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}


/* 	
	O padrao da tag lista deve ser ser margin ou padding igual a zero. 
	caso queira colocar um valor diferente dessa em uma lista crie uma nova class usando o !important para diferenciar 
*/

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

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


/* TOPO 
--------------------------------------------------------------------------------*/
#topo #flash{
	width: 100%px;
}

#topo #menuSuperior{
	float: left;
}

#topo #menuSuperior ul{
	height: 50px;
}

#topo #menuSuperior ul li{
	float: left;
	border-right: 1px solid #FFF;
	padding: 20px 10px 0px 10px
}

#topo #menuSuperior ul li a img{
	vertical-align: bottom;
}

#topo #menuSuperior ul .ultima{
	padding: 6px 0px 0px 10px!important;
	border-right: none;
	text-align: center;
}

#topo #menuSuperior #logo{
	margin-bottom: 35px;
}



/* MENU 
--------------------------------------------------------------------------------*/

#menuLateral{
	width: 126px;
	float: left;
}

#menuLateral ul li{
	vertical-align: top;
}

#menuLateral #anticaspa{
	height: 90px;
}

#menuLateral #anticaspa a{
	padding: 30px 0px 0px 0px;
	display: block;
}


#menuLateral #verdade{
	height: 90px;
}

#menuLateral #verdade a{
	padding: 30px 0px 0px 0px;
	display: block;
}

#menuLateral #prevenir{
	height: 78px;

}

#menuLateral #prevenir a{
	padding: 21px 0px 0px 0px;
	display: block;
}

#menuLateral #manifesto_anticaspa{
	height: 83px;
}

#menuLateral #manifesto_anticaspa a{
	padding: 24px 0px 0px 0px;
	display: block;
}

#menuLateral #estrela{
	height: 83px;
	display: block;
}

#menuLateral #estrela a{
	padding: 24px 0px 0px 0px;
	display: block;
}


/* CONTEUDO 
--------------------------------------------------------------------------------*/
#conteudo{
	float: left;
	width: 652px;
}

#conteudoInternas{
	background-color: #e7ebec;
	float: left;
	width: 652px;
	min-height: 650px;
	height:auto !important;
	height:650px;
}

#conteudoInternas #conteudoTopo{
	width: 652px;
	height: 116px;
	margin-top: -20px;
	position: relative;
}

#conteudoInternas #conteudoTopo .casal{
	position: absolute;
	top: 0px;
	left: 0px;
}

#conteudoInternas #conteudoTopo img{
	margin: 45px 0px 0px 220px;
}

#conteudoInternas #corpo{
	padding: 20px;
}

#conteudoInternas #corpo h1{
	font: bold 14px/14px Arial;
	margin-bottom: 10px;
}

.corTextoBread {
	font-size: 10px;
	color: #2a4e58;
}

/* IMPRESSAO 
--------------------------------------------------------------------------------*/

@media print{
	#topo{
		display: none;
	}
	
	#menuLateral{
		display: none;
	}
	
	#imgImprimir{
		display: none;
	}
	
	#conteudoTopo{
		display: none;
	}
}



/* ROPDAPE 
--------------------------------------------------------------------------------*/
#rodape{
	margin: auto;
	text-align: center;
	padding: 30px 0px 20px 0px;
	color: #FFF;
	border-top: 1px solid #608089;
	background-color: #366572;
}

#rodape ul{
	width: 385px;
	margin: auto;
	text-align: center;
	height: 14px;
}

#rodape ul li{
	float: left;	
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #FFF;
}

#rodape ul .ultimo{
	border-right: none;
}

#rodape ul li a{
	color: #FFF;	
}