@charset "UTF-8";
/* CSS Document */

@import url("reset.css");
body{
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #666;
}


.home{ background: url(images/bg.jpg)  top center no-repeat; }

.pitanga2{ background: url(images/bg_a_pitanga.jpg)  top center no-repeat; }

.colecao-primavera-verao-20112{ background:url(images/bg_colecao.jpg)  top center no-repeat; }

.look-bookbg{ background:url(images/bg-look-book.jpg)  top center no-repeat; }

.look-book2{ background:url(images/bg-look-book.jpg)  top center no-repeat; }

.bg_single{ background: url(images/bg_single.jpg)  top center no-repeat; }

.faq2{ background: url(images/bg_single.jpg)  top center no-repeat; }

.midia2{ background: url(images/bg_midia.jpg)  top center no-repeat; }

.lojas2{ background: url(images/bg_lojas.jpg)  top center no-repeat; }

.contato2{ background: url(images/bg_contato.jpg)  top center no-repeat; }

header hgroup{
	display: block;
	height: 280px;
	float: left;
	position: relative;
}
header h1 a{
	display: block;
	color: transparent;
	padding: 0;
	background: url(images/logo.jpg) 0 0;
	width: 271px;
	height: 280px;
	position: absolute;
	top: 0;
	left: -20px;

}
header h1 a span{
	text-indent: -9999px;
	display: block;
}
header h2{
	color: #ccc;
	padding: 0 0 0 30px;

}
nav{
	display: block;
	float: left;
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
	color: #000;
	width: 210px;
	position:absolute;
	top:170px;
}
nav ul{
	padding: 10px 0 0;
	margin: 0;
	list-style: none;
	font-size:10px;
}
nav ul li{
	padding: 2px 0 3px 0;
	margin: 0;
	border-bottom:1px solid #DFDFDF;
	
}
nav ul li a{
	
	margin: 0;
	color: #333333;

}

.submenu{ padding:0 0 0 25px; }

.submenu li{ border:none; list-style-image:url(images/bullet.gif); }
o
.submenu li a{ color:#666666; }

/*Login + Banner*/

#login-cadastro{ float:right; }

.login {
	background:url(http://pitangawear.com.br/site2009/wp-content/themes/pitanga/images/bgpedidos.png) no-repeat top right;
	float:right;
	height:46px;
	padding-top:50px;
	width:210px;
	font-size:11px;
}

.repres {
	background:url(http://pitangawear.com.br/site2009/wp-content/themes/pitanga/images/representante-box.gif) no-repeat top right;
	float: right;
	height:145px;
	width:246px;
	margin-top:30px;
	padding-top:65px;
	font-size:12px;
	clear:both;
	color:#333;
}
.repres h1{ display:none; }
.repres p{ margin-bottom:10px; padding-left:20px; padding-right:20px; }
.repres a{ padding-left:20px; color:#EB254C; }

section #banner{ width:250px; height:200px; background:url(images/banner_pitanga.jpg); margin:50px 0 0 0; position:absolute; top:310px; left:470px; }

form.pedidos label{ background:#FFF; height:15px; margin:0 0 5px; padding:0; border:none; width:32px; float:left; font-size:11px; text-align:center;
	border: 1px solid #ccc;
	border-right: none;
}

form.pedidos #nome{ width:98px; height:15px; padding:0; border:none; background:#FFF; margin-bottom:5px; float:left; 
	border: 1px solid #ccc;
	border-left: none;
}
form.pedidos #email{ width:98px; height:15px; margin-bottom:5px; padding:0; border:none; background:#FFF; float:left;
	border: 1px solid #ccc;
	border-left: none;
}
form.pedidos legend{ display: none;

}

.login p{
	font-size: 10px;
	text-transform: uppercase;
	margin: 5px 0 0;

}
.login a{
	display: block;
	clear: both;
}

#envia_pedidos{ width:132px; height:16px; background:#75CCA8; border:none; padding:0; margin:0; float:right; color:#FFF; font-size:11px; font-weight:bold; }

/* Sections */

section#destaque-coluna{
	display: block;
	height: 366px;
	margin: 0 auto;
	width: 960px;
}
section div#banner{
	width: 650px;
	height: 360px;
	float: left;
	background: rgba(33, 33, 33, 0.5);
	padding: 3px;
}
section div#banner-a{
	width: 284px;
	height: 177px;
	float: right;
	background: rgba(33, 33, 33, 0.5);
	margin: 0 0 13px;
}
section div#banner-b{
	width: 284px;
	height: 177px;
	float: right;
	background: rgba(33, 33, 33, 0.5);
}

/*-- 4 spaces grid --*/

section#secoes-4-spaces{
	display: block;
	width: 945px;
	margin: 0 auto;
	padding: 0 0 0 15px;
}
section#secoes-4-spaces div{
	display: block;
	height: 210px;
	float: left;
	margin: 0 30px 0 0;
	width: 210px;
	padding: 0px;
	position: relative;
}

section#secoes-4-spaces-2{
	display: block;
	width: 945px;
	margin: 0 auto;
	padding: 0 0 0 15px;
}
section#secoes-4-spaces-2 div{
	display: block;
	float: left;
	margin: 13px 30px 0 0;
	width: 210px;
	padding: 0px;
	position: relative;
	color: #ccc;
}
section#secoes-4-spaces div h2, section#secoes-4-spaces fieldset legend, section#secoes-4-spaces table caption {
	width: 100%;
	text-align: left;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #EB254C;
	border-bottom: 1px solid #bfbfbf;
	padding: 23px 0 3px;
	text-transform: uppercase;
	margin: 0 0 7px 0;
}
section#secoes-4-spaces-2 h2{
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #EB254C;
	border-bottom: 1px solid #bfbfbf;
	padding: 23px 0 3px;
	text-transform: uppercase;
	margin: 0 0 7px 0;
}

section#secoes-4-spaces div p{
	font-size: 11px;
}
section#secoes-4-spaces-2 ul li{
	background: url(images/list.jpg) 0 7px no-repeat;
	padding: 0 0 0 7px;
	font-size: 11px;
}
section#secoes-4-spaces div p.center{
	text-align: center
}
section#secoes-4-spaces div img.asked-questions{
	padding: 0 13px 3px 0;
}
section#secoes-4-spaces div img{
	margin: 0 0 4px 0;	
}
/*-- 2 spaces grid --*/

section#secoes-2-spaces{
	display: block;
	width: 945px;
	margin: 0 auto;
	padding: 0 0 0 15px;
}
section#secoes-2-spaces figure, section#secoes-2-spaces div{
	display: block;
	float: left;
	margin: 0;
	width: 472px;
	color: #bababa;
	padding: 13px 0 0;
	position: relative;
	border-top: 1px solid #c2c2c2;
	font-size: 9px;
}

/*-- 2 spaces grid 2cols --*/

section#secoes-2-space-cols{
	display: block;
	width: 960px;
	margin: 0 auto;
}
section#secoes-2-space-cols div.col2{
	display: block;
	height: 600px;
	float: right;
	margin: 13px 0 0 0;
	width: 717px;
	background:url("images/bg_form.jpg") no-repeat scroll -503px 50% transparent;
	padding: 0;
	position: relative;
}

section#secoes-2-space-cols div.col3{
	display: block;
	height: auto;
	float: right;
	margin: 13px 0 0 0;
	width: 717px;
	background:url("images/bg_form.jpg") no-repeat scroll -503px 50% transparent;
	padding: 0;
	position: relative;
}

section#secoes-2-space-cols div.col4{
	display: block;
	height: 600px;
	float: right;
	margin: 13px 0 0 0;
	width: 717px;
	padding: 0;
	position: relative;
}

section#secoes-2-space-cols header{
	display: block;
	float: left;
	margin: 13px 0 0 0;
	width: 230px;
	
	padding: 0;
	position: relative;
}
section#secoes-2-space-cols div.col2-a{
	display: block;
	height: 161px;
	float: left;
	margin: 13px 13px 0 0;
	background: rgba(33, 33, 33, 0.5);
	width: 717px;
	
	padding: 0;
	position: relative;
}

/*-- 1 space grid --*/

section#secoes-1-space{
	display: block;
	width: 960px;
	margin: 0 auto;
}
section#secoes-1-space figure, section#secoes-1-space div{
	display: block;
	height: 366px;
	float: left;
	margin: 13px 0 0;
	background: rgba(33, 33, 33, 0.5);
	width: 960px;
	
	padding: 0;
	position: relative;
}

/*-- 1 space full grid --*/

section#secoes-1-space-full{
	display: block;
	margin: 0;
}
section#secoes-1-space-full figure, section#secoes-1-space-full div{
	display: block;
	height: 366px;
	margin: 13px 0 0;
	background: rgba(33, 33, 33, 0.5);
	
	padding: 0;
	position: relative;
}
section#secoes-4-spaces div.last, section#secoes-2-spaces div.last, section#secoes-4-spaces-2 div.last{
	margin: 0;
}
section#secoes-4-spaces div.last2, section#secoes-2-spaces div.last2, section#secoes-4-spaces-2 div.last2{
		margin: 13px 0 0;
}
br.clear{
	clear: both;
}
div, figure{

}


/* Newsletter */
form.newsletter{
	font-size: 11px;
}
form.newsletter label{
	padding: 3px 0 0 8px;
	width: 35px;
	height: 15px;
	float: left;
	background: #ccc;
}
form.newsletter p{
	width: 100%;
	float: left;
	padding: 0 0 5px;
}
form.newsletter input.txt{
	padding: 3px 0 0 0;
	width: 167px;
	height: 15px;
	border: 0;
	background: #ccc;
	margin-bottom:2px;
	float:left;
}
form.newsletter input#cadastrar{
	background: #EB254C;
	width: 83px;
	height: 21px;
	color: #fff;
	border: 0;
	float: right;

	font-weight: bold;
	font-size: 10px;
	border: 1px solid #ccc;
	margin: 1px 0 0;
	text-transform: uppercase;
}
/* footer */

footer{
	display: block;
	margin: 13px 0 13px;
	clear: both;
	width: 100%;
	float: left;
	color: #bababa;
}
footer div#footer{
	margin: 0 auto;
	width: 960px;
}

/*A Pitanga*/

section.conteudo{ padding: 150px 0 0 50px; float:left; width:400px; }

section.conteudo2{ padding: 150px 0 0 50px; float:left; width:400px; }

section.conteudo4{ padding: 150px 0 0 50px; float:left; width:640px; }



section .conteudo4 p{ margin-bottom:10px; }
section .conteudo4 .a-pitanga{ margin-bottom:5px; background:url(images/titulo_a_pitanga.png) no-repeat; text-indent:-9998px; height:40px; }

/*Coleção*/

section.conteudo3{ padding: 150px 0 0 65px; float:left; width:480px; }



section .conteudo3 p{ margin-bottom:10px; }

section .conteudo3 .colecao{ margin-bottom:5px; background:url(images/titulo_colecao.png) no-repeat; text-indent:-9998px; height:40px; }

/*Look Book*/

section #look-book{ padding: 150px 0 0 50px; float:left; width:500px; margin-bottom:50px; }
section #look-book .look-book{ margin-bottom:5px; background:url(images/titulo_look_book.png) no-repeat; text-indent:-9998px; height:40px; }

section #look-book ul{ margin-bottom:40px; float:left; }

section #look-book ul li{ float:left; margin-right:3px; }

#respond{ display:none; }

/*Single*/

section #single{ padding: 150px 0 0 50px; float:left; width:650px; }
section #single .single{ margin-bottom:5px; background:url(images/titulo_look_book.png) no-repeat; text-indent:-9998px; height:40px; }

#img_prod{ width:222px; height:362px; float:left; border:1px solid #DDDDDD; margin-right:10px; }

/*#detalhe{ width:222px; height:362px; float:left; border:1px solid #DDDDDD; margin-right:10px; }*/

#dados_prod { width:413px; height:362px; float:left; border:1px solid #DDDDDD; overflow-x: hidden; overflow-y:auto; text-transform:lowercase; background:#FFFFFF; }

.peca{ float:left; padding:15px; width:100%; }

#caroussel{ float:left; width:648px; height:103px; margin-top:15px; }

.box_color{ border: 1px solid #CCC; padding:0 6px; }

#virar_img a{ background:url(images/costas.jpg) no-repeat; width:71px; height:20px; float:left; padding:5px 0 0 100px; font-size:16px; color:#EB254C; }

#ampliar_img a{ background:url(images/bt_mais.jpg) no-repeat; width:50px; height:25px; float:left; text-indent:-9999px; }

.tabela{ float:left; }

.tabela table{ width:650px; text-align:center; border:1px solid #CCC; }

.tabela table tr th{ border:1px solid #CCC; }

.box_right h3{ float:left; margin:10px 0; }


/*Mídia*/

section #midias{ padding: 150px 0 0 50px; float:left; width:450px; }
section #midias .midias{ margin-bottom:5px; background:url(images/titulo_midia.png) no-repeat; text-indent:-9998px; height:40px; }

section #midias ul li{ float:left; width:209px; height:76px; background:#FFF; margin-right:10px; margin-bottom:10px; position:relative; }

section #midias img{ float:left; margin-right:15px; }

section #midias .titulo_midia{ position:absolute; top:13px; }

#paginacao{ float:left; background:url(images/paginacao.jpg) no-repeat; width:430px; height:20px; text-align:center; }

/*Lojas*/

section .conteudo .loja{ margin-bottom:5px; background:url(images/titulo_lojas.png) no-repeat; text-indent:-9998px; height:40px; }

section .conteudo span{ width:300px; float:left; }

section .conteudo2 span{ float:left; }

section .conteudo span b{ margin:3px 0 3px 0; float:left; }

/*Contato*/

section .conteudo .contato{ margin-bottom:5px; background:url(images/titulo_contato.png) no-repeat; text-indent:-9998px; height:40px; }

.col2 .conteudo form fieldset .txt{ width:302px; margin:5px 0; float:left; border:1px solid #CCC; }

.col2 .conteudo form fieldset textarea{ width:302px; margin-bottom:10px; border:1px solid #CCC; height:100px; }

.col2 .conteudo form fieldset label{ float:left; width:82px; margin:5px 5px; text-align:right; }

.col2 .conteudo form fieldset #cadastrar{ width:68px; height:21px; background:url(images/botao_enviar.jpg) no-repeat; border:none; margin:0; float:right; }

/*Faq*/

section.conteudo_faq{ padding: 150px 0 0 50px; float:left; width:600px; }
section .conteudo_faq .faq{ margin-bottom:5px; background:url(images/titulo_faq.png) no-repeat; text-indent:-9998px; height:40px; }

section .conteudo_faq p{ margin-bottom:10px; background:rgba(255, 255, 255, 0.7); }

/*Login*/

.loginform { float:left; padding:70px; }

.loginform .ipt_text_p label{ width:80px; float:left; }

#user_pass{ width:170px; float:left; border:1px solid #CCC; }

#user_login{ width:170px; float:left; margin-bottom:10px; border:1px solid #CCC; }

#wp-submit{ width:68px; height:21px; background:url("images/botao_enviar.jpg") no-repeat scroll 0 0 transparent; margin:0; border:none; float:right; }

/*Cadastro*/

.right{ width:auto; float:left; padding:0 5px 5px 5px; }

#form_cadastro input{ border:1px solid #CCC; float:left; margin-bottom:3px; } 

#estado{ width:60px; }

.submit input{ width:68px; height:21px; background:url("images/botao_enviar.jpg") no-repeat scroll 0 0 transparent; margin:0; border:none; float:right; }


.sobr{ border-bottom:1px solid #CCC; height:15px; width:200px; margin-bottom:3px; }
.add_pedido { background:#090; padding:2px; color:#FFF; }

section .conteudo3 li{ width:50px; float:left; padding-left:40px; }