body
{
    background-color: #EBE9DA;
    font-family: Arial;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    color: #111;
    text-align: center;
}
img
{
    border: none;
    margin: 0px;
    padding: 0px;
}
h3
{
    color: #a0b09b;
    font-weight: normal;
    font-size: 16px;
}
#topo
{
    background: url(Images/bgTopo.jpg) repeat-x;
    width: 100%;
    margin-top: 20px;
    float: left;
}
.banner
{
    background: url(Images/banner.jpg);
    width: 1092px;
    height: 232px;
    margin: 0 auto;
}
#banner
{
    background-color: Red;
    width: 500px;
    height: 200px;
    float: left;
}
h1
{
    float: left;
    margin: 0px;
    padding: 0px;
    margin: 61px 0px 0px 520px;
}
h1 a
{
    width: 233px;
    height: 140px;
    display: block;
    text-indent: -9000px;
}
#menu
{
    background: url(Images/bgmenu.jpg);
    width: 1092px;
    height: 68px;
    margin: -1px auto;
}
#menu ul
{
    list-style: none;
    margin: 0px 69px;
    padding: 0px;
    float: right;
}
#menu ul li
{
    float: left;
}
#menu ul li a
{
    color: #cb3131;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    display: block;
    height: 34px;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 8px;
}
#menu ul li a:hover
{
    color: red;
}
#estrutura
{
    width: 1092px;
    margin: 0 auto;
}
#meio
{
    background: url(Images/bgMeio.jpg) repeat-y;
    text-align: center;
    width: 1002px;
    margin-left: 51px;
    float: left;
}

#lateral
{
    text-align: left;
    width: 100px;
    margin: 0px 0px 0px 0px;
    float: left;
}

.lateralArte a
{
    background: url(Images/img3.jpg) no-repeat;
    text-indent: -9000px;
    display: block;
    width: 176px;
    height: 180px;
    margin: 0px 0px 0px 29px;
    background-position:top;
    float: left;
}

.lateralArte a:hover 
{   background: url(Images/img3-up.jpg) no-repeat;
    background-position:0px 0px;
	height: 180px;
}

#lateralbg
{
    background-color: #a79e30;
    text-align: left;
    width: 177px;
    margin: 200px 0px 0px -70px;
    float: left;
    -moz-border-radius: 1em;
    -khtml-border-radius: 1em;
    -webkit-border-radius: 1em;
}

#lateralbg h2
{
    margin: 15px 0px 15px 20px;
    width: 200px;
    color: #fff;
    font-size: 16px;
    text-shadow: 0.1em 0.1em 0.1em #333;
    float: left;
}

#lateralbg h2 a
{
    margin: 10px 0px 0px 0px;
    width: 200px;
    color: #fff;
    font-size: 16px;
    text-shadow: 0.1em 0.1em 0.1em #333;
    text-decoration: none;
    float: left;
}

#lateralbg h2 a:hover
{
    text-decoration: underline;
}


.menuEsq
{
    margin-top: -10px; 
    *margin-top:-10px;
text-align:left;
width:177px;
background:#d8cd3e;
float:left;
}

.menuEsq ul
{
    padding: 10px 12px 0px 18px;
}
.menuEsq ul li
{
    list-style: none;
    width: 146px;
    border-bottom: solid 2px #ffff7c;
}
.menuEsq li
{ *margin:0px 0px -10px -45px;
*float:left;
}
.menuEsq ul li a
{
    padding: 2px 0px 4px 0px;
    font-size: 15px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.menuEsq ul li a
{
    padding: 2px 0px 4px 0px;
    font-size: 15px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.menuEsq ul li a:hover
{
    display: block;
    color: #807924;
}

#bannerMeio
{
    width: 551px;
    height: 301px;
    margin: 0px 0px 30px -10px;
    float: left;
}

.yellowBox
{
    background: url(Images/bgBox.jpg);
    width: 552px;
    height: 114px;
    margin: 10px -10px; 
    float: left;
}

.yellowBox h2 a
{
    font-size: 23px;
    color: #940707;
    margin: 18px 0px; *margin:18px30px;
text-decoration:none;
text-shadow:0.1em 0.1em 0.1em #ccc;
*float:left;
}

#miolo
{
    width: 550px;
    clear: left;
    margin: 0 auto;
    margin-left: -10px; 
    *margin:0px0px0px0px;
*float:left;

}

p
{
    font-size: 13px;
    text-align: left;
    line-height: 18px;
    color: #797777;
    font-weight: bold;
}

strong
{
    color: #333;
}

#mioloInterna
{
    background-color: #F9F9F9;
    width: 550px;
    min-height: 635px;
    float: left;
    margin-left: -10px;
}
#mioloInterna p
{
    margin: 20px;
}

#mioloInterna strong
{
    color: #333;
}

#mioloObras
{
    background-color: #F9F9F9;
    float: left;
    margin-left: -10px;
    width: 736px;
}

#mioloObras p
{
    margin: 20px;
}

#mioloObras strong
{
    font-size: 16px;
}

h3
{
    text-align: left;
    font-weight: bold;
    margin: 20px;
    font-size: 18px;
    color: #CB3131;
    text-shadow: 0.1em 0.1em 0.1em #ccc;
}
.lateralDir
{
    width: 160px;
    margin: 0px 25px 20px 0px;
    float: right;
}

.lateralObras a
{
    background: url(Images/img2.jpg) no-repeat;
    text-indent: -9000px;
    display: block;
    width: 176px;
    height: 180px;
    margin: 0px 0px 20px 29px; 
    background-position:top;
    *margin:0px 0px 20px -150px;
    float:right;
}

.lateralObras a:hover
{
    background: url(Images/img2-up.jpg) no-repeat;
    background-position: 0px 0px;
    height: 180px;
}


.lateralOrkut
{
    width: 100px;
    height: 180px;
    margin: 10px 65px 20px 29px; *margin:10px65px20px-18px;
float:right;}

.lateralOrkut img
{
    margin-left: -13px;
}

#rodape
{
    background: url(Images/bgRodape.jpg);
    background-repeat: no-repeat;
    width: 1028px;
    height: 73px;
    margin: 0px -7px; 
    *margin:-1px -488px;
    float:left;
    *position:absolute;
    }
    #rodape p
    {
    margin: 36px 40px;
    color: #fff;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
}

#rodape img
{
    float: right;
    margin: -58px 60px; 
    *clear:right;
}

#content
{
    margin-left: 28px;
    width: 760px;
    float: left;
}

.anuncio
{
    background: url(Images/bgAnuncio.jpg) no-repeat;
    display: block;
    width: 183px;
    height: 294px;
    margin: -140px -5px 20px 0px; 
    *margin:-130px 0px 20px -18px;
float:right;
}

.anuncio h3
{
    width: 170px;
    font-size: 15px;
    color: #940707;
    margin: 30px 5px; 
    *margin:18px 5px;
    text-decoration:none;
    text-shadow:0.1em 0.1em 0.1em #ccc;
    *float:left;
    text-align:center;
    }

.anuncio p
{
    width: 160px;
    font-size: 12px;
    color: #940707;
    margin: 22px 10px; 
    *margin:10px10px;
    text-decoration:none;
    text-shadow: 0.1em 0.1em 0.1em #ccc;
    *float:left;
    text-align:center;
    line-height:22px;
    }

.anuncio a
{
    text-decoration: none;
}

.mioloBox
{
    width: 230px;
    margin: 0px 25px 30px 20px;
    float: left;
}

.mioloBox h3 a
{
    font-size: 18px;
    color: #8F8829;
    margin: 0px 30px;
    text-decoration: none;
    text-align: center;
}

.mioloBox h3
{
    width: 230px;
}

.mioloBox h3 a:hover
{
    color: #D8CD3E;
}

/* detalhes produtos */

#fotoProd
{
    width: 280px;
    float: left;
    position: relative;
    margin: 5px;
}

#descricao
{
    text-align: left;
    position: relative;
    float: left;
    margin-left: 15px;
}

#descricao h3
{
    font-size: 16px;
}

#precos
{
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    padding: 2px;
    text-align: center;
    font-size: 13px;
    _margin-left: 10px;
    width: 370px;
}

#colPrecosD
{
    width: 170px;
    position: relative;
    float: left;
}

#colPrecosE
{
    width: 170px;
    position: relative;
    float: left;
}

.caract
{
    position: relative;
    text-align: left;
    clear: left;
}

.caract p
{
    margin: 0px;
    padding: 2px;
}

.caract h4
{
    font-size: 14px;
    margin: 0px;
    padding: 2px;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
}

#ASPxButton1 a:hover
{
    color: pink;
}

.btn
{
    background: url("Images/btn.jpg") no-repeat;
    display: block;
    width: 262px;
    height: 46px;
    float: left;
    margin: 0px 0px 30px 0px;
}

.btnativa
{
    background: url("Images/btnativo.jpg") no-repeat;
    display: block;
    width: 262px;
    height: 46px;
    float: left;
    margin: 0px 20px 30px 83px;
}

.btn a, .btnativa a
{
    width: 260px;
    text-align: center;
    text-shadow: 2px 2px 2px #000;
    font-size: 22px;
    color: #fff;
    text-decoration: none;
    font-weight:bold;
    margin: 7px 0px;
    float: left;
}
.btn a:hover, .btnativa a:hover
{
    color: #EBEBEB;
}

/* listagem de produtos */

.boxProducts
{
    background-color: #fff;
    padding: 5px;
    margin: 0px 5px 0px 5px;
    border: 1px solid #cdcdcd;
    _border: 0px;
    min-width: 398px;
    position: relative;
}
.boxprod {width: 130px;
          position:relative;
          float:left;
          height:220px;
          margin:3px;       
    }
.boxprod p { margin:0px; text-align:center;}
.boxprod p a:hover { text-decoration: underline;}

.txtprod{font-size:11px;
         color:#555555;
         text-decoration:none;
        }
.txtprod:hover{color:#000000;
               text-decoration:none;
              }
.preco{ font-size:11px;
        color:#0099CF;
        text-decoration:none;
        }
.preco:hover{color:#0099CF;
             text-decoration:none;
             }
.precos{font-size:16px;
        color:#0099CF;
        text-decoration:none;
       }
.precos:hover{color:#0099CF;
               text-decoration:none;
              }
.produtoHome {width:550px;
              border-top:1px solid #ccc; margin-top:-5px;
              }

.produtoHome h3 { margin-top:8px; margin-left:0px;}