/* CSS Document*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* begin site*/
html { text-align: center; }
body { background: url("../img/bg.jpg") repeat; font: 12px Arial, Helvetica, sans-serif; margin: auto; text-align: center; }

#geral { width: 980px; margin: auto; }
#topo { width: 980px; margin: auto; }
#menu { width: 980px; margin: auto; height: 40px; }
#menu ul { list-style: none; margin-top: 10px; float: left; width: 980px; }
#menu ul li { display: inline; margin: 0 40px 0 40px; }
#menu ul li a { color: #e6e6e6; font-size: 16px; font-weight: 700; text-decoration: none; }


.submenu { display: none; width: 980px; float: left; }
.submenu li { color: #fff; display: inline; line-height: normal; }
.submenu li a { padding: 3px; margin: 0; border: 0; height: auto; color: #fff; line-height: normal; text-decoration: none; }


#meio { width: 980px; margin: 20px auto; }
#meio img { margin: 10px auto; }
.end { color: #fff; font-size: 14px;  font-weight:bold; clear:both; line-height: 30px; text-indent: 60px; }

#empresa { background: url("../img/bg_empresa.jpg") no-repeat; width: 928px; height: 399px; margin: 25px auto; }
#empresa img { float: left; margin: 15px 10px 0 15px; }
#empresa p { color: #fff; font-size: 14px; text-align: left; padding: 20px 10px 0 0; }
.destacado { font-size: 18px; font-style: italic; font-weight: 700; }

#empresa1 { background: url("../img/bg_empresa.jpg") no-repeat; width: 928px; height: 399px; margin: 25px auto; }
#empresa1 img { float: left; margin: 15px 10px 0 15px; }
#empresa1 p { color: #fff; font-size: 14px; text-align: justify; padding: 20px 10px 90px 510px; margin-top: -312px; }
.destacado1 { font-size: 18px; font-style: italic; font-weight: 700; }

#orcamentos img { margin-top: 40px; }
#orcamentos p { margin-left: 113px; } 


#produtos { text-align:left; position:relative; float:left; width: 950px; height: 470px; margin: 25px auto 0 10px; }
#produtos p { margin-left:15px; width: 375px; color:#FFF; font-size:15px; padding-top:15px; text-align:justify;} 
#produtos span { display:none; position:absolute; }
#produtos ul li { display:inline; width:auto; padding-right:43px;  }
#produtos ul li a { display: block; text-indent: -9999em; position: absolute; outline: none;  }
#produtos ul li a:hover { background-position: right bottom; display:block;  }
#produtos ul li a:hover span{ display: block; }
#produtos .destacado1 { font-size: 18px; font-style: italic; font-weight: 700; }

.produtos { background:url(../img/bg3.jpg) no-repeat; margin-left:16px; top: 0; width: 470px; height: 450px; z-index: 100; }

.cozinhas { background:url(../img/cozinhas.jpg) no-repeat; right: 330px; top: 0; width: 150px; height: 150px;  }
#produtos .dormitorios { background:url(../img/dormitorios.jpg) no-repeat; right: 180px; top: 0; width: 150px; height: 150px;  }
#produtos .home { background:url(../img/home.jpg) no-repeat; right: 30px; top: 0; width: 150px; height: 150px; }
#produtos .sala { background:url(../img/salas.jpg) no-repeat; right: 330px; top: 150px; width: 150px; height: 150px;  }
#produtos .salaj { background:url(../img/jantar.jpg) no-repeat; right: 180px; top: 150px; width: 150px; height: 150px;  }
#produtos .banheiro { background:url(../img/banheiros.jpg) no-repeat; right: 30px; top: 150px; width: 150px; height: 150px; }
#produtos .areas { background:url(../img/areas.jpg) no-repeat; right: 330px; top: 300px; width: 150px; height: 150px;  }
#produtos .ambientes { background:url(../img/comerciais.jpg) no-repeat; right: 180px; top: 300px; width: 150px; height: 150px;  }
#produtos .fischer { background:url(../img/fischer.jpg) no-repeat; right: 30px; top: 300px; width: 150px; height: 150px; }

/*
#produtos .cozinhas { background:url(../img/produtos-cozinhas.jpg) no-repeat; left: 26px; top: 0; width: 309px; height: 134px; }
#produtos .dormitorios { background:url(../img/produtos-dormitorios.jpg) no-repeat; left: 335px; top: 0; width: 309px; height: 134px; }
#produtos .home { background:url(../img/produtos-hometheater.jpg) no-repeat; left: 644px; top: 0; width: 309px; height: 134px; }
#produtos .sala { background:url(../img/produtos-sala.jpg) no-repeat; left: 26px; top: 134px; width: 309px; height: 134px; }
#produtos .salaj { background:url(../img/produtos-jantar.jpg) no-repeat; left: 335px; top: 134px; width: 309px; height: 134px; }
#produtos .banheiro { background:url(../img/produtos-banheiro.jpg) no-repeat; left: 644px; top: 134px; width: 309px; height: 134px; }
#produtos .areas { background:url(../img/produtos-area.jpg) no-repeat; left: 26px; top: 268px; width: 309px; height: 134px; }
#produtos .ambientes { background:url(../img/produtos-comercial.jpg) no-repeat; left: 335px; top: 268px; width: 309px; height: 134px; }
#produtos .fischer { background:url(../img/produtos-fischer.jpg) no-repeat; left: 644px; top: 268px; width: 309px; height: 134px; }

#produtos .cozinhas { background:url(../img/produtos_01.jpg) no-repeat; left: 26px; top: 0; width: 150px; height: 134px; }
#produtos .dormitorios { background:url(../img/produtos-dormitorios.jpg) no-repeat; left: 335px; top: 0; width: 150px; height: 134px; }
#produtos .home { background:url(../img/produtos-hometheater.jpg) no-repeat; left: 644px; top: 0; width: 150px; height: 134px; }
#produtos .sala { background:url(../img/produtos-sala.jpg) no-repeat; left: 26px; top: 134px; width: 150px; height: 134px; }
#produtos .salaj { background:url(../img/produtos-jantar.jpg) no-repeat; left: 335px; top: 134px; width: 150px; height: 134px; }
#produtos .banheiro { background:url(../img/produtos-banheiro.jpg) no-repeat; left: 644px; top: 134px; width: 150px; height: 134px; }
#produtos .areas { background:url(../img/produtos-area.jpg) no-repeat; left: 26px; top: 268px; width: 150px; height: 134px; }
#produtos .ambientes { background:url(../img/produtos-comercial.jpg) no-repeat; left: 335px; top: 268px; width: 150px; height: 134px; }
#produtos .fischer { background:url(../img/produtos-fischer.jpg) no-repeat; left: 644px; top: 268px; width: 150px; height: 134px; }
*/

#sub p { padding-top: 5px; color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; text-align:left; margin: 0 0 -20px 30px; }
#sub a { text-decoration: none; color:#fff; }
.destacadosub { font-size: 15px; font-style: italic; font-weight: 700; }

#port { background: url("../img/bg_empresa.jpg") no-repeat; width: 928px; width: 778px; height: 399px; margin: 30px auto; }


/* ----------- Forms ----------- */
.myform { margin: 5px auto; width: 350px; padding: 5px; float: left; }
/* ----------- stylized ----------- */
#stylized { clear: both; float: left; }
#stylized h1 { font-size: 14px; font-weight: bold; margin-bottom: 8px; }
#stylized label { display: block; font-weight: bold; text-align: right; width: 120px; float: left; line-height: 30px; color: #fff; clear: both; }
#stylized select { width: 150px; float: left; margin: 4px 0 0 5px; border: 1px solid #666; }
/*#stylized .small { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 140px;}*/
#stylized input { float: left; font-size: 12px; padding: 2px 2px; border: solid 1px #b0b0b0; width: 200px; margin: 4px 0 10px 5px; }
#stylized button { clear: both; margin-left: 211px; width: 100px; height: 25px; background: none; text-align: center; line-height: 22px; color: #fff; font-size: 12px; font-weight: bold; }
#stylized .erro { color: red; font-weight: 700; }
#stylized .texto { clear: both; font-size: 11px; font-weight:normal; }
#stylized textarea { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #b0b0b0; width: 200px; height: 75px; margin: 2px 0 10px 5px; }