@charset "utf-8";

/* Menu */
@import url("menu.css");
/* Titulos */
@import url("titulos.css");
/* Formularios */
@import url("formularios.css");
/* Demais estilos do site - Alinhamentos, Clear */
@import url("outros.css");


/*-----------------------------------------------------------------------------
Folha de estilos - Comlub

version:	1.0
Autor:		Plus! Estúdio Web
Data:			07-04-2009
Email:		contato@plusestudioweb.com.br
Website:	http://www.plusestudioweb.com.br

Revisao-1: dd-mm-aaaa
Alterações: ---  
-----------------------------------------------------------------------------*/


/*==========================================
	GERAL
============================================*/

*, html, body {
	margin: 0;
	padding: 0;
}


html, body {
	height:100%;
}


html {
	height:100%;
	margin:0;
	padding:0;
	background:#fff url(../../_IMG/layout/bg_geral.gif) left top repeat-x;
}


body {
	height:100%;
	margin:0;
	padding:0;
	font: 12px/1.3em Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #7f8499;
	voice-family: "\"}\"";
	voice-family:inherit;
}


ul, ol, dl {
	margin: 0;
	padding: 0;
}

li, dt, dd {
	margin: 0;
	padding: 0;
}

li *, dt *, dd * {
	margin: 0;
	padding: 0;
}


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

img a {
	border: none;
}

img a:hover {
	border:none;
}


.clear {
	clear: both;
}


a:link, a:visited, a:hover, a:focus, a:active {
	color: #7f8499;
}
a:link, a:visited, a:focus, a:active {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


address {
	margin:0;
	padding:0;
}


p {
	line-height:1.3em;
	margin:0 0 15px 0;
}

p a{
	text-decoration:none;
}




/*==========================================
	ESTRUTURA
============================================*/

/*--------
	GLOBAL
---------*/
#global {
	width:100%;
	min-height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
}

* html #global {
	height: 100%; /* hack para IE6 hq trata height como min-height */
}



/*------
	TOPO
-------*/
#topo{
	width:980px;
	height:100px;
	margin:0 auto;
	clear:both;
	/*Hack IE*/
	*width:950px;
}

#topo_bg_extendido{
	width:100%;
	background:url(../../_IMG/layout/bg_geral.gif) left top repeat-x;
	left:0;
	position:fixed;
	top:0;
}



/*------
	LOGO
-------*/
#logo{
	width:250px;
	height:63px;
	margin:15px 65px 0 0;
	padding-left:5px;
	float:left;
}

#logo h1{ display:none;}



/*----------
	CONTEUDO
-----------*/
#conteudo {
	width:980px;
	height:auto;
	margin:0 auto;
	padding:100px 0 105px 0;
	clear:both;
	text-align:left;
	/* Hack IE */
	_padding:0 0 70px 0;
}

/* Hack FireFox */
div#conteudo:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}



/*------------------
	CONTEUDO INTERNO
-------------------*/
#conteudo_interno{
	padding:30px 35px 0 35px;
}

/* Hack FireFox */
div#conteudo_interno:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}



/*---------------
	CONTEUDO HOME
----------------*/
#conteudo_home{
	padding:30px 35px 0 35px;
}

/* Hack FireFox */
div#conteudo_home:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}


/* Banner Principal */
.banner{
	width:auto;
	height:200px;
	margin:0 auto;
	clear:both;
}



/*--------
	RODAPE
---------*/
/* Container com o rodape */
#rodape {
	width:100%; 
	height:65px; 
	margin:0 auto; 
	padding:15px 0 0 0;
	background:url(../../_IMG/layout/rodape_bg_geral.gif) left top repeat-x;
	bottom:0;
	color:#fff; 
	left:0; 
	position:absolute;
	overflow:hidden;
}


p#copyright{
	font-size:10px;
}


#plus{
	margin:-45px 25px 0 0;
	float:right;
}




/*==========================================
	INTERNO
============================================*/

#interno_coluna_esq{
	width:280px;
	min-height:100px;
	height:auto;
	margin-right:40px;
	float:left;
	line-height:1.6em;
	/*Hack IE*/
	_overflow:hidden;
}


#interno_coluna_dir{
	width:590px;
	height:auto;
	float:left;
	line-height:1.6em;
}




/*==========================================
	HOME
============================================*/

/*----------
	Coluna 1 
-----------*/
.home_coluna_1{
	width:360px;
	height:auto;
	margin-right:20px;
	float:left;
}


/*----------
	Coluna 2 
-----------*/
.home_coluna_2{
	width:527px;
	height:auto;
	float:left;
}


/* CIMA */
.box_cima{
	width:auto;
	height:148px;
	margin-bottom:20px;
	background:url(../../_IMG/outros/bg_separador_gradiente.gif) center bottom no-repeat;
	clear:both;
	/*Hack IE*/
	*height:155px;
}

.envolve_destaque_home{
	width:280px;
	height:auto;
	margin-right:45px;
	float:left;
}

.envolve_destaque_home .alinhar_dir{
	margin-top:-15px;
	float:right;
}


/* BAIXO */
.box_baixo{
	width:auto;
	height:auto;
	clear:both;
}

.distribuidor_exclusivo{
	width:200px;
	float:left;
}

.distribuidor_exclusivo p{
	text-align: center;
	float: left;
	padding-top: 5px;
	margin-right: 20px;
}


/*------------
	NEWSLETTER
-------------*/
#envolve_newsletter{
	width:196px;
	height:auto;
	float:left;
}

#envolve_newsletter p{
	margin-bottom:4px;
	font-size:12px;
}




/*==========================================
	FILIAIS
============================================*/

.envolve_dados_filiais{
	height:200px;
	margin-bottom:50px;
}

p.foto_filial{
	height:200px;
	margin:20px 0 60px 0;
}

p.foto_filial_sem_margem{
	height:200px;
	margin:0 0 80px 0;
}




/*==========================================
	PRODUTOS
============================================*/

.produto_descricao{
	width:auto;
	min-height:150px;
	height:auto;
	margin:10px 0 10px 0;
	clear:both;
	background:url(../../_IMG/outros/bg_separador_gradiente.gif) center bottom no-repeat;
}

/* Hack FireFox */
div.produto_descricao:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}


* html .produto_descricao {
	_height: 150px; /* hack para IE6 hq trata height como min-height */
}

.produtos_img{
	width:auto;
	height:100%;
	margin-bottom:30px;
	padding:0 20px 0 0;
	float:left;
	display:block;
}