﻿
#relacionados 
{
    left:1px;
    position:relative ;
       width:100%;
     height: 265px;
     background-color:Transparent;
    }
    #relacionados #h2rel 

{   position:relative ;
    left: 0px; 
    
    
}
/*bloco*/
#relacionados ul.produtos
{   
    
    width:100%;
    margin: 0 auto;
    position:relative;
}
#relacionados ul.produtos li {
    float: left;
    position: relative;
    left: 10px;
    margin:   10px  5px 17px 0px;
    width: 23%;
    height: 205px;
    background-image: url('../imagens/produtos-fundo.jpg');
    border-right:1px dotted #b1bfc9;
    border-bottom :  1px dotted #b1bfc9 ;
   
}
#relacionados ul.produtos li div
{
    position:relative;
    width:100%;
    margin:0 auto;

}
#relacionados ul.produtos li li {
    float: none;
    left: 0;
    margin: 0;
    width: auto;
    height: auto;
    border:none !important;

}
/*nome*/
#relacionados ul.produtos h3 
{
    position: absolute;
    padding:0 5px;
    top: 100px;
    left: 3px;
    width: 90%;
    height: 60px;
    font-size: 0.9em !important;
    font-weight: bold;
    overflow: hidden;
    text-align: center !important;
}
#relacionados ul.produtos h3 a {
    text-decoration: none;
    font-family:Arial;
    background-color: Transparent;
}
/*foto*/
#relacionados ul.produtos div.foto {
    padding-top: 5px;
    width: 100%;
    text-align: center;
}
/*precos*/
#relacionados ul.produtos ul.preco {
    position: absolute;
    padding:0 5px;
    top: 160px;
    left: 1px;
    height:30px;
    width: 94%;
    font-weight: bold;
    text-align: center;
}
#relacionados ul.produtos ul.preco li {
    position: relative;
    top: 10px;
}
#relacionados ul.produtos ul.preco li a{
    color: #da251c !important;
}
#relacionados ul.produtos ul.preco li.de, ul.produtos ul.preco li.por {
    top: 0;
}
/*preco*/

    

#relacionados  ul.produtos ul.preco li span {
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #DF7700;
    background-color: Transparent;
      width:180px !important;
}
#relacionados  ul.produtos ul.preco li.de span {
    font-size: 11px;
    color: #565656;
    background-color: Transparent;
    font-weight: bold;
      width:180px !important;
}
#relacionados  ul.produtos ul.preco li.de {
    position:absolute;
    top:0;
    left:1px;
}
#relacionados  ul.produtos ul.preco li em {
    font:normal 11px arial;
    color: #565656;
}
#relacionados  ul.produtos ul.preco li.por {
    position:absolute;
    top:15px;
    left:0;
}
#relacionados  ul.produtos ul.preco li {
    position:absolute;
    top:10px;
    left:0;
}
/*precos*/
#relacionados ul.produtos ul.botoes 
{
    position: absolute;
    width:90%;
    top:200px;
    left: 0px;
}
#relacionados ul.produtos ul.botoes li 
{
    margin: 0 0 3px 0;
}
#relacionados ul.produtos ul.botoes a {
    display: block;
    width: 77px;
    height: 29px;
    text-indent: -5000px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
#relacionados ul.produtos ul.botoes li.comprar {
    position:absolute !important;
    display:block !important;
    text-indent:-5000px;
    overflow:hidden;
    left:55% !important;
    top:4px !important;
    width:58px !important;
    height:20px !important;
    background-image: url('../imagens/produtos-comprar.gif');
    background-repeat:no-repeat;
}

#relacionados ul.produtos ul.botoes li.detalhes {
    position:absolute;
    left:-5px;
    top:0px;
}

#relacionados ul.produtos ul.botoes li.comprar a 
{

}
#relacionados ul.produtos ul.botoes li.detalhes a {
    background-image: url('../imagens/produtos-detalhes.gif');
}
#relacionados ul.produtos ul.botoes li.indisponivel a{
    background-image: url('../imagens/produtos-indisponivel.gif');

}


   
   
#relacionados  ul.produtos .frete_gratis a {
    position: absolute;
    top:-20px;
    left: 30px;
    width:76px;
    height:22px;
    z-index:100; 
    border:0;
    background:transparent url(../css/tem_frete.png) no-repeat 0 0;
    display:block;
    text-indent:-5000px;
    overflow:hidden;
}
* html #relacionados  ul.produtos .frete_gratis a {
    display:block;
    text-indent:-5000px;
    overflow:hidden;
    position: absolute;
    top:-20px;
    left: 30px;
    width:76px;
    height:22px;
    z-index:100; 
    border:0;
    background-position: 0 0;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../dominios/satofrios/css/tem_frete.png,sizingMethod='scale');
}
#relacionados li.ult
{
    border:0 !important;
}

#relacionados  ul.produtos li.indisponivel{
    position:absolute !important;
    display:block !important;
    text-indent:-5000px;
    overflow:hidden;
    left:55% !important;
    top:4px !important;
    width:58px !important;
    height:20px !important;
    background-image: url('../imagens/produtos-indisponivel.gif');
    background-repeat:no-repeat;
}
