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

@import url("formcontato.css");
@import url("formproposta.css");
@import url("menuhorizontal.css");
@import url("paginacao.css");

menu, li, ul{list-style:none;}
img{border:none;}
.tab{margin-left:1.5em;}
body{
	background:#868769;
	color: #000;
	font:normal normal normal 14px Verdana;
	line-height: 14px;
	margin:0;
	padding:0;
	text-align: justify;
}

h1 {
	color: #D1560A;
	line-height: 28px;
	font:normal normal normal 24px "Trebuchet MS";
	letter-spacing: -1px;
	margin-bottom: 25px;
}

h2 {
	color: #9C8E4E;
	font:normal normal normal 19px "Trebuchet MS";
	line-height: 28px;
	margin: -15px 0 15px 0;
	text-align:left;
}

a, a:link, a:visited {color: #000;font-weight: bold;text-decoration: none;}
a:hover {color: #000;}

#alinhando {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 880px;
}

#pai {background-color: #ddd;}

#topobg {
	background: url(../images/head-wrap-bg.jpg) bottom center repeat-x #FFF;
	text-align: center;
}

#topimage {top:1px;float: right;}

#topo {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	background: url(../images/logo.png) left 34px no-repeat;
	text-align: left;
}

#contentWrapper {
	background: url(../images/content-faux-column.jpg) right center repeat-y;
	height: 100%;
	clear: left;
	
}

#CoEsquerda {
	float: left;
	padding: 15px 0px 10px 0px;
	width: 202px;
	line-height: 16px;
}

#CoEsquerda h3 {
	font:normal normal bold 14px Tahoma;
	color: #FFF;
	background: url(../images/top-menu-title.jpg) right top no-repeat;
	line-height: 39px;
	padding-left: 18px;
	text-transform: uppercase;
}

#CoEsquerda h4 {
	font:normal normal bold 12px Tahoma;
	color: #FFF;
	background: url(../images/sub-menu-title.jpg) right top no-repeat;
	line-height: 37px;
	padding-left: 20px;
	text-transform: uppercase;
	
}
#CoEsquerda h4:hover{
	background-image: url(../images/sub-menu-title2.jpg)  right top no-repeat;
}

#CoEsquerda ul {
	list-style-type: none;
	margin: 8px 0 8px 0;
	padding-left: 25px;
	
}

#CoEsquerda ul li {
	background: url(../images/li-dot.png) left top no-repeat;
	padding-left: 10px;
	
}
#CoEsquerda ul li a:link, #CoEsquerda ul li a {
	font-weight: bold;
}
#CoEsquerda ul ul {
	padding-left: 15px;
	list-style-type: none;
	margin: 0px 0px 8px 0px;
	
	
}
#CoEsquerda ul ul li {
	background: url(../images/li-sub-dots.png) left top no-repeat;
	padding-left: 11px;
}

#CoEsquerda ul ul li a:link, #CoEsquerda ul ul li a {
	font-weight: normal;
	
}
#CoEsquerda a, #CoEsquerda a:link {
	font:normal normal bold 12px Verdana;
	color:#000;
}
#CoEsquerda a:hover,
#CoEsquerda a.active{
	color: #FFF;
	text-decoration: none;
}


#conteudo {
	margin: 0px 30px 0 220px;
	padding: 20px 0px 30px 0px;
	line-height: 18px;
	color: #666666;
	text-align:justify;
}

.clearFloat {
	clear: both;
	display: block;
}

#baixo {
	background: url(../images/footer-bg.jpg) right top no-repeat;
	padding: 10px 28px 10px 220px;
	color: #D7D7CC;
	height: 71px;
	line-height: 16px;
	text-align:center;
}


/*Tabela dos produtos*/
.imagens {
	width:155px;
	height:185px;
	border:none;
	vertical-align:bottom;
	display:block;
	margin-top:20px;
}


.representantes {
	width:155px;
	height:105px;
	border:none;
	display:block;
	margin-top:20px;
    position:relative;
    float: left;
}

/**** Pagina Inicio****/
#ini{
	width:616px;
	position:absolute;
	float:right;
	margin-right:0px;
	font:normal normal normal 13px Verdana;}

#inia{
	width:308px;
	position:absolute;
	left:0px;
	list-style:none;
	margin:0;}

#inib{
	width:308px;
	position:absolute;
	right:0px;
	list-style:none;
	margin:0;}

#inia li, #inib li{height:110px;border-bottom:2px dotted silver;margin-bottom:10px;}

/***** Fim Pagina Inicio*****/


.quadroopcoes{
	width:630px;
	position:absolute;
	padding:0;
	float:right;
	margin:0px;
	top:340px;}

.opcoes{
	width:33%;
	float:left;
	margin:0 1px;
	padding:0;
	text-align:center;}

.opcoes li {height:110px;margin-bottom:10px; list-style:none;}


.centroimg {
	width:640px;
	padding:0;
}
.imagens{
	width:155px;
	height:185px;
	float:left;
	text-align:center;
	margin:2px 2px;}
	
	
.rodape{
	font: bold 11px tahoma;
	text-align: center;
	color: #000;
	position: fixed; 
	left: 0px; 
	bottom: 0px;
	width: 100%;
	height: 20px;
	background: #F3F3F3;
	z-index:999;}
	
.rodape2{
	position: fixed; 
	left: 0px; 
	bottom: 0px;
	width: 100%;
	height: 7px;
	background: #3E82AD;
	color: #3E82AF;
	z-index:999;
}

.logo {position:fixed;bottom:0px;left: 0px;border:none;z-index:999;}
.logo2{position:fixed;bottom:0px;right:0px;border:none;z-index:999;}