/*
Theme Name: Brindes BH
Description: Soluções em Brindes.
Version: 1.7
Author: Blue Box
Author URI: http://bluebox.inf.br/
*/

/* Geral
----------------------------------------------------------------*/
body {
	font-size: 12px;
	color: #4E4E4E;
	background: #FFFFFF url(imagens/back.jpg) repeat-x;
	font-family: Arial, sans-serif;}
	
body a {
	color:#7f7f7f;}

body a:hover { 
	text-decoration:underline;}
	
body input,textarea { 
	background-color:#FFFFFF;
	border:1px solid #f1a05f; 
	color: #4E4E4E;}

body .left { 
	float:left;}

body .right { 
	float:right;}
	
/* Begin Images
----------------------------------------------------------------*/
p img {
	padding: 0;
	max-width: 100%;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;}

.alignright {
	float: right;}

.alignleft {
	float: left;}
	
/* Pagina
----------------------------------------------------------------*/
#pagina {
	margin: auto;
	width: 800px;}

#pagina:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden; }

/* Topo
----------------------------------------------------------------*/
#topo {
	width: 800px;
	padding-top: 32px;
	float: left;}

#topo:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden; }

/* Menu
----------------------------------------------------------------*/
.menu {
	width: 800px;
	font-weight:bold;
	font-size:16px;	
	float: left;}
	
.sf-menu a {
	border-bottom:1px solid #f8cfad;
	border-right:1px solid #f7c8a3;
	border-right:0px;
	text-decoration:none;}
	
.menu ul li { 
	display: inline;}
	
.menu .sf-menu li .prod {
	background:#f4b27d;
	padding-left:7px;
	margin-left:-210px;
	width:775px;
	border:1px solid #f4b27d;}
	
.menu .prod:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden; }
	
.menu ul li ul a{ 
	font-size:14px;}
	
.menu ul li .prod #col-cat{
	width:145px;
	float:left;
	margin:10px 10px 10px 0px;}
	
#col-cat:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;}	
	
.menu li a {
	font-weight: bold;
	font-size: 17px;
	color: #000000; }
				
.menu li a:hover {  
	text-decoration: underline;}
	
.menu .busca{
	float: right;
	margin-top:-10px;
	padding-top: 5px;
	padding-right: 13px;}
	
.menu .busca ul {
	position: absolute;
	width: 220px;
        margin:0px;
	background-color: #f4b27d;}
	
.menu .busca ul li{
	display: block;
	margin: 2px 0px 5px 7px;}
	
.menu .campo_busca{
	width: 224px;
	height: 31px;
	color: #7f7f7f;
	font-weight: bold;
	font-size: 15px;
	border: none;
	background: url('imagens/busca.png') no-repeat right top;}
	
.menu .img_busca{		
	border: none; 
	background: none; 
	vertical-align: middle;}
	
/* Conteudo
----------------------------------------------------------------*/
#conteudo { 
	width: 800px;}
	
/* new clearfix */
#conteudo:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #conteudo            { zoom: 1; } /* IE6 */
*:first-child+html #conteudo { zoom: 1; } /* IE7 */

/* Coluna
----------------------------------------------------------------*/

#coluna {
	float: left;
	width: 780px;
	padding-top:40px;}

#coluna h1, #coluna h1 a, #produtos h1  {
	padding-bottom:5px;
	margin-bottom: 5px;
	font-size:45px;
	font-weight:normal;
	color:#000000;}
	
#produtos h1  {
	font-size:30px;}

#coluna h1 a:hover {
	text-decoration:underline;}

#coluna h2, #coluna h2 a, 
#produtos h2 a, #produtos h2 { 
	font-size:13px;
	color:#7f7f7f;}

#coluna h6, #coluna h6 a { 
	font-size:12px; 
	color:#6b9b91;}

#texto {
	width:700px;
	font-weight:bold;
	margin-left:20px;
	margin-bottom:10px;
	padding-bottom:7px;}

#texto:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}

#texto .post {
	width:700px;
	display:block;
	overflow:hidden;
	margin:10px 20px 0px 20px;}
	
#form-comp {
	margin-left:125px;}
	
#form-comp h3, #form-comp h3 a  {
	font-size: 23px;
	margin-bottom:20px;
	color: #000000;}
	
#form-comp select, input {
	display:block;
	margin-bottom:10px;}
	
#form-comp .col {
	width:700px; }
	
#form-comp .col:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
	
#form-comp .input {
	border:0px;
	width:301px;
	height:80px;
	cursor:pointer;
	margin:0px;
	padding:0px;
	background:url(imagens/botao.jpg);}
	
#form-comp label {
	display:block;
	margin-top:5px;
	margin-bottom:15px;}

#lista-produtos h1 {
	margin-left:70px;}
	
#lista-produtos h2 {
	margin-left:70px;
	font-size:16px;
	margin-bottom:20px;}

#texto-category {
	width:320px;
        overflow:hidden;
	margin-right:20px;
        max-height:150px;
        min-height:150px;
	float:left;
	color: #7f7f7f;
	margin-bottom:30px;}
	
#texto-category h1 a{
	font-size:13px;
	text-align:left;
	font-weight:bold;}
	
#texto-category h1 {
	margin-left:0px;
	text-align: left;}
	
#texto-category:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
	
#texto-category .post {
	width:150px;
        min-height: 105px;	
	margin-left:10px;
	float:left;
	font-weight:bold;
	display:block;
	overflow:hidden;}
	
#texto-category .post .leia {
	color:#000000;}
	
#texto-category #thumb {
	float:left;
	width:150px;
	overflow:hidden;}
	
/* Sidebar
----------------------------------------------------------------*/
#sidebar {
	float: right;
	color: #4e4e4e;
	padding-top: 10px;	
	width: 280px;}
	
#sidebar ul {
	list-style-type:none;}

#sidebar h4 {
	font-size: 13px;
	color: #507450;
	margin: 3px 7px 5px 7px;
	padding: 3px;
	text-decoration: none;}

#sidebar .box {
	margin:0px 10px 0px 20px;}

#sidebar li a {
	font-size:13px;
	color: #4E4E4E;
	font-weight:bold;}
		
#sidebar li a:hover { 
	text-decoration:underline;}
		
#sidebar .imagem{
	border: none;}
		
#box2 {
	width:280px;
	margin-bottom:10px;}

/* Comentarios
----------------------------------------------------------------*/
#comments {
	padding: 0 15px 20px;	
	width:610px;
	margin-top:10px;}
	
#comments ul {
	list-style-type:none;}

#comments h3  {
	font-size:16px;
	margin-bottom:10px;
	display:block;}
	
#comments #respond {
	margin-top:20px;
	padding:0px;}

#comments form input, textarea {
	font-size: 0.9em;
	font-family: Verdana;
	padding: 4px;
	color: #4E4E4E;
	background-position: 4px 4px;
	background-repeat: no-repeat;}

#comments form input {
	width: 260px;
	border: 1px solid #bfc4bf;}

#comments form textarea {
	width: 350px;
	border: 1px solid #bfc4bf;
	color: #4E4E4E;
	padding: 4px 4px;}

#comments form button { /* submit*/
	font-size: 0.9em;
	border: 1px solid #bfc4bf;
	background-color: #FFFFFF;
	font-family: Verdana;
	height: 23px;}

#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;}

#comments ol li {
	padding: 10px;
	border: 1px solid #bfc4bf;
	margin-bottom: 10px;}
		
#comments ol li p {
	margin-left: 10px;}

#comments ol li .avatar { 
	float: right;}

#comments ol li .comment-author { 
	font-style:normal;}

#comments ol li .comment-author .fn {
	font-weight: bold;
	font-style:normal;
	font-size: 1.2em;}

#comments ol li .comment-meta {
	font-size: 11px;
	color: #999999;}

#comments ol li .reply {
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 10px;}

#comments .children { 
	list-style-type: none;}

#comments .navigation {
	padding: 10px 0 20px;
	font-size: 0.9em;}

#comments .navigation a {
	padding: 3px 8px;
	color: #999999;
	border: 1px solid #bfc4bf;}

#comments .navigation a:hover {
	text-decoration: none;
	color: #999999;
	border: 1px solid #bfc4bf;}

/* Rodape
----------------------------------------------------------------*/

#produtos {
	width:700px;
        float:left;
	min-height:130px;
	display:block;
	overflow:hidden;
	margin:20px 50px 30px 50px;}

#produtos .destaque {
	width:150px;
	float:left;

	margin:10px 20px 0px 20px;
	display:block;
	overflow:hidden;}

	
/* new clearfix */
#produtos .destaque:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

#produtos h2 { text-align: center;}

#produtos #thumb { margin:auto;}	
	
#footer {
	width: 700px;
	margin:auto;
        padding-bottom:5px;
	text-align: center;}
	
#footer p {
	color:#7f7f7f;
	font-size:13px;
	font-weight:bold;}

#footer a { 
	font-weight: bold;
	color:#878787;}
	
#footer .left { 
	margin-left:30px;}
	
#footer .menu-footer {
	margin-bottom:20px;
	font-size: 17px;
	color:#878787;
	font-weight:bold;}
	
#footer .menu-footer li  {
	font-weight: bold;
	list-style:none;
	display:inline;
	font-size: 17px;
	color: #000000; }
	
#footer .produtos-footer {
	text-align:center;
	margin-left:10px;
	margin-left:30px;
	width:680px;}
	
.coluna-p {
	width:680px;}
	
.coluna-p:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
#footer .produtos-footer:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
#footer  .col-cat{
	display:block;
	width:125px;
	text-align:left;
	float:left;
	margin:10px 10px 10px 0px;}
	
/* Menu 
----------------------------------------------------------------*/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;}
	
.sf-menu {
	line-height:	1.0;
	float:left;}
	
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */}
	
.sf-menu ul li {
	width:			100%;}
	
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */}
	
.sf-menu li {
	float:			left;
	position:		relative;}
	
.sf-menu a {
	position:		relative;}

			
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;}
	
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;}
	
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;}
	
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;}
	
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;}

.sf-menu a {
	padding-right: 5px;
	padding-left: 5px;
	text-decoration:none;}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;}
	
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:18px;}
	
.sf-menu ul ul {
    margin-top:0;}
	
.sf-menu ul a {
	border-bottom:none;}

/* Reset 
----------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration:none;
	list-style-type:none;
	vertical-align: baseline; }
	
ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration:none;
	vertical-align: baseline; }

table {
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td { 
	text-align: center; }

table, td, th { 
	vertical-align: middle; }

blockquote:before, blockquote:after, 
q:before, q:after { 
	content: ""; }

blockquote, q { 
	quotes: "" ""; }

a img { 
	border: none; }