body { font-family: Arial; background:#666 url(../images/background.jpg); font-size: 13px; margin:0; padding:0; }

img { border:0; }
p.paragraph { text-indent: 3em; text-align:justify; }
.clear { clear: both; }
.hideText { visibility: hidden; }

h1 { font-family: arial; font-size:20px; padding:0 0 10px 0; margin:0; color:#000; }
h2 { font: 12px Arial; color:#666; }
h2 a { color:#0000CC; text-decoration:underline; }
h2 a:hover, h2 a:active, h2 a:visited { color:#0000CC; text-decoration:underline; }
h3 { font-family: arial; font-size: 22px; padding:0; margin:0; color:#000; }

a, a:visited { color:#FFF; }
a:hover, a:active { color:#FFF; text-decoration:none; }

#error { border: #FF0000 1px dashed; height: 25px; background: #FFECEC; padding-top: 4px; padding-left: 5px; font-weight: bold; font-size:12px; }
#success { border: #333333 1px dashed; height: 25px; background: #F0FAFF; padding-top: 4px; padding-left: 5px; font-weight: bold; font-size:12px; }

#website { width:100%; margin:0 auto; padding:0; }
#topo {
	background:#FFF url(../images/background-top.jpg);
	background-repeat:repeat-x;
	background-position:0 80px;
	height:130px;
	border-bottom:#FFF 1px solid;
}
#logotipo { float:left; width:210px; }
#topo-container { width:800px; margin:auto; }
#menu { width:580px; float:right; padding-top:50px; }

.navHome a { display:block; width: 67px; height: 30px; background: url(../images/nav-home.jpg) no-repeat 0 0; float: left; text-decoration: none; }
.navHome a:hover { background-position: 0 -30px; }
.navEmpresa a { display: block; width: 121px; height: 30px; background: url(../images/nav-empresa.jpg) no-repeat 0 0; float: left; text-decoration: none; }
.navEmpresa a:hover { background-position: 0 -30px; }
.navProdutos a { display: block; width: 107px; height: 30px; background: url(../images/nav-produtos.jpg) no-repeat 0 0; float: left; text-decoration: none; }
.navProdutos a:hover { background-position: 0 -30px; }
.navServicos a { display: block; width: 96px; height: 30px; background: url(../images/nav-servicos.jpg) no-repeat 0 0; float: left; text-decoration: none; }
.navServicos a:hover { background-position: 0 -30px; }
.navArtigos a { display: block; width: 90px; height: 30px; background: url(../images/nav-artigos.jpg) no-repeat 0 0; float: left; text-decoration: none; }
.navArtigos a:hover { background-position: 0 -30px; }
.navContato a { display: block; width: 89px; height: 30px; background: url(../images/nav-contato.jpg) no-repeat 0 0;	float: left; text-decoration: none; }
.navContato a:hover { background-position: 0 -30px; }

#meio { margin:0 auto; width:900px; margin-top:20px; }
#conteudo { width:880px; background:#FFF; margin:auto; padding:40px 10px 20px 10px; }
.internas { padding:20px; }

/* HOME */
#home .coluna { width:250px; height:130px; float:left; margin-left:30px; }
#home .coluna p { margin:0; }
#home .coluna a:link, #home .coluna a:visited, #home .coluna a:active { color:#000; text-decoration:none; }
#home .coluna a:hover { color:#000; text-decoration:underline; }
#home #bottom-content { width:860px; height:190px; background:#EFEFEF; margin:25px 0 0 0; padding:10px; }
#home #artigos { width:390px; height:190px; border-right:#CCC 1px solid; margin-right:15px; margin-left:10px; float:left; }
#home #artigos .title { width:300px; float:left; }
#home #artigos .rss { width:70px; float:left; padding-top:15px; }
#home #artigos a, #home #artigos a:visited { color:#0000CC; }
#home #artigos a:hover, #home #artigos a:active { color:#0000CC; text-decoration:none; }
#home #artigos .artigo-itens ul { list-style:none; margin:0; padding:0; }
#home #artigos p { margin-left:250px; }
#home #produtos { width:400px; float:left; }

/* ARTIGOS */
#pg-artigos ul li a, #pg-artigos ul li a:visited { color:#0000CC; }
#pg-artigos ul li a:hover, #pg-artigos ul li a:active { color:#0000CC; text-decoration:none; }
#pg-artigos #artigo { width:600px; margin-left:150px; }
#pg-artigos #artigo p.title { font-size:18px; margin:0; font-weight:bold; }
#pg-artigos #artigo a, #pg-artigos #artigo a:visited { color:#0000CC; }
#pg-artigose #artigo a:hover, #pg-artigos #artigo a:active { color:#0000CC; text-decoration:none; }

/* PRODUTOS */
#pg-produtos #produtos-menu { float:left; width:200px; }
#pg-produtos #produtos-itens { float:left; width:620px; }
#pg-produtos #produtos-itens .colunas { cursor:pointer; float:left; width:195px; height:200px; margin:4px; font-size:11px; font-weight:bold; }
#pg-produtos #produtos-itens .colunas span.referencia { color:#666; }
#pg-produtos #produtos-itens .colunas span.preco { color:#0000FF; }

/* PRODUTO INFORMAÇÕES */
#pg-produtos-info h3.margem { margin-top:10px; }
#pg-produtos-info #produto-fotos { float:left; width:300px; text-align:center; }
#pg-produtos-info #produto-fotos .ilustrativo { font-size:11px; color:#666; }
#pg-produtos-info #produto-fotos #imagens { width:300px; margin-left:-15px; }
#pg-produtos-info #produto-fotos #imagens ul { list-style:none; float:left; }
#pg-produtos-info #produto-fotos #imagens ul li { float:left; margin:2px; margin-bottom:0; }
#pg-produtos-info #produto-fotos #imagens ul li a img { border:#CCC 1px solid; }
#pg-produtos-info #produto-descricao { float:left; width:520px; }
#pg-produtos-info #produto-descricao span.referencia { color:#666; font-weight:bold; }
#pg-produtos-info #produto-descricao span.preco { color:#0000FF; font-weight:bold; }

/* CONTATO */
#contato-form { width:430px; float:left; }
#contato-localizacao { width:380px; height:550px; float:right; }
fieldset#contato { border:0; margin:0; padding:0; width:400px;}
fieldset#contato label { display:block; font-size:12px; }
fieldset#contato input, textarea { width:100%; border:solid #ccc 1px; font-size:12px; font-family:Arial; }
fieldset#contato #enviar { margin-top:5px; width:150px; border:0; padding:2px; cursor:pointer; }

/* RODAPE */
#rodape { margin:0 auto; width:900px; height:80px; background:#333; color:#CCC; margin-top:10px; }
#rodape #rodape-header { width:800px; margin:auto; }
#rodape #rodape-header #desenvolvedor { padding:20px 0 0 15px; width:220px; float:left; }
#rodape #rodape-header #rodape-conteudo { width:380px; float:left; }
#rodape #rodape-header #rodape-conteudo #menu-rodape ul { list-style:none; margin:15px 0 -10px -40px; }
#rodape #rodape-header #rodape-conteudo #menu-rodape ul li { display:inline; margin-right:10px; }
#rodape #rodape-header #w3c { width:150px; float:right; }
#rodape #rodape-header #w3c ul { list-style:none; }
#rodape #rodape-header #w3c li a:link, #rodape #rodape-header #w3c li a:visited {
	display: block;
	background: #666;
	padding: 5px;
	text-decoration: none;
	color: #CCC;
	margin-top: 2px;
	font-family: Arial;
	font-size: 11px;
	line-height: 1em;
	font-weight: bold;
}

/* PAGINAÇÃO */
#pagination { padding-top:10px; text-align:center; }
#pagination ul { padding:0px; margin:0px; width: 100%; list-style: none; }
#pagination ul li { display: inline; padding-left:2px; }
#pagination ul li.pagination-left { padding-right:8px; }
#pagination ul li.pagination-right { padding-left:10px; }
#pagination ul li.current { font-weight: bold; }