#wrap {
    width:777px;
    height:388px; 
    background: #f00; 
    position:relative; 
    margin:0;
}
#slide {
    width:777px; 
    height:388px; 
    overflow:hidden; 
    position:absolute; 
    left:0px; 
    top:0; 
    background:#fff; 
}
#slide div {
    width:723px; 
    height:430px; 
    position:absolute; 
    left:777px; 
    padding:0;
}
#slide div img {
    display:block; 
    float:left; margin:0;
    height:388px;
    width:777px
}
#previous b {display:none;}
#previous {
    width:425px; 
    height:388px; 
    position:absolute; 
    left:-24px; 
    top:0px; 
    cursor:pointer;
    background:url(../images/px.png);
}
#previous:hover{
   background:url(../imagesweb/flecha_ant.gif) left no-repeat;  
}
* html #previous {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='info-slide/left.png', sizingMethod='crop');}
#next b {display:none;}
#next {
    width:425px; 
    height:388px; 
    background:url(../images/px.png);
    position:absolute; 
    left:394px; 
    top:0px; 
    cursor:pointer;
}
#next:hover{
   background:url(../imagesweb/flecha_sig.gif) right no-repeat;  
   background-position: 390px;
} 
* html #next {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='info-slide/right.png', sizingMethod='crop');}
#buttons {
    float:right;
    padding:0;
    text-align:right;
    right:68px; 
}
#buttons div {
    width:15px; 
    height:15px; 
    background:url(../portafolios/images/button.gif); 
    float:left; 
    margin-left:8px; 
    display:inline;
    cursor:pointer;
    text-align:right;
}
#buttons div b {
    display:none; 
    width:15px; 
    height:15px; 
    line-height:19px; 
    font-family:arial, sans-serif; 
    font-size:11px; 
    color:#16a;
    text-align:center; 
    cursor:pointer;
}

img#loading {position:absolute; left:290px; top:170px;}