/* --------------------------------------------------------------------------------------------

Copy Oil (Reproduções Oleográficas)


Sections Index:
-------------
1) Globals
2) Navigation
3) Layout
4) Sections 
	4.1) Header 
	4.2) Search
	4.3) Column Menu
	4.4) Content
	4.5) Footer
5) Classes

Colors Index:
-------------
#c37826 = Laranja-claro (links comuns)



* Faça pesquisas utilizando "=nome-da-seção" para achar rapidamente a seção desejada.
* Fique à vontade para adicionar ou remover quantos subítens do ítem "Sections"
  for necessário para ajustar o projeto as suas necessidades, mas NÃO altere as
  seções principais por questões de padronização.
  


/* =Globals ----------------------------------------------------------------------------------- */

body {
	background: #FAF6DB url(../imgs/background.jpg) repeat-x 0 0;
	font: normal 11px Tahoma, Arial, sans-serif;
}
a {
	border-bottom: 1px solid #c37826;
	color: #c37826;
	cursor:pointer;
	text-decoration: none;
	padding: 0;
}
h1, h2 {
	background: #000 url(../imgs/header-int-right.jpg) no-repeat right 0;
	color: #fff;
	font: bold italic 20px "Times New Roman", Tahoma, Arial, sans-serif;
	margin: 0 0 20px 0;
}
h1 span, h2 span {
	background: transparent url(../imgs/header-int-left.jpg) no-repeat left 0;
	display: block;
	height: 35px;
	line-height: 35px;
	padding: 0 8px;
}
h1.home {
	background: none;
	color: #823100;
	font-size: 25px;
}
h1.home span {
	background: none;
}
h2.spaint {
	background: #000 url(../imgs/header-spaint-right.jpg) no-repeat right 0;
	margin: 0 0 0 0;
}
h2.spaint span {
	background: transparent url(../imgs/header-spaint-left.jpg) no-repeat left 0;
	height: 30px;
	line-height: 30px;	
	padding: 5px 0 0 65px;
}
h3 {
	color: #823100;
	font: bold italic 16px "Times New Roman", Tahoma, Arial, sans-serif;
	margin: 0 0 10px 0;
}
/*h2 {
	background: transparent url(../imgs/header-searchpaint.jpg) no-repeat 0 0;
	height: 35px;
	text-indent: -9999px;
}*/
#assinatura {
	border: none;
}

#column-content-intern p , #column-content-intern span, #column-content-intern {
	text-align:justify;
	}
	
#column-content div p {
	margin-bottom:15px;
	text-align:justify;
	 }
	 
#column-content div strong {
	font-weight:bold
	}
	 
/* =Navigation -------------------------------------------------------------------------------- */

.linkNav {
	display:block;
	text-decoration:none;
	border:0;
	padding:5px
	}
	
.pintor {
	color:#BA7220
	}
	
.linkNav:hover {
	background-color:#fff;
	font-weight:bold
	}

#navigation {
	float: right;
	margin: 12px 0 0 0;
}
#navigation li {
	display: inline;
}
#navigation li a {
	background: #000;
	border: none;
	color: #fff;
	display: block;
	height: 43px;
	float: left;
	line-height: 43px;
	padding: 0;
	text-indent: -9999px;
}
#menu-top { background: #000 url(../imgs/menu-cont.jpg) no-repeat 0 top; width: 572px; color:#fff; height:43px; float:right; margin:12px 0 0 0; text-decoration:none;}

#interna-linha{
	text-decoration:none;
	padding:12px 0 0 9px;
}

#interna-linha a{
	font:normal 12px Tahoma;
	color:#fff;
	border:none;
}

#interna-linha a:hover{
	font:normal 12px Tahoma;
	color:#db5b18;
	
}

.titulo{
	font:normal 27px Trebushet;
	color:#863600;
}

.messageOk{
	font:bold 14px Tahoma;
	text-align:center;
	color:#090;
	width:95%;
	padding:0 0 9px 0;

}	

#footer-menu ul {
	height: 48px;
	margin: 0 0 0 42px; 
}
#footer-menu ul li {
	display: inline;
}
#footer-menu ul li a {
	color: #e8dcbd;
	border: none;
	display: block;
	float: left;
	font-size: 12px;
	margin: 13px 0 0 28px;
	padding: 1px 0;
	text-decoration: none;
}
#footer-menu ul li a:hover {
	border-bottom: 1px solid #e8dcbd;
}
#footer-menu ul li a.first {
	margin: 13px 0 0 0;
}

/* =Layout ------------------------------------------------------------------------------------- */

#container-out {
	background: #fff url(../imgs/background-cont-out.jpg) repeat-x 0 0;
	margin: 0 auto;
	width: 850px;
}
#container-in {
	margin: 0 auto;
	min-height: 560px;
	_height: 560px;
	width: 780px;
}
#header {
	background: transparent url(../imgs/background-header.jpg) no-repeat right 0;
	height: 74px;
	padding: 6px 0 0 0;
}

#logo {
	background: transparent url(../imgs/logoOld.jpg) no-repeat 0 0;
	height: 136px;
	position: absolute;
	top: 0;
	width: 213px;
	text-indent: -9999px;
}

#logoOld {
	background: transparent url(../imgs/logo.jpg) no-repeat 0 0;
	height: 136px;
	position: absolute;
	top: 0;
	width: 213px;
	text-indent: -9999px;
}

#content { }

#content-top {
	background: transparent url(../imgs/search.jpg) no-repeat 0 0;
	height: 260px;
	margin: 0 auto;
	overflow: auto;
	width: 770px;
}
#spaint {
	height: 189px;
	margin: 66px 0 0 25px;
	width: 253px;
}
#column-menu {
	display: inline;
	float: left;
	margin: 10px 0 0 29px;
	width: 255px;
}
#column-content, #column-content-intern {
	display: inline;
	float: right;
	margin: 10px 29px 0 0;
	width: 455px;
}

#imgQuadro {
	float:left;
	padding:3px;
	border:1px solid #990000}
	
#column-content-intern blockquote {margin-top:20px}

#column-content-intern div div {
	overflow:auto;
	height:100%
	}
	
#voltarListagem {
	background: #953A09 url("../imgs/borda-dir.gif") right bottom no-repeat;
	position:relative;
	display:block;
	float:right;
	padding-right:5px;
	height:30px;
	line-height:30px;
	text-align:right;
	font-weight:bold;
	margin-top:-21px;
}

#column-content-intern #voltarListagem a {
	background: url("../imgs/seta-voltar.gif") left center no-repeat;
	padding-left:20px;
	color:#FFFFFF;
	border:0}
	
#voltarListagem span {
	background: url("../imgs/borda-esq.gif") left bottom no-repeat;
	display:block;
	float:left;
	height:30px;
	width:5px
}

#dtlProduto {/*div da pagina QUADROS com descrição do produto e bnt compra*/ 
	float:left;
}

#dtlProduto ul li span {font-weight:bold}

/* estilos da página do carrinho */
#carrinhoCompras h2{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	width:294px;
	height:52px;
	background: url("../imgs/tlt-carrinho.png") left top no-repeat
	}
	
#noColumn {
	width: 670px;
	padding: 65px 50px 5px;
	*padding-top: 5px;
	}
	
#carrinhoCompras {
	height:52px;
	position:relative
	}
	
#totalCarrinho {
	position:absolute;
	right:0;
	top:25px
	}
	
#tblCarrinho {
	margin-bottom:20px;
	width:670px}
	
#tblCarrinho td {
	padding:10px;
	background:#FBFBFB;
	border-bottom: 1px solid #E8D6CC }
	
#tblCarrinho #topo td {background: #8E3100;text-align:center}
	
#tblCarrinho #topo td div {
	margin: -10px;
	padding:10px;
	color:#FFFFFF;
	font-weight:bold
	}
	
#tblCarrinho #esq {background: url("../imgs/tblcarrinho-spanesq.png") left top no-repeat }
#tblCarrinho #dir {background: url("../imgs/tblcarrinho-spandir.png") right top no-repeat }

.btnApagar , #btnAtualizar {
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	width:73px;
	border:0;
	height:24px;
	background: url("../imgs/btn-apagar.png") left top no-repeat
	}
	
.btnApagar:hover {background: url("../imgs/btn-apagar.png") left -23px no-repeat}

#btnAtualizar {
	background: url("../imgs/btn-atualizar.png") left top no-repeat;
	width:75px;
	position:absolute;
	top:20px;
	right:0;
	height:24px}
	
#btnAtualizar:hover {background: url("../imgs/btn-atualizar.png") left -25px no-repeat}

	

#btn-finalizarcompra {
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	float:right;
	margin:10px;
	border:0;
	height:37px;
	width:177px;
	background: url("../imgs/btn-finalizarcompra.png") left top no-repeat
	}
	
#btn-finalizarbradesco{
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	float:right;
	margin:10px;
	border:0;
	height:37px;
	width:177px;
	background: url("../imgs/bt_bradesco.jpg") left top no-repeat
	}
	
#btn-finalizarVisa{
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	float:right;
	margin:10px;
	border:0;
	height:37px;
	width:177px;
	background: url("../imgs/bt_visa.jpg") left top no-repeat;
	}
	
#btn-finalizarMaster{
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	float:right;
	margin:10px;
	border:0;
	height:37px;
	width:177px;
	background: url("../imgs/bt_mastercard.jpg") left top no-repeat;
	}
	

	
#btn-calcular_frete {
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	float:left;
	margin:10px;
	border:0;
	height:24px;
	width:94px;
	background: url("../imgs/calcular_frete.png") left top no-repeat;
}
	
#btn-continuarcomprando {
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	float:right;
	margin:10px;
	border:0;
	height:37px;
	width:206px;
	background: url("../imgs/btn-continuarcomprando.png") left top no-repeat;
}

#bloco_cadastro{
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	float:right;
	margin:10px;
	border:0;
	height:37px;
	width:206px;
}
	
.fontPreco {
	color:#A00101;
	font-size: 12px;
	font-weight:bold
	}
	
#tblCarrinho .nomeObra {
	font-size: 12px;
	font-weight:bold;
	}
	
#tblCarrinho td img { float: left; margin: 0 5px 5px 0 }
	
#tblCarrinho .nomeObra strong {
	color:#C37827;
	text-decoration:none;
	}

#btn-finalizarcompra:hover {background: url("../imgs/btn-finalizarcompra.png") left -39px no-repeat}
#btn-continuarcomprando:hover {background: url("../imgs/btn-continuarcomprando.png") left -39px no-repeat}

#helpCarrinho {margin-bottom:20px}
#helpCarrinho div {float:left;}
#helpCarrinho #atualizar {float:right;position:relative}

#helpCarrinhoH2 {
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	margin:0;
	width:194px;
	height:19px;
	background: url("../imgs/tlt-helpCarrinho.gif") left top no-repeat
	}

#footer {
	background: #000;
	border-top: 2px solid #468966;
	border-bottom: 2px solid #468966;
	color: #c4c4c4;
}

/* =Sections -------------------------------------------------------------------------------- */

/* ------------- =Header ------------- */

#carrinho {
	background: transparent url(../imgs/cesta.gif) no-repeat 595px 2px;
	height: 17px;
	line-height: 17px;
	text-align: right;
}
#carrinho a {
	border-bottom: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#carrinho a:hover {
	border-bottom: 1px solid #f6c046;
	color: #f6c046;
}

/* ------------- =Search ------------- */

#spaint-form {
	background: transparent url(../imgs/background-search.jpg) repeat-x 0 0;
	border: 2px solid #953a09;
	height: 110px;
	padding: 10px 0 0 0;
}
#spaint-form label {
	color: #943300;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 5px 0 0;
	vertical-align: top;
}
#spaint-form label span {
	display: block;
	line-height: 1.6em;
	text-align: right;
	width: 80px;
}

a{
	text-decoration:none;
}
.link-int{
	text-decoration:none;
}

#spaint-form input, #spaint-form select {
	border: 2px solid #953801;
	font-size: 12px;
	margin: 0 0 7px 0;
	_margin: 0 0 5px 0; /* <<--- IE Fix */
	padding: 2px 4px;
	width: 136px;
}
#spaint-form input:focus, #spaint-form select:focus {
	border: 2px solid #ff5703;
}
#spaint-form select {
	padding: 2px 2px 2px 0;
	width: 148px;
}
#spaint-formbtn {
	background: transparent url(../imgs/btn-spaint.jpg) no-repeat 0 top;
	border: none;
	cursor: pointer;
	display: block;
	margin: 0 0 0 107px;
	padding: 0;
    height: 25px;
	width: 130px;
}
#spaint-formbtn:hover {
	background: transparent url(../imgs/btn-spaint.jpg) no-repeat 0 bottom;
}
#spaint-catalog {
	background: transparent url(../imgs/icon-spaint-catalog.jpg) no-repeat 0 0;
	height: 26px;
	line-height: 26px;
	margin: 0 0 0 30px;
	padding: 0 0 0 28px;
}
#spaint-catalog a {
	border-color: #fff;
	color: #fff;
	font-weight: bold;
}
#spaint-catalog a:hover {
	border-bottom: 1px solid #f6c046;
	color: #f6c046;
}

/* ------------- =Column Menu ------------- */

#menu-category {
	background: #f9f5e7;
	border: 6px solid #7f2e00;
	margin: 0 0 15px 0;
}
#menu-category li {
	background: transparent url(../imgs/menu-cat-underlines.jpg) repeat-x 0 0;			
}
#menu-category li a {
	background: transparent url(../imgs/menu-cat-lnk.jpg) no-repeat 15px center;
	border: none;
	color: #000;
	display: block;			
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 6px 0 6px 35px;
	zoom: 1; /* <<--- IE Fix */
}
#menu-category li a:hover {	
	color: #7f2e00;
	font-weight: bold;
}
#banner-questions {
	margin: 0 0 15px 0; 
}
#banner-questions a {
	display:block;
	border: none;
	padding: 0;
	margin-bottom:10px
}
#banner-payment {
	margin: 0 0 15px 0;
}
#banner-payment img {
	margin: 0 0 5px 0;
}

/* ------------- =Content ------------- */

#lead {
	margin: 0 0 15px 0;
}
#column-content-intern div {
	padding: 0 5px;
}
#column-content-intern p {
	line-height: 1.5em;
	margin: 0 0 15px 0;
}
#column-content-intern ul {
	margin: 0 0 15px 15px;
}
#column-content-intern ul li {
	background: transparent url(../imgs/bullet.jpg) no-repeat 0 0;
	margin: 0 0 5px 0;
	padding: 0 0 0 25px;
}
.products {
	display: inline;
	font-size: 12px;
	float: left;
	margin: 0 19px 30px 19px;
	width: 173px;
}
.products a {
	border: none;
	padding: 0;
	text-decoration: none;
}
.products dd {
	padding: 1px 0;
}
.products dd span {
	font-weight: bold;
}
.products dt img {
	border: 1px solid #b1460d;
	padding: 4px;
}
.products dd.products-links {
	background: transparent url(../imgs/background-products-lnk.jpg) no-repeat 0 0;
	color: #fff;
	height: 19px;
	margin: -2px 0 10px 0;
	padding: 3px 0 0 0;
	text-align: center;
}		
.products dd.products-links a {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
.products dd.products-links a:hover {
	color: #f6c046;
}
#column-content-intern #products-pagination {
	background: red;
	margin: 0 0 10px 0;
	padding: 0 0;
}
#column-content-intern #products-pagination li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}


#column-content-intern #products-pagination li a {
	background: #fff url(../imgs/btn-productspag.jpg) repeat-x 0 bottom;
	border: 1px solid #d9c9c0;
	color: #7f5e4d;
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
	margin: 0 3px 0 0;
	padding: 0 7px;
	text-align: center;
}
#column-content-intern #products-pagination li a:hover, #column-content-intern #products-pagination li a.selected {
	background: #953a09;
	border: 1px solid #953a09;
	color: #fff;
}

/* LUPA DE ZOOM NA IMAGEM DO PRODUTO */
#zoomImg {
	background: url("../imgs/lupa.gif") left center no-repeat;
	padding: 5px 5px 5px 30px;
	margin:5px;
	display:block
}

#zoomImg a:hover {color:#FF9900}

#column-content-intern input#btnCompra {
	text-indent:-5000px;
	background: url("../imgs/btn-comprar.png") left top no-repeat;
	cursor:hand;
	line-height:0;
	margin-top:10px;
	border:0;
	width:172px;
	height:76px
}

#column-content-intern input#btnCompra:hover {
	background: url("../imgs/btn-comprar.png") left -76px no-repeat;
}

#ckPequeno , #ckMedio , #ckGrande {
	float:left;
	width:45px;
	padding-top:40px;
	text-align:center
}
#column-content-intern input#btnCompra , #ckPequeno {margin-left:20px;}
#ckPequeno {background: url("../imgs/t-p.gif") center 20px no-repeat;width:21px;}
#ckMedio {background: url("../imgs/t-m.gif") center 10px no-repeat}
#ckGrande {background: url("../imgs/t-g.gif") center top no-repeat}
/* ------------- =Footer ------------- */

#footer-menu {
	background: #000 url(../imgs/background-footer.jpg) no-repeat 0 0;	
	margin: 0 auto;
	width: 780px;
}
#footer p {
	margin: 0 0 5px 40px; 
}

/* =Classes -------------------------------------------------------------------------------- */

.att {
	color: red;
	font-weight: bold;
}
.nomargin {
	margin: 0 0 0 0;
}
.centered {
	text-align: center;
}
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/

.clearfix { 
	display: block;
}
/* End hide from IE Mac */

#tabela{
	width:300px;
}

.titTab td{
	font:bold 14px Verdana;
	background: #eee;
	padding:2px;
}

.cep{
	font:normal 11px Tahoma;
	background: #f9f9f9;
	width:60px;
}

.frase{
	font:bold 10px Tahoma;
	color:#666;
	padding:9px 0;
}

.error_message{
	font:bold 11px Tahoma;
	color:#f00;
	padding:0 0 0 18px;
}

.form{
	font:normal 11px Tahoma;
}

.amarelo{
	color:#ffde01;
}

.mensagem{
	font:bold 14px Tahoma;
	color:#666;
	padding:0 0 0 18px;
}

.mensagemPedido{
	font:normal 12px Tahoma;
	padding:9px 0 0 18px;
}

.link_pint{
	border:none;
	text-decoration:none;
	font-size:11px;
}

.link_pint:hover{
	color:#f33;
}

#column-content-intern .nomepintor_Lista {
	display:block;
	margin-bottom:2px;
	padding:12px 9px 5px 9px;
	height:15px;
	background: url(../imgs/bg-toponomepintor.png) left top repeat-x
	}
	
#column-content-intern .nomepintor_Lista span {
	display:block;
	font-weight:bold;
	color:#A5420B;
	padding-left:20px;
	background: url(../imgs/pincel.png) no-repeat;
	}
	
#column-content-intern .lista_obras img {
	margin:5px;
	border:3px solid #B15C27;
	}

#column-content-intern .products-promo {
	background: #973B09 url(../imgs/bg-promocao.png) left top no-repeat;
	margin-top:-10px;
	margin-left:-1px;
	padding-top:20px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	width:164px
	}
	
#column-content-intern .products-promo	.obra_nome {
	display:block;
	font-weight:bold;
	padding-top:5px;
	color:#FFF;
	font-size:16px
	}	
	
#column-content-intern .products-promo	.obra_pintor {
	display:block;
	font-size:12px;
	color:#CCCCCC;
	font-weight:bold
	}
	
#column-content-intern .products-promo	.preco_de {
	display:block;
	font-size:12px;
	margin-top:8px;
	text-decoration:line-through;
	color:#fff
	}
	
#column-content-intern .products-promo	.preco_por {
	display:block;
	font-size:14px;
	color:#fff;
	font-weight:bold
	}
	
#column-content-intern .products-promo	.detalhes {
	border-top:1px solid #FFF;
	display:block;
	padding-top:3px;
	margin-top:5px;
	color:#fff;
	font-size:10px;
	}
	
#nav-obras {
	height:40px;
	width:445px;
	margin-top:-19px;
	position:relative;
	margin-bottom:10px;
	background: url(../imgs/bg-navegacao-obras.png) left top no-repeat
	}
	
#nav-obras	#nav-obras-anterior, #nav-obras	#nav-obras-proximo  {
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	text-decoration:none;
	border:0;
	height:29px;
	width:92px;
	}
	
#nav-obras	#nav-obras-anterior	{
	background: url(../imgs/btn-anterior.png) left top no-repeat;
	position:absolute;
	left:5px;
	top:5px;}
#nav-obras	#nav-obras-proximo  {
	background: url(../imgs/btn-proximo.png) left top no-repeat;
	position:absolute;
	right:5px;
	top:5px;}
	
#div-content-obra * { margin-left:0px }
	
#div-content-obra {
	padding-left:0;
	margin-left:0;
	margin-left:40px;
	width:370px;
	height:100%;
	overflow:hidden;
	}