#passos
{
    background-color: #F5F5F5;
    border-collapse: collapse;
    border-style: none;
    float:left;
    margin:20px 3% 20px 3%;
    text-align: left;
    width: 94%;
}

#passos > table
{
    background-image: url('Passos/passos_fundo.gif');
    border-collapse: collapse;
    width: 100%;
    border-style: none;
    vertical-align: middle;
    text-align: center;
}
#passos > table td
{
    padding:0 0 0 0;
    width:20%;
}
#passos > div
{
    width:96%;
    margin:2%;
}

#passos h1
{
    color:#CC3333;
    font-size:medium;
    font-weight:bold;
    text-align:left;
}

#passos h2
{
    color: #666699;
    font-size:medium;
    font-weight:bold;
    text-decoration: none;
}

.Passo1Select:before{content: url('passos/passo1_selected.gif');}
.Passo2Select:before{content: url('passos/passo2_selected.gif');}
.Passo3Select:before{content: url('passos/passo3_selected.gif');}
.Passo4Select:before{content: url('passos/passo4_selected.gif');}
.Passo5Select:before{content: url('passos/passo5_selected.gif');}

.Passo1UnSelect:before{content:url('Passos/passo1.gif');}
.Passo2UnSelect:before{content:url('Passos/passo2.gif');}
.Passo3UnSelect:before{content:url('Passos/passo3.gif');}
.Passo4UnSelect:before{content:url('Passos/passo4.gif');}
.Passo5UnSelect:before{content:url('Passos/passo5.gif');}