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

/* GERAL
--------------------------------------------------------------------------------*/
.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clear {
	clear: both;
}

.none {
	display: none;
}

.block {
	display: block;
}

.relative{
	position: relative;
}

/* DEFINE TODOS OS STYLOS DAS DIVS TDS 
----------------------------------------------------------------------------------------- */
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

a{
	outline: none;
	color: #945a10;
}

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

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

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

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

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
}

/*retira a borda do flash no mozila*/
object {
	outline: none;
} 


/* DEFINE TODOS OS STYLOS GERAIS DAS PÁGINAS 
---------------------------------------------------------------------------------------*/
body {
	font: normal 11px/14px Trebuchet MS;
	color: #945a10;
	margin: 0px!important;
	padding: 0px!important;
	text-align: center;
	background-color: #5c90b7;
}

#global {
	/*background:#fff url('/sustentabilidade/images/mentos_sustentabilidade_bg_site.jpg') no-repeat 0px 0px;*/
}

#container {
	/*background: url('/sustentabilidade/images/mentos_sustentabilidade_px_rodape.gif') repeat-x 0px bottom;*/
}

#geral {
	width: 970px;
	text-align: left;
	margin: auto;
	position: relative;
}

#corpo {
	width: 615px;
	margin: 0px 0px 0px 60px;
}

/* TOPO DAS PÁGINAS INTERNAS
------------------------------------------------------------------------------------------*/
#topo {
	display: none;
	float: left;
	width: 615px;
}


/* MENU LATERAL  ESQUERDA
------------------------------------------------------------------------------------------*/
#menuLateralEsquerda {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* MENU LATERAL  DIREITA
------------------------------------------------------------------------------------------*/
#menuLateralDireita {
	display: none;
	position: absolute;
	top: 0px;
	left: 803px;
}

/* MENU INTERNO NO CONTEUDO
------------------------------------------------------------------------------------------*/
#menuInterno {
	display: none;
	float: left;
	width: 585px;
}

#menuInterno ul {
	float: right;
}

#menuInterno ul li {
	float: left;
}

#menuInterno ul li a {
	display: block;
	width: 57px;
	float: left;
	padding: 23px 0px 0px 63px;
	color: #93c532;
	font-size: 10px;
}

#menuInterno #indique {
	width: 122px;
	height: 42px;
	background: url('/sustentabilidade/images/mentos_sustentabilidade_indique.gif') no-repeat 0px 0px;
}

#menuInterno #versao {
	width: 122px;
	height: 42px;
	background: url('/sustentabilidade/images/mentos_sustentabilidade_versao_pdf.gif') no-repeat 0px 0px;
}

#menuInterno #imprimir {
	width: 122px;
	height: 42px;
	background: url('/sustentabilidade/images/mentos_sustentabilidade_imprimir.gif') no-repeat 0px 0px;
}

/* DEFINE POSIÇÃO E EDIÇÃO DO CONTEUDO DAS PÁGINAS
------------------------------------------------------------------------------------------*/
#controlaConteudo {
	float: left;
	width: 585px;
	padding: 0px 0px 0px 30px;
}

#conteudo {
	float: left;
	width: 585px;
	padding: 10px 0px 40px 0px;
}

#ajustaFlashHome {
	margin: 0px 0px 40px 0px;
}



#estouAcordo label {
	cursor: pointer;
	font-weight:bold;
}
#estouAcordo label input {
	border: none;
}

/* MENU INFERIOR RODAPE
------------------------------------------------------------------------------------------*/
/*CSS ESPECÍFICO DO MENU DA HOME*/
#menuInferiorHome {
	display: none;
	position: absolute;
	top: 690px;
	left: 140px;
	padding: 10px 0px 0px 0px;
	background:url('/sustentabilidade/images/mentos_sustentabilidade_sombra_rodape.gif') no-repeat 75px 0px;
}

#menuInferiorHome ul li {
	float: left;
}

#menuInferiorHome ul li a {
	display: block;
	color: #788a8c; 
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	cursor: pointer;
	border-left:1px solid #b0c4c6;
}

#menuInferiorHome .primeira {
	border: none!important;
}
/*-----FECHA CSS ESPECÍFICO DO MENU DA HOME*/


/*CSS ESPECÍFICO DO MENU DAS INTERNAS O INCLUDE FICA LOCALIZADO DENTRO DO INCLUDE DO RODAPÉ*/
#menuInferior {
	display: none;
	float: left;
	width: 840px;
	padding: 12px 0px 15px 130px;
	background:url('/sustentabilidade/images/mentos_sustentabilidade_sombra_rodape.gif') no-repeat 205px 0px;
}

#menuInferior ul li {
	float: left;
}

#menuInferior ul li a {
	display: block;
	color: #788a8c; 
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	cursor: pointer!important;
	border-left:1px solid #b0c4c6;
}

#menuInferior .primeira {
	border: none!important;
}
/*-----FECHA CSS ESPECÍFICO DO MENU DAS INTERNAS O INCLUDE FICA LOCALIZADO DENTRO DO INCLUDE DO RODAPÉ*/


/* RODAPÉ
------------------------------------------------------------------------------------------*/
#rodape {
	float: left;
	width: 100%;
 	font-size: 10px;
	padding: 0px 0px 0px 0px;
	color: #c9dede;
}

#rodape a {
	color: #ffffff;
}

#rodape #linksEspecias {
	text-decoration: none!important;
}

#rodape  #guardaLinksRodape {
	text-align: center;
	padding: 5px 0px 5px 0px;
	background-color: #5c90b7;
}

/*QUEREMOS OUVIR VOCÊ
-------------------------------------------------------------------------------------------*/

/*controla a frase do topo*/
#queremosOuvirVoceSpan {
	width: 360px;
	float: left;
	display: block;
	padding: 30px 0px 0px 20px;
}
/*controla a imagem do topo do formulario*/
#queremosOuvirVoceImg {
	background: url('/sustentabilidade/queremos_ouvir_voce/images/mentos_sustentabilidade_mostre_atitude.gif') no-repeat;
	width: 172px;
	height: 112px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 260px 0px 0px 610px;
	float: left;
}

/*controla o formulario*/
#controlaFormularioQueremos {
	float: left;
	padding: 25px 0px 0px 25px;
	position: relative;
	top: 0px;
	left: 0px;
	width: 485px;
}

/*tira borda dos inputs*/
#controlaFormularioQueremos form input, textarea {
	border: none;	
	background-color: none;
	padding: 0px 0px 0px 0px;
}
/*controla todos os spans*/
#controlaFormularioQueremos span {
	margin: 5px 0px 0px 0px;
	display: block;
	font-weight: bold;
	float: left;
}

/*campos nome e e-mail: background*/
#controlaFormularioQueremos .controlaNomeEmailFormulario {
	background: url('/sustentabilidade/queremos_ouvir_voce/images/mentos_sustentabilidade_nome_email.gif') no-repeat;
	background-attachment: inherit; 
 	width: 388px!important;
	height: 19px;
	float: left;
	padding: 0px 4px 0px 4px;
}

#controlaFormularioQueremos .controlaNomeEmailFormulario input {
	width: 388px!important;
	height: 19px;
	background: none;
	border:none!important;
}


#controlaFormularioQueremos .controlaNomeEmailFormulario input{
	background-attachment: inherit; 
}

/*campo cidade*/
#controlaFormularioQueremos #controlaCidadeFormulario {
	background: url('/sustentabilidade/queremos_ouvir_voce/images/mentos_sustentabilidade_cidade.gif') no-repeat;
	background-attachment: inherit; 
	width: 236px;
	height: 19px;
	float: left;
	padding: 0px 4px 0px 4px;
	
}

#controlaFormularioQueremos #controlaCidadeFormulario input {
	width: 236px;
	height: 19px;
	float: left;
	background: none;
	border:none!important;
}

/*campo sexo*/		
#controlaFormularioQueremos #controlaSexoFormularioMasculino {
	background-attachment: fixed;
	background: url('/sustentabilidade/queremos_ouvir_voce/images/mentos_sustentabilidade_masculino.gif') no-repeat;
	float: left;
	width: 32px; 
	height: 26px;
}

#controlaFormularioQueremos #controlaSexoFormularioFeminino {
	background-attachment: fixed;
	background: url('/sustentabilidade/queremos_ouvir_voce/images/mentos_sustentabilidade_feminino.gif') no-repeat;
	float: left;
	width: 32px; 
	height: 26px;
	margin-left: 2px;
}
		
/*controla checkbox sexo*/
#controlaFormularioQueremos #controlaSexoFormulario #masculino{
	margin: 5px 3px 0px 0px;
	width: 16px;
	height: 18px;
	float: left;	
}
/*controla checkbox sexo*/
#controlaFormularioQueremos #controlaSexoFormulario #feminino{
	margin: 5px 3px 0px 15px;
	width: 16px;
	height: 18px;
	float: left;
}

/*campo data de nascimento*/
#controlaFormularioQueremos #controlaDataFormulario input{
	background: url('/sustentabilidade/queremos_ouvir_voce/images/mentos_sustentabilidade_data.gif');
	background-repeat: no-repeat;
	float: left;
	width: 80px;
	height: 18px;
	margin-right: 2px;
	margin-left: 2px;
}


#controlaFormularioQueremos #tamanhoData {
	float: left;
    text-align: right;
    padding: 3px 8px 0px 0px;
	display: block;
    width: 125px;
}

#controlaFormularioQueremos #controlaDataNascimento {
	float: right;
	/*width: 285px;*/
	width: 250px;
}

/*span com tamanho fixo*/
#controlaFormularioQueremos .tamanhoFixo {
    float: left;
    text-align: left;
    padding: 3px 0px 0px 0px;
	display: block;
    width: 48px;
}

/*campo estado*/
#controlaFormularioQueremos #controlaEstadoSpan {
	float: left;
    text-align: right;
    padding: 3px 10px 0px 0px;
	display: block;
    width: 83px;
}

/*campo textarea*/
#controlaFormularioQueremos #controlaFalaFormulario textarea{
	background-attachment: fixed;
	background: url('/sustentabilidade/queremos_ouvir_voce/images/mentos_sustentabilidade_comentario.gif') no-repeat;
	float: left;
	width: 389px;
	height: 105px!important;
	overflow: auto;
	padding: 0px 4px 0px 4px;
}

#controlaFormularioQueremos #controlaFalaFormulario textarea{
	background-attachment: inherit;
	
}
/*campo caracteres*/
#controlaFormularioQueremos #caracteres {
	float: left;
	display: block;
	text-align: right;
	margin: 0px 0px 0px 0px;
	font-weight: normal!important;
	width: 435px;
} 

/*campo checkbox*/
#controlaFormularioQueremos #controlaChebox {
	float: left;
	margin: 15px 0px 0px 0px;
}

#controlaFormularioQueremos #controlaChebox input{
	float: left;
}

#controlaFormularioQueremos #controlaChebox span {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 5px;
	display: block;
}

#controlaFormularioQueremos #controlaImgLimparEnviar {
	float: left;
	width: 300px;
	padding: 0px 0px 0px 120px;
}

#controlaFormularioQueremos #controlaImgLimparEnviar div span {
	padding: 0px 60px 0px 0px;
	float: left;
}

/* WIDGETS 
-------------------------------------------------------------------------------------------*/
#controlaWidgets{
	background-color: #fff;	 
	padding: 5px 0px 5px 0px;
	width: 500px;
	display: none;
	position: absolute; 
	top: 0px; 
	left: 0px;
	z-index: 100;
	background: url('/sustentabilidade/indique_amigos/images/mentos_sustentabilidade_compartilhe_box.gif') no-repeat 0px 0px;
}

#controlaWidgets a {
	color: #3c91b9;
}

#widgets{
	list-style-image: none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 450px;
	float: left;
	
}

#widgets li{
	float: left;
	width: 145px;
	text-align: left;
	height: 25px;
	padding: 2px 0px 0px 0px;
	
}

#widgets li img{
	margin: 0px 5px 0px 5px;
	vertical-align: bottom;
} 

#compartilhe {
	position: relative;
	float: left;
	width: 485px;
	text-align: right;
}

.fonte{
	display: block;
	text-align: right;
	font-style: italic;
}