/*
Theme Name: APA
Theme URI: http://www.dzestudio.com.br
Description: Tema desenvolvido por DZ Estudio.
Version: 1.0
Author: DZ Estudio
Author URI: http://www.dzestudio.com.br
Tags: fixed width, two columns, widgets
*/

/* RESET */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
	table {	border-collapse:collapse; border-spacing:0; }
	fieldset,img { border:0; }
	address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
	ol,ul { list-style:none; }
	caption,th { text-align:left; }
	h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
	q:before,q:after { content:''; }
	abbr,acronym { border:0; }

/* GERAL */
	* html #container {	height:100%; /* hack para IE6 que trata height como min-height */ }	
	#container { position:relative; width:100%; height:100%; height:auto !important; min-height:100%; }
	body { font-family:Arial, Helvetica, sans-serif; border-top:3px solid #00923F; background:url(imagens/bg_geral.jpg) top repeat-x; }
	a { color:#2C77D3; text-decoration:none; }
	a:hover { color:#6CB6FF; }
	a.mais:hover { background-color:#6CB6FF !important; }
	strong { font-weight:bold; }
	em { font-style:italic; }
	
	#content { width:959px; padding:0 0 280px; margin:0 auto; background:url(imagens/bg_cabec.jpg) top left no-repeat;  }
	
	#colEsq { float:left; width:600px; }
	#colEsq #cabecalho { position:relative; height:159px; margin:0 0 20px; }
	#colEsq #cabecalho h1 { float:left; margin:15px 22px 0 10px; }
	#colEsq #cabecalho h1 a { display:block; width:123px; height:100px; text-indent:-999999px; background:url(imagens/logo_cabecalho.jpg) no-repeat; }
	#colEsq #cabecalho h2 { float:left; width:397px; font:bold 24px Arial, Helvetica, sans-serif; color:#0D005D; line-height:95%; margin:45px 0 0; text-transform:uppercase; }
	#colEsq #cabecalho h3 { float:left; width:397px; font:normal 15px Arial, Helvetica, sans-serif; color:#0D005D; line-height:95%; margin:5px 0 0; }
	
	/* Menu Superfish */
	/*** arrows **/
	span.sf-sub-indicator {	position:absolute; right:3px; text-indent:-999999px; display:block; width:7px; height:7px; }
	#colEsq #cabecalho ul li ul li span.sf-sub-indicator { top:9px; background: url(imagens/seta_menu_cabecalho.gif) no-repeat 0 -7px; }
	
	.sf-menu ul { position:absolute; top:-999em; width:1170px; /* left offset of submenus need to match (see below) */ }
	.sf-menu ul li { width:100%; }
	.sf-menu li:hover {	visibility:inherit; /* fixes IE7 'sticky bug' */ }
	.sf-menu li { float:left; position:relative; }
	.sf-menu a { display:block; position:relative; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:27px; /* match top ul list item height */; z-index:15000; }
	
	#colEsq #cabecalho ul.sf-menu { position:absolute; left:0; bottom:0; width:600px; background-color:#469972; }
	#colEsq #cabecalho ul.sf-menu li { height:27px; }
	#colEsq #cabecalho ul.sf-menu li:hover { background-position:left bottom !important; }
		#colEsq #cabecalho ul.sf-menu li.apa { width:70px; background:url(imagens/bt_a_apa.gif); }
		#colEsq #cabecalho ul.sf-menu li.programas { width:116px; background:url(imagens/bt_programas.gif); }
		#colEsq #cabecalho ul.sf-menu li.dicas { width:142px; background:url(imagens/bt_dicas_de_saude.gif); }
		#colEsq #cabecalho ul.sf-menu li.novidades { width:98px; background:url(imagens/bt_novidades.gif); }
		#colEsq #cabecalho ul.sf-menu li.eventos { width:74px; background:url(imagens/bt_eventos.gif); }
		#colEsq #cabecalho ul.sf-menu li.parceiros { width:100px; background:url(imagens/bt_parceiros.gif); }
	#colEsq #cabecalho ul.sf-menu li a.outlinefix { display:block; height:27px; text-indent:-999999px; }
	#colEsq #cabecalho ul.sf-menu li ul { width:170px; background-color:#FFF; border:3px solid #6FBD98; border-top:0; }
	#colEsq #cabecalho ul.sf-menu li ul li { font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:27px; width:170px; color:#469972; }
	#colEsq #cabecalho ul.sf-menu li ul li:hover { visibility:inherit; background-color:#DDF0E7; }
	#colEsq #cabecalho ul.sf-menu li ul li a { color:#6FBD98; padding:0 0 0 6px; }
	#colEsq #cabecalho ul.sf-menu li ul li ul { position:absolute; top:0; left:170px; }
	
	#colEsq #geral a:hover img { border:2px solid #6CB6FF !important; }
	#colEsq #geral div.slides img { display:block; }
	#colEsq #geral div.destaques h2 { font:bold 30px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:100%; color:#2C77D3; border-bottom:5px solid #2C77D3; padding:0 0 2px; margin:0 0 10px; }
	#colEsq #geral div.destaques ul li { border-bottom:3px dotted #2C77D3; padding:0 0 15px; margin:0 0 15px; }
	#colEsq #geral div.destaques ul li img { max-height:100px; width:auto; border:2px solid #2C77D3; }
	#colEsq #geral div.destaques ul li.principal span.categoria { display:block; font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:100%; color:#666; }
	#colEsq #geral div.destaques ul li span.categoria { display:block; font:bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:100%; color:#666; }
	#colEsq #geral div.destaques ul li span.categoria a { color:#666; }
	#colEsq #geral div.destaques ul li span.categoria a:hover { text-decoration:underline; }
	#colEsq #geral div.destaques ul li h4 { font:bold 18px Arial, Helvetica, sans-serif; color:#39F; margin:0 0 3px; }
	#colEsq #geral div.destaques ul li h4 a { color:#2C77D3; }
	#colEsq #geral div.destaques ul li h4 a:hover { color:#6CB6FF; }
	#colEsq #geral div.destaques ul li p { font:normal 11px Arial, Helvetica, sans-serif; color:#666; margin:0 0 5px; }
	#colEsq #geral div.destaques ul li a.mais { display:inline-block; font:bold 11px Arial, Helvetica, sans-serif; color:#FFF; background-color:#2C77D3; padding:2px; }
	#colEsq #geral div.destaques ul li ul li { border:0; list-style:disc inside none; font:normal 12px Arial, Helvetica, sans-serif; color:#666; padding:0 0 5px 0; margin:0; }
	
	/* Formatacao de galerias na pagina inicial */
	#colEsq #geral div.destaques ul li div.ngg-galleryoverview { display:none !important; }
	
	#colDir { float:right; width:313px; height:100%; padding:11px 8px 0; }
	#colDir h4 { text-indent:-999999px; }
	#colDir ul.menu { margin:2px 0 13px; }
	#colDir ul.menu li { width:152px; height:27px; }
	#colDir ul.menu li:hover { background-position:left bottom; }
	#colDir ul.menu li.ajuda { float:left; background-image:url(imagens/bt_como_ajudar.gif); }
	#colDir ul.menu li.contato { float:right; background-image:url(imagens/bt_contato.gif); }
	#colDir ul.menu li a { display:block; width:152px; height:27px; text-indent:-999999px; }
	#colDir div.sedePropria { position:relative; width:293px; height:86px; background:url(imagens/bg_sede_propria.jpg); padding:10px; margin:0 0 10px; }
	#colDir div.sedePropria h3 { width:242px; height:46px; text-indent:-999999px; }
	#colDir div.sedePropria p { width:200px; font:normal 14px Arial, Helvetica, sans-serif; color:#FFF; }
	#colDir div.sedePropria a { font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; }
	#colDir div.sedePropria a:hover { text-decoration:underline; }
	#colDir div.sedePropria span { position:absolute; right:10px; bottom:5px; }
	#colDir div.sedePropria span a { display:block; width:79px; height:24px; background-image:url(imagens/txt_clique_aqui_sede_propria.gif); text-indent:-999999px; outline:none; }
	#colDir div.sedePropria span a:hover { background-position:left bottom; }
	
	#colDir div.dicasSaude { position:relative; width:293px; height:85px; background:url(imagens/bg_dicas_saude.jpg); padding:10px; margin:0 0 10px; }
	#colDir div.dicasSaude h3 { width:218px; height:25px; text-indent:-999999px; margin:3px 0 5px; }
	#colDir div.dicasSaude a { font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; }
	#colDir div.dicasSaude a:hover { text-decoration:underline; }
	
	#colDir div.quemSomos { position:relative; width:293px; height:86px; background:url(imagens/bg_quem_somos.jpg); padding:10px; margin:0 0 10px; }
	#colDir div.quemSomos h3 { width:202px; height:28px; text-indent:-999999px; }
	#colDir div.quemSomos p { width:180px; font:normal 14px Arial, Helvetica, sans-serif; color:#FFF; }
	#colDir div.quemSomos a { font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; }
	#colDir div.quemSomos a:hover { text-decoration:underline; }
	#colDir div.quemSomos span { position:absolute; right:10px; bottom:5px; }
	#colDir div.quemSomos span a { display:block; width:79px; height:24px; background-image:url(imagens/txt_clique_aqui_sede_propria.gif); text-indent:-999999px; outline:none; }
	#colDir div.quemSomos span a:hover { background-position:left bottom; }
	
	#colDir div.parceiros { margin:0 0 20px; }
	#colDir div.parceiros h4 { width:218px; height:20px; background:url(imagens/tit_dir_nossos_parceiros.gif); }
	#colDir div.parceiros div.seletor { width:313px; height:93px; }
	#colDir div.parceiros div.seletor a.prevPage { display:block; width:10px; height:98px; cursor:pointer; float:left; background:url(imagens/bt_parceiros_recua.gif) no-repeat; }
	#colDir div.parceiros div.seletor a.nextPage { display:block; width:10px; height:98px; cursor:pointer; float:right; background:url(imagens/bt_parceiros_avanca.gif) no-repeat; }
	#colDir div.parceiros div.seletor div.scrollable { position:relative; overflow:hidden; float:left; width:281px; height:88px; background-color:#FFF; border:5px solid #469972; margin:0 0 0 1px; }
	#colDir div.parceiros div.seletor div.scrollable div.items { position:absolute; clear:both; width:5000px; height:58px; padding:8px 0; }
	#colDir div.parceiros div.seletor div.scrollable div.items div.logo { float:left; width:140px; height:74px; border-right:2px solid #469972; }
	#colDir div.campanhas { margin:0 0 20px; }
	#colDir div.campanhas h4 { width:198px; height:20px; background:url(imagens/tit_dir_campanhas_apa.gif); }
	#colDir div.campanhas div { background-color:#469972; border:5px solid #4A9F79; padding:9px; }
	
	#rodape { position:absolute; bottom:0; width:100%; min-width:990px; height:240px; background-color:#00923F; margin:0 auto; }
	#rodape div.conteudoRodape { position:relative; width:939px; padding:30px 10px; margin:0 auto; }
	#rodape div.conteudoRodape dl { float:left; margin:0 50px 0 0; }
	#rodape div.conteudoRodape dl dt { font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase; margin:0 0 5px; }
	#rodape div.conteudoRodape dl dd { font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; }
	#rodape div.conteudoRodape dl dt a, #rodape div.conteudoRodape dl dd a { color:#FFF; }
	#rodape div.conteudoRodape dl dt a:hover, #rodape div.conteudoRodape dl dd a:hover { text-decoration:underline; }
	#rodape div.conteudoRodape address { float:right; font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; text-align:right; background:url(imagens/logo_rodape.gif) right top no-repeat; padding:100px 0 0; }
	#rodape div.conteudoRodape span.autor { position:absolute; right:10px; bottom:0; font:normal 10px Tahoma, Arial, Helvetica, sans-serif; color:#FFF; }
	#rodape div.conteudoRodape span.autor a { color:#FFF; font-weight:bold; }
	
/* INTERNAS */
	/* Post Interna */
	#colEsq #geral div.post h2 { font:bold 36px Arial, Helvetica, sans-serif; color:#2C77D3; margin:0 0 10px; }
	#colEsq #geral div.post h3 { font:bold 22px Arial, Helvetica, sans-serif; color:#2C77D3; margin:0 0 3px; }
	#colEsq #geral div.post h4 { font:bold 18px Arial, Helvetica, sans-serif; color:#2C77D3; margin:0 0 3px; }
	#colEsq #geral div.post h5 { font:bold 14px Arial, Helvetica, sans-serif; color:#666; margin:0 0 3px; }
	#colEsq #geral div.post img { border:2px solid #2C77D3; }
	#colEsq #geral div.post p { font:normal 12px Arial, Helvetica, sans-serif; color:#666; padding:0 0 10px; }
	#colEsq #geral div.post div.descricaoCategorias p { font-weight:bold; font-size:18px; padding:0 0 30px; }
	#colEsq #geral div.post span.categoria { display:block; font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:100%; color:#666; }
	#colEsq #geral div.post span.categoria a { color:#666; }
	#colEsq #geral div.post span.categoria a:hover { text-decoration:underline; }
	#colEsq #geral div.post a.mais { display:inline-block; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; background-color:#2C77D3; padding:2px; }
	#colEsq #geral div.post div.texto ul { padding:0 0 10px 15px; }
	#colEsq #geral div.post div.texto ul li { list-style:disc; font:normal 12px Arial, Helvetica, sans-serif; color:#666; padding:0 0 5px 0; }
	
	/* Contato */
	#colEsq #geral div.post div.texto form { width:400px; background-color:#F3F3F3; padding:0 100px; margin:0 auto 10px auto; }
	#colEsq #geral div.post div.texto form label { font:normal 14px Arial,Helvetica,sans-serif; color:#2C77D3; margin:0 0 5px; }
	#colEsq #geral div.post div.texto form input { width:398px; margin:0 0 10px; }
	#colEsq #geral div.post div.texto form textarea { width:398px; margin:0 0 10px; overflow:auto; }
	#colEsq #geral div.post div.texto form input[type=submit] { float:right; width:auto; font:normal 14px Arial,Helvetica,sans-serif; color:#FFF; background-color:#2C77D3; border:0; padding:2px 4px; cursor:pointer; }
	#colEsq #geral div.post div.texto form input[type=submit]:hover { background-color:#6CB6FF; }
	#colEsq #geral div.post div.texto form input, #colEsq #geral div.post div.texto form textarea { font:normal 12px Arial, Helvetica, sans-serif; color:#666; }
	#colEsq #geral div.post div.texto form div.cidade { float:left; width:250px; }
	#colEsq #geral div.post div.texto form div.cidade input { width:246px; }
	#colEsq #geral div.post div.texto form div.uf { float:right; width:130px; }
	#colEsq #geral div.post div.texto form div.uf input { width:126px; }
	
	/* Padrinho Legal */
	#colEsq #geral div.post div.texto h2.padrinho { width:600px; height:86px; background:url(imagens/img_cabec_padrinho.jpg) no-repeat; text-indent:-999999px; }
	#colEsq #geral div.post div.texto table.apadrinhados { width:100%; margin:0 0 15px; }
	#colEsq #geral div.post div.texto table.apadrinhados tr th { text-align:center; font-weight:bold; font-size:14px; color:#FFF; background-color:#2C77D3; padding:5px; }
	#colEsq #geral div.post div.texto table.apadrinhados tr td.local { text-align:center; }
	#colEsq #geral div.post div.texto table.apadrinhados tr td { padding:10px; font-size:12px; color:#666; }
	#colEsq #geral div.post div.texto table.apadrinhados tfoot tr td { color:#FFF; background-color:#2C77D3; padding:5px 10px; }
	
	/* Sede Propria */
	#colEsq #geral div.post div.texto h2.sede { width:600px; height:86px; background:url(imagens/img_cabec_sede_propria.jpg) no-repeat; text-indent:-999999px; }
	
	/* Parceiros */
	#colEsq #geral div.post div.texto ul.parceiros { padding:0; }
	#colEsq #geral div.post div.texto ul.parceiros li { border-bottom:3px dotted #2C77D3; list-style:none; padding:15px 0; }
	#colEsq #geral div.post div.texto ul.parceiros li div.imagem { float:left; margin:0 10px 0 0; }
	#colEsq #geral div.post div.texto ul.parceiros li div.imagem img { display:block; }
	
	/* Comentarios */
	ol.commentlist { padding:10px 0 0; }
	ol.commentlist li { border-bottom:1px solid #EEE; padding:0 0 10px; margin:0 0 10px; }
	ol.commentlist li div.comment-body p { float:right; width:390px; padding:0 !important; }
	ol.commentlist li div.comment-author { float:left; width:200px; }
	ol.commentlist li div.comment-author img.avatar { float:left; width:50px; height:50px; margin:0 5px 0 0; }
	ol.commentlist li div.comment-author cite, ol.commentlist li div.comment-author span { font-size:12px; }
	ol.commentlist li div.comment-author cite { font-weight:bold; }
	ol.commentlist li div.comment-author div.comment-meta a { font-size:10px; }


/* ESPECIAIS */
	.outlinefix :focus, .outlinefix:focus {	-moz-outline-style:none; outline:none; }
	.floatLeft { float:left; }
	.floatRight { float:right !important; }
	.hr { clear:both; padding:0 0 15px; border-top:3px dotted #2C77D3; }
	.hr hr { display:none; }

	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	 
	.clearfix {
		display: inline-block;
	}
	 
	html[xmlns] .clearfix {
		display: block;
	}
	 
	* html .clearfix {
		height: 1%;
	}
/* Vtip */
	p#vtip { display:none; position:absolute; padding:2px; left:5px; font:normal 10px Arial, Helvetica, sans-serif; color:#0D005D; background-color:#FFF; border:1px solid #0D005D; -moz-border-radius:2px; -webkit-border-radius:2px; z-index: 11000; }
	p#vtip #vtipArrow { position:absolute; top:17px; left:5px }
	
/* S3slider */
	#s3slider {
	   width: 600px; /* important to be same as image width */
	   height: 203px; /* important to be same as image height */
	   position: relative; /* important */
	   overflow: hidden; /* important */
	   margin: 0 0 20px;
	   z-index:-1;
	}
	
	#s3sliderContent {
	   width: 600px; /* important to be same as image width or wider */
	   position: absolute; /* important */
	   top: 0; /* important */
	   margin-left: 0; /* important */
	}
	
	.s3sliderImage {
	   float: left; /* important */
	   position: relative; /* important */
	   display: none; /* important */
	}
	
	.s3sliderImage span {
	   position: absolute; /* important */
	   left: 0;
	   font: 12px Arial, Helvetica, sans-serif;
	   padding: 10px 13px;
	   width: 574px;
	   background-color: #469972;
	   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
	   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
	   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
	   opacity: 0.9; /* here you can set the opacity of box with text */
	   color: #fff;
	   display: none; /* important */
	   bottom: 0;
	
	   /*
		   if you put
		   top: 0; -> the box with text will be shown at the top of the image
		   if you put
		   bottom: 0; -> the box with text will be shown at the bottom of the image
	   */
	}
	
	.clear {
	   clear: both;
	}
	
/* NECESSARIOS */
	p.postmetadata { font-style:italic !important; padding:10px 0; margin:0 !important; }
	div.navigation { clear:both; height:20px; padding:0 0 10px; }
	div.navigation div { font:normal 14px Arial,Helvetica,sans-serif; }
	div.navigation div a { display:block; color:#FFF; background-color:#2C77D3; padding:2px 4px; }
	div.navigation div a:hover { background-color:#6CB6FF; }
	img.alignright {float:right; margin:0 0 1em 1em}
	img.alignleft {float:left; margin:0 1em 1em 0}
	img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	a img.alignright {float:right; margin:0 0 1em 1em}
	a img.alignleft {float:left; margin:0 1em 1em 0}
	a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	.aligncenter,
	div.aligncenter {
	   display: block;
	   margin-left: auto;
	   margin-right: auto;
	}
	.alignleft {
	   float: left;
	}
	
	.alignright {
	   float: right;
	}
	
	.wp-caption {
	   text-align: center;
	   margin:0 10px 0 0;
	   width:auto !important;
	}
	
	.wp-caption img {
	   margin: 0;
	   padding: 0;
	   border: 0 none;
	}
	
	.wp-caption p.wp-caption-text {
	   font-size: 9px !important;
	   line-height: 120% !important;
	   padding:3px 0 0 !important;
	   color:#999 !important;
	}