@charset "utf-8";
/* CSS Document */

/* ---------- estrutura da pagina ---------- */

form { margin: 0; padding: 0; }

img, img a { border: none; margin: 0; }

hr {
    border: 0;
    height: 1px;
    padding: 0px;
    color: #bfb291;
    background-color: #bfb292;
	clear: both;
}

hr.darkHr { color: #a08540; background-color: #a08541; }

.clear { clear: both; }

body {
	text-align: center;
	background:#1b1002 url(../images/bg_page.jpg) repeat-x center top;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#1b1002;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 960px;
	height: 150px;
}

#logo {
	width: 307px;
	height: 93px;
	float: left;
	margin-top: 4px;
	background: transparent url(../images/logo_bbcafe1.png) no-repeat left top;
	cursor: pointer;
}

#logo_footer { cursor: pointer; }

#topbar_user {
	width: 430px;
	height: 110px;
	padding-top: 0;
	float: right;
	text-align: right;
}

#top_nav {
	width: 960px;
	height: 40px;
	clear: both;
}

#content {
	width: 960px;
}

.contentBox {
	width: 928px;
	background-color: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-top: 20px;
	padding: 16px;
}

.searchBox {
	background: transparent url(../images/bg_search.png) no-repeat 790px -75px;
	padding: 10px 16px 8px 16px;
}

.mainContent {
	width: 692px;
	margin: 10px 0 15px 0;
}

.secondaryContent {
	width: 220px;
	margin: 10px 0 15px 0;
}

.left { float: left; }
.right { float: right; }

.imgLeft { float: left; margin: 3px 3px 0px 0px; }
.imgRight { float: right; margin: 3px px 0px 3px; }

.infoBox {
	width: 200px;
	padding: 10px 10px 15px 10px;
	background-color: #dfd8c8;
	position: relative;
}

#arte .infoBox {
	padding: 10px 10px 10px 10px;
	background-color: #dfd8c8;
}

#arte .infoBoxBase {
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-radius-topleft: 6px;

	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-radius-bottomleft: 6px;
	
	padding-right: 12px;
}

.whiteRoundedCorner {
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-radius-topleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-radius-bottomleft: 6px;
	padding: 10px;
	background: #fff;
}

#creative_commons_logo_container {
	float: left;
	margin-right: 20px;
}

#fields_for_original_image_container {
	float: right;
	width: 480px;
}

#fields_for_original_image_container p {
	padding-bottom: 8px;
}

#more_about_creative_commons ul {
	padding: 40px 0px 0px 5px;
	margin: 0px;
	font-size: 11px;
	list-style-type:none;
	font-weight: bold;
}

#more_about_creative_commons ul li {
	padding-bottom: 2px;
}

#more_about_creative_commons ul li a,
#more_about_creative_commons ul li a:visited {
	font-weight: normal;
	text-decoration: none;
	font-style: italic;
	color: #997518;
}

#more_about_creative_commons ul li a:hover {
	text-decoration: underline;
}

.withSidebar { background: #fff url(../images/bg_sidebar.png) repeat-y 724px 0px; }
	
.teesHome { width: 693px; float: left; }
	
.sideBarHome { width: 210px; float: right; }
	
.premio { width: 120px; height: 58px; background: transparent url(../images/premio_dinheiro.png) no-repeat top left; padding: 25px 0px 0px 90px; margin-top:2px; }
	
.pago { font-size: 22px; color:#A70004; }
	
.twitterHome { width: 155px; height: 58px; background: transparent url(../images/ico_twitter_g.png) no-repeat left 2px; padding: 6px 0px 0px 55px; margin-top:15px; }

img.marginVert { margin: 7px 0; }

img.marginTop { margin: 10px 0 0 0; }

.footerInfo { background-color:#bfb291; margin-bottom:30px; }

.footerInfoBlock { width: 203px; height: 160px; border-right: 1px #a08540 solid; float:left; margin-right: 16px; padding-right: 16px; }

.footLast { border: none; margin: 0px; }

.infoBoxBase {
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-radius-bottomleft: 6px;
}

.darker { background-color: #bfb291; }

.saldo { background-color: #fff; border-top: 1px #DDD5B8 solid; padding:6px 10px 18px 0; }

.stripes {
	background: #bfb291 url(../images/faixas_reverso.png) no-repeat -30px -20px;
}

.boxMedio {
	width: 435px;
	height: 235px;
}

.boxAuto {
	width: auto;
	height: auto;
}

.imgRight { float: right; margin: 3px 0px 0px 3px; }

.infoBoxFull {
	width: 908px;
}

.photoBox {
	float: left;
	width: 95px;
	height: auto;
	margin: 5px 10px 5px 0;
}

.photoBox img { width: 95px; margin: 0; }

#link_click {
	cursor: pointer;
}
#link_click:hover, span#link_click p:hover {
	text-decoration: underline;
	color: #a70004;
}

.photoPro {
	width: 220px;
	height: 220px;
	position: relative;
	background: #efece3 url(../images/bg_perfil_foto.png) no-repeat left top;
}

.arrowUp {
	width: 19px;
	height: 10px;
	position: absolute;
	top: -10px;
	left: 10px;
	background: transparent url(../images/setas_up.png) no-repeat left bottom;
}

.clean { background-position: left top; }

.profile ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
}

.profile li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.profile li a {
	display:block;
	height:22px;
	line-height:21px;
	padding: 0 0 0 5px;
	text-align:left;
	text-decoration:none;
	width: 195px;
	margin-bottom: 5px;
	font-size:15px;
	color:#997518;
	background-color: #e5e0d3;
}

.profile li a:hover {
	background-color:#efece3;
	color: #1b1002;
}

.profile li a.active {
	background-color:#fff;
	color: #1b1002;
	cursor: default;
}

#estampas {
	margin: 15px 0;
}

#estampas .estampa {
	margin: 0 12px 12px 0;
	width: 125px;
	height: 94px;
	float: left;
	position: relative;
}

#estampas .estampas {
	width: 125px;
	border: 3px #dfd8c8 solid;
}

#estampas .estampas.open { border-color:#009900; }

#estampas .estampas:hover {
	border: 3px #bfb291 solid;
}

.infoVendas {
	float: left;
	width: 538px;
	height: auto;
	margin-left: 10px;
}

.chamada {
	width: 430px;
	height: auto;
	float: left;
}

.video {
	width: 480px;
	height: 270px;
	float: right;
}

/* ---------- forms e cadastro ---------- */

.fieldset {
	border: none;
	border-bottom: 1px #ddd solid;
	padding: 13px 0 0 0;
}

.lastFieldset {
	border: none;
	padding: 13px 0 10px 0;
}

.fieldsetPedidos { border-color: #BFB292; padding: 2px 0 0 0; }

.field {
	min-height: 23px;
	margin-bottom:12px;
	position:relative;
}

.check {
	min-height: 16px;
	margin-bottom:10px;
}

#cadastro label {
	color:#997518;
	float:left;
	font-size:15px;
	font-weight:bold;
	padding-right:6px;
	text-align:right;
	width:130px;
	line-height: 20px;
}

#arte label {
	color:#1b1002;
	display: block;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	width:680px;
	line-height: 17px;
}
#arte label span {
	color:#997518;
	display: block;
	font-size:13px;
	font-weight: normal;
	width:680px;
	margin: 2px 0 3px 0;
}

#cadastro label.labelSmall { font-weight: normal; font-size: 12px; width:auto; padding: 2px 0 0 1px; margin-right: 18px; }

#arte label.labelCores { font-weight: normal; color:#1b1002; font-size: 12px; width:20px; float:left; padding: 1px 0 0 1px; margin-right: 5px; }

#arte label.labelPoli { font-weight: normal; color:#1b1002; font-size: 12px; width:70px; float:left; padding: 1px 0 0 1px; margin-right: 5px; }

#cadastro select, #cadastro textarea, #cadastro input[type="text"], #cadastro input[type="password"] {
	background-color:#f9f8f4;
	border:1px solid #997518;
	color:#1b1002;
	float:left;
	font-size:14px;
	height:20px;
	width:300px;
	padding: 0 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#arte select, #arte textarea, #arte input[type="text"], #arte input[type="password"] {
	background-color:#f9f8f4;
	border:1px solid #997518;
	color:#1b1002;
	float:left;
	font-size:14px;
	height:20px;
	width:350px;
	padding: 0 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#arte input[type="file"] {
	background-color:#f9f8f4;
	border:1px solid #997518;
	color:#997518;
	font-size:14px;
	width:350px;
	padding: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#comentario textarea {
	height:50px;
	width: 440px;
	padding: 2px 0px 0px 2px;
	overflow: auto;
	margin-bottom: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

#cadastro textarea {
	height:50px;
	width:304px;
	padding: 2px 0px 0px 2px;
	overflow: auto;
	margin-bottom: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

#arte textarea{
	height:50px;
	width:350px;
	padding: 2px 0px 0px 2px;
	overflow: auto;
	margin-bottom: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

#arte input[type="radio"] {
	float: left;
}

#cadastro input[type="radio"] {
	float: left;
}

#cadastro select {
	padding: 0;
	width:308px;
	height:20px;
}

#cadastro input[type="submit"][disabled] {
	opacity:0.5;
}

input.signUpOnLogin[type="submit"],
input.signUp[type="submit"], 
input.sendArt[type="submit"] {
	clear:left;
	color:#1b1002;
	float:left;
	font-size:20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #bfb291;
	border: none;
	padding: 5px;
}

input.signUpOnLogin[type="submit"] {
	width: 300px;
}

input.upDate[type="submit"] {
	clear:left;
	color:#1b1002;
	float:left;
	font-size:18px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #bfb291;
	border: none;
	padding: 5px;
	margin: 0 0 13px 135px;
}

input.signUpOnLogin[type="submit"]:hover,
input.upDate[type="submit"]:hover, 
input.signUp[type="submit"]:hover, 
input.sendArt[type="submit"]:hover {
	cursor:pointer;
	background-color: #997518;
	color: #FFF;
}

span.formError,
div.formError {
	background-color:#990000;
	color:#FFFFFF;
	font-size:11px;
	height:14px;
	left:400px;
	top:12px;
	line-height:14px;
	padding:0 3px;
	position:absolute;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#form span.formError,
#form div.formError {
	left:250px;
	top:32px;	
}

#form #verification_value span.formError,
#form #verification_value div.formError {
	left:50px;
	top:32px;	
}

#arte span.formError,
#arte div.formError {
	left:320px;
	top:53px;
}
#arte div.tArea { top:85px; }

#arte #fields_for_original_image_container span.formError,
#arte #fields_for_original_image_container div.formError {
	left:540px;
	top:100px;
}

.agreeBox {
	background-color:#f9f8f4;
	border:1px solid #997518;
	/*background-color:#f9f8f4;*/
	padding:10px;
	margin: 20px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.agreementField {
	border-bottom:1px dashed #bfb291;
	height:25px;
	margin-bottom:10px;
	width:100%;
}

#arte .agreementField {
	border: none;
	height:15px;
	margin-bottom:2px;
}

#arte label.agreementField {
	font-weight: normal;
	color:#997518;
	font-size:11px;
	font-style:italic;
	float: left;
	width: 640px;
	margin-left: 3px;
}

input[type="checkbox"] {
	float:left;
	width:15px;
}

#cadastro .agreementField label {
	color:#997518;
	float:left;
	font-size:11px;
	font-style:italic;
	margin:1px 0 10px 2px;
	padding:0;
	text-align:left;
	width:auto;
	font-weight: normal;
}

#recaptcha_widget {
	border-bottom:1px dashed #bfb291;
	margin-bottom:8px;
	position:relative;
}

#recaptcha_image {
	border:1px solid #bfb291;
	float:left;
	margin-right:8px;
}

p.recaptcha_only_if_image {
	font-size:12px;
	line-height:16px;
	padding-left:10px;
}

#cadastro input#recaptcha_response_field {
	width:200px;
	background-color: #fff;
}

div.formErrorRecaptcha {
	background-color:#990000;
	color:#FFFFFF;
	font-size:11px;
	height:14px;
	left:468px;
	top:48px;
	line-height:14px;
	padding:0 3px;
	position:absolute;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#captcha_tools { clear:left; }

.captchaTools { float:left; font-size:11px; margin:5px 12px 5px 0; }

#reload_captcha a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/ico_refresh.png) no-repeat scroll 0 0;
}

.captchaTools a {
	padding-left:18px;
	display: block;
	height: 16px;
	color:#997518;
	text-decoration:none;
}
.captchaTools a:hover { text-decoration:underline; }

#captcha_help a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/ico_help.png) no-repeat scroll 0 0;
}

div#save_error {
	background:#fff4e7 url(../images/ico_error.png) no-repeat 7px 4px;
	border:2px solid #cc0000;
	min-height: 44px;
	margin: 20px 0;
	padding:6px 5px 4px 55px;
	text-align:left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}

div#notice {
	background:#edffe7 url(../images/ico_sucesso.png) no-repeat 7px 3px;
	border:2px solid #32b200;
	height: 44px;
	margin: 20px 0;
	padding:6px 5px 4px 55px;
	text-align:left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}

.servError {
	background: transparent url(../images/erros.png) no-repeat top left;
	padding: 18px 0 0 108px;
	height: 160px;
}

/* ---------- form recados e comentarios ---------- */


#newScrap {
	margin-top: 10px;
	border-bottom: 1px #dfd8c8 dashed;
}

.scrapWithTags {
	margin-top: 10px;
	min-height: 85px;
}

.scrap {
	margin-top: 10px;
	border-bottom: 1px #dfd8c8 dashed;
	min-height: 85px;
}

.scrapWithTags {
	min-height: 30px;
	padding-bottom: 10px;
}

.scrapWithTags {
	color: #997518;
	font-size: 12px;
}

.scrapWithTags a,
.scrapWithTags a:visited,
.scrapWithTags a:hover {
	font-size: 12px;
	text-decoration: none;
	color: #997518;
}

.scrapWithTags a:hover {
	text-decoration: underline;
}

.scrapContent {
	float: left;
	width: 596px;
}
.replied {
	background-color: #dfd8c8;
	padding: 0 5px 0 10px;
	min-height: 45px;
	position: relative;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-radius-topright: 8px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-radius-bottomright: 6px;
}

.scrapReply {
	float: left;
	margin: 10px 0 5px 0;
	width: 100%;
}

.scrap .scrapReply img { width: 45px; margin-left: 30px; margin-right: 0; }

#newScrap img, .scrap img {
	width: 75px;
	margin: 0 10px 5px 0;
	float: left;
}

.replying {
	margin: 10px 0 6px 0px;
	float: left;
}

.scrapContent textarea {
	background-color:#f9f8f4;
	border:1px solid #997518;
	color:#1b1002;
	float:left;
	font-size:13px;
	height:65px;
	width:596px;
	padding: 2px 0px 0px 2px;
	overflow: auto;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input.sendScrap[type="submit"] {
	clear:left;
	color:#1b1002;
	float:left;
	font-size:14px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #bfb291;
	border: none;
	padding: 3px;
	margin: 0 0 10px 0;
}

input.sendScrap[type="submit"]:hover, input.signUp[type="submit"]:hover {
	cursor:pointer;
	background-color: #997518;
	color: #FFF;
}

.descartar {
	line-height: 18px;
	float: left;
	margin-left: 6px;
}

input.nPedido[type="submit"] {
	color:#1b1002;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #997518;
	height: 25px;
	border: none;
	padding: 0 2px;
	margin: 0 0 0 5px;
	vertical-align: middle;
}

input.nPedido[type="submit"]:hover {
	cursor:pointer;
	background-color: #fff;
}

/* ---------- form infobox ---------- */

.fieldAmigo {
	margin: 3px 0;
	display: block;
}

input.amigo {
	margin: 0px 4px 0 0;
	vertical-align: middle;
}

input.inMailProducts,
input.inMail {
	width: 170px;
	margin-right: 6px;
	margin-top: 6px;
	border: none;
	color:#1b1002;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#permalink_box img {
	position: relative;
	top: 6px;
}

input.inMailProducts {
	width: 128px;
}

input.tag[type="text"] {
	background-color:#fff;
	border: none;
	color:#1b1002;
	height:18px;
	width:90px;
	padding: 0 2px;
	margin-right: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input.cep[type="text"] {
	background-color:#fff;
	border: none;
	color:#1b1002;
	height:18px;
	width:50px;
	padding: 0 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input.cepDig[type="text"] { width:30px;}

input.nPedido[type="text"] {
	background-color:#fff;
	border: none;
	color:#1b1002;
	height:25px;
	width:145px;
	padding: 0 2px;
	margin: 0 5px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


label.amigo {
	font-size: 12px;
	color: #997518;
	margin: 0;
}

label.pedidos {
	color:#1b1002;
	display: block;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	width: auto;
	line-height: 20px;
}

label.pedidos span {
	color:#1b1002;
	display: inline;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	width: auto;
	line-height: 17px;
}

input.pedidos, select.pedidos {
	background-color:#f9f8f4;
	border:1px solid #997518;
	color:#1b1002;
	float:left;
	font-size:14px;
	height:20px;
	width:300px;
	padding: 0 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

select.pedidos { 
padding: 0 0 0 3px;
width: 303px;
}

select.pedidos.mes { 
margin: 0 15px 0 0;
width: 50px;
}

select.pedidos.ano, input.pedidos.ano { 
margin: 0 15px 0 0;
width: 75px;
}

input.credCards[type="radio"] {
	margin: 12px 3px 0 0;
}

.credCards {
float: left;
margin: -4px 18px 6px 0;
font-size: 11px;
}

.credCards img {
vertical-align: middle;
}

.botVendas {
	display: block;
	width: 199px;
	height: 39px;
	float: left;
	margin: 2px 0 0 0;
}

.converter { background: transparent url(../images/bot_cupom.png) no-repeat left top; }
.resgatar { background: transparent url(../images/bot_resgate.png) no-repeat left top; }

.botVendas:hover { background-position: left bottom; }


/* ---------- table sizes ---------- */

.infoBox table {
	border-collapse: collapse;
	width: 198px;
	border: 1px #bfb291 solid;
	font-size: 12px;
	text-align: left;
}

.infoBox td, .infoBox th {
	border: 1px #bfb291 solid;
	padding: 2px;
}

.infoBox th {
	background-color: #d4ccba;
}

.infoBox caption {
	font-weight: bold;
	text-align: left;
	padding: 3px 0 6px 0;
}

.altura { color:#900; }

.largura { color:#069; }

/* ---------- table cart ---------- */

#cart table {
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
	text-align: left;
	border-bottom: 1px solid #ddd5b8;
	margin-bottom: 20px;
}

#cart td, #cart th {
	padding: 4px;
	vertical-align: middle;
}
#cart th { font-size: 16px; border-bottom: 1px solid #ddd5b8; }

col#estampa { width: 110px;}
col#preco { width: 90px;}
col#quantidade { width: 130px;}
col#total { width: 110px;}
col#acao { width: 100px;}

#checkout_totals {
	margin-top: -20px;
}

#checkout_totals .totalize {
	padding: 8px 57px 4px 4px;
	border-bottom: 1px solid #DDD5B8;
}

#checkout_totals .totalize.last {
	border-bottom: 1px dashed #DDD5B8;
}

#checkout_totals .totalize .title {
	font-size: 16px;
	font-weight: bold;
}

td#img_estampa img { width:100px; height: 75px; }

#cart select {
	background-color:#f9f8f4;
	border: 1px solid #d4d4d4;
	color:#1b1002;
	float:left;
	font-size:11px;
	height:18px;
	width:50px;
	padding: 0;
}

.removeTee {
	display:block;
	width:82px;
	height: 22px;
	color:#1b1002;
	float:left;
	line-height:22px;
	text-decoration: none;
	background: transparent url(../images/ico_remove.png) no-repeat 57px 4px;
}
.removeTee:hover { background-position: 62px 4px; color: #a70004; }

.odd { background-color: #f2f0e9; }

.rightPos { position: absolute; top:10px; right:10px; }

.saldoVendas { position: absolute; top:0px; right:8px; width: 169px; background-color: #E9FFE5; padding: 6px 4px 6px 6px; }

input.buy[type="submit"] {
	color:#1b1002;
	float:right;
	display: inline;
	font-size:18px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #bfb291;
	border: none;
	padding: 5px;
	margin: 0 0 10px 10px;
}

input.buy[type="submit"]:hover {
	cursor:pointer;
	background-color: #997518;
	color: #FFF;
}

.infoVendas table {
	border-collapse: collapse;
	width: 99.9%;
	font-size: 12px;
	text-align: left;
	margin: 12px 0 20px 0;
}

.infoVendas tr.last { border-top: 1px solid #ddd5b8; }
.infoVendas th { font-size: 15px; border-bottom: 1px solid #ddd5b8; padding: 6px 4px 6px 6px; }
.infoVendas td { padding: 6px 4px 6px 6px; }

#valores {  }
#unidades {  }
#subtotal {  }
#comissao { width: 35%; }

.comissao { background-color: #e9ffe5; } 
.camissaOdd { background-color: #ddf0d1; } 

/* ---------- footer ---------- */

#footer {
	height: 46px;
	width: 960px;
	margin-top: 20px;
	background-color: #423724;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 20px;
}

.footerLogo {
	float: left;
	height: 46px;
	background: transparent url(../images/logo_bbcafe_footer.png) no-repeat 8px 4px;
	margin-left: 5px;
	padding: 0 15px 0 130px;
	border-right: 1px #1b1002 dashed;
}

.twitter {
	float: left;
	height: 46px;
	background: transparent url(../images/ico_twitter.png) no-repeat 1px 4px;
	padding: 0 15px 0 45px;
	margin-left: 10px;
	border-right: 1px #1b1002 dashed;
}

.dtm {
	float: right;
	height: 46px;
	background: transparent url(../images/dtm.png) no-repeat 10px 9px;
	padding: 0 15px 0 39px;
	border-left: 1px #1b1002 dashed;
}

/* ---------- login ---------- */

#login {
	width: auto;
	height: 51px;
	float: right;
}
#account {
	width: 430px;
	height: 47px;
	border-top: 1px #92673a solid;
	float: right;
	padding-top: 5px;
}

.fieldLogIn {
	margin: 20px 0 0 12px;
	float: left;
}
.fieldBotIn {
	margin: 13px 0 0 6px;
	float: left;
}

#login label {
	font-size:12px;
	height:18px;
	line-height: 18px;
}

#login input[type="text"], #login input[type="password"] {
	background-color:#fff;
	border: none;
	color:#1b1002;
	height:18px;
	width:90px;
	padding: 0 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input.signIn[type="submit"] {
	background: transparent url(../images/ico_signin.png) no-repeat left top;
	border: none;
	width: 34px;
	height:32px;
}

input.signIn[type="submit"]:hover {
	background-position: left bottom;
	cursor: pointer;
}

input.searchBut[type="submit"] {
	background: transparent url(../images/ico_search.png) no-repeat left top;
	border: none;
	width: 24px;
	height:24px;
	vertical-align: middle;
}

input.searchBut[type="submit"]:hover {
	background-position: left bottom;
	cursor: pointer;
}


#account ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
	float: right;
}

#account li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#account li a {
	display:inline;
	height:23px;
	line-height:23px;
	margin-left: 12px;
	padding:0 1px 0 25px;
	float: left;
	text-align:right;
	text-decoration:none;
	width: auto;
	font-size: 14px;
	color: #1b1002;
}

#account li a.exit {
	background: transparent url(../images/ico_exit.png) no-repeat left top;
}
#account li a.account {
	background: transparent url(../images/ico_account.png) no-repeat left top;
}
#account li a.vendas {
	background: transparent url(../images/ico_vendas.png) no-repeat left top;
}

#account li a:hover {
	color: #a70004;
	background-position: left bottom
}

ul#prod_nav {
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
	float: right;
	height: 40px;
}

#prod_nav img { width: 52px; height: 40px; }

#prod_nav li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left: 3px;
}

#prod_nav li a {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#prod_nav li a.cam_pre {
	background: transparent url(../images/seta_esq01.png) no-repeat  left top;
	padding-left: 13px;
}
#prod_nav li a.cam_pre:hover {
	background-position: left bottom;
}

#prod_nav li a.cam_pro {
	background: transparent url(../images/seta_dir01.png) no-repeat  right top;
	padding-right: 13px;
}
#prod_nav li a.cam_pro:hover {
	background-position: right bottom;
}

#prod_nav li.cam_atual {
	opacity: 0.3; filter:alpha(opacity=30)
}

/* ---------- navegacao ---------- */

#navigation {
	width: auto;
	height: 40px;
	float: left;
}

#navigation ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
}

#navigation li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#navigation li a {
	display:inline;
	float:left;
	height:40px;
	line-height:40px;
	margin-right:16px;
	padding:0;
	text-align:left;
	text-decoration:none;
	width: auto;
	font-size: 16px;
	font-weight:bold;
	color:#1b1002;
}

#navigation li a:hover {
	color: #a70004;
}

#navigation li a.active {
	color: #a70004;
	cursor: default;
}

/* ---------- navegacao cart ---------- */

#top_cart {
	float: right;
	width: auto;
	height: 40px;
}

#top_cart ul, #box_cart ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
}


#top_cart li {
	float:left;
	display:inline;
	height:40px;
	line-height:40px;
	margin-left:10px;
	padding:0;
	text-align:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width: auto;
	color:#1b1002;
	font-size: 12px;
}

#top_cart li.bag {
	background: transparent url(../images/ico_bag.png) no-repeat right center;
	padding-right: 35px;
}

#top_cart li.item {
	font-weight: bold;
	font-size: 18px;
	margin-left:5px;
}

#top_cart li a, #box_cart li a {
	text-decoration:none;
	color:#1b1002;
}

#top_cart li a:hover, #box_cart li a:hover  {
	color: #a70004;
}

#top_cart li a.active, #box_cart li a.active{
	color: #a70004;
	cursor: default;
}

#box_cart {
	float: left;
	width: auto;
	height: 40px;
}

#box_cart li {
	float:left;
	display:inline;
	height:40px;
	line-height:40px;
	margin-right:6px;
	padding:0;
	text-align:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width: auto;
	color:#1b1002;
	font-size: 12px;
}

#box_cart li.bag {
	background: transparent url(../images/ico_bag.png) no-repeat right center;
	padding-right: 36px;
}

#box_cart li.item {
	font-weight: bold;
	font-size: 18px;
	margin-right: 10px;
}

/* ---------- TEES ---------- */

.tee {
	float: left;
	width: 220px;
	margin: 12px 16px 8px 0;
	position: relative;
}
.last { margin-right: 0;}

.tee img { margin-bottom: 5px; }

.artBig { 
	margin: 5px 0 10px 0; 
	border: 1px solid #DFD8C8;
}
.artBig img { width: 690px; }

.price {
	width: auto;
	height: 25px;
	padding-right: 8px;
	line-height: 25px;
	position: absolute;
	left: 0px;
	top: 225px;
	background-color:#987e3a;
	text-indent: 8px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius-topright: 6px;
	filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
}
.price h3, .vote h3, .votado h3 { color:#FFFFFF; }
.vote h4, .votado h4 {
	color: #ffffff;
	padding-top: 4px;
}


.tee:hover .price, .tee:hover .vote, .tee:hover .votado {filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; background-color:#423724;}

.vote {
	width: auto;
	height: 25px;
	padding-right: 8px;
	line-height: 25px;
	position: absolute;
	left: 0px;
	top: 140px;
	background-color:#987e3a;
	text-indent: 8px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius-topright: 6px;
	filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
}
.votado {
	width: auto;
	height: 25px;
	padding-right: 8px;
	line-height: 25px;
	position: absolute;
	left: 0px;
	top: 140px;
	background-color:#FF6600;
	text-indent: 8px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius-topright: 6px;
	filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
}


.teeNav {
	width: 50px;
	height: 30px;
	float: right;
	margin-top: 8px;
}

.teeArt {
	width: 456px;
	height: 350px;
	float: left;
	margin: 10px 0;
	position: relative;
}

.TeeArtNav {
	width: 50px;
	height: 20px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.teePhoto {
	width: 456px;
	height: 350px;
	float: right;
	margin: 10px 0;
	position: relative;
}

.TeePhotoNav {
	width: 48px;
	height: 20px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.teeArrow {
	display:block;
	width:18px;
	height: 21px;
}

.toRight { background: url(../images/seta_dir.png) no-repeat left top; float: right; }
.toLeft { background: url(../images/seta_esq.png) no-repeat left top; float: left; }

.teeArrowP, .teeBiggerP {
	display:block;
	width:20px;
	height: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
}
.toRightP { background: #FFF url(../images/seta_dir_p.png) no-repeat left top; float: right; }
.toLeftP { background: #FFF url(../images/seta_esq_p.png) no-repeat left top; float: left; }
.toBiggerP { background: #FFF url(../images/lupa_maior.png) no-repeat left top; float: right; }

.teeArrow:hover, .teeArrowP:hover, .teeBiggerP:hover { background-position: left bottom; }

.verMaior {
	display:block;
	width:58px;
	height: 25px;
	line-height: 25px;
	padding-right: 28px;
	background: url(../images/ico_ampliar.png) no-repeat right top;
	float: right;
	text-align: left;
	font-size: 12px;
	color:#1b1002;
	text-decoration: none;
}

.verMaior:hover { background-position: right bottom; text-decoration: none; }


/* ---------- BOTOES DE COMPRA ---------- */

.size {
	width: auto;
	height: auto;
	float: left;
	margin: 10px 0 25px 0;
}

.size ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
}

.size li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.size li a {
	display:inline;
	float:left;
	width: 65px;
	height:35px;
	line-height:25px;
	margin-right:8px;
	padding:0;
	text-align:center;
	text-decoration:none;
	font-size: 20px;
	font-weight:bold;
	color:#003399;
	font-family: "Courier New", Courier, monospace;
	border: 2px #003399 solid;
	background: #eef4ff url(../images/comprar.png) no-repeat center 22px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.size li a:hover {
	color: #009900;
	border-color: #35bd00;
	background-color: #e0ffd7;
	background: #eef4ff url(../images/comprar.png) no-repeat center -38px;
}

.size li a.esgotado {
	color: #ff9333;
	border-color: #ff9333;
	background: #fff url(../images/esgotado.png) no-repeat center 22px;
	line-height: 25px;
}

.size li a.esgotado:hover {
	color: #d97925;
	background: #fff3e9 url(../images/esgotado.png) no-repeat center -38px;
}


/* ---------- BOTOES DE VOTO ---------- */

#notas {
	width: auto;
	height: auto;
	float: left;
	margin: 10px 0 15px 0;
}

#notas ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
}

#notas li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position: relative;
}

#notas li a {
	display:block;
	width: 50px;
	height:40px;
	line-height:40px;
	margin-bottom:8px;
	padding:0;
	text-align:center;
	text-decoration:none;
	font-size: 28px;
	font-weight:bold;
	color:#003399;
	border: 3px #003399 solid;
	background-color: #eef4ff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#notas li.bom a:hover {
	color: #009900;
	border-color: #35bd00;
	background-color: #e0ffd7;
}

#notas li.medio a:hover {
	color: #eb8d00;
	border-color: #FF9900;
	background-color: #FFFFCC;
}

#notas li.ruim a:hover {
	color: #e50000;
	border-color: #FF0000;
	background-color: #ffefe3;
}


#notas li ul {
	position: absolute;
	top: 0;
	left: 64px;
	display: block;
	height: 46px;
	width: 155px;
	
}


#notas li ul li {
	font-size: 15px;
	color: #997518;
	font-weight: bold;
	display: block;
	height: 46px;
	width: 155px;
	line-height: 46px;
}



/* ---------- paginacao ---------- */

.paginacao {
	margin-top:5px;
	padding:2px 0px;
	float: left;
	clear: left;
}

.paginacao a {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-weight:bold;
	font-size: 12px;
	text-align: center;
	text-decoration:none;
	color:#987e3a;
	text-decoration: none;
	background-color: #dfd8c8;
	margin:0 4px 0 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.paginacao a:hover {
	background-color:#bfb291;
	color:#1b1002;
}

.paginacao .disabled,
.current,
.atual {
	display: block;
	float: left;
	background-color:#bfb291;
	font-size: 12px;
	color:#1b1002;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-weight:bold;
	text-align: center;
	margin:0 4px 0 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.paginacao span.prev_page,
.paginacao a.prev_page {
	display: none;
}

/* ---------- p ---------- */

p {
	margin: 4px 0;
	color:#1b1002;
	font-size: 12px;
}

.negativo { text-indent: -5000px; }

p.footerP {
	color: #bfb291;
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 45px;
}

p.footerP a { color: #bfb291; text-decoration: none; }
p.footerP a:hover { color: #fff; }

p.dtmP {
	color: #645b4b;
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 45px;
}

p.dtmP a { color: #645b4b; text-decoration: none; }
p.dtmP a:hover { color: #fff; }

.scrapContent p { line-height: 18px; }
.replied p { line-height: 15px; font-size: 11px; }

span.promoP {
	color: #990000;
	font-size: 28px;
	line-height: 25px;
	padding-bottom: 6px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* ---------- Headings ---------- */

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	color:#1b1002;
}

h1 { font-size: 28px; }
h2 { font-size: 20px; line-height: 22px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; line-height: 16px; margin-bottom: 3px; }
h5 { font-size: 13px; font-weight: normal; }

.light { font-weight: normal; }
.sup { font-size: 14px; vertical-align: text-top; }
.bright { color: #997518; }
.dark { color: #1b1002; }
.small { font-size: 0.9em; }
p.bigger { font-size:14px; }
p.smaller { font-size:11px; }
.red { color: #e00 }
.green { color: #090; }

/* ---------- P e Headings ---------- */

p a, h1 a, h2 a, h3 a, h4 a, h5 a  { color: #997518; text-decoration:none; }
p.dark a, h1.dark a, h2.dark a, h3.dark a, h4.dark a, h5.dark a  { color: #1b1002; text-decoration:none; }
p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: #a70004; text-decoration: underline; }

input.disabledButton[type="submit"]:hover,
input.disabledButton[type="submit"] {
	color: #f4f4f4;
	background-color: #d4d4d4;
	cursor: default;
}

h2.passos { margin-bottom: 12px; }

.promotion p,
.rules p {
	font-size: 13px;
	padding-top: 10px;
}

.promotion li,
.police_privacy p,
.rules li {
	font-size: 13px;
	padding-bottom: 10px;
}



.smallFont {
	font-size: 11px;
}

.footerLinks {
	float:left;
	height:46px;
	margin-left:10px;
	padding:0 0 0 8px;
}

.secondLink {
	padding:0 5px 0 2px;
}

.unavailable p {
	font-size: 16px;
	color: #BFB291;
}

.unavailable h5,
.unavailable h4,
.unavailable h1 {
	color: #BFB291;
}

.unavailable {
	width: 470px;
}

.agreementField a:visited,
.agreementField a:hover,
.agreementField a {
	color: #997518;
}

.unavailable a:visited,
.unavailable a:hover,
.unavailable a {
	color: #fff;
}

.bio {
	overflow: hidden;
	word-wrap: break-word;
}

.vote a:visited,
.vote a:hover,
.vote a {
	text-decoration: none;
	color: #fff;
}

.fan {
	width: 172px;
}

.fan a:visited,
.fan a:hover,
.fan a {
	font-size: 13px;
	color: #856000;
	text-decoration: none;
}

.fan a:hover {
	text-decoration: underline;
}

#company {
	text-align: center;
	font-size: 11px;
	color: #645B4B;
	margin: -20px 0px 20px 0px;
}

.cancelAndReturn {
	font-size: 13px;
	color: #997518;
	padding: 10px 10px 10px 10px;
	position: relative;
	top: 10px;
}

.submitPhotos a,
.submitPhotos a:visited,
.cancelAndReturn a,
.cancelAndReturn a:visited,
.cancelAndReturn a:hover {
	color: #997518;
	text-decoration: none;
}

.submitPhotos a:hover,
.cancelAndReturn a:hover {
	text-decoration: underline;
}

.submitPhotos a {
	float: right;
	padding-top: 4px;
}

#loading img {
	position: relative;
	top: 2px;
	padding-right: 6px;
}

.formPedido #loading {
	float: right;
}

#creative_commons_box p,
#creative_commons_box {
	padding: 10px 0px 0px 0px;
}

#cc_icon {
	position:absolute;
	right:0px;
	top:171px;
}

#arte #print_is_creative_commons {
	float: none;
	width: auto;
	padding: 0px;
	margin: 0px;
}

.ccH1 {
    position: relative;
    top: 5px;
}

ul.ccUl {
    list-style-type:disc;
    margin:0;
    padding: 1px 1px 8px 20px;
    width:auto;
}

ul.ccUl li {
    font-size: 12px;
    padding: 2px 0;
}

p.ccText {
    font-size:14px;
    margin-top: 10px;
    line-height: 20px;
}

.ccVideo {
    margin: 10px 15px 20px 0;
}

.payChecked {
 position:absolute;
 right:-27px;
 top:-6px;
}

#stac_iframe {
	border: 1px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.redirect {
	padding: 50px 20px 50px 20px;
	text-align: center;
}

.redirect h1 {
	font-size: 26px;
	padding-bottom: 4px;
	padding-top: 10px;
}

.redirect img {
	position: relative;
	top: -10px;
}

.redirect h3 {
	font-weight: normal;
}

.submitPhotos {
	font-size: 12px;
	font-weight: bold;
	background: #DFD8C8;
	padding: 10px;
}

.status_image {
	border: 0px;
	position: absolute;
	left: 3px;
	bottom: -3px;
}

.freteFree {
 width: 72px;
 height: 72px;
 position: absolute;
 right: 0px;
 top: 0px;
 background: transparent url(../images/faixa_frete.png) no-repeat left top;
}

#winner_print_details {
	margin-left: 10px; 
	width: 100px
}

/* classes para promocoes  */

.off { top: 205px; height: 20px; line-height: 20px; }

.off h3 { font-size: 12px; text-decoration: line-through; font-style: italic; }

.offPrice { text-decoration: line-through; font-weight: normal; color: #bbb196; }

.oferta { color:#dd0000; }

.promocao {
	width: auto;
	height: 25px;
	padding-right: 8px;
	line-height: 25px;
	position: absolute;
	left: 0px;
	top: 225px;
	background-color: #FF0033;
	text-indent: 8px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius-topright: 6px;
	filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
}

.tee:hover .promocao {filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; background-color:#dd0000;}

.promocao h3 { color: #fff; font-size: 18px;  }

#promotional_banner {
	margin-top: 20px;
}

/* MUDANÇAS DO FELIPE */

.tag_box {
	font-size: 14px;
	margin: 0px;
	padding: 10px 20px;
}
