@charset "utf-8";
/* CSS Document */

/* --- RESET CSS and Basics ---*/

* {
	margin:0;
	padding:0;
	font-weight:normal;
}
html {
	height:100%;
	background:#000;
}
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#666;
	background: #FFF url(../img/body-wrap.gif) repeat-x left top;
}
h1, h2, h3, h4 {
	margin-bottom:16px;
}
ul, ol {
	list-style:none;
}
ul li, ol li {
	text-indent:0;
}
img, fieldset, input, textarea {
	border:none;
}
strong {
	font-weight:bold;
}
a {
	outline:none;
	text-decoration:none;
	cursor:pointer
}
input, textarea {
	float:left;
	margin: 0 0 20px;
	padding: 4px 4px 2px 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:12px;
	color:#999;
}
select {
	margin: 0 0 20px;
	padding:2px;
	width:180px;
	height:24px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:12px;
	color:#666;
}
optgroup {
	padding:4px 8px 2px;
	font-weight:bold;
}
option {
	padding:4px 8px 8px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#666;
}
label {
	clear:left;
	display:block;
	margin:0 0 12px;
	width:190px;
}
form div {
	float:left;
}
/* --- Header --- */

#header {
	position:relative;
	margin:0 auto;
	padding:26px 10px 20px;
	width:968px;
	height:74px;
}
#header h1 {
	margin-bottom:0;
}
h1#logo a {
	display:block;
	overflow:hidden;
	float:left;
	width:238px;
	height:74px;
	font-size:16px;
	text-indent:-9999px;
	color:#FFF;
	background:url(../img/logo.png) no-repeat 0 -92px;
}
/* Menu */
#header #menu {
	overflow:hidden;
	position:relative;
	float:right;
	margin:25px 0 0;
	width:627px;
	height:51px;
}
#header #menu li {
	display:inline;
	float:left;
}
#header #menu li a {
	overflow:hidden;
	display:block;
	float:left;
	height:51px;
	color:#FFF;
	text-indent:-9999px;
}
#header #menu li#home a {
	width:107px;
	background:url(../img/menu.png) no-repeat 0 0;
}
#header #menu li#grupo a {
	width:103px;
	background:url(../img/menu.png) no-repeat -107px 0;
}
#header #menu li#produtos a {
	width:103px;
	background:url(../img/menu.png) no-repeat -210px 0;
}
#header #menu li#aplicacoes a {
	width:103px;
	background:url(../img/menu.png) no-repeat -313px 0;
}
#header #menu li#cotacao a {
	width:103px;
	background:url(../img/menu.png) no-repeat -416px 0;
}
#header #menu li#contatos a {
	width:108px;
	background:url(../img/menu.png) no-repeat -519px 0;
}
#header #menu li#home a:hover {
	width:107px;
	background:url(../img/menu.png) no-repeat 0 -52px;
}
#header #menu li#grupo a:hover {
	width:103px;
	background:url(../img/menu.png) no-repeat -107px -52px;
}
#header #menu li#produtos a:hover {
	width:103px;
	background:url(../img/menu.png) no-repeat -210px -52px;
}
#header #menu li#aplicacoes a:hover {
	width:103px;
	background:url(../img/menu.png) no-repeat -313px -52px;
}
#header #menu li#cotacao a:hover {
	width:103px;
	background:url(../img/menu.png) no-repeat -416px -52px;
}
#header #menu li#contatos a:hover {
	width:108px;
	background:url(../img/menu.png) no-repeat -519px -52px;
}
#header #menu li#home.active a {
	width:107px;
	background:url(../img/menu.png) no-repeat 0 -52px;
}
#header #menu li#grupo.active a {
	width:103px;
	background:url(../img/menu.png) no-repeat -107px -52px;
}
#header #menu li#produtos.active a {
	width:103px;
	background:url(../img/menu.png) no-repeat -210px -52px;
}
#header #menu li#aplicacoes.active a {
	width:103px;
	background:url(../img/menu.png) no-repeat -313px -52px;
}
#header #menu li#cotacao.active a {
	width:103px;
	background:url(../img/menu.png) no-repeat -416px -52px;
}
#header #menu li#contatos.active a {
	width:108px;
	background:url(../img/menu.png) no-repeat -519px -52px;
}
/* --- Main --- */

#main {
	position:relative;
	margin:0 auto;
	width:978px;
}
#boxcontent-nav {
	width:978px;
	height:301px;
	background:url(../img/redbox.png) no-repeat left top;
}
#boxcontent-sub {
	padding:70px 120px;
	width:738px;
	height:91px;
	background:url(../img/redbox.png) no-repeat left bottom;
}
#boxcontent-sub.op {
	padding:50px 120px;
	height:131px;
}
#boxcontent-sub h2, #boxcontent-sub h3 {
	margin:0;
}
#boxcontent-sub h3, #boxcontent-sub p {
	text-align:center;
	color:#FFF;
}
#boxcontent-sub h3 {
	font-size:23px;
}
#boxcontent-sub p {
	margin:10px 0 0;
	font-size:13px;
	line-height:22px;
}
#boxcontent-sub p span {
	color:#FFF;
}
/* FLASH */
#banner {
	position:relative;
	margin:0 auto;
	padding:18px 0 0 0;
	width:943px;
	height:265px;
}
/* Conteúdo */
#content {
	position:relative;
	float:left;
	padding:38px 14px 50px;
	width:950px;
}
#content p {
	margin-bottom:18px;
	font-size:14px;
	text-align:justify;
	line-height:1.6em;
	color:#666;
}
#content p strong {
	color:#333;
}
#content h2 {
	font: 23px "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-transform:uppercase;
	color:#333;
}
#content h3 {
	font-size: 17px;
	color:#333;
}
#content ul li {
	font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height:1.6em;
	color:#666;
}
.destaque {
	float:left;
	padding:0 66px 0 0;
	width:272px;
	text-align:justify;
}
.destaque a, .destaque a:visited {
	text-decoration:none;
	color:#666;
}
.destaque a:hover {
	text-decoration:underline;
}
.destaque h2 {
	height:42px;
}
.destaque h2 span {
	font: 23px "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
}
h2.icone-produtos {
	width:35px;
	background: url(../img/icons.png) no-repeat 0 0;
}
h2.icone-aplicacoes {
	width:49px;
	background: url(../img/icons.png) no-repeat -43px 0;
}
h2.icone-news {
	width:52px;
	background: url(../img/icons.png) no-repeat -101px 0;
}
h2.icone-produtos span, h2.icone-aplicacoes span, h2.icone-news span {
	float:left;
	padding:6px 0 0 65px;
}
h2.icone-produtos span {
	padding-left:45px;
}
.last {
	padding-right:0 !important;
	margin-right:0 !important;
}
h2#logo-content a {
	display:block;
	overflow:hidden;
	float:left;
	width:300px;
	height:91px;
	font-size:18px;
	text-indent:-9999px;
	color:#FFF;
	background:url(../img/logo.png) no-repeat 0 0;
}
/* --- Sub-Navegação ---*/
#sub-nav ul {
	overflow:hidden;
	position:relative;
	float:left;
	width:364px;
	margin:52px 0 0 0;
}
#sub-nav li {
	float:left;
	padding:0 0 0 120px;
}
#sub-nav li a {
	display:block;
	float:left;
	font-size:13px;
	text-transform:uppercase;
	color:#FFF;
}
#sub-nav li a:hover {
	color:#000;
}
#sub-nav li .active {
	color:#000;
}
/* --- Navegação Produtos ---*/
#nav-produtos {
	float:left;
	margin:44px 0 0 48px;
	padding-right:26px;
	width:108px;
	height:212px;
	border-right: 1px solid #300;
}
#app #nav-produtos {
	width:184px;
}
#nav-produtos ul {
	overflow:hidden;
	float:left;
	margin:0;
	font-family:"Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
}
#app #nav-produtos li {
	float:left !important;
	padding:0 0 22px;
}
#nav-produtos li {
	padding:0 0 16px;
}
#nav-produtos li a {
	display:block;
	font-size:13px;
	text-transform:uppercase;
	color:#FFF;
}
#nav-produtos li a:hover {
	color:#000;
}
#nav-produtos li .active {
	color:#000;
}
/* Box Produtos */
#boxprodutos {
	float:left;
	margin:44px 0 0;
	padding-top:10px;
	width:718px;
	height:198px;
	border-left: 1px solid #aa3839;
}
/* Box Produtos Mão de Obras */
#boxprodutos.maodeobra {
	width:780px;
}
#boxprodutos h2, #boxprodutos p, #boxprodutos ul, #boxprodutos div {
	padding-left:26px;
}
#boxprodutos h2 {
	font:25px "Lucida Sans", Arial, Verdana, sans-serif;
	text-transform:uppercase;
	color:#FFF;
}
#boxprodutos p {
	margin:0;
	padding-right:36px;
	font:15px "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align:justify;
	line-height:25px;
	color:#FFF;
}
#boxprodutos ul#produtos {
	overflow:hidden;
	float:left;
	padding-top:18px;
	height:72px;
}
#boxprodutos ul#produtos li {
	display:inline;
	float:left;
	margin-right:10px;
	width:241px;
}
#boxprodutos ul#produtos li span {
	float:left;
	font:12px "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	text-align:left;
}
#boxprodutos ul#produtos li span, #boxprodutos ul#produtos li span a, #boxprodutos ul#pag-produtos li, #boxprodutos ul#pag-produtos li a {
	color:#FFF;
}
#boxprodutos ul#produtos li span.foto {
	float:left;
	margin:0 4px 0 0;
	width:78px;
	height:69px;
	border:1px solid #8d0e10;
}
#boxprodutos ul#produtos li span.download a {
	display:block;
	margin:5px 8px 0 0;
	width:32px;
	height:24px;
	text-indent:-9999px;
	cursor:pointer;
	background:url(../img/icon-pdf.png) no-repeat left top;
}
#boxprodutos ul#produtos li span.nome a {
	display:block;
	float:left;
	margin-top:2px;
	width:116px;
	height:auto;
	cursor:pointer;
}
#boxprodutos ul#produtos li span.titulo-produto a, #boxprodutos ul#pag-produtos li a {
	display:block;
	cursor:pointer;
}
#boxprodutos ul#produtos li span.btn-ficha-tecnica a {
	display:block;
	margin:14px 10px 0 1px;
	width:118px;
	height:24px;
	text-indent:-9999px;
	cursor:pointer;
	background:url(../img/ficha-tecnica.png) no-repeat left top;
}
#boxprodutos ul#produtos li span.btn-ficha-tecnica a:hover {
	height:27px;
	background:url(../img/ficha-tecnica.png) no-repeat left -24px;
}
#boxprodutos ul#produtos li span.btn-ficha-tecnica a.active {
	height:27px;
	background:url(../img/ficha-tecnica.png) no-repeat left -24px;
}
.grid {
	width:780px !important;
}
/* Paginação Produtos */
#boxprodutos ul#pag-produtos {
	overflow:hidden;
	clear:both;
	float:left;
	padding-top:32px;
	width:768px;
	height:40px;
}
#boxprodutos ul#pag-produtos li {
	float:left;
	font:15px "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
#boxprodutos ul#pag-produtos li a {
	display:block;
	float:left;
	padding-top:7px;
	width:38px;
	height:32px;
	text-align:center;
}
#boxprodutos ul#pag-produtos li a:hover, #boxprodutos ul#pag-produtos li a.active {
	background: url(../img/pag-over-active.png) no-repeat left top;
}
/* Botões */
#btns {
	position:absolute;
	top:38px;
	right:2px;
	width:200px;
}
/* Provisório */
.contatos {
	position:absolute;
	top:38px;
	right:12px;
	width:auto;
}
a.btn {
	display:block;
	outline:none;
	height:30px;
	cursor:pointer;
	text-indent:-9999px;
	color:#FFF;
	background:url(../img/buttons.png) no-repeat;
}
a#btn-cotacao {
	width:182px;
	background-position: right top;
}
a#btn-sac {
	margin:16px auto 0;
	width:340px;
	background: url(../img/btn-sac.png);
}
a#btn-trabalhe-conosco {
	width:240px;
	background: url(../img/btn-trabalhe-conosco.png);
}
/* Características e Tabelas do Produto - Mão de Obra */
#caracteristicas, .caracteristicas, #tabela, #maodeobra {
	position:relative;
	float:left;
}
#caracteristicas, .caracteristicas {
	margin:30px 140px 20px 0;
	width:385px;
}
/* Retirando pixel do margin right - Manta de Fibra Cerâmica */
#caracteristicas.manta, #caracteristicas.modulo, #caracteristicas.fita, #caracteristicas.gaxeta, #caracteristicas.tecido {
	margin:30px 60px 20px 0;
}
#caracteristicas.placa {
	margin:30px 102px 20px 0;
}
#caracteristicas.modulo {
	margin:30px 69px 20px 0;
}
#caracteristicas.papel {
	margin:30px 119px 20px 0;
}
.caracteristicas.manta {
	margin:30px 90px 20px 0;
}
#content.maodeobra #caracteristicas {
	margin:30px 117px 20px 0;
}
#tabela, #tabela-aux, #maodeobra {
	margin:40px 0 0 0;
}
#tabela img, #tabela-aux, #tabela span {
	float:left;
}
#tabela span#arrow {
	margin-right:7px;
	width:18px;
	height:31px;
	background:url(../img/bullets.gif) no-repeat left top;
}
#tabela.tabela .condicoes {
	margin:0;
}
#tabela.tabela img {
	clear:both;
	margin-bottom:22px;
}
.aplicacao {
	width:558px !important;
}
#caracteristicas.aplicacao {
	margin-right:0;
	width:392px !important;
}
/* --- Footer --- */
#footer {
	clear:both;
	width:100%;
	height:241px;
	background:#000 url(../img/footer-wrap.gif) repeat-x left top;
}
#footer-inside {
	margin:0 auto;
	padding:36px 10px 0;
	width:958px;
	height:205px;
	color:#CCC;
}
#footer-inside p {
	font:12px "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	line-height:18px;
	text-align:center;
}
/* --- Colunas Footer --- */

#col-1, #col-2, #col-3 {
	float:left;
}
#col-1, #col-3 {
	padding-top:4px;
	width:139px;
}
#col-2 {
	width:680px;
	text-align:center;
}
#col-1 {
	text-align:left;
}
#col-3 {
	text-align:right;
}
/* --- Unidades e Telefones  --- */

.tel li {
	padding-bottom:30px;
	font:12px "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	text-transform:uppercase;
	color:#FFF;
}
.tel li span {
	color:#C00;
}
/* --- Logo Footer --- */

h3#logo-footer a {
	display:block;
	overflow:hidden;
	margin:0 auto;
	width:168px;
	height:54px;
	font-size:14px;
	text-indent:-9999px;
	color:#FFF;
	background:url(../img/logo.png) no-repeat 0 -167px;
}
/* --- Navegação Footer ---*/
#footer #nav-footer {
	padding-left:8px;
}
#footer #nav-footer ul {
	overflow:hidden;
	margin: 24px auto 24px;
	width:602px;
}
#footer #nav-footer li {
	float:left;
	padding:0 6px;
	border-right:#CCC 1px solid;
}
#footer #nav-footer li a {
	display:block;
	font-size:13px;
	text-transform:uppercase;
	color:#CCC;
}
#footer #nav-footer li a:hover {
	text-decoration:underline;
}
#footer #nav-footer li.last {
	padding-right:0;
	border-right:none;
}
/* --- Formulário ---*/

#news {
	padding-right:0;
	width:174px;
	height:18px;
	background: url(../img/form.png) no-repeat 0 -215px;
}
#btn-news-enviar {
	cursor:pointer;
	padding:0;
	width:77px;
	height:30px;
	font-size:0;
	background: url(../img/form.png) no-repeat -189px -215px;
}
/* Unidades */
.unidade {
	position:relative;
	float:left;
	padding:0 66px 60px 0;
	width:272px;
}
.unidade img {
	margin-bottom:30px;
}
.unidade h2 {
	color:#C00 !important;
}
.unidade p {
	font-size:13px !important;
	text-align:left;
}
.last-bottom {
	padding-bottom:0;
}
#form-gtex input {
	background: url(../img/form.png) no-repeat left top;
	height:18px;
}
#form-gtex .col {
	width:408px;
}
#form-gtex .col:first-child {
	width:530px;
}
#form-gtex table {
	clear:both;
	float:left;
}
#Nome {
	width:376px;
}
#Email {
	width:266px;
}
#Telefone {
	text-align:center
}
#Cidade {
	width:194px;
}
#Estado {
	width:70px;
	text-align:center;
}
.cotacao {
	clear:both;
	position:relative;
	float:none;
	margin: 0 auto;
	padding-top:20px;
	width:426px;
	height:100%;
}
label.cotacao {
	margin-bottom:6px;
	width:auto;
}
.cotacao.qtd {
	padding-left:8px;
}
.cotacao #btn-enviar, .cotacao #add {
	float:none;
	margin:0 !important;
}
#Produto {
	width:348px !important;
}
#Quantidade {
	width:26px !important;
	text-align:center;
}
#Mensagem {
	overflow:auto;
	margin:0;
	padding-top:9px;
	width:390px;
	height:86px;
	background: url(../img/form.png) no-repeat 0 -25px;
}
#btn-enviar {
	float:left;
	margin:0 0 0 332px !important;
	padding:0 !important;
	width:77px;
	height:30px !important;
	font-size:0;
	cursor:pointer;
	background: url(../img/buttons.png) no-repeat -111px top !important;
}
#btn-enviar.enviar {
	clear:both;
	margin:20px 0 0 170px !important;
}
a#add {
	outline:none;
	display:block;
	float:left;
	padding:0 !important;
	width:110px;
	height:30px !important;
	font-size:0;
	text-indent:-9999px;
	cursor:pointer;
	background: url(../img/add.gif) left top !important;
}
#buttons {
	/*margin:0 184px;*/
	margin:0 100px;
}
.cotacao span.right-border {
	margin:0 10px 0 0 !important;
}
span.right-border {
	float:left;
	margin:0 20px 0 0;
	width:8px;
	height:24px;
	background: url(../img/form.png) no-repeat right top;
}
span.bottom-border {
	clear:both;
	float:left;
	margin:0 0 20px;
	width:406px;
	height:4px;
	background: url(../img/form.png) no-repeat left -147px;
}
label.space {
	padding-top: 75px;
}
body#trabalheconosco #main #boxcontent-sub p {
	padding:20px 0 0;
	font-size: 15px;
}
/* Placas */
#content .conteudo {
	position:relative;
	float:left;
}
.placa {
	cursor:pointer;
}
/* Mão de Obra e Aplicações */
#maodeobra {
	width:448px;
}
#maodeobra p#descricao {
	float:left;
	margin-top:22px;
}
#content #caracteristicas h3 {
	clear:both;
	float:left;
	margin:0 0 7px 14px;
}
ul.list, ul.list li, ul.list li a, ul.list li a span.selected {
	display:block;
}
ul.list {
	margin-bottom:20px;
}
ul.list li, ul.list li a {
	color:#ba0f10 !important;
}
ul.list li {
	clear:both;
	margin-bottom: 7px;
}
/* Mão de Obra */
#content.maodeobra ul.list li {
	margin-bottom: 14px;
}
ul.list li a {
	padding-left:14px;
	cursor:pointer;
}
ul.list li a:hover, ul.list li a.selected {
	background:url(../img/bullets.gif) no-repeat -16px -6px;
}
/* Botões Placas*/
.btn-placa {
	display:block;
	padding-top:13px;
	width:315px;
	height:39px;
	font-family:"Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background:url(../img/btn-placa.png) no-repeat left top;
}
.btn-placa:hover, .btn-placa.active {
	color:#000;
	background-position: left bottom;
}
div.placa {
	clear:both;
	float:left;
	margin:8px 0;
}
.pdf {
	margin:14px 0 0 14px !important;
}
.pdf a {
	color:#C00;
}

/* ASP.NET - Formulários */
#msgbox-sucesso 
{
	background:url(../img/msgbox-sucesso.jpg) no-repeat left top;
	width:581px;
	height:346px;
	display:none;
}
#msgbox-erro 
{
	background:url(../img/msgbox-erro.jpg) no-repeat left top;
	width:581px;
	height:346px;
	display:none;
}
