* {
	margin: 0px;
	padding: 0px;
}

html {  
	filter: expression(document.execCommand("BackgroundImageCache", false, true));  
}  

body {
	background: #000000 url(img/bg_pagina.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

/* ----------------------------------- Links -----------------------------------  */

a, a:hover { 
	text-decoration: none;
	color: #999999; 
 }

.linkCinzaClaro {
	color: #666666;
}

.linkCinzaClaro:hover {
	color: #818181; 
}

.linkCinzaEscuro {
	color: #777776;
}

.linkCinzaEscuro:hover {
	color: #919191;
}

/* ----------------------------------- Geral -----------------------------------  */

#geral {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 776px;
	left: 50%;
	margin-left: -388px;
	padding-bottom: 30px;
}

/* ----------------------------------- Topo -----------------------------------  */

#topo {
	display: block;
	width: 776px;
	height: 78px;
}

#topo .logo {
	position: absolute;
	display: block;
	width: 345px;
	height: 99px;
	margin: 4px 10px;
	background: url(img/logo.png) no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/img/logo.png);
	border: none;
} 

/* Links */

#topo .links {
	display: block;
	float: right;
	width: 410px;
	margin-top:  42px;
}

#topo .links a {
	display: block;
	float: left;
	height: 16px;
	margin-left: 18px;
	_margin-left: 15px;
	font-family: Arial;
	font-weight: bold;	
	font-size: 10px;
	letter-spacing: 1px; 
	color: #FFFFFF;
}


#topo .links a:hover {
	color: #CCCCCC;
}

#topo .links a.email {
	margin-top: 2px;
	height: 12px;
	width: 21px;
	background: url(img/bt_email_vermelho.gif) no-repeat;
}

#topo .opcoesContato {
	position: absolute;
	top: 40px;
	right: 0px;
	display: block;
	width: 130px;
	height: 40px;
	background: url(img/bg_pagina.jpg) repeat-x 0em -3em;
	
	top: 50px;
	right: 15px;
	
}

/* ----------------------------------- Conteúdo -----------------------------------  */

#container {
	display: block;
	width: 776px;
	float: left;
}

#container.internas { background: #FBFBFB; }

/* Full */
#container .conteudoFull {
	width: 776px;
}

/* Esquerda */
#container .conteudoEsquerda {
	float: left;
	width: 430px;
	padding: 10px 20px;
}

/* Direita */
#container .conteudoDireita {
	float: left;
	width: 270px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 10px 10px;
}

/* ----------------------------------- Home - Animaçao Principal --------------  */

#container .animacaoHome {
	display: block;
	height: 300px;
}

/* ----------------------------------- Home - Caixa News ----------------------  */

#container .caixaNews {
	display: block;
	width: 776px;
	height: 140px;
	margin-top: 3px;
}

#container .caixaNews .direita,
#container .caixaNews .esquerda {
	display: block;
	float: left;
	padding-top: 10px;
	padding-left: 10px;	
	height: 60px;
	background: #B2B2B2;
}

#container .caixaNews .esquerda {
	width: 400px;
	font-size: 11px;
	font-weight: bold;
	color: #777776;
}

#container .caixaNews .esquerda h1 {
	display: block;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
}

#container .caixaNews .direita {
	width: 353px;
	margin-left: 3px;	
}

/* ----------------------------------------- Internas - Topo ------------------------------------------ */

#topoArea {
	display: block;
	height: 30px;
	padding-top: 30px;
	padding-left: 10px;
	color: #FFFFFF;
	background: #B2B2B2;
}

#topoArea h1 {
	display: block;
	float: left;
	width: 460px;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
}

#topoArea h1 strong {
	color: #000000;
}

#topoArea h1.segundo {
	width: 280px;
	margin-left: 10px;
}

/* ----------------------------------------- Quem Somos / Premios ------------------------------------------ */

#quemSomos.conteudoEsquerda {
	
}

#quemSomos.conteudoEsquerda p {
	display: block;
	margin-bottom: 10px;
	text-align: justify;
}

#premios {
	border-left: 1px dashed #999999;
}

#premios a {
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
}

#premios a strong {
	display: block;
}

#premios .selo_ibest {
	display: block;
	width: 97px;
	height: 39px;
	margin-top: 10px;
	background: url(img/logo_ibest.gif) no-repeat;
}

#premios .selo_advb {
	display: block;
	width: 118px;
	height: 75px;
	margin-top: 15px;
	background: url(img/selo_advb.jpg) no-repeat;
}

#quemSomos.conteudoEsquerda .seloABMP {
	display: block;
	height: 100px;
	margin-top: 390px;
}

#quemSomos.conteudoEsquerda .seloABMP a img {
	border: none;
}

/* ----------------------------------------- Notícias  ------------------------------------------ */

#noticias.conteudoEsquerda {
	padding-bottom: 35px;	
}


#noticias.conteudoEsquerda h1 {
	margin-bottom: 10px;	
	font-weight: bold;
	font-size: 12px;
	color: #666666;
}

#noticias.conteudoEsquerda p {
	display: block;
	margin-bottom: 10px;
	text-align: justify;
}

#listaNoticias {
	border-left: 1px dashed #999999;
	/*min-height: 350px;
	_height: 350px;*/
}

#listaNoticias a {
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
}

/* ----------------------------------------- Contato ------------------------------------------ */

#contato.conteudoFull {
	border-right: 1px dashed #999999;
}


#contato.conteudoFull label {
	display: block;
}

#contato.conteudoFull label.titulo {
	margin: 10px;
}

#contato.conteudoFull .containerFormulario {
	float: left;
	width: 275px;
	margin-left: 250px;
	_margin-left: 130px;
	padding-bottom: 20px;
}

#contato.conteudoFull .containerFormulario h1 {
	font-size: 12px;
	display: block;
	margin-bottom: 3px;
}

#contato.conteudoFull .containerFormulario .texto {
	display: block;
	width: 270px;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	background: #E6E6E6;
}

#contato.conteudoFull .containerFormulario input.texto { }

#contato.conteudoFull .containerFormulario textarea.texto { }

#contato.conteudoFull .containerFormulario #botaoEnviar {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ----------------------------------------- Portfólio ------------------------------------------ */

#portfolio.conteudoFull {
	display: block;
	float: left;
	padding-left: 3px;
	_padding-left: 1px;
	padding-bottom: 20px;
}

#portfolio.conteudoFull .item {
	display: block;
	float: left;
	width: 174px;
	height: 185px;
	margin: 3px;
	padding: 6px;
	background: #E1E1E1;
}

/* Screeeshoot Site */
#portfolio.conteudoFull .item .screen {
	display: block;
	width: 174px;
	height: 130px;
	background: #FFFFFF;
}

/* Link */
#portfolio.conteudoFull .item a {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	font-weight: bold;
	white-space: normal;
}

/* Título */
#portfolio.conteudoFull .item h1 a {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
}

#verPortfolio {
	position: absolute;
	overflow: hidden;
	display: block;
	width: 410px;
	height: 350px;
	left: 50%;
	top: 0px;
	margin-left: -200px;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
}

#verPortfolio .fechar {
	display: block;
	float: right;
	width: 16px;
	height: 18px;
	margin-right: 4px;
	_margin-right: 2px;
	background: url(img/botao_fechar.gif) no-repeat;
}

#verPortfolio #screenshoot_portfolio {
	clear: both;
	margin-left: 5px;
}

#verPortfolio #detalhes_portfolio {
	display: block;
	position: absolute;
	width: 400px;
	bottom: 2px;
	margin-bottom: 5px;
	margin-left: 5px;
	background: #FFFFFF;
}

#verPortfolio #detalhes_portfolio .esconder { 
	display: block;
	float: left;
	width: 15px;
	height: 35px;
	margin-left: 10px;
	_margin-left: 5px;
	background: #FFFFFF url(img/seta_transparente_portfolio.gif) no-repeat center;
}

#verPortfolio #detalhes_portfolio #descricao_portfolio {
	display: block;
	float: left;
	width: 335px;
	margin-top: 8px;
	padding-bottom: 8px;
	margin-left: 15px;
	text-align: justify;
}

#verPortfolio #detalhes_portfolio #descricao_portfolio:hover {
	/*color: #000000;*/
}

#verPortfolio #detalhes_portfolio #descricao_portfolio strong {
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
}

/* ----------------------------------------- Clientes ------------------------------------------ */

#clientes.conteudoFull {
	display: block;
	float: left;
	padding-left: 3px;
	_padding-left: 1px;
	padding-bottom: 20px;
}

#clientes.conteudoFull .item {
	display: block;
	float: left;
	width: 174px;
	height: 130px;
	margin: 3px;
	padding: 6px;
	background: #E1E1E1;
}

/* Screeeshoot Site */
#clientes.conteudoFull .item .screen {
	display: block;
	width: 174px;
	height: 130px;
	background: #FFFFFF;
}

#clientes.conteudoFull .item .screen img {
	border: none;
}	

/* ---------------------------- Orçamento ---------------------------- */
#orcamento.conteudoFull {
	display: block;
	float: left;
	padding: 30px 0px; 
}

#orcamento.conteudoFull p {
	text-align: justify;
}

#orcamento.conteudoFull h1 {
	font-size: 12px;
	display: block;
	margin-bottom: 3px;
}

#orcamento.conteudoFull label {
	display: block;
}

#orcamento.conteudoFull .texto {
	display: block;
	width: 270px;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	_margin-left: -16px;
	background: #E6E6E6;
}

#orcamento.conteudoFull input.texto {
	
}

#orcamento.conteudoFull textarea.texto {

}

#orcamento.conteudoFull #botaoEnviar {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Indicador - Indicador Passo */
#orcamento.conteudoFull .indicadorPasso1,
#orcamento.conteudoFull .indicadorPasso2 {
	display: block;
	width: 122px;
	height: 102px;
	float: left;
	margin-left: 15px;
	_margin-left: 7px;
	background: url(img/orcamento_passo.jpg) no-repeat;
}

#orcamento.conteudoFull .indicadorPasso1 {
	background-position: top left;
}

#orcamento.conteudoFull .indicadorPasso2 {
	background-position: bottom left;
}

/* Indicador - Avançar Passo */
#orcamento.conteudoFull #avancarPasso,
#orcamento.conteudoFull .botaoEnviar {
	display: block;
	width: 122px;
	height: 102px;
	float: left;
	margin-left: 18px;
	border: none;
	cursor: pointer;
}

#orcamento.conteudoFull .botaoEnviar {
	display: none;
	background: url(img/orcamento_avancar_passo_2.jpg) no-repeat;
}

#orcamento.conteudoFull #avancarPasso img {
	border: none;
}

/* Orçamento 1 */
#orcamento.conteudoFull #orcamentoPasso_1 {
	display: block;
	float: left;
	width: 372px;
	margin-left: 15px;
	padding-left: 100px;
}

/* Orçamento 2 */
#orcamento.conteudoFull #orcamentoPasso_2 {
	display: block;
	float: left;
	width: 472px;
	margin-left: 15px;
}

/* ----------------------------------------- Rodapé - Endereço ------------------------------------------ */

#rodape {
	display: block;
	float: left;
	width: 776px;
	padding-top: 15px;
	background: #000000;
}

/* ----------------------------------------- Rodapé - Endereço ------------------------------------------ */

#rodape_endereco {
	display: block;
	width: 776px;
	float: left;
	height: 23px;
	border-top: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC;
}

#rodape_endereco .endereco {
	display: block;
	float: left;
	width: 740px;
	height: 15px;
	font-size: 12px;
	color: #999999;
	margin-top: 3px;
}

#rodape_endereco .email {
	display: block;
	float: left;
	width: 31px;
	height: 18px;
	margin-top: 2px;
	background: url(img/bt_email.gif) no-repeat;
}

/* ----------------------------------------- Links - Versão Mobile - Feeds ------------------------------------------ */

#mobile_rss {
	display: block;
	float: left;
	width: 776px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#mobile_rss .mobile,
#mobile_rss .feed {
	display: block;
	clear: both;
	height: 16px;
	margin-top: 5px;
	padding-left: 18px;
	font-size: 12px;
	color: #999999;
}

#mobile_rss .mobile {
	background: url(img/bt_mobile.gif) no-repeat;
}

#mobile_rss .feed {
	background: url(img/bt_feed.gif) no-repeat;
}