/* CSS Document */

body {
margin: 0px;
padding: 0px;
background-image: url(imagens/bg_teaser.gif);
}

#geral {
left: 50%;
top: 50%;
width: 780px;
height: 527px;
margin-left: -390px;
margin-top: -270px;
position:absolute;
background: #000;
border: 10px solid #FFF;
}

#menu {
height: 35px;
width: 725px;
margin: 15px auto 0px;
padding: 0px;
background: #000;
text-align: center;
}
#menu li {
display: inline;
padding-right: 20px;
padding-left: 20px;
background: #000;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
list-style:none;
color: #FFF;

}

#menu li a {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
/*D8E133*/
}
#menu li a:hover {
color: #D8E133;
background: #232323;
border-bottom: 1px dotted #333;
}
#menu ul{
background: #333;
padding: 0px;
height: 30px;
margin: 0px;
}
#topo {
height: 198px;
width: 768px;
background-image: url(imagens/bkg_bk.gif);
background-repeat:repeat;
margin-left: 5px;
margin-right: 5px;
}
.slogan {
margin-bottom: 39px;
margin-left: 50px;
}
.topo {
margin-left: 55px;
}
.topo_03 {
margin-left: 27px;
}
.topo_04 {
margin-left: 28px;
}
.topo_05 {
margin-left: 25px;
}

#rodape {
background-image: url(imagens/bkg_rodape.gif);
width: 760px;
height: 35px;
margin: 0 auto;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
padding: 5px;
}
code {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
#meio {
width: 760px;
height: 228px;
background: #000;
margin: 0 auto;

}
#promocional {
width: 273px;
float: left;
height: 220px;
background: #000;
}
#promocional_projeto {
width: 180px;
float: left;
height: 220px;
background: #000;
}
#conteudo {
color: #FFF;
margin-left: 10px;
margin-right: 5px;
text-align: justify;
font: 11px Verdana, Arial, Helvetica, sans-serif;

}
#conteudo a{
color: #F0EFCE;
border-bottom: 1px dotted #F0EFCE;
text-decoration: none;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#conteudo a:hover {
color: #F0EFCE;
border-bottom: 1px dotted #F0EFCE;
text-decoration: none;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#conteudo_projeto {
color: #FFF;
margin-left: 10px;
margin-right: 5px;
text-align: justify;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#content_projeto {
width: 410px;
float: right;
margin-top: 13px;
margin-right: 0px;
display: inline;
}

#content {
width: 447px;
float: right;
margin-top: 13px;
margin-right: 0px;
display: inline;
}
.linha_produtos {
margin-top: 45px;
margin-left: 10px;
}

#cat2 {
width: 220px;
height: 70px;
float: left;
text-align: right;
}
#cat {
width: 220px;
height: 70px;
float: right;
margin: 0px;
padding: 0px;
text-align: left;
}
h1 {
color: #D8E133;
font: bold 15px "Trebuchet MS", "Lucida Sans", Arial;
font-style:italic;
margin: 0px;
padding: 0px;
}
p , p a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
color: #FFF;
text-decoration: none;
}

p a:hover {
font: 10px Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
color: #CCCCCC;
}
#img {
width: 60px;
height: 50px;
background: #FFF;
border: 1px solid #CCC;
float: left;
margin-right: 6px;
margin-top: 6px;
}
#img2 {
width: 60px;
height: 50px;
background: #FFF;
border: 1px solid #CCC;
float: right;
margin-left: 6px;
margin-top: 6px;
}
#capa {
position: absolute;
margin-left: 178px;
margin-top: 125px;
}
#capa_projeto {
position: absolute;
margin-left: 190px;
margin-top: 215px;
}
#conteudo_projeto {
color: #FFF;
margin-left: 10px;
margin-right: 5px;
text-align: justify;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#content_projeto {
width: 410px;
float: right;
margin-top: 13px;
margin-right: 0px;
display: inline;
}
/***************************** Moda Branco *****************************/

#conteudo_moda {
color: #FFF;
margin-left: 10px;
margin-right: 5px;
text-align: justify;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#content_moda {
width: 410px;
float: right;
margin-top: 13px;
margin-right: 0px;
display: inline;
}

#capa_moda {
position: absolute;
margin-left: 190px;
margin-top: 215px;
}
/************************************************************************/


/***************** CONTATO ****************************/
#conteudo_contato {
color: #FFF;
margin-left: 10px;
margin-right: 5px;
text-align: justify;
font: 15px Verdana, Arial, Helvetica, sans-serif;
}
#content_contato {
width: 407px;
float: right;
margin-top: 13px;
margin-right: 0px;
display: inline;
}
/***********************/


/***************** PEDIDO ****************************/
#conteudo_pedido {
width: 400px;
margin-left: 10px;
margin-right: 5px;
text-align: justify;
display: inline;
}
#content_pedido {
width: 407px;
float: right;
margin-top: 13px;
margin-right: 0px;
display: inline;


}
#conteudo_pedido ul {
width: 50px;
margin: 10px;
text-align: justify;
float: left;
}
#conteudo_pedido li {
width: 50px;
text-align: justify;
list-stsyle: none;

}

/******************  PRODUTOS ****************************/
#prod_tit {
font: bold 14px Arial, Helvetica, sans-serif;
border-bottom: 1px solid #333333;
color: #D8E133;
margin-left: 10px;
margin-top: 5px;

}
#prod_obs {
font: 11px Arial, Helvetica, sans-serif;
margin-top: 2px;
margin-left: 30px;

}
#cada_produto ul {
width: 175px;
list-style: none;
text-decoration: none;
float: left;
margin: 5px;
}

#cada_produto li {
width: 170px;
height: 40px;
margin-top: 5px;
background-color: #1D1D1D;
color: #CCC;
border-left: 5px solid #D8E133;
list-style: none;
text-decoration: none;
}



/***********************/



.box {
border: 0px;
font: 12px "Trebuchet MS", "Lucida Sans", Arial;
}
.logo_projeto {
margin-top: 45px;
margin-left: 25px;
}

.bld {
font-weight:bold;
}