@charset = "UTF-8";

* {
margin: 0;
padding: 0;
}

body {
text-align: center; /* Serve para o IE 5.5 e inferiores centralizar a pagina */
font-family: Arial, FreeMono, FreeSans, Helvetica, "Liberation Mono", "Liberation Sans", sans-serif, Tahoma, "Times New Roman", Verdana;
font-size: 12pt
}

/*BLOCO DO CABECALHO*/
header {
width: 100%;
height: 100px;

}

#cabecalho {
width: 900px;
height: 100px;
margin: 0 auto;
}

#logotipo {
width: 880px;
height: 100px;
text-align: center;
}


/*LINKS DO CABECALHO*/
a.linkFooter {
	color: #fff;
	text-decoration: none;
	}


/*BLOCO DOS MENUS*/
nav {
width: 100%;
height: 50px;
background-color: #c63;
clear: both;
}

#menusup {
width: 900px;
height: 50px;
margin: 0 auto;
}

/*MENU SUPERIOR*/
.menu {
	list-style: none;
	}

.menu li {
	position: relative;
	float: left;
	}

.menu li a:link, .menu li a:visited {
	display: block;
	padding: 0;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #c63;
	text-decoration: none;
	width: 98px;
	color: #fff;
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	height: 50px;
	line-height: 50px;
	}

.menu li:hover a, .menu li a:active, .menu li a:hover {
	display: block;
	padding: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #c60;
	text-decoration: none;
	width: 98px;
	color: #ccc;
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	height: 50px;
	line-height: 50px;
	}

/*SUBMENU*/
.subMenu {
	margin:0;
	list-style: none;
	display: none; /* block ou inline ou none */
	width:98px;
	position: absolute;
	top: 30px; /* Se o submenu ficar afastado do menu, sera desativado quando o cursor do mouse descer. */
	}

.menu li:hover .subMenu {
	display:block;
	z-index: 1; /*Evita que o submenu fique sobreposto por uma imagem, como o compartilhar do facebook*/
	}

.subMenu li a:link, .subMenu li a:visited {
	display: block; /* block ou inline ou none */
	padding: 0;
	border-bottom: 1px solid #aaa;
	background-color: #c63;
	text-decoration: none;
	width: 98px;
	color: #fff;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	height: 30px;
	line-height: 24px;
	}

.subMenu li:hover a, .subMenu li a:active, .subMenu li a:hover {
	display: block; /* block ou inline ou none */
	padding: 0;
	border-bottom: 1px solid #aaa;
	background-color: #c63;
	text-decoration: none;
	width: 98px;
	color: #ccc;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	height: 30px;
	line-height: 24px;
	}

/*SUBdoSUBMENU*/
.subMenuVertical {
	margin:0;
	list-style: none;
	display: none; /* block ou inline ou none */
	width:126px;
	position: absolute;
	left: 128px;
	top: 0; /* Se o submenu ficar afastado do menu, sera desativado quando o cursor do mouse descer. */
	}

.menuHorizontal .menuVertical li:hover .subMenuVertical {
	display:block;
	}

.subMenuVertical li a:link, .subMenuVertical li a:visited {
	display: block; /* block ou inline ou none */
	padding: 0;
	border-bottom: 1px solid #999;
	background: url("../imagens/degrade/verdeEscuro.png") repeat-x;
	text-decoration: none;
	width: 126px;
	color: #fff;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	height: 30px;
	line-height: 30px;
	}

.subMenuVertical li:hover a, .subMenuVertical li a:active, .subMenuVertical li a:hover {
	display: block; /* block ou inline ou none */
	padding: 0;
	border-bottom: 1px solid #999;
	background: url("../imagens/degrade/verdeClaro.png") repeat-x;
	text-decoration: none;
	width: 126px;
	color: #ccc;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	height: 30px;
	line-height: 30px;
	}







/*BLOCO PRINCIPAL*/
#corpo {
width: 100%;
height: auto;
margin: 10px 0;
clear: both;
}

#conteudo {
width: 900px;
height: auto;
margin: 0 auto; /* Centraliza a pagina nos bons navegadores */
padding: 0;
text-align: left; /* Neutraliza a centralizacao do texto feita por causa do IE 5.5 e inferior */
}

/*DIVIDINDO EM COLUNAS*/
.colunas {
display: grid; /*ou inline-grid*/
/*grid-row-gap: 5px;
grid-column-gap: 5px;*/
grid-template-columns: 150px auto 150px;
}
.colunas > div {
/*background-color: #ccc; rgba(255, 255, 255, 0.8); (valores rgba: 0 a 255, 0 a 255, 0 a 255, 0 a 1(transparencia a opacidade))*/
/*border: 1px solid rgba(0, 0, 0, 0.8);*/
/*padding: 10px;*/
text-align: left;
}
.col-esquerda {
grid-column-start: 1;
grid-column-end: 2;
}
.col-centro {
grid-column-start: 2;
grid-column-end: 3;
}
.col-direita {
grid-column-start: 3;
grid-column-end: 4;
}





main {
width: 900px;
height: auto;
float: left;
}

/*BLOCOS LATERAIS*/
aside {
width: 140px;
height: auto;
}

aside.esquerda {
margin-right: 10px;
float: left;
}

aside.direita {
margin-left: 10px;
float: right;
}

.asideDiv {
width: 140px;
height: auto;
margin: 5px 0;
}

.anuncios {
	width: 140px;
	height: auto;
	margin: 5px;
	}

#texto {
width: 750px;
height: auto;
float: left;
}

section, article {
width: auto;
height: auto;
margin: 20px 0;
}

.uinteiro {
width: 100%;
margin-bottom: 10px;
}
.umeio {
width: 50%;
float: left;
}

.uterco {
width: 33%;
float: left;
}

.uquarto {
width: 25%;
float: left;
}

.dterco {
width: 67%;
float: left;
}
.tquarto {
width: 75%;
float: left;
}


.articleAviso {
	width: 680px;
	height: auto;
	margin: 5px 5px 5px 50px;
	font-size: 10pt;
	font-weight: bold;
	clear: both;
	}

/*DIV DE IMAGENS DE PRODUTOS*/

figure.produtos {
	width: 200px;
	border: 1px solid #ccc;
	margin: 3px;
	padding: 8px;
	color: #900;
	float: left;
}


.produtos {
	width: 200px;
	height: auto;
}

.articleProdutos {
	width: 730px;
	height: auto;
	margin: 5px;
	background: #900;
	clear: both;
	}

.produtoEsquerda {
	margin: 10px;
	border: 1px solid #ccc;
	width: 160px;
	height: auto;
	float: left;
	}

.produtoCentro {
	margin: 0 95px 10px 95px;
	border: 1px solid #ccc;
	width: 160px;
	height: 300px;
	float: left;
	}

.produtoDireita {
	margin: 10px;
	border: 1px solid #ccc;
	width: 160px;
	height: auto;
	float: right;
	}

img.produto {
	margin: 5px;
	width: 150px;
	height: auto;

	z-index: 1; /*Evita que a imagem fique sobreposta a outros objetos*/
	}

img.produtoX:hover {
	width: 250px;
	height: 340px;
	position: relative;
	left: 0;
	top: 5px;
	z-index: 2; /*Evita que a imagem fique sobreposta a outros objetos*/
	}

.articleDiv {
	width: 730px;
	height: auto;
	margin: 5px;
	clear: both;
	}

.articlePdf {
	width: 730px;
	height: auto;
	margin: 5px;
	padding-bottom: 5px;
	clear: both;
	}

.articleVideo {
	width: 730px;
	height: auto;
	margin: 5px;
	padding-bottom: 5px;
	text-align: center;
	clear: both;
	}











/*LINKS DO CABECALHO*/
a.linkHeader {
	color: #fff;
	text-decoration: none;
	}



/*ENVIAR FORMULARIO PHP*/
fieldset {
	width:688px;
	margin:15px;
	padding: 10px;
	border: 1px solid #eee;
	border-radius: 16px;
	box-shadow: #ccc 10px 10px 50px, #ccc -10px -10px 50px;
	-webkit-box-shadow: #ccc 10px 10px 50px, #ccc -10px -10px 50px;
	-moz-box-shadow: #ccc 10px 10px 50px, #ccc -10px -10px 50px;
	}

legend {
	color: #060;
	text-align: center;
	}

label {
	width: 128px;
	height: 30px;
	margin-bottom: 5px;
	border:solid 1px #fff;
	float: left;
	}

input {
	width:550px;
	height: 30px;
	margin-bottom: 5px;
	color:#333;
	border:solid 1px #ccc;
	background-color: #eee;
	float: right;
	}

textarea {
	width:550px;
	margin-bottom: 5px;
	border:solid 1px #ccc;
	background-color: #eee;
	float: right;
	}

.divBotao {
	width: 688px;
	height: 50px;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	border-radius: 0 0 10px 10px;
	clear: both;
	}

.divBotaoE {
	width: 229px;
	height: 40px;
	margin: 5px;
	float: left;
	text-align: center;
	}

.divBotaoC {
	width: 200px;
	height: 40px;
	margin: 5px;
	float: left;
	text-align: center;
	}

.divBotaoD {
	width: 229px;
	height: 40px;
	margin: 5px;
	float: right;
	text-align: center;
	}

input.botao {
	width:200px;
	height: 40px;
	background-color: #060;
	color: #fff;
	border-radius: 30px;
	}

small {
	color:#fff;
	}

small.erro {
	color:#c00;
	}

/*SLIDESHOW*/
#slide {
	width: 580px; 
	overflow: hidden; 
	height: 435px; 
	margin: 30px auto; 
	box-shadow: 0 0 8px #000; 
	position: relative; 
	} 

#slide img {
	position: absolute; 
	z-index: 1; 
	display: none; 
	left: 0; 
	} 

#slide p {
	z-index:2; 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	padding: 10px; 
	font-family: Arial; 
	font-size: 14px; 
	background: rgba(200,200,200,0.5); 
	color: #630; 
	}

/*TAGS HEADINGS*/
h1, h2, h3 {
	margin-bottom: 10px;
	padding: 0;
	text-align: center;
	}

h1.slogan {
	color: #060;
	font-size: 12pt;
	text-align: center;
	background-color: transparent;
	}

h2.nomeProduto {
	width: 140px;
	margin: 5px;
	font-size: 10pt;
	color: #fff;
	text-align: center;
	background: #069;
	}

h4 {
	margin: 5px 0;
	padding: 5px;
	color: #fff;
	text-align: center;
	background-color: #c63;
}

h5 {
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
	font-size: 10pt;
	}

/*TAGS PARAGRAFOS*/
p {
	text-align: left;
	text-indent: 0;
	padding: 5px;
	}

p.precoProduto {
	text-align: center;
	text-indent: 0;
	margin: 5px;
	color: #c00;
	font-weight: bold;
	}

p.transcricao {
	text-align: left;
	text-indent: 0;
	padding-left: 50px;
	color: #666;
	}

p.direita {
	text-align: right;
	text-indent: 0;
	padding: 5px;
	}

p.fone {
	text-align: center;
	text-indent: 0;
	padding: 5px;
	font-size: 14pt;
	font-weight: bold;
	color: #fff;
	}

p.email {
	text-align: center;
	text-indent: 0;
	padding: 5px;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	}

p.paginaAtual {
	text-align: center;
	text-indent: 0;
	padding: 0;
	font-size: 10pt;
	font-weight: bold;
	color: #060;
	}

/*LINKS EM GERAL*/
a:link {
color: #009;
}

a:visited {
color: #900;
}	

a:active {
background-color: #090;
}	

a:hover {
color: #990;
}


/*LINHAS HORIZONTAIS*/
hr {
border: 0;
width: 100%;
height: 2px;
margin: 10px 0;
background-color: #c63;
text-align: center;
clear: both;
}

hr.transparente {
width: 100%;
height: 1px;
border: 0;
margin: 0;
background: transparent;
clear: both;
}

hr.divisoria {
width: 100%;
height: 1px;
border: 0;
margin-bottom: 10px;
background: #ccc;
}

hr.cega {
	border: 0;
	width: 100%;
	height: 2px;
	margin: 10px 0;
	background-color: #fff;
	text-align: center;
	clear: both;
	}

hr.produtos {
	border: 0;
	width: 100%;
	height: 2px;
	margin: 10px 0;
	background-color: #c63;
	text-align: center;
	clear: both;
	}



/*TABELAS*/
table {
	border-collapse: collapse;
	width: auto;
	margin: 5px;
	font-size: 10pt;
	}

caption {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #c63;
	font-weight: bold;
	font-size: 12pt;
	color: #c63;
	padding: 10px 0;
	}

thead th {
	text-align: center; /* Valores: left, right, center ou justify */
	vertical-align: middle; /* Valores: top, middle ou bottom */
	background-color: #eee;
	border: 1px solid #c63;
	padding: 5px;
	}

th.tha {
width: 600px;
}
th.thb {
width: 100px;
}
th.thc {
width: 500px;
}
th.thd {
width: 200px;
}

tbody td {
vertical-align: middle; /* Valores: top, middle ou bottom */
border: 1px solid #c63;
padding: 5px;
}

td.tda {
text-align: left;
}
td.tdb {
text-align: center;
}
td.tdc {
text-align: right;
}

tr.tra td {
	background-color: #fff;
	}
tr.trb td {
	background-color: #eee;
	}

tfoot td {
text-align: center; /* Valores: left, right, center ou justify */
vertical-align: middle; /* Valores: top, middle ou bottom */
background-color: #eee;
border: 1px solid #c63;
padding: 5px;
}



/*LOCALICAO*/
p.paginaAtual {
	text-align: center;
	text-indent: 0;
	padding: 0;
	font-size: 10pt;
	font-weight: bold;
	color: #060;
	}

/*LISTAS*/
ul.primNivel {
	list-style-type: square;
	list-style-position: inside;
	padding: 5px;
	}

ul.seguNivel {
	list-style-type: square;
	list-style-position: inside;
	padding: 5px 5px 5px 20px;
	}

ul.tercNivel {
	list-style-type: square;
	list-style-position: inside;
	padding: 5px 5px 5px 35px;
	}

ul.quarNivel {
	list-style-type: square;
	list-style-position: inside;
	padding: 5px 5px 5px 50px;
	}

ol.primNivel {
	list-style-type: decimal;
	list-style-position: inside;	
	padding: 5px;
	}

ol.seguNivel {
	list-style-type: decimal;
	list-style-position: inside;
	padding: 5px 5px 5px 20px;
	}

ol.tercNivel {
	list-style-type: decimal;
	list-style-position: inside;
	padding: 5px 5px 5px 35px;
	}

ol.quarNivel {
	list-style-type: decimal;
	list-style-position: inside;
	padding: 5px 5px 5px 50px;
	}

/*ESTILO DAS ANCORAS*/
.ancoraUm {
	list-style-type: none;
	list-style-position: inside;
	padding: 5px;
	}

.ancoraUm li a:link, .ancoraUm li a:visited {
	text-decoration: none;
	color: #666;
	font-weight: bold;
	}

.ancoraUm li:hover a, .ancoraUm li a:active, .ancoraUm li a:hover {
	text-decoration: none;
	color: #060;
	font-weight: bold;
	}

.ancoraDois {
	list-style: none;
	}

.ancoraDois li {
	float: left;
	position: relative;	
	}

.ancoraDois li a:link, .ancoraDois li a:visited {
	display: block;
	padding: 5px;
	text-decoration: none;
	width: auto;
	color: #f90;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	}

.ancoraDois li:hover a, .ancoraDois li a:active, .ancoraDois li a:hover {
	display: block;
	padding: 5px;
	text-decoration: none;
	width: auto;
	color: #999;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	}

/*BOTOES*/
.botaoCadastrar {
	width: 730px;
	height: 50px;
	margin: 10px;
	padding: 0;
	text-align: center;
	clear: both;
	}

.botaoUm {
	width: 50px;
	margin: 0 auto;
	padding: 5px 10px;
	border-radius: 25px;
	background-color: #030;
	text-align: center;
	}

.botaoLink {
	width: auto;
	height: 30px;
	padding: 10px;
	text-align: center;
	clear: both;
	}

.imgBotao {
	margin: 0;
	width: 150px;
	height: 30px;
	}

.botaoLink a:link, .botaoLink a:visited {
	text-decoration: none;
	color: #060;
	font-weight: bold;
	}

/*MAPA DO GOOGLE*/
.divMapaGoogle {
margin: 10px;
padding: 10px;
text-align: center;
}

/*BLOCOS PARA REDES SOCIAIS*/
#redeSocial {
	width: 740px;
	height: 30px;
	margin: 5px;
	}

#redeSocialGoogle {
	width: 80px;
	height: 25px;
	margin-left: 5px;
	float: left;
	}

#redeSocialTwitter {
	width: 100px;
	height: 25px;
	margin-left: 5px;
	float: left;
	}

#redeSocialFacebook {
	width: 200px;
	height: 25px;
	margin-left: 5px;
	float: left;
	}

#redeSocialOUTRA {
	width: 185px;
	height: 25px;
	margin-left: 5px;
	float: left;
	}

abbr, acronym {
	border: none;
	color: #009;
	cursor: help;
	}


.txtEsq {
	margin: 0 0 20px 0;
	width: 420px;
	height: auto;
	float: left;
	}

.txtCen {
	margin: 0 20px 20px 20px;
	width: 420px;
	height: auto;
	float: left;
	}

.txtDir {
	margin: 0 0 20px 0;
	width: 570px;
	height: auto;
	float: right;
	}

/*DIV DE IMAGENS DE PRODUTOS LATERAL*/
.imgEsq {
	margin: 0 0 20px 0;
	width: 140px;
	height: auto;
	float: left;
	}

.imgCen {
	margin: 0 20px 20px 20px;
	width: 140px;
	height: auto;
	float: left;
	}

.imgDir {
	margin: 0 0 20px 0;
	width: 140px;
	height: auto;
	float: right;
	}



/*ATRIBUTOS DAS IMAGENS DE PRODUTOS*/
img.imagemE {
	width: 140px;
	height: 140px;
	position: relative;
	left: 0;
	top: 0;
	z-index: 1; /*Evita que a imagem fique sobreposta a outros objetos*/
	}

img.imagemC {
	width: 140px;
	height: 140px;
	position: relative;
	left: 0;
	top: 0;
	z-index: 1; /*Evita que a imagem fique sobreposta a outros objetos*/
	}

img.imagemD {
	width: 140px;
	height: 140px;
	position: relative;
	left: 0;
	top: 0;
	z-index: 1; /*Evita que a imagem fique sobreposta a outros objetos*/
	}

img.imagemE:hover {
	width: 240px;
	height: 240px;
	position: relative;
	left: 0;
	top: 5px;
	z-index: 2; /*Evita que a imagem fique sobreposta a outros objetos*/
	}

img.imagemC:hover {
	width: 240px;
	height: 240px;
	position: relative;
	left: -120px;
	top: 5px;
	z-index: 2; /*Evita que a imagem fique sobreposta a outros objetos*/
	}

img.imagemD:hover {
	width: 240px;
	height: 240px;
	position: relative;
	left: -120px;
	top: 5px;
	z-index: 2; /*Evita que a imagem fique sobreposta a outros objetos*/
	}



/*DIV PARA DIREITOS AUTORAIS*/
.credito {
	width: 730px;
	height: 14px;
	background-color: #dcf;
	font-size: 8pt;
	text-align: center;
	}

.contador {
	width: 140px;
	height: 60px;
	background: url("http://www.deneb.com.br/imagens/degrade/ouro60.jpg") repeat-x;
	color: #000;
	font-family: Arial;
	font-weight: bold;
	font-size: 30pt;
	text-align: center;
	line-height: 60px;
	}







/*BLOCO DO RODAPE*/
footer {
width: 100%;
height: auto;
background-color: #c63;
color: #fff;
font-size: 10pt;
clear: both;
}

#rodape {
width: 900px;
height: auto;
margin: 0 auto;
}

#footerNav { 
	width: 888px;
	height: auto;
	margin: 6px;
	border-bottom: 2px solid #c60;
	clear: both;
	}

#footerNavHome {
	width: 96px;
	height: auto;
	float: left;
	margin: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#footerNavEste {
	width: 96px;
	height: auto;
	float: left;
	margin: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#footerNavLibe {
	width: 96px;
	height: auto;
	float: left;
	margin: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#footerNavInfo {
	width: 96px;
	height: auto;
	float: left;
	margin: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#footerNavFavo {
	width: 96px;
	height: auto;
	float: left;
	margin: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#footerNavEspo {
	width: 96px;
	height: auto;
	float: left;
	margin: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#footerNavLaze {
	width: 96px;
	height: auto;
	float: left;
	margin: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#footerNavPoli {
	width: 96px;
	height: auto;
	float: left;
	margin: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#footerNavTecn {
	width: 96px;
	height: auto;
	float: right;
	margin: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

li.destacado {
	font-weight: bold;
	}

#footerInfo {
	width: 890px;
	height: 60px;
	margin: 0 5px;
	border-top: 2px solid #c60;
	clear: both;
	}

#footerInfoW3c {
	width: 255px;
	height: 50px;
	padding: 5px 5px 5px 0;
	text-align: center;
	float: left;
	}

#footerInfoMaster {
	width: 356px;
	height: 50px;
	padding: 5px;
	border-left: 2px solid #c60;
	border-right: 2px solid #c60;
	text-align: center;
	float: left;
	}

small.infoMaster {
	color:#fff;
	}

#footerInfoAtz {
	width: 255px;
	height: 50px;
	padding: 5px 0 5px 5px;
	text-align: center;
	float: right;
	}

/*LINKS DO RODAPE*/
a.linkFooter {
	color: #fff;
	text-decoration: none;
	}

/*MENU FOOTER*/
.menuFooter {
	list-style: none;
	}

.menuFooter li a:link, .menuFooter li a:visited {
	text-decoration: none;
	color: #fff;
	}

.menuFooter li:hover a, .menuFooter li a:active, .menuFooter li a:hover {
	text-decoration: none;
	color: #999;
	}

/*SUBMENU FOOTER*/
.subMenuFooter {
	list-style: square;
	position: relative;
	left: 15px;
	}

.subMenuFooter li a:link, .subMenuFooter li a:visited {
	text-decoration: none;
	color: #ccc;
	}

.subMenuFooter li:hover a, .subMenuFooter li a:active, .subMenuFooter li a:hover {
	text-decoration: none;
	color: #fff;
	}