body {
	background-color: #fff;
	padding: 0px;
	margin: 0px;
}

#wrapper {
   position: relative;
   height: 100%;
   width: 817px;
   margin: 0 auto;
   padding: 30px 0px 0px 0px;
}

#header {
	width: 100%;
	height: 85px;
	float: left;
	border: none;
	display: inline;
}

#header a img {
	border: none;
	float: left;
}

#content {
	width: 100%;
	min-height: 510px;
	height: auto !important;
   height: 510px;
	float: left;
	background-color: #424244;
	background-image: url("../images/etc/backgd.jpeg");
	background-repeat: no-repeat;
	display: inline;
	font-family: verdana,  arial, sans-serif;
	font-size: 10pt;
	text-align: justify;
	color: #222222;
	margin-bottom: 20px;
	padding: 60px 0 0 0;
}

#left_empresa {
	float: left;
	margin-left: 40px;
	/*margin-top: 60px;*/
	width: 227px;
}

#right_empresa {
	float: left;
	margin-left: 40px;
	/*margin-top: 60px;*/
	width: 429px;
	min-height: 207px;
	background-color: #fff;
	padding: 10px 20px;
	/*background: rgba(255, 255, 255, 0.5);*/
	 -moz-opacity:.70; -ms-filter:”alpha(opacity=70)”; filter:alpha(opacity=70); opacity:.70;
	color: #000;
}

#left_materiais {
	float: left;
	margin-left: 40px;
	margin-top: 60px;
	width: 227px;
}

#right_materiais {
	float: left;
	margin-left: 40px;
	margin-top: 60px;
	width: 469px;
	color: #fff;
}

#imagens_material, #imagens_material_1 {
	width: 469px;
	float: left;
}

.texto_transparente {
	float: left;
	width: 429px;
	padding: 10px 20px;
	/*background: rgba(255, 255, 255, 0.5);*/
	 -moz-opacity:.70; -ms-filter:”alpha(opacity=70)”; filter:alpha(opacity=70); opacity:.70;
	background-color: #fff;
	color: #000;
}

.materiais_index_zn {
	/*margin-top: 40px;*/
	margin-left: 100px;
	float: left;
}

.materiais_index_zn a, .materiais_index_zn a:visited {
	background-image: url("../images/etc/zinco.png");
	width: 653px;
	height: 180px;
	float: left;
}

.materiais_index_zn a:hover {
	background-image: url("../images/etc/zinco_selected.png");
	width: 653px;
	height: 180px;
	float: left;
}

.materiais_index_cu {
	margin-top: 20px;
	margin-right: 100px;
	float: right;
}

.materiais_index_cu a, .materiais_index_cu a:visited {
	background-image: url("../images/etc/cobre.png");
	width: 653px;
	height: 180px;
	float: left;
}

.materiais_index_cu a:hover {
	background-image: url("../images/etc/cobre_selected.png");
	width: 653px;
	height: 180px;
	float: left;
}

#mapa {
	float:left;
	margin-left: 58px;
	/*margin-top: 20px;*/
	text-align: center;
}

#box_desc {
	float: left;
	width: 160px;
	height: 120px;
	margin-left: 20px;
}

.titulo_desc {
	color: #fff;
	margin-left: 5px;
	font-weight: bold;
}
.texto_desc {
	float: left;
	width: 100%;
	padding: 5px 10px;
	/*background: rgba(255, 255, 255, 0.5);*/
	 -moz-opacity:.70; -ms-filter:”alpha(opacity=70)”; filter:alpha(opacity=70); opacity:.70;
	background-color: #fff;
	color: #000;
	margin-top: 5px;
	text-align: left;
}

#footer {
	margin-top: -35px;
	float:left;
	color: #fff;
	width: 100%;
	font-size: 7pt;
	padding: 0px 0px;
	font-family: sans-serif;
}

.port_titulo {
	margin-top: 30px;
	margin-left: 40px;
	color: #424244;
	float: left;
	font-weight: bold;
	font-size: 12pt;
}


#port_lista {
	float:left;
	margin-left:0px;
	margin-top:20px;
	width:100%;
}

.port_line {
	background-color: #424244;
	width: 380px;
	float:left;
	margin-left: 20px;
	margin-bottom: 10px;
	text-decoration: none;
}

/*.port_line a{
	background-color: #424244;
	width: 380px;
	float:left;
	margin-left: 20px;
	margin-bottom: 10px;
	text-decoration: none;
}

.port_line a:hover{
	background-color: #cc0001;
	width: 380px;
	float:left;
	margin-left: 20px;
	margin-bottom: 10px;
	text-decoration: none;
}*/

.port_lista_left {
	width: 95px;
	line-height: 30px;
	background-color: #fff;
	float: left;
	color: #000;
	text-align: right;
	
	padding-right: 5px;
	
}

.port_lista_mid {
	width: 30px;
	height: 30px;
	background-color: transparent;
	float: left;
	color: #000;
	text-align: right;
	
}

.port_lista_right {
	width: 245px;
	line-height: 30px;
	background-color: #fff;
	float: left;
	color: #7a7a7a;
	text-align: left;
	padding-left: 5px;
	
}

#link_top a, #link_top a:visited {
	text-decoration: none;
	color: #424244;
	width: 100%;
	float:left;
	margin-left: 30px;
	margin-top: 10px;
	font-weight: bold;
}

#link_top a:hover {
	text-decoration: none;
	color: #cc0001;
	font-weight: bold;
}

#imagens_right {
	float: right;
	margin-top: 10px;
	width: 600px;
	height: auto;
	text-align: right;
	margin-right: 25px;
	
}

#imagens_right_desc {
	float: right;
	margin-top: 10px;
	width: 600px;
	height: auto;
	color: #fff;
	font-size: 9pt;
	margin-bottom: 20px;
	text-align: right;
	margin-right: 25px;
}

#imagens_left {
	float: left;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: -5px;
	padding-right: 15px;
	overflow: auto;
	max-height: 500px;
	width: 140px;
}

.imagem_preview {
	margin-left: 30px;
	margin-bottom: 20px;
	float: left;
	cursor: pointer;
}