/* 
    Document   : padrao
    Created on : 29/05/2010, 15:34:30
    Author     : Youzoom Soluções Web
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/**
 * Css Reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
}
strong { font-weight: bold; }
img { border: 0; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
label, button, a { cursor: pointer }
form,input,button { padding: 0; margin: 0; border: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl { margin: 20px 0; }
* { border: 0;  }

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
.grid_87px { width: 87px; float: left; margin: 0 9px;}
.container_12{margin-left:auto;margin-right:auto;width:960px}.box_6{display:block;float:left;margin:0;width:478px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}*html.clearfix{height:1%}.clearfix{display:block}

.alpha { margin-left: 0px !important; }
.omega { margin-right: 0px !important; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 40%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

/**
 *	@author Youzoom.com.br (2010)
 *	CSS Document : Casa das cores
 *
 *	http://www.youzoom.com.br
 *
 */

/* Definições globais */

body
{
	font: normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFF;
	color: #525252;
	margin: 0;
}

a { text-decoration: underline; color: #215F98; cursor: pointer; }
a:hover { color: #2D82CE; }

input, select, textarea { color: #525252; font: normal 12px/18px Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { color: #215F98; font-weight: bold; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }

ul { padding-left: 40px; }
ul li { list-style: circle; }

div.spacer { clear: both; width: 100%; height: 1px; overflow: hidden;}
div.container-spacer { height: 25px; clear: both; width: 100%; height: 1px; overflow: hidden; }

hr { clear: both; margin: 20px 0; border-width: 0; height: 1px; border-top: 1px solid #CCC;}

p { font-size: 14px; }

div.alinhador { height: 35px; }

.lite-grey { color: #8D8D8D; }
.red { color: #FF0000; }

/******************************/

div#cabecalho
{
	background: url(/_imagens/cabecalho-bg.jpg) 0 0 no-repeat;
	padding-top: 22px;
	padding-bottom: 5px;
	width: 1020px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 15px;
	overflow: hidden;
}
div#cabecalho img#logo-casadascores {  }

div#cabecalho div#box-menu { margin: 15px auto; text-align: center; width: 940px; margin-bottom: 0; }
div#cabecalho div#box-menu ul { margin: 0; padding: 0; list-style: none; text-align: center; }
div#cabecalho div#box-menu ul li { list-style: none; float: left; background: url(../_imagens/menu-sprite.gif) 0 0 no-repeat; margin: 0; margin-right: 32px; height: 20px; cursor: pointer; }
div#cabecalho div#box-menu ul li a { display: block; height: 20px; }
div#cabecalho div#box-menu ul li span { display: none; }

	div#cabecalho div#box-menu ul li#bt-home { width: 43px; }
	div#cabecalho div#box-menu ul li#bt-home:hover { background-position: 0 -20px; }
	div#cabecalho div#box-menu ul li#bt-home.current { background-position: 0 -20px; }
	
	div#cabecalho div#box-menu ul li#bt-empresa { width: 67px; background-position: -45px 0; }
	div#cabecalho div#box-menu ul li#bt-empresa:hover { background-position: -45px -20px; }
	div#cabecalho div#box-menu ul li#bt-empresa.current { background-position: -45px -20px; }
	
	div#cabecalho div#box-menu ul li#bt-fornecedores { width: 100px; background-position: -115px 0; }
	div#cabecalho div#box-menu ul li#bt-fornecedores:hover { background-position: -115px -20px; }
	div#cabecalho div#box-menu ul li#bt-fornecedores.current { background-position: -115px -20px; }
	
	div#cabecalho div#box-menu ul li#bt-promocoes { width: 82px; background-position: -217px 0;  }
	div#cabecalho div#box-menu ul li#bt-promocoes:hover { background-position: -217px -20px; }
	div#cabecalho div#box-menu ul li#bt-promocoes.current { background-position: -217px -20px; }
	
	div#cabecalho div#box-menu ul li#bt-produtos { width: 63px; background-position: -302px 0; }
	div#cabecalho div#box-menu ul li#bt-produtos:hover { background-position: -302px -20px; }
	div#cabecalho div#box-menu ul li#bt-produtos.current { background-position: -302px -20px; }
	
	div#cabecalho div#box-menu ul li#bt-servicos { width: 60px; background-position: -370px 0; }
	div#cabecalho div#box-menu ul li#bt-servicos:hover { background-position: -370px -20px; }
	div#cabecalho div#box-menu ul li#bt-servicos.current { background-position: -370px -20px; }
	
	div#cabecalho div#box-menu ul li#bt-simulador { width: 145px; background-position: -433px 0;}
	div#cabecalho div#box-menu ul li#bt-simulador:hover { background-position: -433px -20px; }
	div#cabecalho div#box-menu ul li#bt-simulador.current { background-position: -433px -20px; }
	
	div#cabecalho div#box-menu ul li#bt-faq { width: 60px; background-position: -581px 0; }
	div#cabecalho div#box-menu ul li#bt-faq:hover { background-position: -581px -20px; }
	div#cabecalho div#box-menu ul li#bt-faq.current { background-position: -581px -20px; }
	
	div#cabecalho div#box-menu ul li#bt-contato { width: 57px; background-position: -644px 0; }
	div#cabecalho div#box-menu ul li#bt-contato:hover { background-position: -644px -20px; }
	div#cabecalho div#box-menu ul li#bt-contato.current { background-position: -644px -20px; }

div#box-destaque-cabecalho { margin: 0 auto; width: 940px; }
div#box-destaque-cabecalho div#box-destaque-esq { float: left; width: 700px; }
div#box-destaque-cabecalho div#box-destaque-dir { float: right; width: 220px; }

/**************************************/

div#corpo { margin-top: 15px; }
div#corpo h1 { margin-top: 0 !important; }

div.box-index h2 { margin-top: 0; }

/**************************************/

.hide-span { height: 24px; margin: 4px 0; }
.hide-span a { width: 100%; height: 24px; display: block; }
.hide-span span { display: none; }
h1.hide-span { margin-top: 0px; }

.a-empresa { background: url(/_imagens/a-empresa-txt.jpg) 0 0 no-repeat; }
.cores-sob-medida { background: url(/_imagens/cores-sob-medida-txt.jpg) 0 0 no-repeat; }
.dicas { background: url(/_imagens/dicas-txt.jpg) 0 0 no-repeat; }
.promocoes { background: url(/_imagens/promocoes-txt.gif) 0 0 no-repeat; }
.servicos { background: url(/_imagens/servicos-txt.gif) 0 0 no-repeat; }
.color-service-self-color { background: url(/_imagens/color-service-self-color-txt.gif) 0 0 no-repeat; }
.entregas { background: url(/_imagens/entregas-txt.gif) 0 0 no-repeat; }
.fornecedores { background: url(/_imagens/fornecedores-txt.gif) 0 0 no-repeat; }
.simulador-de-cores { background: url(/_imagens/simulador-de-cores-txt.gif) 0 0 no-repeat; }
.produtos { background: url(/_imagens/produtos-txt.gif) 0 0 no-repeat; }
.faq { background: url(/_imagens/perguntas-frequentes-txt.gif) 0 0 no-repeat; }
.contato { background: url(/_imagens/contato-txt.gif) 0 0 no-repeat; }
.dicas { background: url(/_imagens/dicas-txt.jpg) 0 0 no-repeat; }

/**************************************/

a.bt-mais { display: block; margin: 10px 0; float: right; width: 79px; height: 29px; background: url(/_imagens/bt-mais.jpg); }

/**************************************/

div.divisor-color { background: url(/_imagens/divisor-color-img.jpg) 0 0 no-repeat; height: 21px; margin: 17px 0 5px 0; }


/**************************************/

div#rodape { text-align: center; font-size: 12px; height: 135px; }
div#rodape img { margin: 5px 0; }

/**************************************/

div.box-miniaturas { margin: 10px 0; }
div.box-miniaturas div { margin-top: 10px; margin-bottom: 4px; }

/**************************************/

div#box-lista-miniaturas ul { margin: 0; padding: 0; }
div#box-lista-miniaturas ul li { margin: 0; padding: 0; list-style: none; text-align: center; width: 140px; margin: 10px; float: left; }
div#box-lista-miniaturas ul li strong { display: block; font-size: 14px; color: #2068AB; margin: 4px 0; }
div#box-lista-miniaturas ul li strong a { text-decoration: none;  }
div#box-lista-miniaturas ul li strong a:hover { color: #2068AB; }

/**************************************/

div#box-paginacao { margin: 10px 0; font-size: 14px; text-align: center; }
div#box-paginacao a { color: #606060; font-weight: bold; text-decoration: none;  }
div#box-paginacao a:hover { color: #044D90; }
div#box-paginacao a.pagina-ativa { color: #044D90; }
div#box-paginacao ul { margin: 0; padding: 0; text-align: center; }
div#box-paginacao ul li { display: inline; margin: 3px; }
div#box-paginacao ul li img { margin-bottom: -10px; }

div.paginacao-2 a#bt-download-listagem { float: left; }
div.paginacao-2 ul { float: right; }

/***************************************/

div#box-lista-fornecedores ul { margin: 0; padding: 0; }
div#box-lista-fornecedores ul li
{
	padding: 5px;
	list-style: none;
	text-align: center;
	margin: 10px;
	float: left;
	display: block;
	background: #DDDDDD;
}
div#box-lista-fornecedores ul li strong { display: block; font-size: 14px; color: #575757; margin: 4px 0; width: 210px; text-align: center; margin: 7px 0 4px 0; }
div#box-lista-fornecedores a { color: #575757; text-decoration: none;  }

/***************************************/

div#box-simulador-de-cores { }

/***************************************/

table#tabela-produtos { border: 1px solid #E6E6E6; border-bottom: 0; background: #F2F2F2; margin: 10px 0; display: block; }
table#tabela-produtos tr td { padding: 10px 5px; text-align: center; border-bottom: 1px solid #E6E6E6; }
table#tabela-produtos tr.linha-topo { background: #E6E6E6; height: 46px; font-weight: bold; font-size: 16px; border: 0;  }
table#tabela-produtos tr.linha-topo td { border: 0; }
table#tabela-produtos td.col-produto { text-align: left !important; }
table#tabela-produtos tr.white-bg { background: #FFF; }

div#box-filtro-categorias { float: right; width: 560px; text-align: right; padding-top: 2px; }
div#box-filtro-categorias label, select { display: inline; }
div#box-filtro-categorias select { margin: 0 0 0 10px; padding: 1px; border: 1px solid #BBBBBB; height: 22px; }
div#box-filtro-categorias img { margin: 0 10px -7px 0; }


/***************************************/

div.box-input { background: url(/_imagens/box-input-bg.jpg) 0 0 no-repeat; width: 700px; height: 33px; margin: 0 0 12px 0; padding-top: 13px; position: relative; }
div.box-input label { float: left; width: 139px; text-align: center; }
div.box-input input { float: right; margin: 0; margin-right: 10px; padding: 0; width: 535px; }
div.box-input div.box-textarea { background: url(/_imagens/box-textarea-bg.gif) 0 0 no-repeat; width: 559px; height: 145px; float: right; text-align: center; }
div.box-input div.box-textarea textarea { width: 535px; margin: 0; margin-top: 10px; height: 120px; overflow: hidden; overflow-y: auto; }
div.box-input-text { height: 145px; padding-top: 0; }
div.box-input-text label { margin-top: 13px; }
button.bt-enviar { float: right; display: block; width: 74px; height: 30px; background: url(/_imagens/bt-enviar.jpg) 0 0 no-repeat; margin: 10px 0; }
#formContato .input-validator { font-weight: bold; background: #FF5D00; color: #FF7F00; padding: 11px 5px 0 5px; height: 30px; position: absolute; top: 0; right: 0; margin: 2px 2px 0 0; color: #FFE8D9; border-radius: 3px; }

/***************************************/

ul#lista-faq { padding: 0; margin: 20px 0; }
ul#lista-faq li { display: block; list-style: none; padding: 8px 0; margin: 5px 0; border-bottom: 1px dotted #C2C2C2; }
ul#lista-faq img { float: left; }
ul#lista-faq li div.box-faq { width: 890px; float: right; }
ul#lista-faq li h2 { margin: 2px 0; }
ul#lista-faq li h2 a { text-decoration: none; }
ul#lista-faq li small { font-size: 11px; }
ul#lista-faq li p { margin: 13px 0; display: none; }

/***************************************/

div#box-filiais { position: relative; }
div#box-filiais h2.hide-span { background: url(/_imagens/filiais-txt.gif) 0 0 no-repeat; margin: 0px 0 2px 0; }
div#box-filiais div#box-bt-controle { position: absolute; top: 0; right: 0; padding: 0 2px 0 0; }

ul#lista-filiais { margin: 0; padding: 0; }
ul#lista-filiais li { display: block; margin: 0 0 5px 0; padding: 3px 0 0 8px; height: 59px; background: url(/_imagens/box-filial-bg.jpg) 0 0 no-repeat; position: relative; }
ul#lista-filiais li strong { display: block; color: #2068AB; margin: 0 0 0 3px; padding: 0; font-size: 14px; }
ul#lista-filiais li p { display: block; margin: 0; padding: 0; padding-left: 5px; line-height: 16px; font-size: 12px; }
ul#lista-filiais li span { position: absolute; bottom: 0; right: 0; padding-right: 7px; padding-bottom: 6px; font-size: 13px; }
ul#lista-filiais li span a { font-size: 12px; color: #FF5B5B; text-decoration: none; }

/***************************************/

div#box-slide { position: relative; width: 700px; height: 281px; overflow: hidden; padding: 0; margin: 0; }
div#box-slide ul { width: ; height: 281px; padding: 0; margin: 0; position: absolute; }
div#box-slide ul li { padding: 0; margin: 0; float: left; width: 700px; height: 281px; list-style: none;  }

div#box-slide a#bt-slide-backward { position: absolute; left: 0; top: 0; float: left; padding-top: 116px; }
div#box-slide a#bt-slide-forward { position: absolute; right: 0; top: 0; float: right; padding-top: 116px; }

/****************************************/

div#box-imagens-empresa { position: relative; }
div#faq-box-showonload { text-align: center; position: absolute; top: 0; left: 0; background: #FFF; -moz-opacity: 0.65; opacity: 0.65; filter: alpha(opacity = 65); height: 275px; width: 100%; }
div#faq-box-showonload img { margin-top: 140px; }


/*****************************************/

#form-contato { margin: 0; }

/*****************************************/

#lista-dicas { margin: 0; padding: 0; margin-top: 0;  }
#lista-dicas .last { border: 0; }
.item-dicas { padding: 20px 0;  margin: 0;  list-style: none; border-bottom: 1px dotted #C2C2C2;  }
.item-dicas h2 { margin: 0; color: #549EE3; }
.item-dicas small { color: #C2C2C2; font-size: 11px; }
.item-dicas p { margin: 13px 0 0 0; font-style: italic; }

/*****************************************/

.box-msg1 { display: block; padding: 15px 10px; margin: 10px 0; background: #F5F5F5; border: 1px solid #CCC; }

/* Colorbox */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
#cboxContent{background:#000; margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/_imagens/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/_imagens/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(/_imagens/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/_imagens/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}