body {
    width: 100%;
    font-size: 11px;
    font-family: Arial;
}

.clear {
    clear: both;
}

.main {
    position: absolute;
    bottom: 10px;
    width: 740px;
    background: #fff url('../media/images/background.png') no-repeat;
    height: 680px;
}

.bar {
    position: absolute;
    bottom: 200px;
    width: 100%;
    background: #56463f;
    height: 25px;
}

.bar .content {
    width: 750px;
    margin: 0 auto;
    font-family: Arial;
}

.bar .content .rest img, .bar .content .cat img {
    float: left;
    margin: 0 5px 0 0;
}

.bar .content .rest a, .bar .content .cat a {
    color: #fff;
    font-size: 11px;
    text-decoration: none;
}

.bar .content .rest a:hover, .bar .content .cat a:hover {
    text-decoration: underline;
}

.bar .content .rest {
    width: 175px;
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 155px;
}

.bar .content .cat {
    width: 200px;
    float: left;
    height: 25px;
    line-height: 25px;
    text-align: left;
}

.pie {
    position: absolute;
    bottom: 5px;
    width: 100%;
}

.pie .content {
    width: 400px;
    text-align: center;
    margin: 0 auto;
}

.pie .content p {
    line-height: 18px;
    color: #666;
}

.pie .content p a {
    color: #56463F;
    text-decoration: underline;
}

.pie .content p a:hover {
    text-decoration: none;
}

.logotipo {
    position: absolute;
    bottom: 300px;
    width: 100%;
}

.logotipo .content {
    width: 500px;
    margin: 0 auto;
}