.menu {
    float: left;
    position: relative;
    width: 220px;
    margin-right: 16px;
}
.menu .barra {
    float: left;
    position: relative;
    width: 100%;
    height: 10px;
    background-color: #EEEEEE;
}
.menu ul {
    float: left;
    position: relative;
    padding: 10px 0;
}
.menu ul li {
    float: left;
    position: relative;
    margin-bottom: -1px;
}

.menu ul li a {
    float: left;
    position: relative;
    width: 214px;
    padding-left: 6px;
    height: 36px;
    font-size:12px;
    font-weight:bold;
    line-height:300%;
    color:#666666;
    text-decoration: none;
    background: transparent url("../../../images/modules/servicos/menu_bg.png") top left no-repeat;
}
.menu ul li.active a,
.menu ul li a:hover {
    color:#FFF;
    background-position: bottom left;
}

/********************************************************************************/
div.conteudo {
    float: left;
    position: relative;
    width: 635px;
}

div.conteudo .barra {
    float: left;
    position: relative;
    width: 100%;
    height: 10px;
    background-color: #EEEEEE;
    margin-bottom: 10px;
}

div.conteudo .imagens {
    float: right;
    position: relative;
    width: 276px;
    text-align: center;
    padding-bottom: 10px;
}