/* $Id: zen.css,v 1.1 2008/04/14 19:43:05 johnalbin Exp $ */



/*=====================================

              /CSS Reset

=====================================*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {

	line-height: 1;

	color: #000000;

	background: #FFFFFF;

}

ol, ul {

	list-style: none;

}



#principal ul {

	list-style-type: square;

	list-style-position: inside;

	padding-left: 10px;

	font-size: 0.8em;

	color: #4D4D4D;

	padding-bottom: 10px;

}



#principal li {

	line-height: 1.5em;

}



#principal ul ul {

	list-style-type: circle;

	padding-left: 20px;

	font-size: inherit;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

/*=====================================

              /CSS Reset

=====================================*/



body {

	font-family: Arial, Helvetica, sans-serif;

}



a, a:link, a:visited, a:active {

	color: inherit;

	font-size: inherit;

}



br {

	clear: both;

}



.linkhome {

	height: 105px;

	float: left;

	margin-left: 3px;  

	text-indent: -2000px;

	width: 105px;  

}



#wrapper {

	background: #D5E5E4;

	margin: 0 auto;

	position: relative;	

	width: 900px;

}	



#topo {

	padding: 0 10px;

	width: 880px;

}



#cabecalho {

	background: transparent url(../img/fundo-cabecalho_.gif) top no-repeat;

	height: 50px;	

	padding-top: 7px;

	margin-bottom: 7px;

	clear: both;

}



#menu {	

	color: #514C48;

	height: 37px;

	width: inherit;

	background: url(../img/fundo-menu.gif) center no-repeat;

	margin-bottom: 8px;

	padding-left: 3px;

}



#menu a {

	color: #514C48;

}



#menu a:hover, #menu li:hover a {

	background-color: #ECF1F0;

}



#menu li ul li a:hover, #menu li:hover ul li a {

	background-color: transparent;

}



#menu li ul li:hover {

	background: url(../img/seta-menu.gif) no-repeat 6px 8px;

}



.menudir {

	margin-left: 110px;

}



#menutopo a, #menutopo a:link, #menutopo a:hover, #menutopo a:visited {

	color: #000000;

}



#menutopo a:hover {

	text-decoration: underline;

}



.menudir a {

	padding-left: 10px;

	border-left: 1px solid #514C48;

}



#menu li {		

	float: left;	

	font-size: 0.78em;

	height: inherit;

	line-height: 37px;

	list-style: none;

	text-align: center;

	text-transform: uppercase;

}



#menu li a {

	text-decoration: none;

	border-right: 1px solid #514C48;

	height: 20px;	

	padding-right: 10px;

	padding-left: 10px;

}



#menu li a.newsletter {

	background: url(../img/seta-abre.gif) no-repeat center right;	

	border-right: none;

	color: #239A9E;

	font-weight: bold;

	padding-right: 23px;

	text-transform: none;

	width: 100px;

}



#menu li.primeiro {

	border: none;

}



#menu li ul {

	background: url(../img/fundo-menu.png) bottom left no-repeat;	

	height: 111px;

	position: absolute;

	width: 145px;

	display: block;

	margin-top: -4px;

	padding-top: 2px;

	/ * margin-top: 22px; * /

	/ * margin-left: -83px; * /

}



#menu li ul li, #menu li ul li a {

	border: none;

	height: auto;

	margin: 0;

	padding: 0;

	text-align: left;	

	float: left;

	display: inline;

	clear: both;

	width: 120px;

}



#menu li ul li a:hover {

	background: url(../img/seta-drop.gif) no-repeat 8px center;

}



#menu li ul li a {

	display: block;

	height: 8px;

	line-height: 10px;

	padding-top: 6px;

	padding-bottom: 5px;

	margin-left: 15px;

	margin-right: 6px;

	border-bottom: 1px solid #CECAC5;

	text-transform: none;

	font-size: 1.1em;

}


/* solução para o problema da newslleter */
#menu li:hover ul.popup {

	visibility: visible;

}



#menu li ul {

	visibility: hidden;

}


#menu1 {

	color: #FFFFFF;	

	float: left;

	display: inline;

	font-size: 0.8em;

	font-weight: bold;

	height: 15px;	

	margin-top: 40px;

	margin-left: 30px;

	width: 245px;	

}



#menu1 li {

	float: left;

	display: inline;

	line-height: 14px;

	padding-left: 15px;

	padding-right: 13px;

}



#menu1 a {

	text-decoration: none;

}



#menu1 li.ultimo {

	border-left: 1px solid #FFFFFF;

	padding-right: 0;

}



#menu1 img {

	vertical-align: middle;

	padding: 0 3px;

	border: 0;

}



#menu2 {

	float: left;

	display: inline;

	height: 34px;

	margin: 0 2px;

	margin-bottom: 11px;

	width: 876px;

}



#menu2 img {

	border: none;

}



#conteudointerno {

	float: left;

	width: 625px;

	padding-left: 24px;

}



#conteudointerno form {

  

}



#menuinterno, #menunoticias {

	width: 219px;

	padding-left: 2px;

	padding-top: 11px;

	background-color: #E9F1EF;

	background-color: #E1ECE8;

	margin-left: -24px;

	float: left;

	padding-bottom: 10px;

}



#textoQuestionario {

	width: 219px;

	padding-left: 2px;

	padding-top: 11px;

	background-color: #E9F1EF;

	margin-left: -24px;

	float: left;

	padding-bottom: 10px;

}



#menuinterno ul, #menunoticias ul {

	width: 207px;

	list-style-type: none;

}



#menuinterno ul, #menunoticias ul {

	width: 207px;

	list-style-type: none;

}



#menuinterno li, #menunoticias li {

	background: url(../img/bg-menu-interno.gif) top left repeat-y;

	width: 207px;

	height: 22px;		

	float: left;

	clear: both;

	padding-bottom: 2px;

}



#menuinterno li a, #menunoticias li a {

	width: 160px;

	padding-left: 32px;

	float: left;

	height: 22px;

	line-height: 22px;

	color: #4D4D4D;

	text-decoration: none;

	font-weight: normal;

	text-transform: uppercase;

	font-size: 0.9em;	

	border-bottom: 1px solid #FFFFFF;

	padding-bottom: 1px;

}



#menunoticias li a, #menunoticias li {

	height: auto;

	text-transform: none;

	line-height: 18px;

}

#menunoticias li {

	padding-bottom: 0px;

	font-size: 0.95em;

	padding-top: 2px;

}



#menuinterno li a:hover, #menuinterno li.atual a {

	background: url(../img/seta-menu-interno.gif) 23px center no-repeat;

}



#menuinterno li.ultimo a, #menunoticias li.ultimo a {

	border-bottom: none;

}



#menuinterno li:hover, #menuinterno li.atual, #menunoticias li:hover, #menunoticias li.atual {

	background: url(../img/bg-menu-interno-ativo.gif) top left repeat-y;

}



#menuinterno li.primeiro, #menunoticias li.primeiro {

	background: url(../img/bg-menu-interno-primeiro.gif) top left no-repeat;

	padding-top: 3px;

}



#menuinterno li.primeiro:hover, #menuinterno li.primeiro.atual, #menunoticias li.primeiro:hover, #menunoticias li.primeiro.atual {

	background: url(../img/bg-menu-interno-primeiro-ativo.gif) top left no-repeat;

}



#menuinterno li.ultimo, #menunoticias li.ultimo {

	background: url(../img/bg-menu-interno-ultimo.gif) bottom left no-repeat;

	border-bottom: none;

	padding-bottom: 7px;

}



#menuinterno li.ultimo:hover, #menuinterno li.ultimo.atual, #menunoticias li.ultimo:hover, #menunoticias li.ultimo.atual {

	background: url(../img/bg-menu-interno-ultimo-ativo.gif) bottom left no-repeat;

	border-bottom: none;

}



#menuinterno .duaslinhas {

	height: 40px;

	line-height: 20px;

}



#menuinterno .duaslinhas a:hover, #menuinterno li.atual.duaslinhas a, #menunoticias li a:hover, #menunoticias li.atual a {

	background: url(../img/seta-menu-interno.gif) 23px 7px no-repeat;

}



#menuinterno .treslinhas {

	height: 66px;

}



ul.lista {

	font-size: 0.9em;

	list-style-type: square;

	padding-left: 20px;

}



ul.lista li, ul.lista li ul li {

	line-height: 20px;

}



ul.lista li ul {

	list-style-type: circle;

	padding-left: 15px;

}



#principal {	

	border-bottom: 3px solid #D5E5E4;

	border-top: 3px solid #FFFFFF;

	clear: both;

	width: 852px;

	float: left;

	padding: 17px 24px 11px;

	background-color: #F1F7F6;

}



#principal a {

	text-decoration: none;

	color: #27A49F;

	font-weight: bold;

}



#principal a:hover {

  text-decoration: underline;

}



.saibamais {	

	width: 90px;

	background: url(../img/seta-saiba-mais.gif) right center no-repeat;

	line-height: 17px;

	display: inline;

	padding-right: 20px;

	/ * display: block; * /

	/ * padding: 0; * /

}



#principal p {

	font-size: 0.8em;

	line-height: 1.3em;

	margin-bottom: 11px;

}



.destaque {

	background-color: #D5E5E4;

	padding: 5px;

	margin: 10px 0;

}



.destaque2 {

	background-color: #A9D5D3;

	padding: 5px;

	position: relative;

	left: -5px;

	width: 100%;

}



#home .destaques p, #home .noticias p {

	padding-bottom: 6px;

	border-bottom: 1px #FFFFFF solid;

}



#home p {

	font-size: 0.8em;

	padding: 0;

}



#principal h1 {	

	font-size: 1.1em;	

	color: #4D4D4D;	

	border-bottom: 3px solid #D5E5E4;

	margin-bottom: 13px;

	margin-left: -24px;

	margin-right: -24px;

	padding-left: 24px;

}



#home .noticias h1, #home .destaques h1 {

	clear: both;

	color: #000000;		

	font-weight: bold;

}



#home h1 {

	padding: 0;

	margin: 0;

	font-size: 0.7em;

	margin-bottom: 7px;	

	color: #000000;

	border-bottom: 1px solid #BFBFBF;

}



#principal h2, #principal h2 a {

	clear: both;

	color: #4D4D4D;

	font-size: 0.9em;

	font-weight: bold;

	margin: 30px 0 11px;

	border-bottom: 1px solid #FFFFFF;

}



#principal h2 a {

	font-size: 1em;

}



#principal h3 {

	font-size: 0.8em;

	font-weight: bold;

	padding-bottom: 5px;

	font-style: italic; 

}



#home h2, #home h2 a {

	margin: 0;

	border-bottom: none;

}



h2.subtitulo {

  font-size: 1em !important;

}



.destaques {

	float: left;

	width: 413px;	

}



.noticias {

	float: left;

	width: 195px;

	margin-left: 23px;	

}



.links {

	width: 208px;

	float: right;

	margin-top: 11px;

	background: url(../img/fundo-links.gif) repeat-y right 1px #CDE6E4;

	margin-right: -12px;

	font-size: 0.85em;

	line-height: 1em;	

}



#principal img {

	border: 5px solid #FFFFFF;

	margin-right: 10px;

	float: left;	

	display: inline;

}



#principal img.coluna {

	background: #FFFFFF;

  background: #FFFFFF none repeat scroll 0 0;

  border-color: #F1F7F6;

  border-style: solid;

  border-width: 2px 24px 20px 0;

  display: inline;

  margin-right: 0;

  padding: 5px;

}



.legenda {

	float: left; 

	font-size: 0.75em; 

	font-style: italic; 

	padding-bottom: 25px;

	padding-right: 24px;

	text-align: left;

	clear: both;

}



.legenda br {

	clear: both;

}



.l75 {	

	width: 180px; 

}



.l50 {

	width: 371px;

}



#coluna75 {

	float: left;

	width: 635px;

}



#coluna50 {

	float: left;

	width: 450px;

}



#coluna75 h2, #coluna50 h2{

	margin-top: 0;

}



.legenda img {

	margin-bottom: 10px;

}



#equipe {

	display: table;

	table-layout: 3;

}



#equipe #linha  {

  clear: both;

	display: table-row;

}



#equipe #imagem {

  clear: both;

	padding-top: 13px;

}





#equipe #texto, #equipe #imagem  {

	display: table-cell;

	vertical-align: top;

	padding-bottom: 10px;

	margin-bottom: 10px;

}



#equipe #texto {

  width: 620px;

}



#equipe #imagem {

  float: left;

  margin-right: 20px;

  width: 190px;

}



#equipe #imagem img {

  float: right;

}



#principal .links img {

	float: left;	

	border: none;

	margin: 0;

}



#noticia {

	width: 650px;

	float: left;

}



#listanoticias {

	width: 169px;

	float: left;

	margin-left: 21px;

	background-color: #D5E5E4;

	padding: 5px;

}



#listanoticias p {

	font-size: 0.7em;

	border-bottom: 1px solid #FFFFFF;

	padding: 9px;

	margin: 0;

}



#listanoticias a {

	color: #4D4D4D;

}



#listanoticias p:hover, #listanoticias p.atual {

	background-color: #A9D5D3;

}



#anos_ {	

	height: 20px;

	width: 180px;

	float: left;	

	background-color: #88C6C2;

	margin-left: 20px;

	margin-top: 18px;

	border-bottom: 1px solid #FFFFFF;

	border-left: 1px solid #FFFFFF;

}



#anos_ a {

	height: 20px;

	width: 44px;

	font-size: 0.8em;

	line-height: 20px;

	float: left;

	text-align: center;

	color: #FFFFFF;

	border-right: 1px solid #FFFFFF;

}



#anos_ a:hover, #anos_ a.atual {	

	background-color: #27A49F;

}



.link p {

	margin-right: 10px;

}



#home .link h1 {

	font-weight: bold;

	margin: 0;

	padding: 6px 0 3px;

	border-bottom: none;

	font-size: 0.8em; 

	letter-spacing: -0.1px;

}



#home .link p a, #home .link h1 a {

	color: #000000;

	font-size: inherit;

	font-weight: inherit;

}



#home .link p a {

	font-weight: normal;

}



.link {

	clear: both;

	width: 195px;

}



.primeirolink {	

	border-top: 1px solid #BFBFBF;

}



.ultimolink {

	/*margin-bottom: 24px;*/

	border-bottom: none;

}



.links h1 {

	margin: 0;

	padding: 0;

	margin-right: 13px;

}



.centro {

	margin: 0 24px;

}



#principal p.linha {

	border-top: 1px solid #FFFFFF;

	clear: both;

	float: left;

	margin: 10px 0px;

	margin-top: 0px;

	width: 852px;

}



#menutopo {

	width: 233px;

	float: right;

	height: 11px;

	border-left: 1px solid #95A09F;

	margin-top: 12px;

}



#menutopo li {

	float: left;

	font-size: 0.8em;	

}



#menutopo li a {	

	border-right: 1px solid #95A09F;	

	height: 11px;

	line-height: 11px;

	padding: 0 8px;

	text-decoration: none;

}



#banner {

	text-align: center;

	margin-bottom: 17px;

}



#info {

	width: 877px;

	background: #FFFFFF url(../img/fundo-info.gif) left center no-repeat;

	height: 64px;

	margin: 0 auto;	

	margin-bottom: 10px;

}



.bloco {

	width: 190px;

	height: 54px;

	border-right: 4px solid #27A49F;

	float: left;

	padding: 5px;

	padding-left: 20px;

}



.bloco h1, .bloco h1 a {

	color: #27A49F;

	font-weight: bold;

	font-size: 0.8em;

	text-transform: uppercase;

	border-bottom: 1px solid #BFBFBF;

	margin-bottom: 7px;

}



.bloco p, .bloco p a {

	font-size: 0.8em;

	line-height: 1.2em;

	color: #000000;

	font-weight: normal;

}



.bloco h1 a, .bloco p a {

	font-size: 1em;

	border: none;

}



.bloco a {

	color: #27A49F;

	font-weight: bold;

	text-decoration: none;

}



.largura203 {

	width: 189px;

	padding-left: 10px;

}



#rodape a {

	color: #3D3D3E;

}



#rodape {

	clear: both;

	height: 25px;

	padding-left: 4px;	

	border-top: 4px solid #FFFFFF;	

}



#rodape li {

	border-right: 1px solid #9F9F9F;

	float: left;

	font-size: 0.75em;

	height: 16px;	

	line-height: 16px;	

	margin: 5px 0;

	padding-right: 8px;

	padding-left: 9px;

}



#rodape li a {

	text-decoration: none;

}



#rodape li a:hover {

	text-decoration: underline;

}

	

#menu2 li {

	float: left;		

}



a.sintonia {

	clear: both;

	color: #ACACAC;

	display: block;	

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.6em;

	margin: 0 auto;

	margin-bottom: 24px;

	margin-top: 3px;

	text-align: right;

	text-decoration: none;

	width: 900px;

}



#coluna50 {

  width: 426px;

}



#coluna50 label {

  clear: both;

  float: left;

  font-size: 0.6em;

  line-height: 30px;

  width: 43px;

}



#coluna50 label.telefone {

  clear: none;

  margin-left: 15px;

  width: 65px;

}



#coluna50 input {

  background: transparent url(../img/input-1.gif) no-repeat;

  border: none;

  float: left;

  height: 19px;

  width: 372px;

  margin: 6px 0;

}



#coluna50 input.ddd {

  background: transparent url(../img/input-2.gif) no-repeat;

  text-align: center;

  width: 36px;

}



#coluna50 input.inputTelefone {

  background: transparent url(../img/input-3.gif) no-repeat;

  text-align: center;

  width: 80px;

}



#coluna50 select {

  margin: 6px 0 6px 43px;

  width: 371px;

}



#coluna50 textarea {

  background: transparent url(../img/text-area.gif) no-repeat;

  border: none;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 0.8em;

  height: 114px;

  width: 411px;

  margin: 6px 0;

  padding: 2px;

}



#coluna25 {

  float: left;

	font-size: 0.85em;

	margin: 0 5px;

	width: 203px;

}



#coluna50 input.limpar, #coluna50 input.enviar {

  height: 17px;

  width: 45px;

  text-indent: -2000px;

}



#coluna50 input.limpar {

  background: transparent url('../img/limpar.gif') no-repeat scroll 0 0;

  margin-left: 313px;

}



#coluna50 input.enviar {

  background: transparent url('../img/enviar.gif') no-repeat scroll 0 0;

}



#menu li div {

	left: 0;

	margin-top: -2px;

	margin-left: -88px;

	*margin-left: -140px;
	
	position: absolute;

	top: 0;

	width: 192px;

}



#caixaNewsletter {
	
	
	background: transparent url('../img/fundo-drop.png');

	clear: both;

	font-size: 0.8em;

	font-weight: normal;

	float: left;

	position: relative !important;

	text-align: left;
	
	height: 176px;

	padding: 10px 13px;

	text-transform: none;

	width: 166px;


}



.dados {

  line-height: 20px;

  vertical-align: bottom;

}



#caixaNewsletter p label.opcao {

  background-position: 0px center;

  background-repeat: no-repeat;

  cursor: pointer;

  line-height: 13px;

  margin-right:20px;

  padding: 0 0 0 21px;

}



#caixaNewsletter p input {

  background-color: transparent;

  background-image: url('../img/caixa-texto.png');

  background-position: right;

  background-repeat:no-repeat;

  border: none;

}



#caixaNewsletter p input.nome, #caixaNewsletter p input.profissao {

  height: 16px;

  width: 167px;

}



#caixaNewsletter p input.email {

  background-image: url('../img/caixa-texto-envia.gif');

  background-position: right;

  float: left;

  height: 16px;

  width: 150px;

}



#caixaNewsletter p input.submit {

  background-image: url('../img/caixa-seta.png');

  cursor: pointer;

  / * cursor: hand; * /

  outline: none;

  height: 16px;

  float: left;

  width: 15px;

}



.selected {

  background-image: url('../img/radio-selecionado.png');

}



.unselected {

  background-image: url('../img/radio-deselecionado.png  ');

}



.newsletterParagrafoOpcao {

  border-bottom: 1px solid #95D2C5;

  line-height: 15px;

  padding-bottom: 8px;

  width: 167px;

}



.newsletterParagrafoCadastro {

  margin-top: 7px;

}



#questionario {

	float: left;

	padding-left: 24px;

	width: 610px;

}



#questionario label, .text, .textarea, .tel, .idade {

  border: none;

  float: left;

  font-size: 0.8em;

  font-family: Arial, Helvetica, sans-serif;

}



#questionario label, .text, .tel, .idade, .questionarioEnviar, .reset {

  margin-top: 10px;

}



#questionario p {

  clear: both;

}



#questionario label {

  padding-top: 4px;

  width: 76px;

}



#questionario .checked, #questionario .selected {

  background: url('../img/check-selecionado.png') left center;

}



#questionario .unchecked, #questionario .unselected {

  background: url('../img/check-deselecionado.png') no-repeat left center;

}



#questionario .checked, #questionario .selected,

#questionario .unchecked, #questionario .unselected {

  background-color: transparent;

  background-position: left top;

  background-repeat: no-repeat;

  height: 14px;

  padding-left: 23px;

  padding-top: 3px;

}



#questionario .checked, #questionario .unchecked {

	width: 200px;

}



#questionario .selected, #questionario .unselected {

	width: 60px;

}



.text {

  background: transparent url('../img/input-text.gif') no-repeat right;

  height: 16px;

  padding: 2px;

  width: 319px;

}



.textareaWrapper {

  background: transparent url('../img/caixa-textarea.png') no-repeat left !important;

  height: 58px;

  width: 398px;

}



textarea.textarea {

  background: transparent;

	clear: both;

	float: none !important;

  height: 53px;

  overflow: auto;

  padding: 2px 2px 3px;

  width: 394px;

}



label.textarea {

  width: 300px !important;

}



label.idade {

  padding-left: 10px;

  width: 50px !important;

}



input.idade {

  background: transparent url('../img/input-idade.gif') no-repeat right;

  height: 16px;

  padding: 2px;

  width: 19px;

}



.tel {

  background: transparent url('../img/input-tel.gif') no-repeat right;

  height: 16px;

  padding: 2px;

  width: 133px;

}



.cel {

  padding-left: 4px;

	width: 45px !important;

}



.hobby {

  font-size: 0.6em !important;

  padding-top: 6px !important;

}



.questionarioEnviar {

	background: transparent url('../img/enviar.gif') no-repeat;

	width: 45px;

	height: 17px;

	text-indent: -2000em;

	border: none;

	cursor: pointer;

	/ * cursor: hand; * /

}



.reset {

	background: transparent url('../img/limpar.gif') no-repeat;

	width: 45px;

	height: 17px;

	text-indent: -2000em;

	border: none;

	cursor: pointer;

	/ * cursor: hand; * /

}



.voltar {

	margin-top: 20px;

	padding-top: 10px;

	width: 100%;

	border-top: 1px solid #FFFFFF;

	padding-bottom: 50px;

	float: right;

	text-align: right;

}



#anos { 

	width: 207px; 

	padding-left: 30px; 

	color: #FFFFFF;

	height: 20px;

}



#anos a {

	color: #999999;

	padding: 0 9px;

	border-right: 1px solid #FFFFFF;

	height: 20px;

	line-height: 20px;

	font-size: 0.8em;

}



#anos a.atual {

	font-weight: bold;

	color: #000000;

}