@charset "utf-8";
/* CSS Document */


/* index */

#conteudo #index{
position:relative;
width:100%;
min-height:320px;
}

#index #noticiaCapa{
position:absolute;
width:358px;
height:287px;
margin-left:10px;
margin-top:20px;
_margin-top:75px;
}

#noticiaCapa .contemNoticia{
float:left;
width:350px;
height:80px;
margin-top:10px;
margin-left:10px;
}

.contemNoticia .foto{
position:absolute;
width:96px;
height:75px;
}

.contemNoticia .risco{
position:absolute;
width:340px;
height:3px;
margin-top:25px;
margin-left:10px;
background-color:#f8931c;
}

.contemNoticia .titulo{
position:absolute;
width:240px;
height:60px;
margin-top:30px;
margin-left:115px;
}

.contemNoticia .titulo a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}


#index #fornecedoresBanner{
position:absolute;
width:353px;
height:40px;
margin-top:20px;
_margin-top:75px;
margin-left:50%;
padding-left:17px;
}

#index #produtoDestaque{
position:absolute;
width:357px;
height:235px;
margin-left:50%;
margin-top:92px;
_margin-top:137px;
background:transparent url(images/fundoDestaque.jpg) no-repeat;
}

#produtoDestaque #contemProduto{
position:relative;
width:100%;
height:195px;
margin-top:28px;
}

#contemProduto .titulo{
position:relative;
display:block;
width:340px;
height:20px;
margin-left:12px;
margin-top:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
}

#contemProduto .foto{
position:relative;
display:block;
width:340px;
height:120px;
margin-left:12px;
margin-top:5px;
text-align:center;
}

#contemProduto .descricao{
float:left;
width:180px;
height:40px;
margin-left:12px;
font-size:11px;
font-weight:bold;
color:#000;
margin-top:3px;
}

#contemProduto .marca{
float:left;
width:90px;
height:40px;
margin-top:3px;
margin-left:5px;
}


#contemProduto .paginacao{
float:right;
width:60px;
height:48px;
margin-right:8px;
}

.paginacao #setaVoltar{
position:absolute;
width:13px;
height:14px;
margin-left:10px;
margin-top:30px;
background:transparent url(images/setaVoltar.jpg) no-repeat;
cursor:pointer;
}

.paginacao #setaVoltar:hover{
background:transparent url(images/setaVoltarOver.jpg) no-repeat;
cursor:pointer;
}

.paginacao #setaSeguir{
position:absolute;
width:13px;
height:14px;
margin-left:45px;
margin-top:30px;
background:transparent url(images/setaSeguir.jpg) no-repeat;
cursor:pointer;
}

.paginacao #setaSeguir:hover{
background:transparent url(images/setaSeguirOver.jpg) no-repeat;
cursor:pointer;
}