/*
Theme Name: GPontes
Theme URI: www.gpontes.com
Description:
Version: v3.5
Author: Walter Araujo dos Santos
E-mail: walter.wmoriah@gmail.com

*/


	/* 	chamada para o aqruivo csshover.htc
		que permite usar seletor hover em todas as tags no ie6.0 */
	body {behavior:url(http://www.gpontes.com/site/wp-content/themes/gpontes/csshover.htc)}

/* Begin Typography & Colors */

	body {font:11px Arial, Helvetica, sans-serif; color:#555; margin:0; padding:0; text-align:center; background:#fff url(images/bg_body.gif) 0 238px repeat-x}
	h1, h2, h3, h4, h5, h6, ul, ol  {margin:0; padding:0}
	hr, h2 span {display:none}
	a {color:#e52; text-decoration:none}
	a:hover {text-decoration:underline}
	hr.clear {display:block; clear:both; border:solid 1px #fff; background-color:#fff; color:#ffff; height:1px; line-height:1px; font-size:1px}
	h2 {font:bold 24px/60px Candara, Trebuchet MS, Arial, Helvetica, sans-serif; color:#035}

/* header */
	#header {width:100%; height:238px; margin:0; text-align:center; background:url(images/bg_header.gif) no-repeat top center}
		#header h1 {width:731px; height:206px; margin:0 auto; }
		#header h1 a {display:block; height:206px}
		#header p, #header span {display:none}

/* content */
	#content {background:url(images/bg_content.gif) no-repeat top center}
	.content {width:701px; margin:10px auto; text-align:left}
	/* interna */
	.interna {font-size:14px ; line-height:19px; width:731px; margin:0 auto 10px auto}
	.interna h2 {line-height:35px; margin-bottom:20px; padding:0 10px; background-color:#ccc; color:#035}
	.interna h4 {font-size:16px; line-height:20px; color:#e52}
	.interna ul.lista {list-style:none; margin:15px 0; padding:0; border-top:solid 1px #eaeaea}
	.interna ul.lista li {border-bottom:solid 1px #ccc; padding:5px 0}
	.interna ul.lista-clientes {padding-left:10px}
	.interna ul.lista-clientes li {float:left; width:330px}
	.interna .left {width:45%; float:left}
	.interna .right {width:45%; float:right}
	body .interna ol, body .interna ul {margin-left:20px}
		/* navbar */
		#navbar {height:32px; background:url(images/bg_navbar.gif) no-repeat top center}
		#navbar ul {width:731px; margin:0 auto; text-align:left;  position:relative; top:0; left:0}
		#navbar ul ul {display:none}
		#navbar ul.home {margin-left:27px; margin-right:3px}
			#navbar ul li {display:inline; padding:0}
			#navbar ul a {display:block; float:left; padding:0 10px; height:32px; font:bold 13px/32px Candara, Trebuchet MS, Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none}
			#navbar ul ul a {text-transform:none}
				#navbar ul a:hover {border-bottom:solid 4px #ccc}
				#navbar ul ul a:hover {border-bottom:solid 4px #ccc}
				#navbar li.principal a {border-bottom:solid 4px #5ab}
				#navbar li.current_page_item a, #navbar li.current_page_parent a, #navbar li.current-cat a {padding:0 10px; background-color:#ccc; color:#036}
				#navbar li.current_page_item li a, #navbar li.current_page_parent li a, #navbar li.current-cat li a {color:#fff}
			#navbar li:hover ul {background-color:#036; clear:both; top:32px; left:0; position:absolute; display:block}
			#navbar li.page_item li.page_item a {background:url(images/ic_submenu.gif) no-repeat 12px 12px; padding-left:28px}
			#navbar li.page_item li.page_item a:hover {border-bottom:none; background-position:18px 12px}
		/* flash */
		#flash {height:182px; margin-bottom:5px; background:url(images/quadro.jpg) no-repeat top center}
			#flash h1 a {display:block; margin:0 auto; height:175px; width:730px; text-indent:-10000px}
		#flash_loja {height:182px; margin-bottom:5px; background:url(images/quadro_loja.jpg) no-repeat top center}

		/* destaque */
		#destaque {width:731px; height:131px; margin:0 auto; background-color:#035; text-align:left; color:#fff; position:relative; top:0; left:0; overflow:hidden}
			#destaque h2 {font-size:17px; text-transform:uppercase; line-height:24px; padding-left:30px; background:url(images/seta_destaque.gif) no-repeat center left; color:#fff}
			#destaque img {position:absolute; top:0; left:0}
			/* newsletter */
			.newsletter {width:323px; float:left}
				.newsletter h2 {margin:19px 0 0 15px}
				.newsletter p {margin:5px 70px 0 45px}
				.newsletter form {width:323px; height:46px; margin:10px 0 0 0; padding:0; background-color:#e52}
					.newsletter ul {margin:0; padding-left:15px; list-style:none;}
					.newsletter li {float:left; padding:5px 0 0 0}
						.newsletter label {display:block}
						.newsletter label.radio {padding:0 3px 3px 5px; display:inline}
						.newsletter input {width:115px; height:16px; font-size:11px; line-height:16px; background-color:#fff; border:solid 1px #fff; color:#e52}
						.newsletter input.radio {width:auto; margin-top:16px; height:auto; background-color:#e52; border:none}
						.newsletter input#submit {width:auto; height:32px; margin-top:0; background-color:#e52; border:solid 1px #e52; color:#fff; font-size:25px; font-weight:bold; text-align:left}
			/* destaque livros */
			#destaque .destaque {width:408px; height:131px; overflow:hidden; position:absolute; top:0; left:323px}
			#destaque .destaque h2 {margin:19px 0 0 30px}
			#destaque .destaque p {margin:0; padding:5px 245px 0 30px}

		/* clientes */
		.clientes {width:141px; float:left; overflow:hidden}
		.clientes ul {list-style:none; padding:0; margin:0}
		.clientes li {background-color:#eaeaea; text-align:left; line-height:20px; border:solid 1px #dbdbdb; border-top:none; padding:0 11px}
		.clientes li.logo {margin:0; padding:4px 0; background-color:#fff; border:solid 1px #dbdbdb; border-top-width:3px; border-bottom-width:3px; text-align:center}
		.clientes li.mais {background-color:#fff; border:none; padding:0; text-align:right}

		/* artigos */
		.artigos {width:318px; float:left; margin:0 40px; overflow:hidden}
		.artigos h2 {text-transform:uppercase}
		.artigos ul {list-style:none; padding:0; margin:0}
			.artigos li {clear:both}
				.artigos span {display:block; float:left; width:70px; line-height:33px; background-color:#eaeaea; text-align:center; color:#e52; font-weight:bold}
				.artigos h3 {margin:0; font-size:12px; line-height:16px; float:right; width:237px}
					.artigos h3 a {color:#555}
					.artigos h3 a:hover {color:#e52}
				.artigos p {line-height:14px; margin:7px 0; float:right; width:237px}
			.artigos li.mais {text-align:right}
		/* dica da semana */
		.artigos .dicas {width:318px; overflow:hidden; background-color:#eaeaea; margin:10px 0; padding:5px 0 10px 0; border-bottom:solid 1px #eaeaea; border-top:solid 1px #eaeaea}
			.artigos .dicas h3 {color:#e52; float:left; clear:right; margin:5px 15px; font-size:12px; line-height:16px; padding:0}
			.artigos .dicas p {margin:0 15px; float:left; clear:left; width:280px;  font-size:11px; line-height:14px; padding:0}

		/* agenda */
		.agenda {width:159px; float:right; margin:0; overflow:hidden}
		.agenda h2 {float:left}
		.agenda h3 {line-height:64px; float:left; font-size:14px; padding-left:5px}
		.agenda p {clear:both; margin:0}
			.agenda p strong {display:block; color:#e52}
			.agenda p a {display:block; text-align:right}
			.agenda p br {display:none}
		.agenda ul {clear:both; padding:0; margin:0; list-style:none}
		.agenda li li {display:block; background-color:#eee; margin:3px 0; padding:1px 0 1px 10px}

			.agenda ul strong {color:#e52}

		/* noticias */
		.noticias {width:239px; margin:0 40px; float:left; overflow:hidden}
		.noticias ul {list-style:none; padding:0; margin:0}
			.noticias li {padding:5px 0; border-top:solid 1px #eaeaea}
				.noticias h3 {font-weight:normal; font-size:11px; line-height:15px}
				.noticias span {color:#e52}
				.noticias a {color:#555}
			.noticias li.mais {text-align:right}
			.noticias li.mais a, .noticias a:hover {color:#e52}

		/* video */
		.videos {width:220px; float:left; margin:0; padding:0; overflow:hidden}
		.videos div {padding:8px 10px; margin:0; background-color:#eaeaea}
		.videos div img {width:200px; height:120px; border:none; margin-top:5px}
		.videos h3 {font-size:11px; margin:0; color:#e52}
		/* album */
		.album {width:159px; float:right; margin:0; overflow:hidden}
		.album h3 {font-size:11px; padding-bottom:5px}
		.album .destaque {background-color:#eaeaea; padding:7px 10px 2px 10px; margin-bottom:5px; text-align:left}
			.album .destaque img, .album .destaque .ngg-singlepic, .album .destaque .ngg-none {display:block; border:solid 1px #ddd; padding:2px; margin:0 0 5px 0; background-color:#fff}
			.album .destaque p {margin:0 0 5px 0}
			.album .destaque br {display:none}
		.album ul {list-style:none; padding:0; margin:0}
			.album li, .album p {padding:0; margin:0}
				.album a {color:#555}
				.album .destaque a:hover img {border:solid 1px #e52}
				.album span {color:#e52}
			.album .mais {text-align:right}
				.album .mais a, .album a:hover {color:#e52}

	/* loja */
	#destaque_loja {width:731px; height:176px; margin:0 auto; background:#00335e url(images/bg_dest.gif); text-align:left; color:#fff; position:relative; top:0; left:0; overflow:hidden; }
		#destaque_loja img {float: left;}
		#destaque_loja img.right {float: right; margin-top: 27px;}

		#texto {float: left; width: 250px;}
		#texto h2 {color: #fff; font: bolder 13px Arial, Helvetica, sans-serif; margin-top: 30px}

	#trecho {clear: both; float: left; height: 265px; width: 285px; background: url(images/bg_trecho.gif) no-repeat; margin-top: 30px; margin-bottom: 30px; }
		#trecho h2 {background-color:transparent; margin:5px 0 10px;}
		#trecho a img {border:none;}

	/** PRODUTO FIXO **/
	#produto_fixo {width:440px; float:right;}
		#motivacao {margin:30px 0 30px 10px; float:left; width:250px; text-align:left; position:relative; top:0; left:0;}
			#motivacao h2 {background-color:transparent; padding:0; margin-bottom:0;}
			#motivacao h2 p {color: #00325D; font: bolder 16px Arial, Helvetica, sans-serif; background-color:transparent; padding:0; margin:0;}
			#motivacao h3 {color: #E65622; font: bolder 25px Arial, Helvetica, sans-serif; text-align: left;}
			#motivacao p {color: #00325D; font: 13px Arial, Helvetica, sans-serif;}

		#img {margin-top:10px; float:right;}
			#img .img_produto img {float:right; width:180px; height:224px;}
			#img #comprar {float:right; margin:25px 20px 0;}

		#valor {clear:both; height:50px;}
			#valor p.de {text-decoration:line-through; font: bolder 16px Arial, Helvetica, sans-serif; margin:10px 0 0; color: #BEBEBE}
			#valor p.por {font: bolder 18px Arial, Helvetica, sans-serif; margin:0 0 10px; color: #E65622;}



	#meio {clear: both; width:705px; height: 400px; background: url(images/bg_meio.gif) no-repeat; padding-top: 20px; margin-top: 20px}
		#meio .box {width: 320px; height: 160px; float: left; margin:0 25px 20px 5px; position:relative; top:0; left:0;}
		#meio .box img {float: left;}
		#meio .box h2 {margin-top: 10px; margin-left: 5px; float: left; width: 200px; color: #00325D; font: bolder 15px Arial, Helvetica, sans-serif; text-align: left; background-color:#FFF; margin-bottom:0; padding:0;}
			#meio .box h2 a {color: #00325D;}
			#meio .box h2 a:hover {color: #E65622; text-decoration:none;}
		#meio .box p {margin-left: 5px; float: left; width: 200px; min-height: 70px; color: #00325D; font: 12px Arial, Helvetica, sans-serif; text-align: left; margin-top: 5px;}
		#meio .box #legenda { width: 120px; float: left; margin:0 0 10px;}
		#meio .box #legenda p.de {margin-left: 20px; height: 0; width: 180px; text-decoration:line-through; font: bolder 14px Arial, Helvetica, sans-serif; color: #BEBEBE}
		#meio .box #legenda p.por {height: 20px; width: 120px; font: bolder 16px Arial, Helvetica, sans-serif; color: #E65622;}
		#meio .box #legenda img.comprar {margin-left: -50px; height: 30px; margin-top:0;}


	#pagamento {clear: both; width:705px; height: 90px; background: url(images/bg_meio.gif) no-repeat; padding-top: 20px;}
		#pagamento #prazo {margin-left: 30px; float: left; margin-top: 15px; width: 200px;}
		#pagamento #prazo p {margin-bottom: 0; text-align: left; font: bolder 12px Arial, Helvetica, sans-serif; color: #0081E6;}
		#pagamento #prazo h2 {text-align: left; font: bolder 13px Arial, Helvetica, sans-serif; color: #9E9DAD; margin: -10px 0; background-color:transparent; padding:0;}
		#pagamento #prazo img {float: left; text-align: left}

		#pagamento #formas {margin-left: 30px; margin-top: 15px; text-align: left; width: 440px;  }
			#pagamento #formas p {margin-bottom: 0; text-align: left; font: bolder 10px Arial, Helvetica, sans-serif; color: #000;}
			#pagamento #formas h2 {text-align: left; font: bolder 13px Arial, Helvetica, sans-serif; color: #9E9DAD; margin: -10px 0; background-color:transparent; padding:0;}
			#pagamento #cartoes {float: left; margin-right: 10px;}
			#pagamento #boleto {float: left;  margin-right: 10px;}
			#pagamento #debitos {float: left; margin-right: 10px;}
			#pagamento #celular {float: left; margin-right: 10px;}


/* footer */
	#footer {color:#035; width:900px; margin:10px auto 0 auto; text-align:left; clear:both; height:92px}
	#footer address {width:350px; height:92px; float:right; padding-left:110px; background:url(images/ic_email.gif) no-repeat; margin-top:13px ; font-style:normal}
	#footer p {float:left; margin:13px 0 0 0; padding:0 20px 0 105px; border-right:solid 1px #cdd;}


	/*galery */
	body .ngg-galleryoverview {padding-left:20px}
	body .ngg-galleryoverview .ngg-gallery-thumbnail-box {padding:10px}
	body .ngg-galleryoverview .ngg-gallery-thumbnail {}
	body .ngg-galleryoverview a, body .ngg-galleryoverview a:hover {background-color:#fff}
	body .ngg-galleryoverview img {background-color:#fff}
	body .ngg-galleryoverview img:hover {background-color:#fff}


/** POPUP **/
#popup {position:absolute; top:0; left:0; z-index:100; width:43%;}
	#popup img {border:5px solid #FFF; width:80%;}
	#popup a.fechar {position:absolute; top:5px; right:55px; z-index:110; background:url(images/fechar.png) no-repeat; cursor:pointer;width:48px; height:48px;}
		#popup a.fechar span {display:none;}

/** Carrinho Pagseguro **/
#content .shopping_cart {width:780px;position:fixed; top:30%; left:19%; background-color:#FFF; border:2px groove #003D70;}
	#content .shopping_cart .cart_icon {float:left; margin:10px;}
	#content .shopping_cart h2 {float:left; line-height:36px; margin:5px 10px;}
	#content .shopping_cart .voltarCompras {background:url(images/voltar.gif) no-repeat 0 0; width:170px; height:24px; display:block; float:right; margin:10px 0; cursor:pointer;}
		#content .shopping_cart .voltarCompras span {display:none;}


/** botão add carrinho **/
.addCarrinho {background:url(images/bt_comprar.gif) no-repeat; width:125px; height:33px; border:none; margin-top:30px; position:absolute; bottom:0; right:0; margin-bottom:10px;}