/* CSS Document */


body { margin: 0px; padding: 0px; background: #a8c0b1; font: normal 14px/18px Arial, Verdana, sans-serif; color: #333; }

a, a:link { text-decoration: none; color: #144142; }

a img { border: none; }

a img:hover { opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; }

a:hover, a:visited { color: #4b4b4b; text-decoration: underline; }

h1 { font: bold 16px/24px Arial, Helvetica, sans-serif; color: #144142; margin: 0; padding:0; }

h3 { font: bold 13px/18px  Arial, Helvetica, sans-serif; color:#144142; margin: 0; padding: 0; }

h4 { font: bold 14px/18px Arial, Helvetica, sans-serif; color: #144142;  }

#fundo { 
	width: 960px;
	margin: 0px auto;
}

#moldura {
	border-right: 1px solid #A8C0B1;
	border-left: 1px solid #A8C0B1;
	float: left;
	background: #fff;
}

#topo {
	width: 960px;
	height:  150px;
	/*padding: 30px 30px 0;*/
}

#logo {
	width: 743px;
	height: 125px;
	float: left;
	background: url(../images/layout/logo-lorene.png) no-repeat;
	margin-left: 15px;
	*margin-left: 8px;
}

#logo span { display: none; }

#info {
	float: left;
	margin-left:0px;
	width:150px;
}

#botoes {
	width: 150px;
	height: 60px;
	float: left;
	margin-top: 40px;
}

.traducao a{ font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 7px;}
.traducao a:hover {font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 7px; text-decoration:underline;}

#busca {
	width: 157px;
	height: 65px;
	float: left;
}

#menu {
	/*width: 800px;*/
	height: 19px;
	float: left;
	margin-bottom: 10px;
	margin-left: 70px;
	*margin-left: 35px;
}

			#menu ul { margin: 0px; padding: 0px; }
			
			#menu ul li { list-style: none; float: left; }
			
			#menu ul li img { border: none; }

#painel {
	/*width: 960px;*/
	height: 240px;
	background: #fff;
	position: relative;
	/*margin: 0 0 10px;*/
}

#painel img { border: none; }

	.span-display-volta { position: absolute; top: 22px; left: 380px; width: 15px; height: 15px; z-index: 99; }
	.span-display-avanca { position: absolute; top: 22px; left: 400px; width: 15px; height: 15px; z-index: 99; }

#galeria { width: 960px; height: 240px; overflow: hidden; }

#conteudo {
	/*width: 960px;*/
	float: left; 
	margin: 0 0 30px;
 }
 
#colunaA {
 	width: 486px;
	display: block;
	float: left;
	margin-left: 100px;
	*margin-left: 50px;
}

#titulo  {	margin: 0 0 20px; }

.h2 { font: bold 15px/24px Arial, Helvetica, sans-serif; color: #144142; margin: 0; padding:0 10px 0 0; float: left;}

#colunaB {
	width: 314px;
	float: right;
	display: block;
	margin-left: 30px; 
	margin-right: 30px;
	*margin-right: 0px;
	*padding-right: 28px;
}


#compramos {
	margin: 0 30px 0 70px; }
	
.listacompramos {
	width: 207px;
	float: left;
	}


.blocoB {
	float: left;
	margin: 0 0 20px 0;
}

.blocoC a { 
	width: 274px; 
	cursor: pointer;
	height: 15px;
	margin: 0 0 0px;
	float: left;
	background: #144142 url(../images/layout/fundoBlocoBtitulo.png) no-repeat;
    color: #fff;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	text-align:justify;
	padding: 4px 20px;
	border-bottom: 1px solid #c4e5de; }
	
.blocoC a:hover, .blocoC a.selected { background: #144142 url(../images/layout/fundoBlocoBover.png); }

.blocoBdiv {
	width: 274px;
	height: 15px;
	margin: 0 0 0px;
	float: left;
	background: url(../images/layout/fundoBlocoBtitulo.png) no-repeat;
    color: #fff;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	padding: 4px 20px;
}

.noticias1 {
        width: 300px;
        float: left;
        background: #ccc;
		padding: 4px; }

.noticias {
	width: 142px;
	float: left; 
}

.noticias-linha { margin: 10px 0 5px; float: left;  border-bottom: 1px solid #8ac53f; }

.margem-30-esq { margin-left: 30px; }

.margem-30-esq a:hover { color:#003300; }

.noticias img {
	width: 142px;
	height: 102px;
}

.leiamais { padding: 0 0 10px;  }

.leiamais img { width: 91px; height:15px; }


#rodape {
	width: 830px;
	padding: 10px 30px 10px 100px;
	display: block;
	float: left;
	background: #144142;
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
}

.submenu {
	width: 294px; 
	padding: 10px;
	border-bottom: 1px solid #666;
	float: left;
	margin: 0 0 15px;
	background: #C8D7CD;
}

.submenu img { float: left; padding: 0 10px 2px 0; }


#faleconosco { width: 350px; padding: 15px; }

#faleconosco img { padding: 0 0 15px; }

.textarea { width: 320px; border: 1px solid #ccc; margin: 5px 0; color:#666; }


/* Tipografia*/

.textoprincipal { padding: 0 0 20px; font-size: 12/14px; font-family: Arial, Helvetica, sans-serif; text-align:justify; }

	.textoprincipal img { padding: 0 10px 2px 0; float: left; }
	
	.textoprincipal ul { list-style-image: url(../images/layout/bullet.png); }
	
.textosecundario { padding: 0 0 20px; font: normal 11px/12px Arial, Helvetica, sans-serif; }

.textolateral { font: normal 11px/14px Arial, Helvetica, sans-serif; color: #333; margin-top:2px; }

.submenutexto, .submenugaleria { font: normal 12px/16px Arial, Helvetica, sans-serif; color: #333; text-align:justify; }

.submenutexto2, .submenugaleria p { font: normal 12px/16px Arial, Helvetica, sans-serif; color: #333; text-align:justify; }

.submenutexto2 strong, .submenugaleria strong { font-weight: bold; color: #144142; }

.submenugaleria img { padding: 0 10px 10px 0; float: left; }

.listaprincipal { font: normal 13px/18px "Trebuchet MS", Verdana, Arial; list-style-image: url(../images/layout/bullet.png); }

.padding38 { padding: 0 0 0 38px; }

/* imagens */

.submenugaleria img { padding: 0 10px 20px 0; }


/*jtabber*/

.hiddencontent, .hiddencontent2 { display: none; }

#nav2 { display:block; margin: 0 0 15px; float: left; }
#nav2 a { font: bold 13px/24px Arial, Helvetica, sans-serif;  margin: 0 2px 0 0; padding:0 10px; border: 1px solid #a8c0b1; float: left; display: block;  height: 23px; }
#nav2 a:hover, #nav2 a:visited, #nav2 a.selected { color: #333; text-decoration: none; background-color: #a8c0b1; }

#compras, #compradores, #trabalhe-info, #trabalhe-cv { float: left; }

#compras h3 {  font: bold 15px/18px Arial, Helvetica, sans-serif; color: #144142; }

#sucata, #catalisadores, #aco, #centrais, #listacompradores { float: left; width: 466px; padding: 15px 10px; border: 1px solid #a8c0b1; }

#nav ul { list-style: none; }

#nav a { float: left; padding: 5px 10px; margin: 0 1px 0 0; background-color: #a8c0b1;  }

	#nav a:hover, #nav a.selected, #nav a:visited { color: #fff; text-decoration: none; background-color: #144142; }


/*formulario*/

#trabalhe-cv { width: 486px; font-size: 12px; }
	#trabalhe-cv h4 { padding: 0 0 1px; border-bottom: 1px solid #999; color: #666; font-size: 12px; }

.form-coluna1 { width:180px; float: left; text-align: right; }

.form-coluna2	{ width: 306px; float: left; }

.form-coluna1 label { display: block; padding: 0 15px; }

.input1 { width: 296px; }

.form-linha { height: 15px; margin-bottom: 10px; padding: 5px 10px 0 0; }

.form-linha2 { height: 20px; margin-bottom: 10px; }

.padd5topo { padding: 5px 0 0 0; }

.form-bloco { display: block; float: left; margin: 0 0 20px; }


/*step carousel*/

				.stepcarousel { 
					position: relative; /*leave this value alone*/ 
					overflow: scroll; /*leave this value alone*/ 
					width: 960px; 
					height: 195px; /*Height should enough to fit largest content's height*/ 
					}
						
				.stepcarousel .belt { 
					position: absolute; /*leave this value alone*/ 
					left: 0; top: 0; 
					}
						
				.stepcarousel .panel { 
					float: left; /*leave this value alone*/ 
					overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ 
					margin: 0px; /*margin around each panel*/ 
					width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ 
					}
					
				.panel a img:hover { opacity:.100; filter: alpha(opacity=100); -moz-opacity: 1.0; }