@font-face {
    font-family: 'bauhaus_93regular';
    src: url('../../fonts/bauhs93-webfont.eot');
    src: url('../../fonts/bauhs93-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/bauhs93-webfont.woff') format('woff'),
         url('../../fonts/bauhs93-webfont.ttf') format('truetype'),
         url('../../fonts/bauhs93-webfont.svg#bauhaus_93regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {
    margin: 0;
    padding: 0;
}

body {
    background: url(../../imagens/bg_body.jpg) repeat center 168px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a {
    color: #464646;
    outline: none;
    text-decoration: none;
}

h1 span,
h2 span,
h3 span { display: none; }

ul { list-style: none; }
/********
  GERAL
********/

.clear {
    clear: both;
}

.btLink {
    color: #65abd1;
    font-size: 11px;
    float: right;
    margin-right: 3px;
    margin-top: 3px;
}
.btLink:hover { color: #054d74; }

.btConfira {
	color: #65abd1;
    font-size: 11px;
}
.btConfira:hover { color: #054d74; } 

.btnVoltar {
    float: right;
}

.bordaHorizontal { background: url(../../imagens/borda-noticia.jpg) repeat-x left top; height: 1px; width: 100%;}

.paginacao { 
    color: #737373; 
    font-size: 11px;    
    margin-top: 5px;
    word-spacing: 5px;
}

/************
    Header
*************/

#header {
    background: url(../../imagens/bg_header.png) repeat-x left top;
    height: 174px;
    position: relative;
    z-index: 500px;
}

#headerCorpo {
    margin: 0 auto;
    width: 954px;
}

#headerCorpo h1 { float: left; }

.textoHeader {
    background:url(../../imagens/detalhe-header.png) no-repeat left center;
    color: #515151;
    float: right;
    height: 110px;
    margin-top: 35px;
    text-align: right;
    width: 250px;
}
.textoHeader p { padding-bottom: 5px; }

.infoHeader {
    color: #515151;
    float: left;
    height: 110px;
    margin-top: 35px;
    width: 470px;
    text-align: center;
}

.infoHeader .nome{font-size: 50px; font-family: 'bauhaus_93regular'; color: #443684;}

.infoHeader .descricao{font-weight: bold; font-size: 15px;}

/************
  Container
*************/

#container {
    margin: 0 auto;
    width: 990px;
}

/************
     Nav
*************/

#nav {
    float: left;
    margin-top: 5px;
    width: 211px;
}

#nav li { 
    background: url(../../imagens/borda-menu.jpg) repeat-x left bottom; 
    cursor: pointer;
    padding-bottom: 7px;
    padding-top: 4px;
}

#nav li a {     
    display: block; 
    height: 19px;
}
#nav li a span { display: none; }

#nav li a.btInicial { background: url(../../imagens/menu_pag-inicial.png) no-repeat left top; }
#nav li:hover a.btInicial { background: url(../../imagens/menu_pag-inicial_over.png) no-repeat left top; }

#nav li a.btInstitucional { background: url(../../imagens/menu_institucional.png) no-repeat left top; }
#nav li:hover a.btInstitucional  { background: url(../../imagens/menu_institucional_over.png) no-repeat left top; }

#nav li a.btCorteDobra { background: url(../../imagens/menu_corte-dobra.png) no-repeat left top; }
#nav li:hover a.btCorteDobra { background: url(../../imagens/menu_corte-dobra_over.png) no-repeat left top; }

#nav li a.btMateriaisContr { background: url(../../imagens/menu_materiais-constr.png) no-repeat left top; }
#nav li:hover a.btMateriaisContr { background: url(../../imagens/menu_materiais-constr_over.png) no-repeat left top; }

#nav li a.btAcessoriosSerralheria { background: url(../../imagens/menu_acessorios-serralheria.png) no-repeat left top; }
#nav li:hover a.btAcessoriosSerralheria { background: url(../../imagens/menu_acessorios-serralheria_over.png) no-repeat left top; }

#nav li a.btProdutosTramontina { background: url(../../imagens/menu_tramontina.png) no-repeat left top; }
#nav li:hover a.btProdutosTramontina { background: url(../../imagens/menu_tramontina_over.png) no-repeat left top; }

#nav li a.btClientes { background: url(../../imagens/menu_clientes.png) no-repeat left top; }
#nav li:hover a.btClientes { background: url(../../imagens/menu_clientes_over.png) no-repeat left top; }

#nav li a.btNoticias { background: url(../../imagens/menu_noticias.png) no-repeat left top; }
#nav li:hover a.btNoticias { background: url(../../imagens/menu_noticias_over.png) no-repeat left top; }

#nav li a.btContato { background: url(../../imagens/menu_contato.png) no-repeat left top; }
#nav li:hover a.btContato { background: url(../../imagens/menu_contato_over.png) no-repeat left top; }

/************
   content
*************/
#content {
    background: url(../../imagens/bg_corpo.png) repeat-y left top;
    float: left;
    margin-left: -5px;
    margin-top: -7px;
    width: 784px;
}
.bordaInferior { 
    background: url(../../imagens/bg_corpo-baixo.png) no-repeat left top;     
    height: 19px;
    margin-left: 206px;    
    width: 784px;
}

.blocoContent { margin: 25px 0 0 20px; }

/************
    Home
*************/
.blocoHomeBanner {
    margin-top: -25px;
    margin-bottom: 25px;
}

.blocoHomeInstitucional {
    height: 175px;
    margin-bottom: 30px;
    width: 747px;
}
.blocoHomeInstitucional img { float: left; margin-right: 20px; }
.blocoHomeInstitucional h2 img { display: block; margin: 0 0 10px -2px; }
.blocoHomeInstitucional p { color: #737373; margin-bottom: 10px; }

.blocoHomeProdutos {
    float: left;
}

.homeChapa {
    background: url(../../imagens/bg_home-chapa.png) no-repeat left top;
    height: 167px;
    margin-left: 10px;	
    padding-left: 132px;
    padding-right: 10px;
    padding-top: 30px;
	position: relative;
}
.homeChapa h2 { margin-bottom: 8px; }
.homeChapa p, .homeMateriais p, .homeTramontina p { height: 60px; overflow: hidden; }

.homeChapa .produtoLink {
	left: 310px;
	position: absolute;
	top: 120px;
}

.homeMateriais {
    background: url(../../imagens/bg_home-materiais-constr.png) no-repeat left top;
    height: 167px;
    margin-left: 15px;	
    padding-left: 167px;
    padding-right: 10px;
    padding-top: 30px;
	position: relative;
    width: 196px;
}
.homeMateriais h2 { margin-bottom: 8px; }

.homeMateriais .produtoLink {
	left: 331px;
	position: absolute;
	top: 120px;
}

.homeTramontina {
    background: url(../../imagens/bg_home-tramontina.png) no-repeat left top;
    height: 167px;
    margin-left: 15px;  
    padding-left: 167px;
    padding-right: 10px;
    padding-top: 30px;
    position: relative;
    width: 196px;
}
.homeTramontina h2 { margin-bottom: 8px; }

.homeTramontina .produtoLink {
    left: 331px;
    position: absolute;
    top: 120px;
}

#blocoHomeNoticias { 
    background: url(../../imagens/borda-noticia.jpg) repeat-y;
    background-position: 230px 70px; 
    margin-top: 10px; 
    margin-bottom: 20px;
    width: 764px;
}

#blocoHomeNoticias a:hover { color: #000; }

.blocoNoticiasDestaque {     
    float: left;
    padding-right: 28px; 
    width: 202px;
}
.blocoNoticiasDestaque img { border: thin solid #a5a5a5; margin-bottom: 10px;}
.blocoNoticiasDestaque h3, .blocoNoticiasLinks h3 {
    color: #464646;
    font-size: 12px;
    text-transform: uppercase;
}
.blocoNoticiasDestaque .dataNoticia {
    color: #677779;
    font-size: 11px;
    display: block;
    margin: 3px 0;
}

.blocoNoticiasLinks {
    float: left;
    margin-left: 20px;
    width: 490px;
}
.blocoNoticiasLinks .dataNoticia {
    color: #677779;
    font-size: 11px;
    display: block;
    margin: 8px 0;
}

/******************
     Institucional
*******************/

#institucionalContent {    
    margin-bottom: 30px;
    margin-top: 25px;
    width: 747px;
}
#institucionalContent img { float: left; margin-right: 20px; padding-bottom: 7px;}
#institucionalContent h2 img { display: block; margin: 3px 0 10px -2px; }
#institucionalContent p { color: #737373; margin-bottom: 10px; }

#imgInstitucional { margin: 0 0 30px 0; }
#imgInstitucional img { margin-right: 9px; }

/******************
    Produtos
*******************/

#produtosContent { float: left; margin-bottom: 5px; min-height:450px; *min-height:470px;  }
#produtosContent a:hover { color: #000; }

.blocoProdutos {
    border-bottom: thin solid #ababab;
    color: #737373;
    font-size: 11px;
    padding: 15px 0;
    width: 554px;
}

.blocoProdutos h3 {
    color: #737373;
    font-size: 12px;
    margin-bottom: 10px;
}

.blocoProdutos a img { 
    border: thin solid #d4d5cf;
    margin-right: 10px;
    float: left;         
}

.prodNav {
    float: left;
    margin-left: 17px;
    margin-bottom: 5px;
    width: 162px;
}

.prodNav ul { margin-top: 15px; }
.prodNav ul li {
    border-bottom: thin solid #ababab;
    line-height: 25px;
}
.prodNav ul li a { color: #737373; }
.prodNav ul li a:hover { color: #000; }

/**PROTUDOS DESCRICAO **/

#produtosDescContent {font-size: 11px;width: 744px;min-height:450px; *min-height:470px;}

.tituloProduto {
    border-bottom: thin solid #ababab;
    color: #2f2f2f;
    margin-top: 20px;
    margin-left: 35px;
    margin-right: 35px;
    margin-bottom: 15px;
}
.tituloProduto h3 { font-size: 14px; }
.tituloProduto a:hover { color: #000; }

.btVideo {
    background: url(../../imagens/bt_video.png) no-repeat left top;
    display: block;
    float: left;
    height: 52px;
    margin-left: 35px;
    width: 284px;
}

.btDownload {
    background: url(../../imagens/bt_download.png) no-repeat left top;
    display: block;
    height: 52px;
    margin-left: 345px;
    width: 365px;
}

#produtoThumb {
    float: left;
    height: 405px;
    margin-left: 35px;
    overflow: auto;
    width: 175px;
}
#produtoThumb ul li { margin-bottom: 5px; }
#produtoThumb ul li img { border: thin solid #9e9e9e; }

#produtoImagem { 
    float: left;
    margin-left: 20px; 
    text-align: center;
}
#produtoImagem img { border: thin solid #9e9e9e; }
#produtoImagem p {
    background-color: #9e9e9e;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}
.produtoImagemLegenda {
    background-color: #9e9e9e;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}

#produtoEspecificacao { margin: 20px 0 30px; }

.produtoLabel { 
    border-top: thin solid #ababab;
    float: left;
    margin: 0 0 5px 35px;
    padding-top: 5px;
    width: 140px;
}

.produtoDireita {
    background-color: #ababab;
    float: left;
    margin-bottom: 10px;
    padding: 6px;
    width: 524px;
}

.produtoDireitaEspecificao {
    background-color: #ababab;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 6px;
    width: 254px;
}

.espaco {
    float: left;
    margin: 0 0 5px 35px;
    width: 140px;
}

.valor {
    color: #353635;
    float: right;
    font-size: 14px; 
    font-weight: bold;  
    margin-right: 30px; 
}

/************
   Clientes
*************/
#clientesContent { margin-bottom: 90px; }
#clientesContent img { margin-bottom: 15px; }

/************
   Noticias
*************/
#noticiasContent { margin-bottom: 10px; min-height:440px; *min-height:460px; }
#noticiasContent a:hover { color: #000; }

.blocoNoticias {
    border-bottom: thin solid #ababab;
    color: #737373;
    font-size: 11px;
    padding: 15px 0;
    width: 744px;
}

.blocoNoticias h3 {
    color: #737373;
    font-size: 12px;
}

.blocoNoticias .dataNoticia,
.blocoNoticiaDescricao span.dataNoticia {
    color: #000;
    font-size: 11px;
    display: block;
    margin: 6px 0;
}

.blocoNoticias a img { 
    border: thin solid #d4d5cf;
    margin-right: 10px;
    float: left;         
}

.blocoNoticiaDescricao {
    color: #737373;
    font-size: 11px;
    margin-bottom: 50px;
    text-align: justify;
    width: 744px;
}
/* 
.blocoNoticiaDescricao img {
    border: thin solid #bbbbbb;
    float: right;
    margin: 0 0 10px 10px;    
}
 */
.blocoNoticiaDescricao p { margin-bottom: 20px; }

.tituloNoticiaDescricao {
    border-bottom: thin solid #ababab;
    margin-top: 20px;
    margin-bottom: 15px;
}

.tituloNoticiaDescricao h3 { font-size: 12px; }
/**************
    Contato
**************/
#contatoContent {
    background: url(../../imagens/contato-atual.jpg) no-repeat 430px center;
    color: #2c2c2c;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-height: 330px;
	margin-bottom: 20px;
    width: 744px;
}

#contatoContent h2, #localContent h2 { margin-bottom: 25px; }

#formContatoDIV { width: 345px; }
span.asterisco
{
	text-transform:none;
	font-weight:normal;
	color:#ff0000;
	padding-left:3px;
	vertical-align: baseline;
	font-size: 1.0em;
	position: relative;
	top: -0.2em;

}
.error{
	color:#ff0000;
}

#formContato input.error, #formContato textarea.error{
	border: 1px dotted #ff0000;
}
.blocoLabel {
	float: left;
	height: 19px;
	line-height: 19px;
	text-align: left;
	vertical-align: middle;
	width: 65px;
}

.blocoInput {
	float: left;
	width: 280px;
}

.blocoInput input {
    background-color: #f9fbf2;
	border: 1px solid #918672;
    color: #2c2c2c;
    font-size: 12px;
	height: 17px;
	width: 100%;
}

.blocoInput textarea {
    background-color: #f9fbf2;
	border: thin solid #918672;
    color: #2c2c2c;
    font-size: 12px;
	height: 90px;
	width: 100%;
}

.vazio {
	border: medium none;
	clear: both;
	height :8px;
}

select {
    background-color: #f9fbf2;
    border: thin solid #918672;
    color: #2c2c2c;
}

input[type=submit] { 
    cursor: pointer; 
    font-size: 12px;
    width: 47px;
}

.btEnviar {
    cursor: pointer;
    float: right;
}

/************
     Footer
*************/

#footer {
    color: #2e2e2e;
    font-size: 11px;
    margin: -8px auto 10px;
    width: 990px;
}

#footer .whatsapp-flutuante{
    position: fixed;
    bottom: 15px;
    right: 15px;
}

.menuFooter {
    background: url(../../imagens/bg_footer.png) no-repeat center -10px;
    margin-left: 206px;
    padding-top: 7px;
    text-align: center;
}
.menuFooter a { color: #2e2e2e; margin: 0 10px; }
.menuFooter img { border: none; }
.menuFooter p { margin: 3px 0 ; }




/* ###### */
.vinhetaProduto {
	background: url(../../imagens/tit_prod-vinheta.png) no-repeat center;
	width: 558px;
	height: 24px;
	font-size: 14px;
	padding-left: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 20px;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: -0.2px;
}

.vinhetaNoticia {
	background: url(../../imagens/tit_vinheta.png) no-repeat center;
	width: 744px;
	height: 24px;
	font-size: 14px;
	padding-left: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 20px;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: -0.2px;
}

#localContent{
    padding-right: 20px;
}

#localContent .mapa{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#localContent .mapa iframe{
    width: 100%;
}