/* o @import importa um outro arquivo CSS para este arquivo.
é muito bom para fazer modulação de CSS, fica mais organizado. */
@import url(interna.css);
@import url(galeria.css); /** Galeria de imagens lista **/
@import url(contato.css); /** Formulários e divs do contato **/
@import url(sitemap.css); /** Mapa do site **/
@import url(empresa.css); /** Empresa **/
@import url(novidades.css); /** Novidades **/

/* este asterísco seleciona todos os elementos do HTML,
assim eu posso tirar algumas propriedades que
acabam nos atrapalhando no decorrer do trabalho */
* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
}
input, img {vertical-align: middle;}
hr {display: none;}
h3 {clear: both;}

address.site-endereco {
	font: 11px/16px verdana, Arial, Tahoma, Sans-Serif;
	padding: 20px 0 15px;
	color: #767682;
}


/* fundo na tag HTML */
html#home {background:#FFFFFF url(../images/bg_index.jpg) repeat-X;}
html#geral {background:#FFFFFF url(../images/bg_produtos.jpg) repeat-X;}
html#empresa {background:#FFFFFF url(../images/bg_empresa2.jpg) top center no-repeat;;}
html#servicos {background:#FFFFFF url(../images/bg_servicos3.jpg) top center no-repeat;}
html#mercados{background:#FFFFFF url(../images/bg_mercados.jpg) top center no-repeat;}
html#contato{background:#FFFFFF url(../images/bg_contato.jpg) repeat-X;}
body {background:url(imagens/sombra.gif) repeat-Y center bottom;}

/* O div que envolve todo o site. é mania minha sempre colocar este div para me ajudar qualquer hora. Meu segundo Body. */
div#geral {
	width: 780px;
	_width:779px;
	background: url(imagens/base-brancocima.jpg) no-repeat center -25px;
	padding: 0 0px;
	_padding: 0 0px;
	margin: 0 auto;
}

/* TOPO */
#topo {
	position: relative;
	height: 90px;
}

#topo h1 {
	padding: 10px 20px;
	float: left;
	width: 200px;
	height: 57px;
	background: url(../images/logo_metalcym.jpg) no-repeat 25px 13px;
}
#topo h1 a {
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	width: 200px;
	height: 57px;
}

/* MENU */
#topo #menutopo {
	float: right;
	height: 30px;
	margin: 12px 0 0 0;
	width: 518px;
	}

#idiomas{
float:left;
padding: 0 20px 0 50px;
img-border:0;}


#idiomas ul li {
display:inline;
img-border:0;}


#minimenu{
float:left;
font: 10px ahoma, Trebuchet Ms, Arial, Sans-Serif;
color: #677785;
}

#minimenu a{
font: 10px Tahoma, Trebuchet Ms, Arial, Sans-Serif;
color: #677785;
}

#minimenu a:hover {
font: 10px Tahoma, Trebuchet Ms, Arial, Sans-Serif;
color: #006699;
}

#minimenu ul {
	height: 15px;
	position: absolute;
	padding-top:3px;
	float: left;
}

#minimenu ul li {
	display: inline;
	padding:5px 5px;
}

#topo #menu {
	float: right;
	height: 30px;
	margin: 5px 0 0;
	width: 520px;
	padding: 5px 0 0 0;
	background:url(../images/bg_menu.jpg) repeat-X center top;

}

#topo #menu:after {
	content: ".";
	display: block;
	color: black;
	clear: both;
	width:100%;
	height:1px;
	font: 1px arial;
	visibility: hidden;
}

#topo #menu ul {
	height: 30px;
	position: absolute;
	right: 50px;
}
#topo #menu ul:after {
	content: ".";
	display: block;
	color: black;
	clear: both;
	width:100%;
	height:1px;
	font: 1px arial;
	visibility: hidden;
}

#topo #menu ul li {display: inline;}

#topo #menu ul li a {
	float: left;
	padding:7px 10px;
	font: 11px Trebuchet Ms, Arial, Tahoma, Sans-Serif;
	color: #677785;
	text-transform: uppercase;
}
#topo #menu ul li a:hover, #topo #menu ul li.selecionado a {
	background: #FFFFFF url(../images/bg_menu_hover.jpg) repeat-X center top;
	color: #006699;
}

/* DESTAQUES PRINCIPAIS - costumo deixar organizado assim elementos que tem apenas uma linha de propriedade */
#destaque-principal.principal-home {
/*background: #006699 url(../images/flash.jpg) no-repeat left center; */
height: 301px !important; 
padding: 0 !important;}
#destaque-principal.principal-home p, #destaque-principal.principal-home h2 {
	text-indent: -999px;
	text-align: left;
}
/*#destaque-principal.principal-home a {
	display: block;
	width: 779px;
	height: 100px;
	text-indent: -999px;
	overflow: hidden;
	text-align: left;
	position: relative;
	top: -67px;
	border: 1px solid blue;
}



/* Aqui embaixo tem um hack. Pro maldito do IE6 */
/*#destaque-principal {
	padding: 0 15px 0 470px;
	_height: 250px;
	min-height: 250px;
	margin-left: 1px;
}

#destaque-principal h2 {
	color: white;
	padding-top: 15px;
	font: 23px Trebuchet Ms, Arial, Tahoma, Sans-Serif;
	text-transform: uppercase;
}

#destaque-principal p {
	font: normal 12px/23px Trebuchet Ms, Arial, Tahoma, Sans-Serif;
	color: white;
}

#destaque-principal a {
	display:block;
	text-align: right;
	font: normal 13px/23px Trebuchet Ms, Arial, Tahoma, Sans-Serif;
	color: white;
	text-transform: uppercase;
}

#destaque-principal a:after {content: " >";}*/


/* DESTAQUES */
#faixa-destaque {
	background: #AD2124;
	width: 100%;
	height: 50px;
	margin-left: 1px;
	border-top: 1px solid black;
	clear: both;
}

#destaques {
	background: #608DBA url(../images/bg_news.gif) repeat-X;
	display: table;
	width: 779px;
	margin: 0 0 0 1px;
	border-top: 1px solid white;
	clear: both;
	line-height: 130%
}

#destaques img {
	float:left;
	margin: 0px 15px 7px 7px;
	/*border: 5px solid #006699;*/
	v-align: left;
	background: #006699;
	display: table;
	border: 2px solid #8EAECE;
}


#destaques div.limite-destaques div {
	float: left;
	width:235px;
	padding:11px;
	_height: 125px;
	min-height: 125px;
}

#destaques h3 {
	font: 11px Trebuchet Ms, Arial, Tahoma, Sans-Serif;
	color: #AD2124;
	text-transform: uppercase;
	padding: 0 0 10px 8px;
}
#destaques h4 {display: none;}

#destaques p {
	margin-top: 20px;
	font: normal 10px Tahoma, Trebuchet Ms, Arial, Sans-Serif;
	color: white;
	line-height: 130%;
}

#destaques p a {
	color: white;
	text-decoration: underline;
	float: none;
}

#destaques a {
	float: right;
	font: 11px verdana, arial;
	margin:10px 0 0;
	color: white;
	text-transform: uppercase;
}

/*#destaques div.limite-destaques div#destaque-um {
background: url(../images/barra.gif) repeat-Y right;
border-right:1px dotted #FFFFFF;
}*/

#destaques div.limite-destaques div#destaque-dois {
background: url(../images/fundo_news.jpg) no-repeat;
background-position: 0px 36px;
/*border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;*/
}

/*#destaques div.limite-destaques div#destaque-tres {
border-left: 1px dotted #FFFFFF;
}

/*#destaques img#barra{
opacity:0.35;
	-moz-opacity: 0.35;
	filter: alpha(opacity=35);
	}*/

img#b_mais {
	float: right;
	margin: 5px 0 5px 5px;
	}

/* RODAPE */

#rodape {
	background: #FFFFFF url(../images/bg_menu.jpg) repeat-X top;
	width: 779px; /*779px*/
	_width: 779px;
	margin: 10px auto;
	padding: 10px 0 10px 0;
	clear: both;
}

#rodape .limite {
	float: left;
	width: 360px;
	margin: 0 auto;
	margin-bottom:10px;

}


#rodape .creditos {
	float: right;
	width: 360px;
	margin: 0 auto;
	padding-right:10px;
}


#rodape address {
	clear:both;
	padding: 5px 0 0 10px;
}

#rodape address span {
	float:left;
	font: normal 10px verdana, arial, tahoma, sans-serif;
	text-align: right;
	color:#474747;
}
#rodape address span a {
	color: #474747;
	text-decoration: underline;
}
#rodape address span a:hover {color: #06699;}