@charset "utf-8";

/* CSS Reset */
body, p { margin: 0; padding: 0; }
img { border: 0; }
.controle { clear: both; font-size: 0; height: 0; line-height: 0; }

/* Font-face */
@font-face {
    font-family: 'M2cthin';
    src: url('/files/mplus-2c-thin-webfont.eot');
    src: url('/files/mplus-2c-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/mplus-2c-thin-webfont.woff') format('woff'),
         url('/files/mplus-2c-thin-webfont.ttf') format('truetype'),
         url('/files/mplus-2c-thin-webfont.svg#M2cthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Display */
body { background: url(/images/layout/bg.jpg?v2) center top no-repeat; }
a:link, a:active { color: #007f61; text-decoration: underline; }
a:visited { color: #0d6447; text-decoration: underline; }
a:hover { text-decoration: none; }

/* Estrutura */
#wrapper { background: url(/images/layout/bg.jpg?v2) center top no-repeat;  margin: 0 auto; padding: 0 10px; width: 960px; }

#topo { height: 475px; position: relative; }
#logo { background: url(/images/layout/probox.png) center center no-repeat; display: block; height: 202px; left: 0; line-height: 0; margin: 0; position: absolute; text-decoration: none; top: 0; width: 262px; z-index: 1000; }
ul#menu { float: right; list-style: none; margin: 0; padding: 75px 11px 0 0; width: 660px; height: 31px; }
ul#menu li { float: left; margin: 0; padding: 0; }
#wrapperSlidez { clear: both; height: 340px; padding: 29px 0 0; overflow: hidden; }
#destaqueSlide  { height: 340px; margin: 0; padding: 0; list-style: none; overflow: hidden;  }
#destaqueSlide li { height: 340px; width: 960px; position: relative; }
.flash { top: 0; height: 340px; position: absolute; right: -10px; width: 346px; }
.flash a { display: block; width: 346px; height: 340px; font-size: 0; line-height: 0; text-decoration: none; }
.msg { bottom: 140px; height: 92px; left: 30px; position: absolute; width: 500px; text-shadow: #015843 1px 2px 1px; }
.msg h1 { color: #fff; font: 900 36px 'Lato', 'M2cthin', 'Segoe UI', Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-transform: uppercase; }
.msg h2 { color: #fff; font: italic 300 32px 'Lato', 'M2cthin', 'Segoe UI', Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-transform: none; }
.line { border-bottom: 1px solid rgba(255,255,255,0.2); height: 1px; margin: 20px 0 0 -15px; }
.line span { display: block; background: #10a987; border-radius: 2px; height: 3px; margin: 0 10px; width: 60px; }

#bullDestaques { position: absolute; height: 40px; width: 320px; bottom: 0; left: 0; z-index: 7777; }
#bullDestaques ul { margin: 0; padding: 0; list-style: none; text-align: center; }
#bullDestaques ul li { float: left; padding: 0 5px; margin: 0; width: 9px; overflow: hidden; cursor: pointer; line-height: ; font-size: ; }
#bullDestaques ul li span { display: block; width: 9px; height: 40px; line-height: ; font-size: ; }

#chamadas { padding: 20px 0 50px; }
#nossosprodutos { float: left; width: 630px; }
#nossosprodutos h1 { display: none; color: #0d9372; font: italic 600 30px 'Lato', 'M2cthin', 'Segoe UI', Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 10px; text-transform: uppercase; }
#nossosprodutos div p { display: none; color: #675e5e; font: 14px 'Lato', Tahoma, Geneva, sans-serif; margin: 0; padding: 0 0 20px 2px; }
#nossosprodutos div ul { list-style: none; margin: 0; padding: 0 35px 0 0; }
#nossosprodutos div ul li { color: #4eb098; font: italic 900 18px/70px 'Lato', Tahoma, Geneva, sans-serif; margin: 0; vertical-align: top; position: relative; }
#nossosprodutos div ul li a { text-decoration: none; }
#nossosprodutos div ul li span { position: absolute; top: -20px; right: 295px; width: 94px; height: 94px; border-radius: 50%; border: 3px solid rgba(255,255,255,1); border-bottom: 3px solid #0d9372;  border-right: 3px solid #0d9372; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0); }
#nossosprodutos div ul li:nth-child(even) { padding: 0 0 0 325px; }
#nossosprodutos div ul li:nth-child(even) span { right: 0; }

#dicas { float: right; width: 322px; }
#dicas h2 { color: #ccc; font: 600 20px 'Lato', 'M2cthin', 'Segoe UI', Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 10px; text-align: center; text-transform: uppercase; }
#dicas .wrapDica { background: url(/images/layout/bgDicas.png) top left no-repeat; height: 230px; padding: 20px; position: relative; }
#dicas #slideDicas { margin: 0; padding: 0; list-style: none;  }
#dicas #slideDicas li {  }
#dicas #slideDicas li .space { height: 208px; overflow: hidden; }
#fakeBull { margin: 0; padding: 0 0 0 75px; list-style: none; text-align: center; height: 40px; }
#fakeBull li { float: left; padding: 0 5px; margin: 0; width: 9px; overflow: hidden; cursor: pointer; line-height: 0; font-size: 0; }
#fakeBull li span { display: block; width: 9px; background: url(/images/layout/bulloff.png) center center no-repeat; height: 40px; line-height: 0; font-size: 0; }
#fakeBull li span.On { background-image: url(/images/layout/bullon.png) !important; }
#dicas #bullDicas { position: absolute; height: 40px; width: 320px; bottom: 2px; left: 95px; z-index: 7777; }
#dicas #bullDicas ul { margin: 0; padding: 0; list-style: none; text-align: center; }
#dicas #bullDicas ul li { float: left; padding: 0 5px; margin: 0; width: 9px; overflow: hidden; cursor: pointer; line-height: 0; font-size: 0; }
#dicas #bullDicas ul li span { display: block; width: 9px; height: 40px; line-height: 0; font-size: 0; height: 40px; line-height: 0; font-size: 0; }
#dicas .wrapDica h3 { color: #0d9372; font: italic 400 18px 'Lato', 'M2cthin', 'Segoe UI', Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 10px; }
#dicas .wrapDica p { color: #675e5e; font: 13px/24px 'Lato', Tahoma, Geneva, sans-serif; text-align: justify; }
#dicas .link { display: block; font: 11px Tahoma, Geneva, sans-serif; padding: 15px 0 0; text-align: right; }
#dicas .link a { font-weight: bold; }

#rodape { background: url(/images/layout/lineRodape.png) left bottom repeat-x; margin: 10px 20px 20px; padding: 10px 0; }
#rodape #wrapRodape { margin: 0 auto; width: 960px; }
#rodape #wrapRodape p { float: left; color: #443c3c; font: bold 11px/22px Tahoma, Geneva, sans-serif; }
#rodape #wrapRodape p a { font-weight: normal !important; }
#xneo { float: right; margin: 20px 0 0; padding: 0; line-height: 0; font-size: 0; background: url(/images/logoxneo.png) top left no-repeat; width: 68px; height: 18px; }


/* Páginas Internas */
#conteudo { padding: 0 0 50px; min-height: 280px; }
#conteudo h1 { color: #0d9372; font: 300 34px 'Lato', 'M2cthin', 'Segoe UI', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0; text-transform: uppercase; margin: 0; padding: 0 0 10px; text-shadow: #ddd 1px 1px 1px; }
#conteudo h2 { color: #505050; font: 600 22px 'Lato', 'M2cthin', 'Segoe UI', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0; text-transform: uppercase; margin: 0; padding: 0 0 10px; text-shadow: #ddd 1px 1px 1px; }
#conteudo .holdText { float: left; width: 560px; padding: 0 20px 0 10px; }
#conteudo p { color: #675e5e; font: 12px/32px Verdana, Geneva, sans-serif; margin: 0 0 25px; padding: 0; text-align: justify; }
#conteudo ul.list { margin: 10px 30px 20px; padding: 0; }
#conteudo ul.list li { color: #675e5e; font: 12px/26px Verdana, Geneva, sans-serif; margin: 0 0 5px; padding: 0; text-align: justify; }
#conteudo .rightColumn { float: right; position: relative; width: 340px; }
#conteudo .rightColumn .spacer { height: 230px; }

/* Empresa */
.fotosEmpresa { padding: 55px 0 0; text-align: center; }

/* Ball: Icon */
.ballIcon { background: url(/images/ballIcon.png) center center no-repeat; float: left; width: 235px; min-height: 195px; padding: 0 0; text-decoration: none !important; }
.ballIcon span { margin: 10px; padding: 70px 35px 0; display: block; text-align: center; color: #fff; display: block; letter-spacing: 0; font: 400 16px 'Lato', 'M2cthin', 'Segoe UI', Arial, Helvetica, sans-serif; }
.ballIcon:hover span { color: #1bb790; }

/* Produtos */
.produto { float: left; width: 235px; min-height: 270px; padding: 0 0; text-decoration: none !important; }
.produto img { display: block; }
.produto:hover { color: #015845; text-shadow: #aaa 2px 2px 2px; }
.produto span { display: block; font: 400 15px 'Lato', 'M2cthin', 'Segoe UI', Arial, Helvetica, sans-serif; height: 40px; text-transform: uppercase; text-align: center; }
.tbox { background: url(/images/thumbBox.jpg) left top no-repeat; }
.tportas { background: url(/images/thumbPortas.jpg) left top no-repeat; }
.tfechamento { background: url(/images/thumbFechamento.jpg) left top no-repeat; }
.tvidrotemperado { background: url(/images/thumbVidroTemperado.jpg) left top no-repeat; }

.produto-img { }
.produto-img ul { margin: 0 auto; padding: 0; list-style: none; height: auto; width: 90%; }
.produto-img ul li { margin: 0; padding: 0; }
.produto-img ul li a { display: block; padding: 5px; border: 1px solid #eee; background: #fff; }
.produto-img ul li a img { display: block; width: 100%; }
.produto-img .bx-controls { width: 100%; padding: 10px 0; }
.produto-img .bx-controls, .pub .bx-pager { display: block; height: 20px; width: 100%; text-align: center; }
.produto-img .bx-pager-item { border-radius: 50%; display: inline-block; width: 12px; height: 12px; margin: 0 3px; overflow: hidden; }
.produto-img .bx-pager-link { background-color: #ddd; border-radius: 50%; font-size: 1000px; display: block; width: 12px; height: 12px; overflow: hidden; }
.produto-img .bx-pager-link.active { background-color: #007f61; }

/* Obras */
.wrapObra { padding: 0 0 50px; }
.wrapObra p { margin-bottom: 10px !important; }
.wrapObra a { border: 1px solid #eee; display: inline-block; width: 120px; height: 80px; margin: 0 10px 5px 0; background: #fff; padding: 3px; }

.ob-thumb { border: 1px solid #eee; display: inline-block; height: 100px; margin: 0 10px 5px 0; background: #fff; padding: 3px; }
.ob-thumb img { display: block; max-height: 100px; width: auto; }

/* Dicas */
.linkdicas { list-style: none; margin: 0; padding: 0; }
.linkdicas li { font: 18px 'M2cthin', 'Segoe UI', Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 15px; letter-spacing: -1px; text-transform: uppercase; }
.tblz { width: 100%; display: block; border-collapse: collapse; margin: 0 0 30px; padding: 0; }
.tblz td { border: 1px solid #ddd; border-collapse: collapse; margin: 0; padding: 8px 10px; font: bold 11px Tahoma, Geneva, sans-serif; }

/* Contato */
#form { margin: 0; padding: 0; }
#form label { display: block; color: #675e5e; font: bold 11px/28px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 8px; }
#form label .inputText { -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #aaa; padding: 10px 8px; width: 560px; font: 12px Verdana, Tahoma, Geneva, sans-serif; color: #333; }
#form label .textarea { -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; width: 560px; height: 150px; padding: 8px; border: 1px solid #aaa; font: 12px/20px Verdana, Tahoma, Geneva, sans-serif; color: #333; }
#form label .inputText:hover,
#form label .inputText:focus,
#form .textarea:hover,
#form .textarea:focus { border: 1px solid #0d9372; -moz-box-shadow: #bbb 0 0 10px; -webkit-box-shadow: #bbb 0 0 10px; box-shadow: #bbb 0 0 10px; }
#form .btnEnviar { background: #fff; width: 578px; -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; padding: 15px 0; border: 1px solid #ddd; cursor: pointer; border-bottom: 2px solid #0d9372; color: #333; font: bold 12px Verdana, Tahoma, Geneva, sans-serif; }
#form .btnEnviar:hover { color: #0d9372; }


.classMum { font-weight: bold !important; float: left; text-align: right !important; }


/* Pop-up */
.overlay { background: rgba(0,0,0,0.75); cursor: pointer; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9000; }
.bg-pop { position: fixed; top: 50%; left: 50%; z-index: 9000; border-radius: 3px; box-shadow: 0 0 85px rgba(0,0,0,0.75); width: 704px; height: 536px; margin: -278px 0 0 -352px; background: url(/images/bg-pop.jpg) center center no-repeat; }

.bg-pop a { display: block; opacity: 0; position: absolute; }
.bg-pop a:nth-child(1) { top: -45px; left: -60px; }
.bg-pop a:nth-child(2) { top: 208px; left: 0px; }
.bg-pop a:nth-child(3) { top: 430px; left: 0; }
.bg-pop img { display: block; }