@page_width: 800px;
@page_padding: 0px;
@internal_width: @page_width - @page_padding;

.rounded(@radius: 3px) {
    border-radius: @radius;
    -moz-border-radius: @radius;
    -webkit-border-radius: @radius;
}

body
{
    background: #cc0066 url(../img/body-bg-start.png) repeat-y 50% 50%;
    padding: 0;
    margin: 0;
    font: 11px 'Tahoma';
}

.page-wrapper
{
    width: @page_width;
    margin: auto;
}

.page
{
    float: left;
    width: @internal_width;
    min-height: 560px;
    height: auto !important;
    height: 560px;
    padding: 30px 0 0 0;
    background: #fff url(../img/sex-oferty-start.jpg) no-repeat top left;
}

.right
{
    float: right;
    text-align: center;
    color: #fff;
    width: 400px;
}

.info 
{
    width: 380px;
    padding: 10px;
    height: 467px;
}

.terms
{
    width: 370px;
    border: 1px solid #000;
    height: 100px;
    overflow: auto;
    padding: 4px;
    font-size: 10px;
    background: #991d5e;
}
.tmar
{
    margin: 10px 0 0 0;
}

.buttons 
{
    width: 400px;
    text-align: center;
}
.buttons a
{
    padding: 20px 30px;
    display: inline-block;
    font-size: 24px;
    color: #cc0066;
    text-decoration: none;
    font-weight: bold;
}
.buttons a:hover
{
    text-decoration: underline;
    color: #f00;
}
.fleft { float: left; }
.fright { float: right; }


h2
{
    font-size: 18px;
    margin: 0 0 3px 0;
    padding: 0;
}
p
{
    padding: 0;
    margin: 0 0 7px 0;
}

.links 
{
    width: 100%;
    float: left;
    margin: 5px 0 0 0;
    border-top: 1px solid #eee;
    text-align: center;
    padding: 5px 0 0 0;
}
.links a 
{
    color: #000;
    display: inline-block;
    padding: 0 5px;
}