@import url("css-pages.css");

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif
	}
	
body {
	background-image:url(../images/BG_conteudo.jpg);
	background-attachment:fixed;
	}
	
#container {
	margin:0 auto;
	width:760px;
	border-right:1px solid #333;
	border-left:1px solid #333;
	background-image:url(../images/pattern.jpg);	
	}

#topo {
	width:760;
	background-image:url(../images/BG_topo.jpg);
	background-color:#820303;
	/*background:url(../images/topo.jpg);*/
	}
#topo h1 {
	background:url(../images/h1.jpg) center center no-repeat;
	width:201px;
	height:133px;
	float:left;
}
#topo h1 a {
	display:block;
	text-indent:-9999px;
	height:133px;
	}
	
#topo #barnav {
	list-style:none;
	clear:both;
	}
#topo #barnav li {
	border-bottom:1px solid #b21212;
	float:left;
	width:152px;
	}
#topo #barnav li a {
	display:block;
	padding-top:11px;
	height:30px;
	width:152px;	
	font-size:18px;
	text-decoration:none;
	text-align:center;
	color:#000;
	background:url(../images/fundo-menu-a.jpg) center bottom no-repeat;
	}
#topo #barnav li a:hover {
	color:#fff;
	background:url(../images/fundo-menu-a.jpg) center top no-repeat;
	}
	
#topo .contato {
	padding-left:570px;
	padding-top:10px;
	}
#topo .contato p, #topo .contato p a, #topo .contato address {
	color:#FFF;
	font-size:13px;
	font-style:normal;
	}
#topo .contato p span {
	font-size:22px;
	font-weight:bold;
	}
#topo .contato address {
	margin-top:10px;
	font-size:12px;
	padding-bottom:10px;
	}
	
.menu-rapido {
	list-style:none;
	}
.menu-rapido li {
	width:232px;
	height:112px;
	float:left;
	}
.menu-rapido li a.empresa {
	display:block;
	height:112px;
	width:232px;
	text-indent:-9999px;
	background:url(../images/empresa-up.jpg);
	}
	
.menu-rapido li a.empresa:hover{
	background:url(../images/empresa-over.jpg);
	}
	
.menu-rapido li a.produtos{
	margin-left:2px;
	display:block;
	height:112px;
	width:232px;
	text-indent:-9999px;
	background:url(../images/produtos-up.jpg);
	}
	
.menu-rapido li a.produtos:hover{
	background:url(../images/produtos-over.jpg);
	}
	
.menu-rapido li a.sistemas{
	margin-left:4px;
	display:block;
	height:112px;
	width:232px;
	text-indent:-9999px;
	background:url(../images/sistemas-up.jpg);
	}
	
.menu-rapido li a.sistemas:hover{
	background:url(../images/sistemas-over.jpg);
	}	
	
#principal {
	width:760px;
	float:left;
	}
	
h2 {
	margin:0 auto;
	width:680px;
	margin-top:23px;
	color:#FFF;
	border-bottom:2px solid #FFF;
	}
	
a {
	color: #FFFFFF;
	text-decoration:none;
	}
	
h2.h2-home{
	float:left;
	padding:19px 0px 10px 100px;
	width:157px;
	height:58px;
	background:url(../images/desde.jpg) right center no-repeat;
	text-indent:-9999px;
}

#box-produtos{
	margin:0 auto;
	width:681px;
}	

#box-produtos #img-produto{
	float:left;
	width:227px;
	height:245px;
	font-family:"Arial";
	font-size:12px;
	text-align:center;
	color:#FFF;
}

#img-produto img{
	margin:0 auto;
	margin-top:18px;
}

#conteudo{
	margin:0 auto;
	padding-top:20px;
	width:700px;
	/*background-image:url(../images/BG_conteudo.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;*/
}

#conteudo #texto{
	/*background-color:#9d0404;*/
	width:680px;
	margin:0 auto;
	padding:5px;
	text-align:justify;
}

#conteudo .box-sistemas{
	margin:0 auto;
	padding:5px;
	width:650px;
	height:145px;
}
	
#conteudo .box-sistemas img{
		float:left;
		margin:5px;
}
	
#conteudo .box-sistemas p{
	text-align:justify;
	font-size:12px;		
}

#rodape{
	height:80px;
	color:#FFF;
	font-size:11px;
	padding-top:5px;
	background-image:none;
	background-color:#333;
}

#rodape a img{
	margin:10px;
}