@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
img{border:0; padding:0; margin:0;}

body{text-align:center; background:#000; font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff;}

.clear{clear:both;}

.tudo{
	width:890px;
	margin:0 auto;
}

.navegacao{
	width:890px; 
	height:392px;
	background:url(../images/fundo-navegacao.jpg) no-repeat;
}

.logo{height:299px;}

#menu{float:left; width:200px; list-style:none; margin:40px 0 0 90px;}
#menu li{height:18px; list-style:none; width:200px;}
#menu li a{text-decoration:none; height:18px;}
#menu li a span{ visibility:hidden;}
#menu li a.home { background: url(../images/menu-home.gif) no-repeat; display: block;}/* define para cada item a posição em que o sprite está na imagem */
#menu li a.aerografias { background: url(../images/menu-aerografias.gif) no-repeat; display: block;}/* define para cada item a posição em que o sprite está na imagem */
#menu li a.automotivas {  background: url(../images/menu-pinturas-automotivas.gif) no-repeat; display: block;}/* define para cada item a posição em que o sprite está na imagem */
#menu li a.ilustracoes { background: url(../images/menu-ilustracoes-artes-digitais.gif) no-repeat; display: block;}/* define para cada item a posição em que o sprite está na imagem */
#menu li a.cds { background: url(../images/menu-cds-dvds.gif) no-repeat; display: block;}/* define para cada item a posição em que o sprite está na imagem */
#menu li a.logos { background: url(../images/menu-logos.gif) no-repeat; display: block;}/* define para cada item a posição em que o sprite está na imagem */
#menu li a.camisetas { background: url(../images/menu-camisetas.gif) no-repeat; display: block;}/* define para cada item a posição em que o sprite está na imagem */
#menu li a.posters { background: url(../images/menu-posters.gif) no-repeat; display: block;}/* define para cada item a posição em que o sprite está na imagem */
#menu li a.outros { background: url(../images/menu-outros.gif) no-repeat; display: block;}/* define para cada item a posição em que o sprite está na imagem */
#menu li a.somos { background: url(../images/menu-quemsomos.gif) no-repeat; display: block;}/* define para cada item a posição em que o sprite está na imagem */
#menu li a.contato { background: url(../images/menu-contato.gif) no-repeat; display: block;}/* define para cada item a posição em que o sprite está na imagem */


#menu li a:hover { background-position: 0 -18px;}
#menu li a:active { background-position: 0 -18px;}
#menu li a:focus { background-position: 0 -18px;}


#menu li a.homeAtivo {background: url(../images/menu-home.gif) no-repeat; display: block; background-position: 0 -18px;}
#menu li a.aerografiasAtivo { background: url(../images/menu-aerografias.gif) no-repeat; display: block; background-position: 0 -18px;}
#menu li a.automotivasAtivo { background: url(../images/menu-pinturas-automotivas.gif) no-repeat; display: block; background-position: 0 -18px;}
#menu li a.ilustracoesAtivo { background: url(../images/menu-ilustracoes-artes-digitais.gif) no-repeat; display: block; background-position: 0 -18px;}
#menu li a.cdsAtivo { background: url(../images/menu-cds-dvds.gif) no-repeat; display: block; background-position: 0 -18px;}
#menu li a.logosAtivo { background: url(../images/menu-logos.gif) no-repeat; display: block; background-position: 0 -18px;}
#menu li a.camisetasAtivo { background: url(../images/menu-camisetas.gif) no-repeat; display: block; background-position: 0 -18px;}
#menu li a.postersAtivo { background: url(../images/menu-posters.gif) no-repeat; display: block; background-position: 0 -18px;}
#menu li a.outrosAtivo { background: url(../images/menu-outros.gif) no-repeat; display: block; background-position: 0 -18px;}
#menu li a.somosAtivo { background: url(../images/menu-quemsomos.gif) no-repeat; display: block; background-position: 0 -18px;}
#menu li a.contatoAtivo { background: url(../images/menu-contato.gif) no-repeat; display: block; background-position: 0 -18px;}


#menu form{background:url(../images/fundo-cadastro.jpg) no-repeat; width:184px; height:94px; margin-top:40px;}
#menu form input{float:left; margin-top:62px; border:0; background:none;}
#menu form input.email{width:150px; padding-top:6px; margin-left:6px; color:#fff; font-size:11px;}
#menu form input.botao{width:26px; height:26px;}

.destaque{
	float:left;
	width:506px;
	margin:12px 0 0 24px;
}

.resumo{
	clear:both;
	width:890px;
	height:180px;
	background:url(../images/fundo-resumo.jpg) no-repeat;
	margin:0 auto;
}

.resumo p{
	color:#fff;
	padding-top:60px;
}

.conteudo{
	width:890px;
	margin:0 auto;
	background:url(../images/fundo-conteudo.jpg) repeat-y;
	text-align:center;
}

.titulo{
	font-weight:bold;
	color:#beac62;
	font-size:12px;
	text-align:left;
	background:#1d1d1d;
	padding:8px;
	width:550px;
	margin:0 auto 50px auto;
}

.descricao{
	text-align:left;
	width:550px;
	margin:10px auto;
	padding:10px 0;
}


.rodape{padding-top:80px;}
.rodape p{
	background:#b2b2b2; 
	width:600px; 
	margin:0 auto; 
	color:#010101; 
	padding:12px 0;
	font-size:10px;
}

.conteudo a{color:#ff7800; text-decoration:none;}



.quem-somos{background:url(../images/fundo-somos.jpg) no-repeat; text-align:left; width:506px; height:369px; float:left; margin:14px 0 0 22px;}
.quem-somos h1, .quem-somos h2, .quem-somos h3{color:#ad9d5c; font-size:12px; font-weight:bold;}
.quem-somos h1, .quem-somos h2, .quem-somos h3, .quem-somos p{
	margin-left:20px;
}
.quem-somos h1{margin-top:20px;}

.house-kolor{
	height:180px;
	clear:both;
	width:890px;
	background:url(../images/fundo-resumo.jpg) no-repeat;
}

.house-kolor p{
	margin-left:150px;
	padding-top:70px;
}



.contato-int{text-align:left; width:506px; height:369px; float:left; margin-left:20px;}
.form-contato{margin-top:60px;}
.form-contato label{width:115px; float:left; text-align:right; margin-right:5px; color:#000; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:5px 0;}
.form-contato input{margin:3px 0; border:0; background: url(../images/contato-fundo-input.jpg) no-repeat; height:23px; width:261px;}
.form-contato input.ddd{width:41px; height:23px; background: url(../images/contato-fundo-ddd.jpg) no-repeat;}
.form-contato input.fone{width:213px; height:23px; background: url(../images/contato-fundo-fone.jpg) no-repeat;}
.form-contato textarea{border:0; background: url(../images/contato-fundo-msg.jpg) no-repeat; height:152px; width:362px;}
.form-contato input.enviar{width:72px; background:#000; height:30px; color:#7f785c; margin-left:120px;}




.box-aerografia{background:url(../images/fundo-box-aerografias.jpg) no-repeat; text-align:left; width:890px; height:392px;}
.box-automotivas{background:url(../images/fundo-box-automotivas.jpg) no-repeat; text-align:left; width:890px; height:392px;}
.box-camisetas{background:url(../images/fundo-box-camisetas.jpg) no-repeat; text-align:left; width:890px; height:392px;}
.box-cds{background:url(../images/fundo-box-cds.jpg) no-repeat; text-align:left; width:890px; height:392px;}
.box-ilustracoes{background:url(../images/fundo-box-ilustracoes.jpg) no-repeat; text-align:left; width:890px; height:392px;}
.box-logos{background:url(../images/fundo-box-logos.jpg) no-repeat; text-align:left; width:890px; height:392px;}
.box-posters{background:url(../images/fundo-box-posters.jpg) no-repeat; text-align:left; width:890px; height:392px;}
.box-outros{background:url(../images/fundo-box-outros.jpg) no-repeat; text-align:left; width:890px; height:392px;}

.box-contato{background:url(../images/fundo-box-contato.jpg) no-repeat; text-align:left; width:890px; height:392px;}


.internas{
	width:890px;
	margin:0 auto;
	background:url(../images/fundo-conteudo.jpg) repeat-y;
}
.internas div.nav-esq{float:left; width:230px; text-align:left; margin-left:80px; color:#fefefe;}
.internas div.nav-esq a{color:#ff7800; text-decoration:none;}

.internas div.nav-dir{float:right; margin-right:80px; width:500px;}

.internas div.nav-dir table{width:100%;}
.internas div.nav-dir table td{padding:8px; text-align:center;}
.internas div.nav-dir table td img{border:3px solid #232323;}



#pop{display:none;position:absolute;top:50%;left:40%; background:#fff; margin-left:-150px;margin-top:-100px;padding:10px;width:610px;height:600px; overflow:scroll; border:1px solid #d0d0d0}

#pop-revenda{display:none;position:absolute;top:30%;left:30%; background:#fff; margin-left:-100px;margin-top:-100px;padding:10px;width:710px;height:600px; overflow:scroll; border:1px solid #d0d0d0}
#pop-pedido{display:none;position:absolute;top:30%;left:30%; background:#fff; margin-left:-100px;margin-top:-100px;padding:10px;width:710px;height:600px; overflow:scroll; border:1px solid #d0d0d0}