/*
	Mens Infodesign // e-Commerce e Marketing Interativo
	SAUS Q. 01, Bloco M, Edifício Libertas, Sala 812 | CEP 70.070-010 | Brasília, D.F. - Fone: +55 (61) 3323-7094
	Site: www.mens.com.br - E-mail: mens@mens.com.br
	Projeto: WWWF - Água
	Data: Setembro de 2006
	Autor: Valter Rodrigues
*/

/*.......... ESTRUTURA ..........*/
* 		{ margin:0px; padding:0px; border:0px; list-style-type:none;  }
body 		{ text-align:center; font:11px Tahoma, Helvetica, sans-serif; color:#666; background:url(../imagens/util/bg_header.jpg) left top repeat-x;}
.geral 		{ text-align:left; background:url(../imagens/util/bg_complemento.jpg) 760px 0px no-repeat; padding-bottom:30px;  }
.geralPop 	{ text-align:left;  }
.wrap 		{ width:760px;  }
.wrapPop	{ width:520px;  }
.header 	{ width:760px; height:154px; clear:both; display:table; }
.nav 		{ width:100%; height:78px; text-align:center !important ; clear:both; display:table; background:url(../imagens/util/nav/bgGeralNav.jpg) repeat-x 760px 0px;  }
.column 	{ width:183px; margin:20px 0px 20px 20px; _margin:20px 10px 0px 10px;  float:left; }
.second_column  { width:183px; display:block; float:right; margin-top:20px; margin-bottom:20px; }
.content 	{ width:517px; margin-left:20px; _margin-left:10px;  margin-top:10px; margin-bottom:20px; float:left; padding:10px; }
.contentPop 	{ width:520px; margin-left:20px; _margin-left:10px;  margin-top:10px; float:left; padding:10px; }
.footer 	{ width:760px; clear:both; display:table; background:#EFEFEF; }
/****************************************************************/


/*.......... ESTILOS ..........*/

a{ color:#666;  text-decoration:none; }
a:hover{ color:#666;  text-decoration:underline; }
.fontMeio, .fontMeio a { color:#0066CC; font-weight:bold; text-decoration:none; }
.fontMeio a:hover, .fontGuia a:hover { text-decoration:underline;  }
.fontBold 	{ font-weight:bold; }
.fontMeio a:hover { text-decoration:underline; color:#0066CC; }
.fontGuia a	{ color:#009900; font-weight:bold;  text-decoration:none; }
.fontGuia a:hover { color:#009900; text-decoration:underline;  }
.fontLivro a	{ color:#993300; font-weight:bold; text-decoration:none; }
.fontInformacao { color:#996600; font-weight:bold; text-decoration:none; }
.fontMeioA a { color:#FFCC00; font-weight:bold; text-decoration:none; }
.fontMeioA a:hover { color:#FFCC00; font-weight:bold; text-decoration:underline; }
.fontInformacaoP{ color:#996600; }
.fontTxtEsq 	{ color:#03758D; }
.font9 { font-size:9px; }
.clear { clear:both; }

/****************************************************************/

/*.......... BÁSICOS ..........*/
hr 		{ display:none; }
.bgnone 	{ background:none; }
.margemTop5	{ margin-top:3px; }
.margemTop20	{ margin-top:20px; }
.margemBot10	{ margin-bottom:10px; }
.margemLeft20 	{ margin-left:20px; }
.img_esquerda	{ padding:10px 10px 10px 0;  }
.img_direita	{ padding:10px 0 10px 10px; float:right; }
/*.content p { margin:10px 0; } Atrapalhando */
/****************************************************************/

/*.......... TITULOS ..........*/
h1		{ font:14px/1.2em Tahoma, Helvetica, sans-serif; font-weight:bold; color:#396F99; }
h2		{ font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
h2.titBox 	{ font:Tahoma, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; font-weight:bold; color:#644103; }
h3		{ font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
h4		{ font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
h5		{ font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
h6		{ font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
/****************************************************************/

/*.......... LISTAGENS ..........*/
ul, ol, li { margin:0; padding:0;  }
ul {}
ol {}
li {}
/****************************************************************/

/*.......... TABELAS ..........*/
.tabelaTopo , .tabelaTopoLateral , .tabelaCor1 , .tabelaCor2 { height:15px; padding:5px 10px; text-align:left; }
.tabelaTopo { background:#E5DEC2; font-weight:bold; }
.tabelaTopoLateral { background:#EEE7C9; font-weight:bold; }
.tabelaCor1 { background:#F7F4E6; }
.tabelaCor2 { background:#FBFAF3; }
table		{ font-size: 11px; }
/****************************************************************/

/*.......... COLUMN ..........*/
.box 		{ height:29px; background:url(../imagens/util/bgBox.jpg) no-repeat; padding:13px;  }
.box p 		{ font:Tahoma, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; font-weight:bold; color:#644103;  }
.column h6 { height:40px; margin-top:0px; font:12px/1.2em Tahoma, Helvetica, sans-serif; font-weight:bold; color:#666; line-height:16px; background:url(../imagens/util/bg_tit_generica.gif) repeat-x; }
.column h3 { height:40px; padding-left:25px; margin-top:20px; font:14px/1.2em Tahoma, Helvetica, sans-serif; font-weight:bold; color:#977000; background:url(../imagens/util/bg_tit_lateral_bullet.gif) no-repeat; }

ul.menu 	{ margin-top:0px; }
.menu li { height:20px; padding-top:10px; color:#644103; padding-left:35px;  }
.menu li.roxo 	{ background:url(../imagens/util/bgBulletRoxo.gif) no-repeat bottom; }
.menu li.verde 	{ background:url(../imagens/util/bgBulletVerde.gif) no-repeat bottom; }
.menu li.rosa	{ background:url(../imagens/util/bgBulletRosa.gif) no-repeat bottom; }
.menu li.azul 	{ background:url(../imagens/util/bgBulletAzul.gif) no-repeat bottom; }
.menu a		{ display:block; height:23px; text-decoration:none; color:#644103;  }
.menu a:hover 	{ color:#644103; text-decoration:underline; }

/****************************************************************/

/*.......... SECOND COLUMN ..........*/

.second_column h2 { height:40px; padding-left:20px; font:14px/1.2em Tahoma, Helvetica, sans-serif; font-weight:bold; color:#977000; background:url(../imagens/util/bg_tit_lateral.gif) no-repeat; }
.second_column h3 { height:40px; padding-left:25px; margin-top:20px; font:14px/1.2em Tahoma, Helvetica, sans-serif; font-weight:bold; color:#977000; background:url(../imagens/util/bg_tit_lateral_bullet.gif) no-repeat; }
.second_column h3.balao { height:40px; padding-left:25px; margin-top:0px; font:14px/1.2em Tahoma, Helvetica, sans-serif; font-weight:bold; color:#977000; background:url(../imagens/util/bg_tit_lateral_bullet.gif) no-repeat; }
.second_column h4 { margin:10px 0px; font:12px/1.2em Tahoma, Helvetica, sans-serif; font-weight:bold; color:#03758D; line-height:16px;  }
.second_column h5 { margin:5px 0px; font:12px/1.2em Tahoma, Helvetica, sans-serif; font-weight:bold; color:#996600; line-height:16px;  }
.second_column h6 { height:40px; margin-top:10px; font:12px/1.2em Tahoma, Helvetica, sans-serif; font-weight:bold; color:#666; line-height:16px; background:url(../imagens/util/bg_tit_generica.gif) repeat-x; }
.second_column p  { padding:6px 0px; line-height:15px; }
.bordaImagem 	{ border: 1px solid #03758D; padding:1px; background:#FFF; }
.second_column ul.lista 	{ padding-left:30px; margin:5px 0px; color:#03758D; }
.second_column ul.lista li 	{ list-style:disc !important; margin-bottom:6px; color:#03758D; }
.pensamentos { width:186px; margin-bottom:10px;  background:url(../imagens/util/pensamentos_b2.jpg) repeat-y left top; }
.pensamentos_b1 { height:15px;background:url(../imagens/util/pensamentos_b1.jpg) no-repeat; }
.pensamentos_b2 { padding:0px 20px; }
.pensamentos_b3 { height:30px; background:url(../imagens/util/pensamentos_b3.jpg) no-repeat left bottom; }
.pensamentos_b2 h3 { font:11px/1.2em Tahoma, Helvetica, sans-serif; color:#666; margin-bottom:10px; font-weight:bold; }

/****************************************************************/

/*.......... HEADER ..........*/
.bg_imagem 	{ background:url(../imagens/util/bgImagem.jpg) no-repeat; }
.logomarca 	{ width:55px; height:83px; margin-left:20px; text-indent:-999999px; overflow:hidden;  _margin-left:10px; background:url(../imagens/util/logo_wwf.gif) no-repeat; float:left; }
.logomarca a	{ display:block; }
.bt_header 	{ float:right; margin-right:10px; }
#mandala	{ width:100%; height:100%; position:absolute; top:0px; z-index:200; }
/****************************************************************/

/*.......... NAV ..........*/

.paginacao  { padding: 0 10px; margin: 0 auto;  display: inline; position: relative; top: 12px;  }
ul.numeros 	{ display:inline; list-style-type:none; position: relative; top: -7px; }
ul.numeros li 	{ display:inline;  font-weight:bold; padding:5px 8px; }
ul.numeros li.ativo { background:url(../imagens/util/nav/bg_cap.gif) left top no-repeat; }
ul.numeros li a { text-decoration:none; display:inline; color:#FFF; }
ul.numeros li a:hover { text-decoration:underline; color:#FFF;  }
.nav .bg 		{ height:80px; background:url(../imagens/util/nav/bg_nav.jpg) no-repeat;}
.nav h2			{ font-size:12px; color:#FFF; font-weight:bold; margin-top:10px;  }
.img_aumentaFonte	{ margin-left:20px; float:left; }
.img_imprime  		{ margin-left:10px; float:left; }
.img_seta_esq 		{ padding-left: 0px; }
.img_seta_dir 		{ padding-right: 0px; }
.img_indice_geral 	{ float:left; margin:0px 8px; }
.img_mapa 		{ float:left; margin-left:0px; }
.capitulos 		{ width:350px; text-align:center !important;  height:65px; margin:0px 30px; float:left; }

/* BACKUP
.paginacao  { padding: 0 10px; margin: 0 auto;  width: 1px; display: inline; position: relative; top: 12px; }
ul.numeros 	{ display:inline; list-style-type:none; position: relative; top: -7px; }
ul.numeros li 	{ display:inline;  font-weight:bold; padding:5px 8px; }
ul.numeros li.ativo { background:url(../imagens/util/nav/bg_cap.gif) left top no-repeat; }
ul.numeros li a { text-decoration:none; display:inline; color:#FFF; }
ul.numeros li a:hover { text-decoration:underline; color:#FFF;  }
.nav .bg 		{ height:80px; background:url(../imagens/util/nav/bg_nav.jpg) no-repeat;}
.nav h2			{ font-size:12px; color:#FFF; font-weight:bold; margin-top:10px;  }
.img_aumentaFonte	{ margin-left:20px; float:left; }
.img_imprime  		{ margin-left:10px; float:left; }
.img_seta_esq 		{ padding-left: 0px; }
.img_seta_dir 		{ padding-right: 0px; }
.img_indice_geral 	{ float:left; margin:0px 8px; }
.img_mapa 		{ float:left; margin-left:0px; }
.capitulos 		{ width:350px; text-align:center !important;  height:65px; margin:0px 30px; float:left; }*/
/****************************************************************/

/*.......... CONTENT ..........*/
#texto			{ font-size:11px; line-height:15px; }
.content h1 		{ height:40px; padding-left:20px; font:14px/1.2em Tahoma, Helvetica, sans-serif; font-weight:bold; color:#396F99; background:url(../imagens/util/bg_tit_interna.gif) no-repeat; }
.content h2 		{ font:12px/1.2em Tahoma, Helvetica, sans-serif; padding:10px 0px; font-weight:bold; color:#396F99; }
.content p 		{ padding:6px 0px; }
.content ul 		{ padding-left:50px; margin:10px 0px; }
.content ul li 		{ list-style:disc; margin-bottom:10px;  }
.content img 		{ margin:10px 0px; }
.second_column a , .contentPop a		{ font:11px Tahoma, Helvetica, sans-serif; color:#666; text-decoration:none; }
.second_column a:hover, .contentPop a:hover { font:11px Tahoma, Helvetica, sans-serif; color:#666; text-decoration:underline; }


/****************************************************************/

/*.......... CONTENT POP ..........*/
.contentPop h1	{ height:40px; padding-left:20px; font:14px/1.2em Tahoma, Helvetica, sans-serif; font-weight:bold; color:#396F99; background:url(../imagens/util/bg_tit_interna.gif) bottom no-repeat; }
.contentPop h2	{ font:12px/1.2em Tahoma, Helvetica, sans-serif; padding:10px 0px; font-weight:bold; color:#396F99; }
.contentPop p 	{ padding:6px 0px; line-height:18px; }
.contentPop ul 	{ padding-left:50px; margin:10px 0px; }
.contentPop ul li { list-style:disc; margin-bottom:10px;  }

/****************************************************************/


/*.......... FOOTER ..........*/
address 	{ float:left; margin:12px; font-style:normal; }
.selo_mens 	{ width:150px; margin:10px; float:right; }
.selo_mens a 	{ width:150px; height:20px; display:block; text-indent:-999999px; overflow:hidden; background:url(../imagens/selo_mens.gif) no-repeat; }
/****************************************************************/