@CHARSET "ISO-8859-1";

@import url('reset.css');

@import url('fonts.css');

* {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: 100;
}

strong{
	font-weight: bold;
}

a {
	outline: none;
}

li {
	list-style: none !important;
}

body {
	margin: 0;
	padding: 0;
	background: #FFF url('../imagens/bg_body.png') top left repeat-x;
}

h1 {
	float: left;

}


h2 {
	float: left;
	width: 95%;
	letter-spacing: -0.5px;
	color: #8A0000;
	font-size: 16px;
}
h3 {
	float: left;
	width: 90%;
	color: #005424;
	font-size: 26px;
	line-height: 22px;
}


#topo {
	width: 980px;
	height: 210px;
	margin: 0 auto;
	background: url('../imagens/bg_top.png') top center no-repeat;
}

#topo img.foto_topo{
	float: left;
	margin: 25px 0 0 10px;
}

#topo a.logoSercal {
	float: left;
	width: 246px;
	height: 113px;
	margin: 35px 0 0 30px;
	padding: 0;
	outline: none;
	text-indent: -99999px;
	background: url('../imagens/logo_sercal.png') top center no-repeat;
}

.midias {
	float: right;
	clear: right;
	width: 26px;
	margin: 25px 0 0 0;
}
.midias ol {
	float: right;
}

.midias ol li {
	float:left;
}
.midias ol li a{
	float: left;
	width: 26px;
	height: 26px;
	margin: 0;
	padding: 0 0 5px 0;
	text-indent: -9999px;
}
.midias ol li a img {
	float: left;
}

#menu {
	float: left;
	width: 980px;
	margin: 10px 0 0 0;
}

#menu img {
	float: left;
}

#menu ul {
	float: left;
	width: 954px;
	height: 50px;
	padding: 0;
	background: url('../imagens/bg_menu.gif') top left repeat-x;
}

#menu ul li {
	float: left;
	width: auto;
	text-align: center !important;
	padding: 0 17px;
	background: url('../imagens/separa_menu.gif') top right no-repeat;
}

#menu ul li.last {
	background: none;
}

#menu ul li a {
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 100;
	text-decoration: none;
	color: #fff;
	line-height: 47px;
}

#menu ul li a:hover {
	color: #E0CEA3;
}


#conteudo {
	width: 100%;
	margin: 0 auto;
	display: table;
}

.agrupa {
	width: 940px;
	margin: 0 auto;
}


.bem_vindo {
	float: left;
	width: 300px;
	margin: 20px 0 0 0;
}

.bem_vindo a {
	float: left;
	width: 100%;
	text-decoration: none;
	line-height: 24px;
	color: #333;
	font-size: 13px;
}

.bem_vindo a:hover {
	text-decoration: underline;
}

.acesso_rapido{
	float: left;
	width: 180px;
	margin: 20px 0 0 30px ;
}
.acesso_rapido a img{
	float: left;
	margin:3px 0;
	padding: 1px;
}
.acesso_rapido a:hover img{
	background: #522600;
}


#banners {
	float: left;
	width: 100%;
	height: 391px;
	margin: 20px 0 0 0;
	padding: 15px 0;
	background: url('../imagens/bg_banners.gif') top left repeat-x;
}

#banners .corrige{
	width: 980px;
	margin: 0 auto;
}

#slide{
	float: left;
	width: 700px;
	height: 390px;
	overflow:hidden;
}

#navega {
	float: right;
	width: 260px;
	margin: 0;
	padding:0;
}
#navega span.ativa{
	float:left;
	width:100%;
	height:75px;
	margin:0;
	padding: 0 0 4px 0;
}
#navega span.ativa a{
	float:left;
	width:100%;
	height:75px;
	margin:0;
	text-decoration:none;
	color:#fff;
	overflow:hidden;
}

#navega span.ativa img{
	float:left;
	margin: 25px 0 0 25px;
}

#navega span.ativa a h2{
	width:180px;
	margin: 25px 0 0 5px;
	font-size:18px;
	font-weight:100;
	line-height:18px;
	color: #3E1700;
}

#navega span.ativa a#goto1, a#goto2, a#goto3, a#goto4, a#goto5{
	background:url('../imagens/bg_navega.gif') top left repeat-x;
}
#navega span.ativa
	a#goto1.activeSlide,
	a#goto2.activeSlide,
	a#goto3.activeSlide,
	a#goto4.activeSlide,
	a#goto5.activeSlide{
	float:left;
	background-position: bottom;
}

.box{
	float: left;
	width: 510px;
}

.box_reflorestamento{
	float: left;
	width: 505px;
	height: 95px;
	margin: 40px 0 0 0;
	background: url('../imagens/bg_box_reflorestamento.png') top left no-repeat;
}
.box_reflorestamento p, .box_produtos p{
	float: right;
	width: 340px;
	font-size: 13px;
	color: #333;
	margin: 15px 0 0 0;
}

.box_produtos p a{
	color: #666;
}

.box_produtos{
	float: left;
	width: 505px;
	height: 95px;
	margin: 40px 0 0 0;
	background: url('../imagens/bg_box_produtos.png') top left no-repeat;
}

.box_noticias{
	float: right;
	width: 400px;
	margin: 40px 0 0 0;
}
.box_noticias h2{
	margin: 2px 0 0 10px;
	width: 90%;
}
.box_noticias ul{
	float: left;
	width: 100%;
}
.box_noticias ul li{
	float: left;
	width: 100%;
	padding: 7px 0;
}
.box_noticias a{
	text-decoration: none;
	color: #2A2A2A;
	width: 100%;
}
.box_noticias a:hover{
	text-decoration: underline;
}
.box_noticias img{
	float: left;
}

.internas {
	width: 980px;
	margin: 0 auto;
}
.internas h2{
	padding: 20px 0 5px 20px;
	width: 60%;
}
.dinamico{
	float: left;
	width: 640px;
	height: 200px;
	display: table;
	padding: 0 0 0 20px;
}
.dinamico p, .dinamico span{
	line-height: 20px;
}

img.sustenta {
	float: left;
}



.breadcrumb {
	float: left;
	width: 940px;
	margin: 0;
	padding: 20px; 
	line-height: 20px;
	font-size: 14px;
	border-bottom: 1px solid #E0CEA3;
}

.breadcrumb span {
	float: left;
	background: none;
	letter-spacing: 0;
	line-height: 20px;
	font-size: 12px;
	color: #522600;
	margin: 0;
	width: auto;
	text-transform: uppercase;
}

.breadcrumb ul {
	float: left;
	font-size: 11px;
}

.breadcrumb ul li {
	float: left;
	margin: 0 2px;
	color: #522600;
}

.breadcrumb ul li.atual {
	float: left;
	margin: 0;
	padding: 0;
	color: #522600;
	font-weight: bold;
	font-size: 12px;
}

.breadcrumb ul li.simbol {
	float: left;
	width: 5px;
	height: 20px;
	line-height: 20px;
	padding: 0;
	margin: 0 6px 0 1px;
	background: url('../imagens/seta_breadcrumb.png') center left no-repeat;
	text-indent: -99999px;
}

.breadcrumb ul li a {
	float: left;
	padding: 0px 5px;
	color: #522600;
	text-decoration: none;
	font-size: 12px;
}

.breadcrumb ul li a:hover {
	text-decoration: underline;
}

.breadcrumb a.voltar {
	float: right;
	margin: 0;
	padding: 0 0 0 23px;
	width: auto;
	line-height: 22px ;
	color: #522600;
	font-size: 13px;
	text-decoration: none;
	background: url('../imagens/seta_voltar.png') center left no-repeat;
}

.breadcrumb a:hover.voltar {
	text-decoration: underline;
}




.submenu {
	float: right;
	width: 240px;
	margin: 0 20px 0 0;
	padding: 20px 0 0 20px;
	background: url('../imagens/bg_submenu.gif') top left repeat-x;
}
.submenu h2 {
	padding: 0 0 0 0;
}
.submenu ul {
	float: left;
	width: 100%;
	padding: 20px 0 200px 0;
}

.submenu ul li {
	float: left;
	width: 100%;
}

.submenu ul li a {
	float: left;
	width: 90%;
	margin: 0;
	padding: 10px 0 10px 10px ;
	text-decoration: none;
	text-indent: 10px;
	font-size: 14px;
	color: #522600;
	line-height: 16px;
	background: url('../imagens/bullet.gif') center left no-repeat;
}

.submenu ul li a:hover {
	text-decoration: underline;
}





.noborder {
	clear: left;
	background: none !important;
}

.noborder label.error {
	float: left;
	color: #990000 !important;
}

.noborder .enviar {
	margin: 0 50px 0 0 !important;
}

#f_contato {
	float: left;
	width: 500px;
	margin: 0;
	padding: 20px;
	display: table;
}
#f_contato ol {
	float: left;
	width: 100%;
}

#f_contato ol li {
	float: left;
	clear: left;
	width: 100%;
	margin: 5px 0;
}

#ajax {
	height: 30px;
}


#f_contato ol li label {
	float: left;
	width: 70px;
	color: #522600;
	font-size: 13px;
	text-align: right;
	padding: 4px;

}

#f_contato ol li label.error {
	float: left;
	clear: left;
	width: 150px;
	text-align: center;
	font-size: 11px;
	padding: 0 5px;
	margin: 0 0 0 80px;
	line-height: 20px;
	background:none;
}

#f_contato ol li input {
	float: left;
	margin: 0 5px;
	padding: 4px;
	color: #522600;
	border: 1px solid #CEB16F;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background: none;
}

#f_contato ol li textarea {
	float: left;
	margin: 0 5px;
	padding: 4px;
	color: #522600;
	background:none;
	border: 1px solid #CEB16F;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#f_contato ol li input.enviar {
	float: right;
	width: 70px;
	margin: 0 0 0 5px;
	padding: 4px;
	color: #fff;
	background: #522600;
	border: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.texto_contato{
	float:left;
	width: 370px;
	height: 170px;
	margin: 0;
	background: url('../imagens/bg_contato.jpg') top left no-repeat;
}
.texto_contato p{
	float: left;
	padding: 80px 150px 0 20px;
	color: #522600;
	font-size: 13px;
}


#retornoAjax {
	float:left;
	clear:left;
	padding:4px;
	background:none;
	color:#522600;
	margin:0 0 0 150px;
}

#retornoAjax img { float:left; }
#retornoAjax em { float:left; margin: 0 0 0 5px; }

.ajax-return{  
	float:left;
	clear:left;
	padding:4px;
	color:#522600;
	margin:0 0 0 150px;
}





#footer {
	width: 100%;
	height: 227px;
	margin: 50px 0 0 0;
	padding: 0;
	clear: both;
	background: url('../imagens/bg_footer.jpg') top left repeat-x;
}

#footer .menuFooter {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
}

#footer .menuFooter ul {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
}

#footer .menuFooter ul li {
	float: left;
	width: auto;
}

#footer .menuFooter ul li a {
	float: left;
	width: auto;
	text-decoration: none;
	color: #fff;
	padding: 0 13px;
	font-size: 13px;
	line-height: 22px;
	border-bottom: 3px solid transparent;
}

#footer .menuFooter ul li a:hover {
	border-bottom: 3px solid #FFCC00;
}

#footer .endereco{
	float: right;
	width: 320px;
	margin:35px 30px 0 0;
}

#footer .endereco img{
	float: left;
	margin:0 ;
}

#footer .endereco address {
	float: left;
	width: 220px;
	margin: 0;
	padding: 20px 0 0 5px;
	color: #fff;
	font-style: normal;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
}



#footer a.wing {
	float: left;
	clear: left;
	margin: 120px 0 0 0;
	line-height: 25px;
	padding: 0 40px 0 0;
	background: url('../imagens/logo_wing.png') center right no-repeat;
	text-decoration: none;
	font-size: 11px;
	color: #fff;
	outline: none;
	cursor: pointer;
}

#footer a:hover.wing {
	text-decoration: underline;
}

#footer .copy {
	float: right;
	margin:30px 0 0 0;
	color:#fff ;
	font-size:11px;
}