@import url("empresa.css");
@import url("produtos.css");
@import url("servicos.css");

*{
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}

body.paginicial{background:#fff url(../imagens/fdo_home2.jpg) repeat-x left top;}
body.pagempresa{background:#fff url(../imagens/fdo_empresa.jpg) no-repeat top center;}
body.pagrh{background:#fff url(../imagens/fdo_rh.jpg) no-repeat top center;}
body.pagprodutos{background:#fff url(../imagens/fdo_produtos.jpg) no-repeat top center;}
body.pagadicion{background:#fff url(../imagens/fdo_adicion.jpg) no-repeat top center;}
body.pagfisco{background:#fff url(../imagens/fdo_fisco.jpg) no-repeat top center;}
body.pagsmart{background:#fff url(../imagens/fdo_smart.jpg) no-repeat top center;}
body.pagfusion{background:#fff url(../imagens/fdo_fusion.jpg) no-repeat top center;}
body.pagwebpav{background:#fff url(../imagens/fdo_webpav.jpg) no-repeat top center;}
body.pagprodblack{background:#fff url(../imagens/fdo_prodblack.jpg) no-repeat top center;}
body.pagself{background:#fff url(../imagens/fdo_self.jpg) no-repeat top center;}
body.pagmbi{background:#fff url(../imagens/fdo_mbi.jpg) no-repeat top center;}

body.pagservicos{background:#fff url(../imagens/fdo_servicos.jpg) no-repeat top center;}
body.pagimprensa{background:#fff url(../imagens/fdo_imprensa.jpg) no-repeat top center;}

/***************************************
GERAL
****************************************/
#geral{
	width:960px;
	margin:8px auto;
	display:table;
}

/***************************************
TOPO
****************************************/
#topo{
	width:960px;
	height:50px;	
}

/***************************************
TOPO LOGO
****************************************/
#topo h1 a {
	display:block;
	width:199px;
	height:40px;
	background:url(../imagens/logo.gif) no-repeat;
	text-indent: -9000px;
	overflow:hidden;
	margin-left:20px;
	float:left;	
}
#topo h1 a.natal{
	width:214px;
	height:69px;
	background:url(../imagens/logo_natal.gif) no-repeat;
}

/***************************************
TOPO | MENU
****************************************/
#menu{
	width:576px;
	height:40px;
	float:right;	
}

#menu ul{height:40px;}
#menu ul li{display:inline;}

#menu ul li a{
	width:72px;
	height:20px;
	float:left;
	padding:10px 0px;
	text-align:center;
	text-decoration:none;
	font: 12px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:#3b1701;
}

#menu ul li a:hover{
	background:url(../imagens/menu_hover.gif) no-repeat;
	color:#FFF;
}

#menu ul li a.atual{
	background:url(../imagens/menu_hover.gif) no-repeat;
	color:#FFF;
}

/***************************************
TOPO SUBMENU
****************************************/
#submenu{
	height:34px;
	background:#f5f5f5;
	border-top:1px solid #e8e8e8;		
}

#submenu ul{
	height:35px; 
	padding-top:3px;
	padding-left:390px;
}

#submenu ul li{display:inline;}

#submenu ul li a{
	text-decoration:none;
	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:#3b1701;
	padding-left:18px;
	padding-right:10px;
	background:url(../imagens/ic_submenu.gif) no-repeat;
}

#submenu ul li a:hover{color:#e13800;}

#submenu ul li a.subatual{
	padding-left:25px;
	background:url(../imagens/ic_submenu_atual.gif) no-repeat;
	color:#e13800;
	font-weight:bold;
}

/***************************************
PÁGINA INICIAL
****************************************/
#img_home{
	height:154px;
	margin-top:5px;	
}

#img_home h1{
	display:block;
	width:960px;
	height:276px;
	text-indent:-9000px;
	overflow:hidden;
	/*background:url(../imagens/destaque_home.jpg) no-repeat;*/
}

#barcza_intro{
	height:154px;
	background:#F5F5F5;
	border-bottom:1px solid #e8e8e8;
}

#barcza_intro #intro_fotohome{
	width:199px;
	height:131px;
	float:left;
	margin:10px;
	background:url(../imagens/empresa_home.jpg) no-repeat;
}

#barcza_intro div.totcli{
	width:162px;
	height:131px;
	float:right;
	margin:10px;
}

#barcza_intro h2{
	font:bold 98% "Swis721 Cn BT", Tahoma, Arial, Verdana, Sans-serif;
	color:#E13800;
	text-transform:uppercase;
	display:block;
	padding-top:10px;
	padding-left:12px;
}

#barcza_intro p{
	font:12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#000000;
	padding-right:12px;
	padding-left:12px;
	margin-bottom:10px;
	text-align:justify;
}

/*** box destaque novo webpav ***/
#destaque_webpav{
	float:left;
	margin-top:2px;
	width:720px;
	height:280px;		
	border-bottom:1px dotted #e8e8e8;			
}

/*** box destaques azul ***/
#destaque_azul{
	float:left;
	width:722px;
	margin-top:5px;
	background:#e5f6fd;
	border-top:1px solid #7fd7f7;
	border-bottom:1px solid #7fd7f7;
}

#destaque_azul div.dir{
	float:right;
	width:348px;
	padding:5px;
}

#destaque_azul div.esq{
	float:left;
	width:348px;
	padding:5px;
	border-right:1px dotted #7fd7f7;
}

#destaque_azul div.icon{
	float:left;
	margin-right:8px;
}

#destaque_azul h2{
	font:bold 18px "Swis721 Cn BT", Tahoma, Arial, Verdana, Sans-serif;
	color:#E13800;
	display:block;
	padding-top:15px;
	padding-bottom:15px;		
}

#destaque_azul h3{
	font:bold 14px Arial, Verdana, Sans-serif;
	color:#333333;
	display:block;
	text-transform:uppercase;	
}

#destaque_azul p{
	font:11px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
	padding-bottom:8px;
}

#destaque_azul p.italic{
	font:italic 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
	padding-bottom:8px;
}

/** destaques gerais, fundo branco **/
#destaque{
	float:left;
	width:722px;
	margin-top:5px;
	background:#fff;
}

#destaque div.dir{
	float:right;
	width:348px;
	padding:5px;
}

#destaque div.esq{
	float:left;
	width:348px;
	padding:5px;
	border-right:1px dotted #e8e8e8;
}

#destaque #areacli{
	clear:both;
	float:left;
	width:696px;
	border-top:1px dotted #e8e8e8;
	border-bottom:1px dotted #e8e8e8;
	padding:5px;	
}

#destaque #areacli input{
	padding:3px;	
	background:#e5f6fd;
	border:1px solid #7fd7f7;
	font:11px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	vertical-align:middle;
	}
	
#destaque #areacli input.submit{
	width:50px;
	height:20px;
	padding:0px;
	background:url(../imagens/bg_submit.gif) repeat-x top left;
	border:1px solid #7fd7f7;
	font:bold 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;	
}

#destaque #areacli a.link{
	text-decoration:none;
	color:#E13800;
}

#destaque #areacli a:hover.link{
	text-decoration:underline;
	color:#000;
}

#destaque #recsenha{
	width:696px;
	clear:both;
	padding:5px;
	float:left;
	display:none;	
}

#destaque #recsenha input{
	
	padding:3px;
	background:#e5f6fd;
	border:1px solid #7fd7f7;
	font:11px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	vertical-align:middle;
}

#destaque #recsenha input.submit{
	width:70px;
	height:20px;
	padding:0px;
	background:url(../imagens/bg_submit.gif) repeat-x top left;
	border:1px solid #7fd7f7;
	font:bold 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;	
}

#destaque #loading{
	background:url(../imagens/loading.gif) no-repeat left;
	padding-left:20px;
	font:10px Arial, Helvetica, sans-serif;
	color:#000;
	display:none;
}

#destaque #result{
	display:none;
	border-top:1px dotted #e8e8e8;
	padding-top:10px;
}

#destaque div.icon{
	float:left;
	margin-right:8px;
}

#destaque h2{
	font:bold 18px "Swis721 Cn BT", Tahoma, Arial, Verdana, Sans-serif;
	color:#459dbe;
	display:block;
	padding-top:15px;
	padding-bottom:15px;		
}

#destaque h2.cza{
	font:bold 18px "Swis721 Cn BT", Tahoma, Arial, Verdana, Sans-serif;
	color:#333333;
	display:block;
}

#destaque h3{
	font:bold 16px Arial, Verdana, Sans-serif;
	color:#E13800;
	display:block;	
}

#destaque p{
	font:11px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
	padding-bottom:8px;
}

#destaque p.verm{color:#E13800;}

/*#destaque a{color:#E13800; text-decoration:none;}

#destaque a:hover{
	text-decoration:underline;	
	color:#333333;	
}*/

/*** coluna notícias, etc ***/
#coluna{
	float:right;
	width:202px;
	margin-top:5px;
	padding-left:15px;
	padding-right:12px;
	background:url(../imagens/bg_coluna.gif) repeat-y top left;
}

#coluna div.icon{
	float:left;
	margin-right:8px;
}

#coluna h2{
	font:bold 18px "Swis721 Cn BT", Tahoma, Arial, Verdana, Sans-serif;
	color:#E13800;
	display:block;
	padding-top:15px;
	padding-bottom:15px;		
}

#coluna h3{
	font:bold 12px Arial, Verdana, Sans-serif;
	color:#459dbe;
	display:block;
}

#coluna p{
	font:11px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
	padding-bottom:8px;
}

#coluna hr{
	border-top:1px solid #ded6ca;
	border-bottom:1px solid #fefefe;
	border-left:none;
	border-right:none;
	height:2px;
}

#coluna a{color:#333333; text-decoration:none;}

#coluna a:hover{
	text-decoration:underline;	
	color:#E13800;	
}
/***************************************
RODAPÉ
****************************************/
#rodape{
	margin-top:10px;
	width:100%;
	height:102px;
	background:url(../imagens/bg_rodape.gif) repeat-x top left;
}

#rodape #info{
	width:960px;
	margin:0 auto;
	padding:15px;
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
}

#rodape #info ul{height:35px; float:right;}
#rodape #info ul li{
	display:inline;
	font: 10px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:#c0c0c0;
}

#rodape #info ul li a{color:#c0c0c0; text-decoration:none;}
#rodape #info ul li a:hover{color:#000000;}

#rodape #info address{
	float:left;
	text-align:left;
	padding:0px 5px;
	font:10px Trebuchet MS, Verdana, Arial, Sans-Serif;
	color:#c0c0c0;
}

#rodape #info address strong{
	font:bold 14px Trebuchet MS, Verdana, Arial, Sans-Serif;
	color:#193159;
	background:url(../imagens/ic_man.gif) no-repeat top left;
	padding-left:20px;
}

#rodape #info address a{color:#f5f5f5; text-decoration:none;}
#rodape #info address a:hover{color:#ff0000; text-decoration:underline;}

/***************************************
BOTOES
****************************************/
.botaopq{
	display:block;
	width:74px;
	height:22px;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	padding-top:5px;
	margin-bottom:10px;
	float:left;
}

.botaopq.bt-azul{
	background:url(../imagens/botoes_74px.gif) no-repeat;
	background-position:0 0;
}

.botaopq.bt-laranja{
	background:url(../imagens/botoes_74px.gif) no-repeat;
	background-position:0 -32px;
}

.botaopq.bt-verde{
	background:url(../imagens/botoes_74px.gif) no-repeat;
	background-position:0 -63px;
}

.botaopq.bt-preto{
	background:url(../imagens/botoes_74px.gif) no-repeat;
	background-position:0 -95px;
}


.botaopq:link, visited, active{color:#FFFFFF;}
.botaopq:hover{
	text-decoration:none;
	color:#666666;
}