@import url(menu_principal.css); /** CSS do menu principal **/
@import url(menu_topo.css);      /** CSS do menu do topo **/

html { overflow: -moz-scrollbars-vertical; }

* { font-family: Verdana, Arial, Helvetica, sans-serif; }


/* body */
body { margin:0; padding:0; background:#000 }

#pagina { background-color:#fff; }

button { 
	background:url(../../controlador/imagens/bg_bt.gif); 
	width:95px; 
	height: 27px; 
	border:0; 
	line-height:.5em; 
	color:#999;
	font-weight:bold;
	padding:0 0 2px 0;
	cursor:pointer;
}
/*button:hover {background:url(../../controlador/imagens/bg_bt_hover.gif);}*/

h4 { color:#6dd71b; width:755px; clear:both }

p { color:#555; font-size:85%  }

input[type=text], select, textarea { 
	background:#fff url(../../controlador/imagens/bg_inputs.gif) repeat-x top left;
	border-color:#c8c8c8; 
	border-style:solid;
	border-width:1px;
	border:1px solid #c8c8c8;
	padding:2px 0 2px 5px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:50%; 
	color:#555;
	width:300px;
}
select { width:210px !important; }
input:hover[type=text], input:visited[type=text],
select:hover, select:visited,
textarea:hover, textarea:visited { border-color:#da242b; }

.titulos { 
	text-transform:uppercase;
    min-height:23px !important;
    margin-bottom:11px !important;
    padding:8px 2px 2px 12px !important;
    font-size:1.1em !important;
    font-weight:bold !important;
	background:url(../../controlador/imagens/icon_titles.gif) no-repeat 0px 9px !important;
}

ul.infos { margin:0 0 0 17px; padding:0 }
ul.infos li { list-style: url(../../controlador/imagens/arrow_circulo.gif); font-size:70%; line-height: normal; margin-top:3%; }

span ul { font-size:80%; color:#555; }
span ul li { list-style: url(../../controlador/imagens/arrow_circulo_red.gif); }

.erro { border:1px solid #da242b; color:#da242b; background-color:#ffced0; }
.ok { border:1px solid #6dd71b; color:#6dd71b; background-color:#eaffda; }
.ok, .erro { width:80%; margin-top:5%; padding:10px; font-size:90%; }

#clear { padding:2px; width:100%; height:1px; display:block; clear:both; margin:auto;  }

#conteudo { width:755px; margin:auto; height:100%; }

.conteudoEsq { float:left; width:470px; display:block }
.conteudoDir { float:right; width:250px; padding-top:20px; }


/* logo, slogan e mapa da ásia */
#logoEslogan { 	
	width:755px;
	height:90px;
	margin:0 auto;
	padding:0px;
	clear:both;
 }
#logoEslogan .logo { margin:0px auto; padding:0;  }
#logoEslogan .logo a img { text-decoration:none; border:0; float:left; width:170px; height:58px; padding-top:10px}
#logoEslogan .slogan { 
	font-size:21px; 
	color:#ddd; 
	text-transform:uppercase; 
	line-height:4.5em; 
	width:auto; 
	margin:0 10px 0 10px;
	float:left;
}
#logoEslogan .asiaMap { width:94px; height:83px; float:right; margin:0; padding:0 }


/* banner */
#banner { width:755px; height:237px; margin:0 auto; clear:both }


/* conteudo home */ 
#conteudoHome { width:755px; height:181px; margin:0 auto; }

#conteudoHome_E { float:left; width:249px; height:181px;  }
#conteudoHome_M { float:left; width:249px; height:181px; margin-left:4px; }
#conteudoHome_D { float:right; width:249px; height:181px; }

.bgConteudoHome_E { 	
	background: url(../../controlador/imagens/bg_content_E.gif) no-repeat;
	width:16px; 
	height:181px;
	float:left;
}
.bgConteudoHome_M { 
	background: url(../../controlador/imagens/bg_content_M.gif) repeat-x; 
	width:217px;
	height:181px;
	float:left; 
	line-height:2.4em 
}
.bgConteudoHome_D { 
	background: url(../../controlador/imagens/bg_content_D.gif) no-repeat;
	width:16px; 
	height:181px;
	float:right
}

.bgConteudoHome_M span { 
	text-transform:uppercase;
    min-height:23px !important;
    margin-bottom:11px !important;
    padding:8px 2px 2px 12px !important;
    font-size:.58em !important;
    font-weight:bold !important;
	background:url(../../controlador/imagens/icon_title_home.gif) no-repeat 0px 9px !important;
}

.bgConteudoHome_M p { 
	line-height: normal; 
	font-size:70%; 
	padding:0;  
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	margin:0; 
	margin-top:2%;	
}

.bgConteudoHome_M label { color:#555 }

.bgConteudoHome_M a { float:right; color:#6dd71b; font-size:70%; text-decoration:none; font-weight:bold }
.bgConteudoHome_M a:hover { text-decoration:underline }

input.inputTextHome { width:200px; margin-bottom:2%; height:15px; font-size:75%; margin-right:5px }


/* lista produtos */
#conteudoProdutos { float:left; width:200px; height:200px; margin-right:5px; margin-bottom:5px }
.bgConteudoProduto_E { 	
	background: url(../../controlador/imagens/bg_contentProduto_E.gif) no-repeat;
	width:16px; 
	height:200px;
	float:left;
}
.bgConteudoProduto_M { 
	background: url(../../controlador/imagens/bg_contentProduto_M.gif) repeat-x; 
	width:168px;
	height:200px;
	float:left; 
	line-height:2.4em 
}
.bgConteudoProduto_D { 
	background: url(../../controlador/imagens/bg_contentProduto_D.gif) no-repeat;
	width:16px; 
	height:200px;
	float:right
}
.bgConteudoProduto_M span { color:#da242b; font-size:80%; font-weight:bold; font-style:italic }
.bgConteudoProduto_M a, .bgConteudoProduto_M a img { text-decoration:none; border:0; }


/* exibe produtos */
#produtos { width:470px; height:400px; margin:20px auto; margin-bottom:30px;}
.bgProduto_E { 	
	background: url(../../controlador/imagens/bg_produto_E.gif) no-repeat;
	width:16px; 
	height:400px;
	float:left;
}
.bgProduto_M { 
	background: url(../../controlador/imagens/bg_produto_M.gif) repeat-x; 
	width:438px;
	height:400px;
	float:left; 
	line-height:2.4em 
}
.bgProduto_D { 
	background: url(../../controlador/imagens/bg_produto_D.gif) no-repeat;
	width:16px; 
	height:400px;
	float:right
}

.bgProduto_M dt { margin:0 auto; margin-top:7% }
.bgProduto_M dd { color:#da242b; font-size:140%; font-weight:bold; font-style:italic; line-height:10.5em }
.bgProduto_M dd img { margin-top:4.5em }
.bgProduto_M dt img { float:left; margin:0 }

a.back { color:#6dd71b; font-size:70%; text-decoration:none; font-weight:bold; cursor:pointer;  }
a.back:hover { text-decoration:underline }


/* formulários */
#form { width:470px; font-size:85%; height:100%; clear:both }
#form p{ font-size:90%; font-style:italic }
#form span { color:#da242b; font-size:70%; font-weight:bold; } 
#form .linhaForm {  margin-bottom:2%; width:100%; float:left }
#form .linhaForm .campos { float:left; width:auto; }
#form .linhaForm .nomeCampoForm { float:left; width:25%; color:#555; }
#form .linhaForm input[type=text], #form .linhaForm select, #form .linhaForm textarea { 
	width:200px; 
	font-size:90%; 
	padding:5px; 
	color:#000; 
}
#inf_nome, #inf_email, #inf_empresa, #inf_telnr, #inf_msg, #inf_assunto { color:#da242b; text-indent: .7em; font-size:70%; }


/* rodape */
#clearRodape { padding:0px; width:100%; height:30px; margin:0 auto; clear:both; }

#rodape { width:100%; clear:both; height:120px; background-color:#eee; color:#555 }
#conteudoFooter { width:755px; margin:auto; }

.endRodape { float:left; text-align:left; font-size:70%; padding-top:2.0em; width:49%; }
.phone { font-size:250% }
.news { float:right; text-align:right; width:49%; padding-top:1.0em; }
.news span { font-size:70%; font-weight:bold; }
.news p { font-size:60%}
.buttonNews { width:72px; height:25px }


#copyright {background-color:#000; width:100%;clear:both; font-size:65%; padding:5px 0 10px 0; }
.copy { float:left; color:#999;   }
.powered { float:right; color:#999; }

.powered a { color:#999; text-decoration:none; }