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

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

body { font-family: "Arial", Lucida Grande, sans-serif;
}

p{	font-size:11px;
	color:#184C2A;
	text-align:justify;
}

/* topo */
div.topo{ 
	width:100%;
	float:left;
	height:183px;
	background: transparent url(../images/bgmenu.png) repeat-x top left;
}

div.topo > div{
	width:920px; /*1020px;*/
	height:90px; /*140px*/
	margin:auto;
	background:url(../images/bgTopo.jpg) no-repeat top center;
	padding:50px 50px 0px 50px;
	}
div.topo > div > a{float:left;}
form.news{
	float:right;
	padding-top:24px;
	}
form.news > label{ 
	padding-top:6px;
	font-size:15px; 
	font-weight:bold;
	color: #184C2A;
	float:left;
}
form.news input[type="text"]{ 
	background: url(../images/tnews2.jpg) no-repeat center;
	padding:8px 9px;
	width:385px;
	float:left;
	font-size:11px;
}
form.news input[type="submit"]{
	background:url(../images/enviar.jpg) no-repeat center;
	padding:8px 7px;
	color:#FFF;
	width:64px;
	cursor:pointer;
	float:left;
	}

/*menu*/

ul.menu{
	position:relative;
	top:-4px;
	list-style:none outside none;
	width:980px;
	padding:0px;
	margin:0px auto;
	background: none;
	height:48px;
	}
ul.menu > li {
	float:left;
	marker-offset:0px;
}
ul.menu > li > a {
	float:left;
	padding: 20px 22px 11px 22px;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
ul.menu > li > a:hover{
	background:transparent url(../images/bg-menu.png) center top no-repeat;
	color:#184C2A;
}
	
/*rodape*/
div.bass{
	width:100%;
	position:fixed;
	height:33px;
	bottom:0px;
	left:0;
	z-index:50;
	background:#184C2A url(../images/bg-rodape.jpg) repeat-x top left;
}
div.bass > div{
	width:980px;
	margin:0px auto;
	height:100%;
	font-size:9px;
	color:#FFF;
}
span.bass{float:left;margin-top:3px;}
span.soft{float:right;margin-top:3px;}

/* conteúdo */
div.banner{
	width:100%;
	float:left;
	margin:auto;
	height:200px;
	background-color:#184C2A;
}
div.banner > div{
	width:980px;
	margin:0px auto;
	height:100%;
}
div.conteudo{ 
	width:100%;
	float:left;
	height:auto;
	min-height:325px;
	background: #FFF url(../images/bgFCont.jpg) repeat-x top left;
	padding-bottom:33px;
}
div.conteudo > div {
	width:980px;
	height:auto;
	min-height:355px;
	background:url(../images/bgCont.jpg) no-repeat top center;
	margin:0px auto;
	padding:1px 20px 0px 20px;
}

span.box-center{
	float:left;
	width:100%;
	height:22px;
	background: #FFF url(../images/separa-cont.jpg) no-repeat top left;
}
/*box-destaque*/
div.box-destaque{
	width:600px;
	height:auto;
	float:left;
}
div.box-destaque > span {
	width:582px;
	height:15px;
	padding:7px 9px 8px 9px;
	float:left;
	background-color:#184C2A;
}
div.box-destaque > span > h2,  div.p1 > h2,  div.p2 > h2,  div.p3 > h2,  div.p4 > h2{
	font-size:15px;
	font-weight:bold;
	color:#A0CF67;
	float:left;
}

div.box-destaque > span > a{
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	float:right;
}
div.box-destaque > div {
	float:left;
	width:550px;
	height:auto;
	padding:25px 0px 0px 25px;
}
div.box-destaque > div > h3{
	font-size:15px;
	font-weight:bold;
	color:#A0CF67;
	float:right;
	width:49%;
	padding-bottom:15px;
}
div.box-destaque > div > p{
	float:right;
	width:49%;
	padding-bottom:12px;
}
div.box-destaque > div > img {
	padding-right:20px;
	float:left;
}

/*box-noticias*/
div.box-noticias {
	width:380px;
	float:left;
	height:auto;
}
div.pnoticia{ padding-top:23px;}
div.box-noticias > div{
	float:left;
	background: transparent url(../images/sepbox.jpg) left top no-repeat;
	width:100%;
	height:auto;
	min-height:335px;
}
div.box-noticias > div.bgN{
	background: transparent url(../images/bgN.jpg) right top no-repeat !important;}

a.link-noticias{
	float:left;
	width:333px;
	height:auto;
	padding:15px 27px 15px 19px;
	border-bottom:dashed 1px #e2e2e2;
	text-decoration:none;
	margin-left:1px;
}
a.link-noticias:hover{
	text-decoration:none; 
	background-color:#EBFFCF;
	}
a.link-noticias > small{
	font-size:9px;
	color:#184C2A
}
a.link-noticias > b{
	font-size:12px;
	color:#A0CF67;
}
a.link-noticias > p{
	text-align:justify;
	font-size:11px;
	color:#184C2A;
}
div.box-noticias > span {
	width:362px;
	height:15px;
	float:left;
	background-color:#A0CF67;
	padding:7px 9px 8px 9px;
}
div.box-noticias > span > h2, div.box-noticias > span > h1 {
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	float:left;
}
div.box-noticias > span > h1{padding-left:10px;}
div.box-noticias > span > a {
	font-size:11px;
	color:#184C2A;
	float:right;
	text-decoration:none;
}
ul.paginacao{
	list-style:none outside none;
	float:left;
	padding: 8px 5px 0px 15px;
}
ul.pagnoticias {
	float:right;
	color:#184C2A;
	font-size:11px;
	}
ul.pagnoticias > li > a {
	float:none;
}
ul.paginacao > li {
	float:left;
}
ul.paginacao a {
	text-decoration:none;
	float:left;
	color:#B9C9BF;
	font-size:11px;
	padding: 5px;
}
ul.paginacao a:hover, ul.paginacao a.ativo {color:#184C2A;}

/*Estrutura - Sustentabilidade*/
div.bgSustentabilidade{
	float:left;
	width:100%;
	height:auto;
	background:#FFF url(../images/bg-sustentabilidade.jpg) right top repeat-y;
	}
div.bgEmpresa{
	float:left;
	width:100%;
	height:auto;
	background:#FFF url(../images/bg-empresa.jpg) left top repeat-y;
	}
/*internas*/
 div.texto{
	width:600px;
	height:auto;
	float:left;
}
div.texto > span {
	width:550px;
	padding:0px 25px 25px 25px;
	float:left;
}

div.texto > span > h2, div.texto > span >h1{
	width:550px;
	}

div.texto > span > h2, div.texto > span >h1, div.empresaE > span > h2{
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#A0CF67;
	padding: 15px 0px 15px 0px;	
}
div.texto > span > p,  div.empresaE > span > p {
	text-align:justify;
	font-size:11px;
	color:#184C2A;
	padding-bottom:11px;
}
div.texto > span > p > b, div.empresaE > span > p > b{
 	font-size:12px;
	color:#A0CF67;
}
div.texto > span > h3{
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#A0CF67;
	padding: 15px 0px 15px 0px;	
	width:550px;
}
div.textoE{
	width:360px;
	height:auto;
	float:left;
	padding: 15px 10px 15px 10px;
}
div.textoE > span {
	width:300px;
	float:left;
	background-color:#184C2A;
	padding:15px 25px 0px 25px;
 }
div.textoE > span.empresa {
	height:745px;
}
div.textoE > span.sustentab {
	height:1350px!important;
}
div.textoE > h2{
	font-size:15px;
	font-weight:bold;
	color:#A0CF67;
	float:left;
	padding: 15px 0px 15px 0px;
	width:100%;
}
div.textoE > h3{
	font-size:11px;
	font-weight:bold;
	color:#A0CF67;
	float:left;
	padding: 15px 0px 15px 0px;
	width:100%;
}
div.textoE p, span.txtEmp > p{
	text-align:justify;
	font-size:11px;
	color:#FFF;
	padding:5px 0px;
}
div.textoE, div.texto > span > p > small{font-size:10px;}

ul.sustentabilidade {
	float:left;
}
ul.sustentabilidade > li {
	list-style:none outside none;
	text-align:justify;
	font-size:11px;
	color:#184C2A;
	padding-bottom:11px;
}
div.texto >  span >.fsc{
	background-color:#e1f8c7;
	padding: 8px;
}
a.titulofsc{

	font-size:10px;
	padding:8px;
	background-color:#E1F8C7;
	cursor: pointer;
	color: #184C2A;
	text-decoration:none;
	width:530px;
	}
a.titulofsc:hover {
	color:#A0CF67;
}	

/*empresa*/
div.empresaE{
	float:left;
	width:306px;
	margin-right:31px;
}
div.empresaE > span{
	padding-left: 25px;
	float:left;
	width:270px;
}
div.empresaE > span > h2{
	width:270px;
	float:left;
}
div.empresaE > span.imgEmp{
	padding: 25px 0px 20px 53px;
	width:270px;
}
div.empresaE > span.imgEmp > p, div.empresaD > span.imgEmp > p { 
	font-size:10px;
	color:#626366;
	text-align:right;
	width:240px;
}
div.empresaE > span.imgEmp > p > b, div.empresaD > span.imgEmp > p > b{
	font-weight:bold;
	font-size:10px;
	color:#184C2A;
	text-align:right;
	width:240px;
}
div.empresaD{
	float:left;
	width:240px;
	padding-top:25px;
}
div.empresaD > span{
	padding:0px 25px 0px 0px;
	float:left;
	width:240px;
}
 div.empresaD > span.imgEmp {
	 margin-bottom:140px;
	 }
 span.imgEmpL {
	width:380px;
	float:left;
	text-align:right;
	padding:0px !important;
 }
 span.txtEmp{
	float:left;
	margin-top:38px;
	width:118px !important;
	height:auto;
 }
 span.txtEmp2{
	float:right;
	width:130px !important;
	height:auto;
	text-align:right;
}
span.txtEmp2 > h3{
	text-align:right;
	width:140px;
}
span.txtEmp > p{
	text-align:left;
	font-size:11px;
	color:#FFF;
	width: 100%;
	}
span.txtEmp > h3{
	text-align:left;
}
span.txtEmp > h3, span.txtEmp2 > h3{
	font-size:11px;
	font-weight:bold;
	color:#A0CF67;
	float:left;
	width: 100%;
}
span.txtEmp2 > p {
	text-align:right;
	font-size:10px;
	color:#FFF;
}
div.texto  a {
	color:#184C2A;
	font-weight:bold;
}	

a.linkext{
	color:#A0CF67;
	font-weight:bold;
	text-decoration:underline
	}
	a.linkext:hover{
	color:#FFFFFF;
	font-weight:bold;
	}
/* produtos */
div.produtos {
	float:left;
	width:980px;
	height: 200px;
	background: url(../images/bgP.jpg) no-repeat left top;
}
div.cantoneira{
	float:left;
	width:980px;
	height: 220px;
	background: url(../images/bgP.jpg) no-repeat left top;
	}
div.prodtxt{
	float:left;
	width:920px;
	padding:15px 25px 15px 25px;
	
}
 div.prodtxt>h1{
	font-size:16px;
	font-weight:bold;
	color:#A0CF67;
	float:left;
	width:920px;
	padding-bottom:15px;
}
div.p1 {
	float:left;
	width:259px;
	height:168px;
	padding: 0px 30px 16px 25px;
}
	
div.p2 {
	float:left;
	width:260px;
	height:170px;
	margin: 20px 24px 20px 0px; 
	background: url(../images/bgPbox.jpg) repeat-x top left;
}
div.p2 > div {
	float:left;
	height:20px;
	width:251px;
	padding-top:8px;
} 
div.p2 > div > table {
	float:left;
    width:251px;
	height:130px;
} 
div.p2 > div > table tr td {
	width:14px;
	text-align:center;
	}
div.p2 > div > table tr td.imagem {
	width:223px;
}
div.p2 > div > p {
	float:left;

}
div.p2 > div > img {
	float:right;
}

div.p3 {
	float:left;
	width:381px;
	height:200px;
	}

div.p1 > h2{padding-top:16px;}

div.p1 > h2,  div.p2 > h2,  div.p3 > h2 {
	padding-bottom:11px;
	width:259px
}

/*representantes*/
div.rmapa {
	float:left;
	width:445px;
	padding: 40px 50px  40px 34px;
}
div.representantes {
	float:left;
	width:445px;
	padding: 40px 0px 40px 6px;
}
div.representantes  b {
	font-size:12px;
	font-weight:bold;
	color:#A0CF67;
}
div.representantes  p {
	padding-bottom:23px;
}
div.representantes > span > h2 {
	font-size:15px;
	padding-bottom:15px;
	font-weight:bold;
	color:#184C2A;
}
div.representantes > span > img {
	float:left;
	text-align:center;
	padding-bottom: 10px;
}
div.representantes  a {
	color:#184C2A;
}	

/*noticias*/
span.imgs{
	float:left;
	width:550px;
	height:auto;
	padding-bottom:20px !important; 
}
span.imgs > p {color:#A0CF67 !important;}
span.imgs > a { 
	float:left;
	width:169px;
	margin: 15px;
	padding:8px;
	border: 1px solid #A0CF67;
}

/*contato*/
div.contato{
	width:980px;
	height:auto;
	float:left;
}

div.contato > h1{
	font-size:15px;
	font-weight:bold;
	color:#A0CF67;
	float:left;
	padding: 15px 25px 15px 25px;
	width:930px;
}
div.contato > p{
	padding: 15px 25px 11px 25px;
}

div.contato > div {
	float:left;
	width:500px;
	margin:0px ;
	height:80px;
	padding-top:125px;
}
div.contato > div >span{
	font-size:11px;
	color:#184C2A;
	width:200px;
	float:left;
}
div.contato > div > span > b{
	font-size:12px;
}
form.contato{
	float:left;
	width:450px;
	margin:0px;
	padding: 15px 0px 0px 0px;
}
form.contato label{	
	font-size:9px;
	color:#626366;
	text-transform:uppercase;
	text-align:right;
	float:left;
	width:100%
}
form.contato input[type="reset"], form.contato input[type="submit"]{
	color:#FFF;
	cursor:pointer;
	float:left;
	width:74px;
	height:24px;
}
form.contato input[type="submit"]{
	background: url(../images/enviacontato.jpg) no-repeat center;
	margin-right:5px;
}
form.contato input[type="reset"]{
	background: url(../images/limpar.jpg) no-repeat center;
}
	
form.contato input[type="text"], form.contato select, form.contato textarea{
	background-color:#EEF6E4;
	border: 1px solid #A0CF67;
	width:100%;
	padding: 4px 2px;
}

div.klabin{ float:left;background: transparent url(../images/LOGO-KLABIN.png) no-repeat center bottom;}
p.mapa{ font-size:12px; font-weight:bold;}

/* ShowErros */
ul.erros {
	background-image:url(../img/exclamation.png);
	background-repeat:no-repeat;
	background-position:10px center;
	margin-bottom:10px;
	border:1px solid #A0CF67;
	width:300px;
	padding:10px 10px 10px 35px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 4px;
	margin-left:345px;
}
ul.erros li {
	list-style:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#184C2A;
}
p.info {
	border:1px solid #A0CF67;
	background-image:url(../img/accept.png);
	background-repeat:no-repeat;
	background-position:10px center;
	color:#184C2A;
	padding:7px;
	margin-bottom:10px;
	font:12px Arial, Helvetica, sans-serif;
	width:300px;
	padding:10px 10px 10px 35px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 4px;
	margin-left:345px;
}
#tip {
	position:absolute;
	background-color:#FFFFFF;
	color:#184C2A;
	padding:8px;
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #A0CF67;
	display:none;
}

