/*
    Document   : private-modificar-datos
    Created on : 06-oct-2009, 17:24:35
    Author     : rcatala
    Description:
        Estilo del index
*/
/* INFORMACION */
div.image{
     position:relative;
     margin-bottom:-56px;
     overflow:hidden;
     height:338px;
}
div.image img#promociones{ width:710px; }
div.info{
     width:220px;
     height:290px;;
     position:absolute;
     top:8px;
     left:460px;
     padding:16px 8px 16px 12px;
     background: url(../../media/img/pixel_3.png) repeat;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
}
div.info ul{ list-style:none; }
div.info ul li{
     margin-bottom:16px;
}
div.image div.info ul li div{
     height:36px;
     float:left;
     padding:0 8px 36px 0;
     margin: 6px 6px 0 6px;
}
div.image div.info ul li div.compre{ width:36px; background: url(../../../media/img/gon-ui.png) no-repeat 0 -183px;}
div.image div.info ul li div.confianza{ width:30px; background: url(../../../media/img/gon-ui.png) no-repeat -46px -183px; margin-right:12px;}
div.image div.info ul li div.ofertas{ width:30px; background: url(../../../media/img/gon-ui.png) no-repeat -84px -183px; margin-right:12px;}
div.info ul li h1{
     font-size:18px;
     color:#7f0000;
     line-height:21px;
     margin:2px;
}
div.info ul li h2{
     font-size:14px;
     color:#fff;
     line-height:18px;
}