/*  
Theme Name: GraficaJB
Theme URI: http://wmoriah.com.br/portfolio
Description: Este tema foi especialmente desenvolvido a pedido da <a href="http://www.concepto.com.br">Concepto Internet</a>.
Version: 2008
Author: Walter "wmoriah" Araujo dos Santos
Author E-mail: walter.wmoriah@gmail.com
Author URI: http://wmoriah.com.br/

*/

	body {font:11px/13px Tahoma, Verdana, Arial, Sans-Serif; color: #333; text-align: center; padding:0; margin:0; background-color:#333}
	h1,h2,h3,h4,h5,h6,form {margin:0}
	acronym, abbr {border-bottom: 1px dashed #333}
	acronym, abbr, span.caps {font-size:10px; letter-spacing:.07em}
	.clr {clear:both}
	.left {float:left}
	.right {float:right}
	a {text-decoration:none}
	hr, .none {display:none}

	#page {width:769px; margin:0 auto; background-color:#fff; border:solid 1px #fff; position:relative; top:0; left:0}

	/* header */
	#header {margin:0; padding:0; text-align:left}
		#header .flash {float:left; width:490px; height:230px; background:url(images/foto1.jpg) no-repeat; overflow:hidden; margin-right:-20px}
		#header .flash a {display:block; width:490px; height:230px}
		#header .topbar {float:right; width:230px; height:31px; overflow:hidden}
			.topbar ul {list-style:none; margin:0; padding:0}
				.topbar li {float:left; line-height:31px; height:31px; padding-right:12px; list-style:none}
				.topbar li a {color:#000; font-weight:bold; padding-left:12px; border-left:solid 1px #000}
					.topbar li a:hover, .topbar li.current_page_item a {color:#e37}
				.topbar li.capa a {border:none}
			.topbar form {height:31px; float:right; margin-right:5px}
				.topbar form ul {margin:0}
				.topbar form li {padding:0; border:none}
				.topbar label {font-weight:bold}
				.topbar input {border:solid 1px #ccc; margin-left:5px}
				.topbar input#searchsubmit {border:solid 1px #000; background-color:#e37; font-weight:bold; color:#fff}
		#header h1 {float:right}
		#header h1 a {display:block; width:279px; height:199px; background:url(images/logo.jpg) no-repeat top center}
		#header p, #header span {display:none}
		#header .navbar {clear:both; width:489px; height:31px; background:#000 url(images/bg_navbar.gif) no-repeat}
			.navbar ul, .navbar li {list-style:none; display:inline; margin:0; padding:0}
			.navbar ul {padding-left:10px}
			.navbar a {color:#fff; font-weight:bold; background:url(images/seta_navbar.gif) no-repeat left center; line-height:31px; padding:3px 14px 3px 15px}
			.navbar a:hover, .navbar li.current_page_item a {color:#fff; background-color:#e37; background-position:5px center}

		#flash {width:359px; height:230px; position:absolute; top:0; left:0; margin:0 -20px 0 0}
			#flash p {margin:0; display:inline}
	/* content */
	#content {margin:20px 10px; text-align:left}
	#content a:hover {text-decoration:underline}
		/* destaques */
		#destaques {float:left; width:307px; color:#fff}
			#destaques .arvore {margin:35px 0 0 39px}
			#destaques h2 {margin:0}
			#destaques a {color:#fff; display:block}
			/* bitbit */
			.bitbit {width:307px; height:141px; margin-bottom:13px; background:#EC3991 url(images/bg_bitbit.gif) no-repeat bottom center}
				.bitbit h2 {font-size:11px; height:33px; line-height:33px; background:url(images/bg_tit_bitbit.gif) repeat-x}
				.bitbit span {padding-left:30px; background:url(images/seta_white.gif) no-repeat 14px center}
				.bitbit p {font-size:14px; line-height:18px; margin:18px 0 0 101px}
			/* press */
			.press {float:left; width:150px; background-color:#1882DE}
				.press h2 {font-size:11px; height:33px; line-height:33px; background:url(images/bg_tit_press.gif) repeat-x}
				.press span {padding-left:30px; background:url(images/seta_white.gif) no-repeat 14px center}
				.press p {margin:0 14px}
				.press a img {border:solid 1px #fff; margin:10px 0}
			/* balanco */
			.balanco {float:left; width:150px; background-color:#EC3991; margin-top:12px;}
				.balanco h2 {font-size:11px; height:33px; line-height:33px; background:url(images/bg_tit_bitbit.gif) repeat-x}
				.balanco span {padding-left:30px; background:url(images/seta_white.gif) no-repeat 14px center}
				.balanco p {margin:0 14px}
				.balanco a img {border:solid 1px #fff; margin:10px 0; width:120px; height:auto}
				
			/* servicos */
			.servicos {float:right; width:150px; background-color:#fff}
				.servicos h2 {font-size:11px; height:33px; line-height:33px; background:url(images/bg_tit_servicos.gif) repeat-x}
				.servicos span {padding-left:30px; background:url(images/seta_white.gif) no-repeat 14px center}
				.servicos ul {margin:0; padding:0; list-style:none}
				.servicos li {text-align:center; margin:15px 0}
				#destaques .servicos a {width:150px; height:108px}
				.servicos a span {display:none}
				.servicos .oo {background:url(images/ic_oo.gif) no-repeat }
				.servicos .pq {background:url(images/ic_pq.gif) no-repeat }
				.servicos .pa {background:url(images/b_plante_uma_arvore.jpg) no-repeat 16px 0}

		/* noticias */ 	
		#noticias {width:425px; margin-bottom:15px; float:right}
			#noticias ul {margin:0; padding:0; list-style:none}
				#noticias li {clear:both; margin-bottom:15px}
					.destaques span {font-weight:bold; padding-left:13px; background:url(images/seta_gray.gif) no-repeat left center}
					.destaques h2 {margin:5px 180px 0 13px; font-size:14px; line-height:14px}
					.destaques p {margin:5px 0 5px 13px; line-height:15px}
					.destaques img {float:right; width:180px; margin:-20px 0 10px 10px; border:solid 1px #ccc; padding:5px}		
					.destaques li.mais {text-align:right}
				#noticias li.outras h2, #noticias li.outras p {margin-right:10px}
				#noticias li.outras img {display:none}
			#noticias a {color:#e90}
			#noticias ul.noticias-setor {margin:10px 5px 0 14px; padding:0}
			#noticias ul.noticias-setor li {border-bottom:solid 1px #ddd; margin:0; padding:0 0 0 20px; height:26px; overflow:hidden; background:url(images/seta_silver.gif) no-repeat 13px center}
			#noticias ul.noticias-setor span {float:left; color:#e90; line-height:11px; font-size:11px; font-weight:bold; margin:7px 7px 0 0;  padding:0 5px; border-right:solid 1px #e90}
			#noticias ul.noticias-setor h4 {float:left; font-size:11px; line-height:11px; height:11px; overflow:hidden; margin-top:7px}
			#noticias ul.noticias-setor a {color:#333}
				#noticias ul.noticias-setor h4:hover {border-bottom:solid 1px #333; text-decoration:underline}

			#noticias h2.noticias-setor {margin:30px 0 0 0; padding-left:30px; font-size:14px; line-height:14px; background:url(images/seta_yellow.gif) no-repeat 14px center}
		/* interna */	
		#interna {width:425px; margin-bottom:15px; float:right}
			#interna h2 {padding-left:13px; margin-bottom:10px; background:url(images/seta_yellow.gif) no-repeat left center; text-transform:uppercase; font-size:14px; line-height:14px; color:#e90}
			#interna h2.paginas {color:#1882DE}
			#interna img {margin:0 5px; border:solid 1px #ccc; padding:5px}		
			#interna p {line-height:16px}
			#interna p.mais {background:url(images/seta_gray.gif) no-repeat left center; line-height:11px; padding:6px 20px; border-top:solid 1px #ddd; border-bottom:solid 1px #ccc}
				#interna p.mais a {color:#1882DE}
			#interna a:hover {text-decoration:underline}
				
			#interna ul.lista {margin:10px 0; padding:0; list-style:none}
			#interna ul.lista li {border-bottom:solid 1px #ddd; margin:0; padding:0 0 0 20px; height:26px; overflow:hidden; background:url(images/seta_silver.gif) no-repeat 13px center}
			#interna ul.lista span {float:left; color:#e90; line-height:11px; font-size:11px; font-weight:bold; margin:7px 7px 0 0;  padding:0 5px; border-right:solid 1px #e90}
			#interna ul.lista h4 {float:left; font-size:11px; line-height:11px; height:11px; overflow:hidden; margin-top:7px}
			#interna ul.lista a {color:#333}
				#interna ul.lista h4:hover {border-bottom:solid 1px #333; text-decoration:underline}
			#interna a {color:#e90}
			
			
		/*galeria */		
		#interna div.ngg-galleryoverview {width:425px; overflow:hidden}
			#interna div.ngg-galleryoverview div.slideshowlink {display:block; margin-bottom:10px}
			#interna div.ngg-galleryoverview div.ngg-gallery-thumbnail-box {float:left; margin:0 16px 8px 0; padding:0}
				#interna div.ngg-galleryoverview div.ngg-gallery-thumbnail {display:inline; margin:0; padding:0}
				#interna div.ngg-galleryoverview div.ngg-gallery-thumbnail img {padding:4px 12px; background-color:#ddd; margin:0; border:none}
				#interna div.ngg-galleryoverview div.ngg-gallery-thumbnail img:hover {background-color:#e37}
		#interna img.ngg-singlepic, #interna img.ngg-none {display:none}
			#interna img.alignleft {clear:left; margin-bottom:20px}
	/* footer */
	#footer {clear:both; height:96px; overflow:hidden; background:url(images/bg_foot.gif) no-repeat bottom left}
	#footer ul {width:504px; height:51px; float:right; margin:0; padding:0; background:url(images/bg_footbar.gif) no-repeat; text-align:right}
	#footer li {display:inline; color:#fff; padding:0 23px 0 0; line-height:51px; font-size:14px; font-weight:bold}
	#footer address {clear:both; padding-top:7px; font-style:normal; color:#fff}
	#footer a {color:#9ef}