/*
Theme Name: Colorata v1.0
Theme URI: http://www.agenciaactive.com.br
Version: 1.0
Description: Site Colorata.
Author: Agência Active
Author URI: http://www.agenciaactive.com.br
*/


/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
strong {font-weight:bold;}
em {font-style:italic;}


/* base */
body{ font-family: Tahoma; background:#DFDCD7 url(images/bg-site.png) repeat-x top ; color:#ff0000; font-size:12px; }
p { padding-bottom:1em; }
ul{ list-style:disc outside; margin-left:2em; padding-bottom:1em; }
ol { list-style:decimal outside;margin-left:2.5em; padding-bottom:1em; }
hr{}
div{}
li{}
.row span.label { display:block;padding:3px; }
.field input {width:300px; padding:2px; margin:0 0 5px 0; }
input{}
select{padding:2px;margin:0 0 5px 0;}
textarea{margin:0 0 5px 0;padding:2px;}
cite{ font-style:italic; }
code{ white-space:pre; }
.clear {clear:both;}

/* background site*/
.bgmain { background: url(images/bg-principal.png) top center no-repeat; }

/* estrutura */
.main { margin: 0px auto 0px auto; width:990px; }
.col-main { }
.col-1 { width:233px; float:left; margin-right:10px; display:table; }
.institucional { height:212px; width:233px; }
.newsletter .bglabel { height:33px; width:233px; }
.rodape { width:100%; }
.rodape ul { width:585px; }
.col-2 { width:737px; float:right; text-align:left; }
.novidades { display:table; height:149px; width:100%; }


/* propriedades site ======================================================================================================= */
/* topo */
.topo h1 a { width: 203px; height: 53px; text-indent: -5000em; float:left; background: transparent url("images/colorata.png") top left no-repeat; margin:35px 36px 35px 15px; cursor:pointer; padding:0px; display:table; }

	/*selectbox*/
	.pesquisa .marcas { padding-top:40px; float:left; width: 300px; }
	.pesquisa .marcas div.selectbox-wrapper { position:absolute; margin:0px; padding:1px; font-size:0.8em; text-align:left; overflow:auto; }
	.pesquisa .marcas div.selectbox-wrapper ul { list-style:none; margin:0px; padding:0px; }
	.pesquisa .marcas div.selectbox-wrapper ul li.selected { font-family:tahoma; color:#584C3A; background: url('images/bg-marcas.png') left top no-repeat; height:20px; padding:8px 0px 6px 10px;}
	.pesquisa .marcas div.selectbox-wrapper ul li { font-family:tahoma; list-style:none; margin:0px; font-size:13px; cursor:pointer; color:#A8A797; background: url('images/bg-marcas.png') left top no-repeat; padding:8px 0px 6px 10px; height:20px;}
	.pesquisa .marcas label { display: block; }
	.pesquisa .marcas .selectbox /* look&fell of  select box*/
		{ margin:0; padding:8px 0px 6px 10px; font-family:Tahoma; font-size:13px; width:222px;  display: block; text-align:left; background: url('images/bg-select-marcas.png') left top no-repeat; cursor: pointer; border:none; color:#A8A797; float:left; height:20px;  }
	.pesquisa .marcas select {  }
	.pesquisa .marcas input.ok { background: transparent url(images/ok.png) no-repeat left top; border:none; padding:0px; margin:0px; width:41px; height:33px; cursor:pointer; }
	
	/*padrao*/
	.pesquisa .padrao { float:right; color:#000; padding:40px 0 0 0;}
	.pesquisa .padrao .bgbusca { background: transparent url(images/bg-busca.png) no-repeat left top; display:table; float:left; height:40px; width:302px; margin-right:10px; }
	.pesquisa .padrao .bgbusca input { border:none; background:none; font-size:13px; padding:9px 0 0 38px; font-family: Tahoma; color:#A8A797; width:253px; }
	.pesquisa .padrao input.bt-site { background: transparent url(images/buscar.png) no-repeat left top; border:none; width:87px; height:33px; padding:0px; cursor:pointer; }

/* menu */
.produtos .imgs { padding:0px; margin:0px; font-size:0px; }
.produtos .bgmenu { background: #fff url(images/bg-menu-produtos.png) top repeat-x; border-left: 1px solid #CFCBC3; border-right: 1px solid #CFCBC3; }
.produtos .bgmenu img { padding:10px 0 5px 22px; }
.produtos ul { margin:0px; padding:0 22px 10px 22px; list-style:none; }
.produtos ul li {padding:8px 0; border-top:1px dotted #B3ADA2;}
.produtos ul li a { text-decoration:none; color:#87857F; padding-left:25px; }
.produtos ul li a:hover { text-decoration:none; color:#53524D;  }
.produtos ul li ul { margin:0px; padding:0px; }
.produtos ul li ul li  {margin:0px; padding:8px 0; }

.institucional { background: transparent url(images/bg-menu-institucional.png) no-repeat left top; margin:10px 0; }
.institucional img { padding:15px 0 5px 22px; }
.institucional ul { margin:0px; padding:0 22px 10px 22px; list-style:none; }
.institucional ul li {padding:8px 0; border-top:1px dotted #fff;}
.institucional ul li a { text-decoration:none; color:#fff; padding-left:25px; }
.institucional ul li a:hover { text-decoration:none; color:#EEEDEA;  }

.newsletter img {}
.newsletter p { font-size:11px; color:#867D6C; padding:4px 0; }
.newsletter .bglabel { background: transparent url(images/bg-newsletter.png) no-repeat left top; display:table; margin:5px 0; }
.newsletter .bglabel input { border:none; background:none; font-size:14px; padding:8px; font-family: Tahoma; color:#867D6C; width:210px;}
.newsletter input.bt-site { background: transparent url(images/cadastrar-email.png) no-repeat left top; border:none; width:155px; height:29px; padding:0px; margin:10px 0 0 0; cursor:pointer; }

/*rodape*/
.rodape { display:table; margin-top:30px; text-align:center; }
.rodape .links { border-top:5px solid #EBE9E6; padding:10px; }
.rodape p { color:#857D6C; font-size:11px; }
.rodape ul { padding:0px; margin:0 auto 0 auto; list-style:none; }
.rodape ul li { float:left; padding:5px 25px 20px 25px; }
.rodape ul li a { color:#584C3A; font-size:13px; text-decoration:none; }
.rodape ul li a:hover { color:#A09789; text-decoration:none; }

/* index ======================================================================================================= */

/*capa site*/
.banner-flash { background: transparent url(images/bg-banner.png) no-repeat bottom center; padding-bottom:15px; }
.novidades { background: transparent url(images/bg-novidades.png) no-repeat left top; margin:6px 0 12px 0; }
.novidades .image { padding:12px 0 0 14px; }
.novidades .box { margin:0 7px; }
.novidades .box .item { float:left; padding:7px 12px; }
.novidades .box .item span { font-size:10px; color:#877D6C; }
.novidades .box .item p { padding:4px; border:1px solid #EAE8E3; background:#F1F0EF; margin:5px 0; }
.novidades .box .item ul { margin:0px; padding:0px; list-style:none; }
.novidades .box .item ul li { background:transparent url(images/seta.gif)no-repeat left top; background-position:0 2px; padding:0 0 0 12px; }
.novidades .box .item ul li a { font-size:11px; text-decoration:none; color:#867D6C; }
.novidades .box .item ul li a:hover { color:#927E61; text-decoration:none; }

.dicas { width:379px; display:table; float:left; margin-right:23px;  }
.dicas img { padding:5px; }
.dicas .box { background:transparent url(images/bg-dicas.png) no-repeat left top; padding:8px 12px 12px 12px; min-height:157px; font-size:11px;}
.dicas .box ul { margin:0px; padding:0px; list-style:none; }
.dicas .box ul li { padding:8px; border-bottom: 1px dotted #584C39; margin-bottom:8px; }
.dicas .box ul li span { color:#927E61; }
.dicas .box ul li a { color:#584C39; text-decoration:none; }
.dicas .box ul li a:hover { color:#927E61; text-decoration:none; }
.dicas .box .todas-dicas { text-align:right; padding-right:8px; }
.dicas .box .todas-dicas a { color:#927E61; text-decoration:none; }
.dicas .box .todas-dicas a:hover { color:#584C39; text-decoration:none; }

.tags { display:table; width:330px; }
.tags img { padding:5px; }
.tags .box {text-align:center; width:100%; }
.tags .box a { color:#584C39; text-decoration:none; }
.tags .box a:hover { color:#927E61; text-decoration:none; }


/* conteudo */
.images { font-size:0px; margin:0px; padding:0px; }
.conteudo { background: #fff url(images/bg-menu-produtos.png) top repeat-x; border-left: 1px solid #CFCBC3; border-right: 1px solid #CFCBC3; width:735px; display:table; }
.conteudo .margin { padding:8px 20px; min-height:580px;  }
.conteudo h1 { font-size:25px; border-bottom:1px dotted #B3ADA2; color:#584C3A; margin-bottom: 10px; padding-bottom:10px; /* HENRIQUE */ clear:both; }
.conteudo .titulo_sub { font-size:18px; border-bottom:1px solid #E3E0DD; color:#A0988D; }
.conteudo .texto p { font-size:13px; line-height:18px; color:#584C3A; }
.conteudo .texto iframe { background:#fff; padding:8px; border:1px dotted #B3ADA2; margin-top:25px; }
.conteudo .texto h3 { font-size:19px; color:#584C3A; }


/* itens */
.conteudo .item { width:205px; float:left; display:table; padding:13px; }
.conteudo .images {font-size:0px; }
.conteudo .item-conteudo { padding:13px; border-left: 1px solid #E3E0DD; border-right: 1px solid #E3E0DD; width:177px; min-height:190px; /* HENRIQUE */ float:left; }
.conteudo .item-conteudo span { color:#C1BAB5; padding-bottom:10px; }
.conteudo .item-conteudo h2 { padding-bottom:10px; }
.conteudo .item-conteudo h2 a { text-decoration:none; color:#584C39; font-size:17px; }
.conteudo .item-conteudo h2 a:hover { text-decoration:none; color:#C1BAB5; }
.conteudo .item-conteudo .img { padding:8px; border:1px solid #EAE8E3; background:#F1F0EF; font-size:0px; display:table; }
.conteudo .item-conteudo .padding { margin:8px 0; }

/* single dicas */
.conteudo .item-dicas { padding-bottom:1px; margin-bottom:10px; border-bottom:1px dotted #E2E0DC; }
.conteudo .item-dicas h2 { padding-bottom:5px; }
.conteudo .item-dicas h2 a{ font-size:18px; color:#584C39; text-decoration:none;  }
.conteudo .item-dicas h2 a:hover { text-decoration:none; color:#C1BAB5; }
.conteudo .item-dicas span { font-size:11px; color:#C1BAB5; }
.conteudo .item-dicas p { font-size:13px; color:#584C39; }

.conteudo .descricao h2 { font-size:25px; color:#584C39; margin-bottom:10px; }
.conteudo .descricao span { font-size:11px; color:#C1BAB5; }
.conteudo .descricao p { font-size:13px; color:#584C39; padding:15px 0; }

/* conteudo produtos */
.produto .img { padding:8px; border:1px solid #EAE8E3; background:#F1F0EF; display:table; float:left; margin-right:12px; }
.produto .descricao { color:#584C3A; }
.produto .descricao h2 { font-size:22px; }

/* contato */
.form-contato { margin-left:70px; margin-top:20px; }
.form-contato p { margin:0px; padding:5px 0; }
.form-contato .campo { float:left; width:100px; margin-top:10px; color:#584C39; }
.form-contato span { color:#f00; font-size:10px; }
.form-contato input { padding:5px; border:1px solid #E3E0DD; background:#fff; font-family: Tahoma; color:#A8A797; font-size:13px; width:350px; }
.form-contato textarea { padding:5px; border:1px solid #E3E0DD; background:#fff; font-family: Tahoma; color:#A8A797; font-size:13px; width:350px; }
.form-contato input.bt { background: transparent url(images/enviar-msg.png) no-repeat left top; border:none; width:155px; height:29px; padding:0px; margin:10px 0 0 100px; cursor:pointer; }