#conteudo {
    height:450px;
}
#sobdemanda {
    position:absolute;
    top:50px;
    left:130px;
    width:210px;
    height:31px;
    background:url(sobdemanda.gif) no-repeat center center;
    text-align:center;
}
#sobdemanda a {
    display:block;
    width:210px;
    height:31px;
}

#navegacao {
    position:absolute;
    top:350px;
    left:150px;
    width:210px;
    height:120px;
    color:#080;
    font-weight:bold;
    text-align:center;
}
#anterior {
    left:80px;
}
#proxima {
    left:110px;
}

#cartoes li a {
    display:block;
    position:absolute;
    text-align:center;
    color:#D33;
    text-decoration:none;
}
#cartoes li.cartao1 a {
    background:url(cartao1.gif) no-repeat 0 0;
    top:0;
    left:0;
    width:120px;
    height:210px;    
    padding-top:190px;
}
#cartoes li.cartao2 a {
    background:url(cartao2.gif) no-repeat 0 0;
    top:230px;
    left:0;
    width:120px;
    height:210px;    
    padding-top:190px;
}
#cartoes li.cartao3 a {
    background:url(cartao3.gif) no-repeat 0 0;
    top:150px;
    left:150px;
    width:210px;
    height:120px;    
    padding-top:125px;
}
#cartoes li.cartao4 a {
    background:url(cartao4.gif) no-repeat 0 0;
    top:0;
    left:380px;
    width:120px;
    height:210px;    
    padding-top:190px;
}
#cartoes li.cartao5 a {
    background:url(cartao5.gif) no-repeat 0 0;
    top:230px;
    left:380px;
    width:120px;
    height:210px;    
    padding-top:190px;
}
#cartoes li.cartao6 a {
    background:url(cartao6.gif) no-repeat 0 0;
    top:0;
    left:0;
    width:120px;
    height:210px;    
    padding-top:190px;
}
#cartoes li.cartao7 a {
    background:url(cartao7.gif) no-repeat 0 0;
    top:230px;
    left:0;
    width:120px;
    height:210px;    
    padding-top:190px;
}
#cartoes li.cartao8 a {
    background:url(cartao8.gif) no-repeat 0 0;
    top:150px;
    left:150px;
    width:210px;
    height:120px;    
    padding-top:125px;
}
#cartoes li.cartao9 a {
    background:url(cartao9.gif) no-repeat 0 0;
    top:0;
    left:380px;
    width:120px;
    height:210px;    
    padding-top:190px;
}
#cartoes li.cartao10 a {
    background:url(cartao10.gif) no-repeat 0 0;
    top:300px;
    left:350px;
    width:210px;
    height:120px;    
    padding-top:125px;
}
#cartoes li.cartao11 a {
    background:url(cartao11.gif) no-repeat 0 0;
    top:0;
    left:-30px;
    width:210px;
    height:120px;    
    padding-top:125px;
}
#cartoes li.cartao12 a {
    background:url(cartao12.gif) no-repeat 0 0;
    top:300px;
    left:-30px;
    width:210px;
    height:120px;    
    padding-top:125px;
}
#cartoes li.cartao13 a {
    background:url(cartao13.gif) no-repeat 0 0;
    top:150px;
    left:150px;
    width:210px;
    height:120px;    
    padding-top:125px;
}
#cartoes li.cartao14 a {
    background:url(cartao14.gif) no-repeat 0 0;
    top:0;
    left:380px;
    width:120px;
    height:210px;    
    padding-top:190px;
}
#cartoes li.cartao15 a {
    background:url(cartao15.gif) no-repeat 0 0;
    top:300px;
    left:350px;
    width:210px;
    height:120px;    
    padding-top:125px;
}
#cartoes li.cartao16 a {
    background:url(cartao16.gif) no-repeat 0 0;
    top:0;
    left:0;
    width:120px;
    height:210px;    
    padding-top:190px;
}
#cartoes li.cartao17 a {
    background:url(cartao17.gif) no-repeat 0 0;
    top:230px;
    left:0;
    width:120px;
    height:210px;    
    padding-top:190px;
}
#cartoes li.cartao18 a {
    background:url(cartao18.gif) no-repeat 0 0;
    top:120px;
    left:180px;
    width:120px;
    height:210px;    
    padding-top:190px;
}
#cartoes li.cartao19 a {
    background:url(cartao19.gif) no-repeat 0 0;
    top:0;
    left:380px;
    width:120px;
    height:210px;    
    padding-top:190px;
}
#cartoes li.cartao20 a {
    background:url(cartao20.gif) no-repeat 0 0;
    top:230px;
    left:380px;
    width:120px;
    height:210px;    
    padding-top:190px;
}