/*
Theme Name: v2010
Theme URI: http://hagg.com.br
Description: Parai Solucoes Inovadoras - novo website
Version: v.2010
Author: HAGG Agencia Interativa 
Author URI: http://hagg.com.br/
Tags: wmoriah, parai, cartuchos, hagg, agencia 

*/


	* {margin:0; padding:0}
	body {color:#666; background:#f1f1f1 url(images/bg_body.gif) repeat-x; font-size:11px; line-height:15px; font-family:"Tahoma", Arial, Helvetica, sans-serif; text-align:center}
	.none, hr, .linklove {display:none}
	a {text-decoration:none; color:#444}
		a:hover {}
	.red {color:red}
	div.color {height:10px; font-size:1px; line-height:1px; background:url(images/bg_header.gif) repeat-y top center}	

	/*header*/
		#header {position:relative; top:0; left:0; z-index:2; height:155px; width:936px; text-align:left; margin:0 auto}
			#header h1 {float:left; width:160px; height:69px; margin:22px 0 0 0; overflow:hidden}
				#header h1 img {border:none}
			/*banner*/
			#header #banner {width:725px; height:100px; margin:8px 0 12px 0; float:right; position:relative; top:0; left:0}
			#header #banner img {border:none}
			#header #banner .lista {display:none}
			#header #banner ul {width:18px; height:73px; list-style:none; position:absolute; top:100%; left:100%; margin:-72px 0 0 -18px}
			#header #banner li {width:16px; height:16px; float:left; color:#555; line-height:14px; font-size:11px; font-weight:bold; text-align:center; background-color:#f2f2f2; border:solid 1px #ccc; cursor:pointer; cursor:hand}
			#header #banner li.selected {background-color:#f00; color:#fff}
			#header ul#menu-top {clear:both; height:34px}
				#menu-top {margin:0; padding:0}
				#menu-top li {list-style:none; width:156px; float:left; position:relative; top:0; left:0}
				#menu-top li a {display:block; line-height:35px; text-indent:10px; text-align:center; background:url(images/bg_menu-top_a.gif) no-repeat 0 35px}
				#menu-top li a:hover, #menu-top li:hover a {background-position:-156px 7px; color:#ccc; text-align:left}
					#menu-top li ul {display:none; background-color:#fff}
					#menu-top li:hover ul {display:block; letter-spacing:-0.01em; position:absolute; top:0; left:0; margin-top:35px; z-index:2}
				#menu-top li:hover li a {display:block; line-height:24px; text-align:left; border:solid 1px #ccc; border-top:none; color:#444; background:#fff url(images/bg_menu-top_a.gif) no-repeat 0 2px}
				#menu-top li li a:hover, #menu-top li li:hover a {background-color:#f2f2f2; color:#444}		 

				#menu-top li.page-item-11, #menu-top li.page-item-12 {top:0; left:0}
				#menu-top li.page-item-11 ul, #menu-top li.page-item-12 ul {display:none}
				#menu-top li.page-item-11:hover ul, #menu-top li.page-item-12:hover ul {display:block; position:absolute; border-left:solid 3px #ccc; top:0; left:0; margin:0 0 0 156px}
					#menu-top li.page-item-11 li, #menu-top li.page-item-12 li {width:176px;}
					#menu-top li.page-item-11:hover li a, #menu-top li.page-item-12:hover li a {background-color:#fff; background-position:20px 2px}
					#menu-top li.page-item-11:hover li a:hover, #menu-top li.page-item-12:hover li a:hover {background-color:#f2f2f2}
				
	/*content*/
		#content {width:936px; margin:0 auto 1px auto}

		/*busca */
		.post #searchform {position:absolute; top:0; left:0; margin:5px 0 0 485px}
			#searchform input#s {position:absolute; margin-top:6px}
			#searchform input#searchsubmit {position:absolute; margin:4px 0 0 150px}
		.side #searchform {position:relative; top:0; left:0; margin:0; width:auto}
			.side #searchform input#s {position:absolute; top:0; left:0; margin:0; width:100px}
			.side #searchform input#searchsubmit {position:absolute; top:0; left:0; margin:-1px 0 0 106px}

		/*navegacao do painel da index*/
		#content #nav {position:absolute; margin:22px 0 0 0; top:0; right:0; z-index:100}
		#content #nav a {background-color:#ccc; text-decoration:none; margin:0; padding:4px 7px; color:#666; font-weight:bold}
		#content #nav a.activeSlide {background:#666; color:#fff}
		#content #nav a:hover {background:#f00; color:#fff}
		#content #nav a:focus {outline:none}

		/*products*/
		.painel #destaque #products {float:left; margin:0 10px; width:200px}
		#side #products {float:left; margin:30px 10px; width:200px}
			#products h3{color:#0598c6; font-size:14px; margin-bottom:10px; text-transform:uppercase}
			#products .menu_products{ background:url(images/menu_products.gif) no-repeat bottom left; width:200px; height:25px; display:block; padding:5px 0 0 10px; color:#777}
			#products .menu_products:hover{ background:url(images/menu_products.gif) no-repeat top left; width:200px; height:25px; display:block; padding:5px 0 0 10px; color:#777}
			#products .add{ background:url(images/menu_products.gif) no-repeat top left; width:200px; height:25px; display:block; padding:5px 0 0 10px; color:#777}
			#products dt {font-weight:bold; line-height:17px; clear:both}
			#products dd{ margin-left:5px; float:left; padding:10px 0; width:190px}
				#products dd img{ width:100px; height:100px; border:none; float:right; margin-left:5px}
				#products dd p{ font-size:11px; color:#999}
				#products dd a{ width:100px; color:#0498CF}
				#products .details{ font-size:11px; color:#0498CF}

			#produtos ul {list-style:none}
			#produtos li {float:left; width:157px; margin:0 10px; position:relative; top:0; left:0}
			#produtos img {display:block; width:100px; height:auto; margin:8px 0 0 20px; border:none}
			#produtos h3 {padding-left:30px; height:24px; text-align:left; font-size:12px; line-height:24px; background:url(images/ic_seta.gif) no-repeat}
			#produtos a.mais {display:block; position:absolute; top:100%; left:100%; margin:-12px 0 0 -30px; width:30px; height:15px; overflow:hidden; text-indent:-1000px; background:url(images/ic_mais.gif) no-repeat}
			#produtos a.mais:hover {background-position:-30px 0}
		
		/*icons*/
		div.icons {clear:both; padding-top:10px; background:#f0f0f2 url(images/bg_footer.gif) repeat-x; text-align:center}
			.icons ul {list-style:none; width:935px; padding:0; margin:20px auto; height:40px; text-align:left; border-left:solid 1px #ccc}
			.icons li {width:161px; height:40px; margin:0 0 0 20px; border-right:solid 1px #ccc; float:left; font-size:13px; line-height:16px}
				.icons li.aprenda a {background:url(images/ic_aprenda.png) no-repeat}
				.icons li.newsletter a {background:url(images/ic_newsletter.png) no-repeat}
				.icons li.dicas a {background:url(images/ic_dicas.png) no-repeat}
				.icons li.eventos a {background:url(images/ic_eventos.png) no-repeat}
				.icons li.banner {width:auto; height:auto; margin:0; border:none; float:right}
				.icons li.banner img {border:none; margin-right:10px}
			.icons a {display:block; height:32px; padding:0 0 0 40px}
			
		/*side*/
		#content #side {float:left; width:190px; text-align:left;}
		
		/*painel*/
		.painel {position:relative; padding:15px 0; top:0; left:0; z-index:1; text-align:center}
			/*destaque*/
			.painel #destaque {float:left; text-align:left; border:solid 1px #ccc; padding:20px 10px; margin-bottom:15px; width:710px; background:#fff url(images/bg_post.gif) repeat-x; position:relative; top:0; left:0}
			.painel #destaque h2 {position:absolute; top:0; left:0; margin:10px 0 0 -5px; color:#fff; font-size:11px; line-height:23px; padding:0 20px 0 15px; background:url(images/bg_destaque_h2.gif) no-repeat top right}
			#destaque ul.lista {list-style:none; margin:0; padding:0; line-height:14px}
				#destaque ul.lista li {float:left; width:100px; height:95px; background:url(images/bg_li.gif) no-repeat; overflow:hidden; margin:25px 0 0 16px; text-align:center; padding-top:100px; position:relative; top:0; left:0}
				#destaque ul.lista li h5 {font-size:11px; margin:6px 0}
					#destaque ul.lista li h5 small {font-size:11px; color:#555; font-weight:normal}
					#destaque ul.lista li img {padding:5px; background-color:#fff; border:solid 1px #ccc; position:absolute; top:0; left:0}
					#destaque ul.lista li p {margin:0; text-align:center}

			/*foto*/
			.painel #foto {float:right; margin:0; width:190px; margin-bottom:15px; text-align:left; height:255px; overflow:hidden; border:solid 3px #ccc}
			/* side */
			.painel	.side {float:right; margin-bottom:15px; text-align:right}
				.painel .side img {padding:1px; background-color:#ccc; border:none}
				.painel .tele {margin:30px 0 11px 0}			

		/*post*/
		.post {float:right; font-size:14px; line-height:19px; text-align:left; border:solid 1px #ccc; padding:20px; width:670px; margin:15px 0; background:#fff url(images/bg_post.gif) repeat-x; position:relative; top:0; left:0}
			.post h2 {position:absolute; top:0; left:0; margin:10px 0 0 -5px; color:#fff; font-size:13px; line-height:23px; padding:0 20px 0 15px; background:url(images/bg_h2.gif) no-repeat top right}
			.post h3 {font-size:20px; font-weight:normal; line-height:24px; color:#666; margin:20px 0}
			.post h4 {font-size:22px; font-weight:normal; line-height:30px; color:blue; margin:6px 0}
				.post h4.red {color:red}
			.post h5 {font-size:16px; line-height:18px; padding-bottom:10px; border-bottom:solid 3px #ccc; padding-left:10px}
			.post h6 {font-size:11px; font-weight:normal; margin-top:10px; line-height:14px; text-transform:uppercase; color:blue}
			.post div.forma-pagto {margin-left:350px}
				.post div.forma-pagto img {margin-right:5px; margin-top:5px; border:none}
			.post div.produto {height:270px; overflow:hidden}
			.post div.descricao {}
			.post p {margin:20px 0 0 0; text-align:left}
			.post .postTabs {clear:both; margin-top:20px}
			.post .postTabs_divs {font-size:11px; line-height:15px}
			.post p.tags {text-align:right}
			.post ul, .post ol {margin:10px 20px; padding:0 15px}
			.post blockquote {margin:10px 20px}
			.post .aligncenter {margin:0 auto; text-align:center}
			.post .alignnone {float:none; margin:10px}
			.post .alignleft {margin:0 10px 0 0; background-color:#fff;  padding:5px; float:left; text-align:left }
			.post .alignright {margin:0 0 0 10PX; background-color:#fff; padding:5px; float:right; text-align:right }
			.post img {border:none}
			.post ul.submenu {clear:both; margin-top:40px}
			/* forms */
			.post div#usermessagea {} /* mensagem de aviso */
			.post form.cform {margin-top:40px} /* formulario */
				.post form.cform fieldset {} /* fieldset */
				.post form.cform fieldset.cf_hidden {display:none}
					.post form.cform legend {} /* legendas */
					.post form.cform ol.cf-ol {list-style:none; padding:0; margin:0} /* contem os campos */
						.post form.cform li {} /* linha de cada campo */
							.post form.cform label {display:block} /* rotulo dos campo */
								.post form.cform label span {} /* texto dentro do rotulo */
								.post form.cform label span.reqtxt, .post form.cform label span.emailreqtxt {} /* descricao de campos obrigatorios */
							.post form.cform input {} /* campos */
								.post form.cform input.single {} /* campo simples */
								.post form.cform input.fldemail {} /* campo de email */
								.post form.cform input.fldrequired {} /* campo obrigatorio */
								.post form.cform input.sendbutton {} /* botao enviar */
							.post form.cform textarea {} /* caixa de texto */
								.post form.cform textarea.area {} /* area */
							.post form.cform p {} /* paragrado dentro do form */
								.post form.cform p.cf-sb {} /* paragrafo do botao enviar */
									
			/* lista - archive.php */
			.post ul.lista-produtos {list-style:none; margin:40px 0 0 0; padding:0; line-height:14px}
				.post ul.lista-produtos li {float:left; width:290px; height:200px; overflow:hidden; margin:15px; text-align:left}
				.post ul.lista-produtos li h5 {font-size:14px; line-height:14px; margin:0 0 5px 0; padding:0; border:none}
					.post ul.lista-produtos li h5 small {font-size:11px; color:#555; font-weight:normal}
					.post ul.lista-produtos li img {padding:5px; background-color:#fff; border:solid 1px #ccc; float:left; margin-right:10px}
					.post ul.lista-produtos li p {margin:0; font-size:11px}

			.post ul.lista-archive {list-style:none; margin:40px 0 0 0; padding:0; line-height:14px}
				.post ul.lista-archive li {margin:15px; text-align:left; padding-bottom:16px; border-bottom:1px solid #ccc}
				.post ul.lista-archive li h5 {font-size:11px; line-height:14px; margin:0 0 5px 0; padding:0; border:none}
					.post ul.lista-archive li h5 small {font-size:11px; color:#555; font-weight:normal}
					.post ul.lista-archive li img {padding:5px; background-color:#fff; border:solid 1px #ccc; float:left; margin-right:10px}
					.post ul.lista-archive li p {margin:0; font-size:11px}

			/* editar */
			.post p.edit {position:fixed; top:0; left:100%; margin:21px 0 0 -70px; width:60px; height:20px}
				.post p.edit a {display:block; width:60px; height:20px; overflow:hidden; background-color:#f00; color:#fff; font-size:13px; font-weight:bold; letter-spacing:-1px; text-align:center; line-height:20px}

			/*breadcrumb*/
			.post .breadcrumb {padding:5px; padding-top:30px; margin-bottom:10px; border-bottom:dashed 1px #ddd; color:#444}
				.post .breadcrumb a {color:#666}
				.post .breadcrumb a:hover {color:#444; text-decoration:underline}
				.post .breadcrumb span {font-weight:bold}

		/* meta */
		ul.post-meta {margin:5px 15px; list-style:inherit}
			ul.post-meta li {paddind:0}	
				ul.post-meta li span.post-meta-key {font-weight:bold}	

		/* pagenavi */
		body .wp-pagenavi {margin:20px auto; padding:5px 0 0 30px; text-align:center}
			body .wp-pagenavi span.pages {padding:0 10px; color:#888; border:none}
			body .wp-pagenavi span.current {font-weight:bold; color:#fff; padding:2px 6px; background-color:#333; border:none}
			body .wp-pagenavi span.extend {border:none; color:#237}			
			body .wp-pagenavi a, body .wp-pagenavi a:link, body .wp-pagenavi a:active, body .wp-pagenavi a:visited  {font-weight:bold; color:#333; text-decoration:none; padding:2px 6px; background-color:#ccc; border:none}
			body .wp-pagenavi a:hover {background-color:#333; color:#fff}	

		/*page*/
		.page {border:solid 1px #ccc; padding:20px 150px 20px 20px; margin:30px 0; width:auto; height:auto; float:none}		
			.page h2, .page h2 a {color:#fff; font-size:16px; margin-bottom:30px; font-weight:normal; line-height:22px; padding:0 20px 10px 25px}
			.page div {padding-top:20px; margin-right:150px}
	/* footer */
	#footer {background:#F0F0F2 url(images/bg_footer.gif) repeat-x; clear:both; margin:0 auto; text-align:left; padding:20px 0}
		#center {margin:0 auto; width:936px}	
			#menu-foot {width:380px; float:left; margin:0 0 0 70px; list-style:none}
			#menu-foot li {float:left; margin-right:10px; padding-right:1px; border-right:solid 1px #ccc}
			#menu-foot a {padding-right:10px}

			#links-foot {width:480px; float:right; margin:0; padding:0; list-style:none}
			#links-foot li {float:right; margin-left:10px; padding-left:1px; border-left:solid 1px #ccc}
			#links-foot a {padding-left:10px; display:block}
			#center a:hover {color:#f00}
		#footer address {margin:0 auto; clear:left; font-style:normal; position:relative; top:0; left:0; padding-left:70px}
			#footer a.hagg {display:block; text-indent:-1000px; position:absolute; top:0; left:0; margin:5px 0 0 0; width:60px; height:30px; overflow:hidden; background:url(images/hagg-assinatura.gif) no-repeat}
				#footer a.hagg:hover {background-position:0 -30px}

		/* login */
		#footer span.login {display:block; position:fixed; top:0; left:100%; margin:0 0 0 -60px; width:60px; height:20px}
			#footer span.login a {display:block; width:60px; height:20px; overflow:hidden; background-color:#555; color:#fff; text-transform:lowercase; font-size:13px; font-weight:bold; text-align:center; line-height:20px}