* { 
	padding: 0; 
	margin: 0; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

body {
	font-size: 14px;
	color: #000;
	background: #FFF; }	

.clear { clear:both; display: block; }
ul {list-style: none;}

a {color: #000; text-decoration: none;}
.align{
	position: relative;
	width: 940px;
	margin: 0 auto;
	}


/*====================================================================================*/
/* TOPO ==============================================================================*/
/*====================================================================================*/
#topo{ width: 100%; padding: 20px 0 30px 0; background: #FFF; } 
#topo .logotipo{ float: left; display: block; }
#topo .ic-telefone{
	color: #90AA2F;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 30px;
	right: 10px;
	width: 120px;
	height: 30px;
	line-height: 30px;
	display: block;
	padding: 0 0 0 35px;
	overflow: hidden;
	background: url(http://www.simambiental.com.br/site/images/ic-telefone.png) no-repeat left center;
	}


/*====================================================================================*/
/* MENU ==============================================================================*/
/*====================================================================================*/
.menu{ float: right; text-align: center; margin-top: 70px;}
.menu > ul > li{ float: left; margin: 25px 0 0 0; } 	
.menu > ul > li > a{ color: #000; font-size: 14px; font-weight: bold; display: block; padding: 10px 15px; text-transform: uppercase; }	
.menu > ul > li:hover > a { color: #FFF; background: #633200; }

.menu .ativo { color: #633200; }

/*------ submenu ------*/
.menu li ul { display: none; }
.menu li:hover ul { position: absolute; z-index: 999999; min-width: 100px; display: block; padding: 10px; border-radius: 0 0 5px 5px; background: #633200; }
	
.menu li ul li{ line-height: 18px; display: block; }
.menu li ul a{ color: #fefefe; font-size: 12px; text-transform: uppercase; text-align: left; display: block; padding: 8px 5px; margin: 0; background: none; border-bottom: 1px solid #fefefe; }	
.menu li ul a:hover{ color: #633200; background: #fefefe; }
/*------ submenu ------*/


/*====================================================================================*/ 
/* MENU LATERAL ======================================================================*/
/*====================================================================================*/
.menu-lateral{ list-style: none; }	

.menu-lateral li{ display: block; /*border-bottom: 1px solid #fefefe;*/ }	
.menu-lateral li a{ color: #633200; font-weight: bold; display: block; padding: 8px 15px; text-decoration: none; border-radius: 0 10px 0 0; background: url(http://www.simambiental.com.br/site//images/ic-seta.png) no-repeat 5px center; }	
.menu-lateral li a:hover{ color: #633200; background: url(http://www.simambiental.com.br/site//images/ic-seta.png)  no-repeat 7px center; }	

.menu-lateral .ativo{ color: #fefefe; display: block; padding: 8px 15px; background: #633200 url(http://www.simambiental.com.br/site//images/ic-seta-h.png) no-repeat 5px center; }	
.menu-lateral .ativo:hover{ color: #fefefe; cursor: default; background: #633200 url(http://www.simambiental.com.br/site//images/ic-seta-h.png) no-repeat 5px center; } 


/*====================================================================================*/
/* BANNER ============================================================================*/
/*====================================================================================*/
#banner{ width: 100%; height: 330px; padding: 0 0 50px 0; background: #FFF; }
#banner img{ border-radius: 8px 8px 0 0; }

#banner .banner-bg{ position: absolute; z-index: 20; width: 940px; height: 45px; display: block; margin: 285px 0 0 0; background: url(http://www.simambiental.com.br/site/images/bg-banner.png) no-repeat center center; }


/*====================================================================================*/
/* CONTENT ===========================================================================*/
/*====================================================================================*/
#content{ position: relative; z-index: 18; width: 900px; min-height: 300px; margin: 30px auto 0; padding: 30px; text-align: justify; border-radius: 10px 10px 0 0; background: #FFF; }	
h1{ color: #633200; font-size: 16px; font-weight: bold; display: block; padding: 0 0 10px 0; text-transform: uppercase; }	

.veja-mais{ color: #633200; font-size: 14px; font-weight: bold; display: block; margin: 10px 0 0 0; text-transform: lowercase; }	
.veja-mais:hover{ text-decoration: underline; }

.back-more{ color: #633200; font-size: 12px; font-weight: bold; height: 25px; line-height: 25px; padding: 0 0 0 12px; background: url(http://www.simambiental.com.br/site/images/ic-seta-back.png) no-repeat 1px 3px; }
.back-more:hover{ background: url(http://www.simambiental.com.br/site/images/ic-seta-back.png) no-repeat left 3px; }


/*====================================================================================*/
/* HOME ==============================================================================*/
/*====================================================================================*/	
.home-col{ width: 300px; float: left; text-align: justify; }

.home-noticia{ width: 940px; margin: 10px auto 0; padding: 10px 0 0 0; border-top: 1px solid #FFF; }
.home-noticia li{ width: 300px; float: left; display: block; margin: 0 6px; }
.home-noticia li a{ width: 100%; display: table; }
.home-noticia li a:hover{ color: #633200; }
.home-noticia li a:hover img{ border-color: #633200 }
.home-noticia li a strong{ color: #633200; font-size: 14px; display: block; }
.home-noticia li a span{ font-weight: bold; margin: 0 0 5px 0; }
.home-noticia li a img{ width: 80px; float: left; display: block; margin: 0 5px 0 0; border: 3px solid #96989A; }

.border{ border-top: none; }


/*====================================================================================*/
/* DESTAQUES =========================================================================*/
/*====================================================================================*/
.bar-busca{ position: absolute; width: 100%; height: 50px; margin: -28px 0 0 0; background: url(http://www.simambiental.com.br/site/images/bg-sombra-busca.png) no-repeat center -5px; }
.user-busca{ position: relative; z-index: 19; width: 250px; height: 40px; margin: 0 auto; padding: 5px 10px; border-radius: 10px 10px 0 0; background: #90AA2F url(http://www.simambiental.com.br/site/images/bg-busca.png) no-repeat center center; }

.user-busca .txt-busca{ border: none; outline: none; background: none; float: left; width: 190px; height: 30px; line-height: 30px; margin: 5px 0 0 10px; color: #fefefe;; font-size: 14px; font-weight: bold; }
.user-busca .bt-busca{ border: none; outline: none; background: none; float: left; width: 25px; height: 30px; display: block; cursor: pointer; margin: 5px 0 0 22px; }	

.bar-destaque{ position: absolute; z-index: 17; width: 100%; min-height: 200px; padding: 30px 0 20px 0; background: #90AA2F; color: #fefefe;; }
.bar-destaque h1{ color: #fefefe;; font-size: 16px; font-weight: bold; display: block; padding: 0 0 5px 0; margin: 0 0 15px 0; text-transform: uppercase; border-bottom: 1px solid #fefefe;; }
.bar-destaque h2{ color: #fefefe;; font-size: 14px; font-weight: bold; display: block; margin: 0 0 10px 0; text-transform: uppercase; }

.bar-destaque .veja-mais{ color: #fefefe;; font-size: 14px; font-weight: bold; display: block; margin: 10px 0 0 0; text-transform: lowercase; }	
.bar-destaque .veja-mais:hover{ text-decoration: underline; }

.bar-destaque .home-col .home-midia{ display: block; }
.bar-destaque .home-col .home-midia li{ width: 300px; display: block; }
.bar-destaque .home-col .home-midia li a{ color: #fefefe;; width: 100%; display: table; }
.bar-destaque .home-col .home-midia li a:hover{ text-decoration: underline; }
.bar-destaque .home-col .home-midia li a:hover img{ border-color: #eee; }
.bar-destaque .home-col .home-midia li a strong{ color: #fefefe;; font-size: 14px; display: block; }
.bar-destaque .home-col .home-midia li a span{ color: #fefefe;; font-weight: bold; margin: 0 0 5px 0; }
.bar-destaque .home-col .home-midia li a img{ width: 80px; float: left; display: block; margin: 0 5px 0 0; border: 3px solid #96989A; }	


/*====================================================================================*/
/* FOOTER ============================================================================*/
/*====================================================================================*/
#footer{ width: 940px; margin: 30px auto 0; padding: 20px 0; border-top: 1px solid #96989A; }
#footer .direitos{ font-size: 12px; }
#footer .direitos:hover{ font-size: 12px; color: #633200; }	

#footer .ic-facebook{ width: 28px; height: 28px; float: right; display: block; margin: 0 0 0 5px; border-radius: 3px; background: #96989A url(http://www.simambiental.com.br/site/images/ic_facebook.png) no-repeat center center; } 
#footer .ic-facebook:hover{ background: #633200 url(http://www.simambiental.com.br/site/images/ic_facebook.png) no-repeat center center; }

#footer .ic-twitter{ width: 28px; height: 28px; float: right; display: block; margin: 0 0 0 5px; border-radius: 3px; background: #96989A url(http://www.simambiental.com.br/site/images/ic_twitter.png) no-repeat center center; } 
#footer .ic-twitter:hover{ background: #633200 url(http://www.simambiental.com.br/site/images/ic_twitter.png) no-repeat center center; }

#footer .ic-linkedin{ width: 28px; height: 28px; float: right; display: block; margin: 0 0 0 5px; border-radius: 3px; background: #96989A url(http://www.simambiental.com.br/site/images/ic_linkedin.png) no-repeat center center; }
#footer .ic-linkedin:hover{ background: #633200 url(http://www.simambiental.com.br/site/images/ic_linkedin.png) no-repeat center center; }  

#footer .ic-blog{ width: 28px; height: 28px; float: right; display: block; margin: 0 0 0 5px; border-radius: 3px; background: #96989A url(http://www.simambiental.com.br/site/images/ic_blog.png) no-repeat center center; } 
#footer .ic-blog:hover{ background: #633200 url(http://www.simambiental.com.br/site/images/ic_blog.png) no-repeat center center; }


/*====================================================================================*/
/* INTERNAS ==========================================================================*/
/*====================================================================================*/
.int-fotos{ width: 880px; padding: 20px 10px; margin: 20px 0; background: #eee; }
.int-left{ width: 150px; float: left; display: block; padding: 10px 0; }  
.int-publicacoes{ width: 720px; float: right; display: block; } 

.int-contato-info{ width: 250px; float: right; }
.int-contato-mapa{ width: 900px; clear: both; margin: 20px 0 0 0; }
.int-contato-form{ width: 600px; float: left; }


/*====================================================================================*/
/* THUMBS ============================================================================*/
/*====================================================================================*/
.thumb-galeria{ width: 90px; height: 90px; float: left; display: block; margin: 0 7px; border: 3px solid #96989A; }
.thumb-galeria:hover{ border: 3px solid #633200; }

.miniaturaFotos{ width: 330px; float: left; display: block; margin: 0 10px 10px 0; padding: 10px; color: #000; text-decoration: none; }	
.miniaturaFotos small{ color: #96989A; font-size: 14px; font-weight: bold; display: block; }	
.miniaturaFotos img{ width: 90px; float: left; margin: 0 10px 0 0; border: 3px solid #96989A; }	

.miniaturaFotos:hover{ text-decoration:none; background: #eee; }	
.miniaturaFotos:hover img{ border: 3px solid #633200; }
.miniaturaFotos:hover small{ color: #633200; font-size: 14px; font-weight: bold; display: block; }	


/*====================================================================================*/
/* PUBLICAÇÕES( NOTÍCIAS ) ===========================================================*/
/*====================================================================================*/
.publicacoes-list{ color: #000; font-size: 12px; font-weight: bold; text-align: justify; display: block; padding: 10px; border-bottom: 1px solid #eee; }	
.publicacoes-list small{ color: #96989A; font-size: 14px; font-weight: bold; display: block; }
.publicacoes-list img{ width: 90px; float: left; margin: 0 10px 0 0; border: 3px solid #96989A; }

.publicacoes-list:hover{ text-decoration: none; background: #eee; } 
.publicacoes-list:hover img{ border: 3px solid #633200; }
.publicacoes-list:hover small{ color: #633200; font-size: 14px; font-weight: bold; display: block; }	


/*====================================================================================*/
/* PRODUTOS ==========================================================================*/
/*====================================================================================*/
.produtos-list{ width: 270px; min-height: 60px; float: left; display: block;  margin: 0 5px 10px 5px; padding: 10px; color: #96989A; font-size: 14px; font-weight: bold; text-align: left; }	 
.produtos-list img{ width: 90px; float: left; margin: 0 7px 0 0; border: 3px solid #96989A; }	

.produtos-list:hover{ color: #633200; text-decoration: none; background: #eee; }
.produtos-list:hover img{ border: 3px solid #633200; }


/*====================================================================================*/
/* CONTATO ===========================================================================*/
/*====================================================================================*/
#contato-div{ width: 100%; float: left; }	
#contato-div span{ width: 75px; line-height: 15px; float: left; display: block; text-align: right; padding: 10px; font-size: 14px; }	
#contato-div div{ width: 100%; padding: 5px 0; display: table; } 	
#contato-div input[type=text]{ width: 400px; height: 20px; padding: 5px; font-size: 14px; outline: none; border: 1px solid #96989A; }	
#contato-div textarea{ width: 400px; padding: 5px; font-size: 14px; border: 1px solid #96989A; }		
#contato-div select{ width: 412px; height: 30px; margin: 3px 5px 3px 0; font-size: 14px; border: 1px solid #96989A; }	
#contato-div input[type=submit]{ color: #fefefe; font-size: 12px; font-weight: bold; float: right; margin: 0 92px 0 0; padding: 5px 10px; cursor: pointer; border: none; background: #96989A; }	
#contato-div input[type=submit]:hover{ background: #633200; }

.int-contato-mapa iframe{ width: 890px; height: 330px; border: 5px solid #eee; }


/*====================================================================================*/
/* PÁGINAS PERSONALIZADAS ============================================================*/
/*====================================================================================*/
.conteudo_diverso{ width: 100%; display: block; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px dashed #ddd; }

.thumbs_glr{ width: 105px; float: left; display: block; margin: 0 8px 10px 0; background-position: center center; border: 3px solid #96989A; }		
.thumbs_glr:hover{ border-color: #633200; }

.publicacoes{ margin-bottom: 10px; text-align: justify; }
.publicacoes iframe{ width: 600px; height: 350px; }
.publicacoes .tit_pub{ font-size: 16px; display: block; } 	
.publicacoes .small_pub{ color: #633200; display: block; margin: 0 0 10px 0; }


/*====================================================================================*/
/* PÁGINAÇÃO =========================================================================*/
/*====================================================================================*/
.lista_paginas{ width: 100%; margin-top: 20px; display: block; text-align: center; }	

.lista_paginas span,
.lista_paginas a{ margin: 0 5px; }	

.pagina_anterior_proxima{ color: #000; font-size: 10px; text-decoration: none; }	
.pagina_anterior_proxima:hover{ color: #633200; }	

.pagina_numero{ color: #000; font-size: 12px; text-decoration: none; margin: 0px; padding: 3px 8px; border: 1px solid #000; }	
.pagina_numero:hover{ color: #fefefe; border: 1px solid #633200; background: #633200; }	
.pagina_numero_ativo{ color: #fefefe; font-size: 12px; font-weight: bold; margin: 0px; padding: 3px 8px; border: 1px solid #633200; background: #633200; }