body
{
    margin: 0px;
    font-family: "Arial";
    font-size: 11px;
    /*background-image: url('../images/background.png');
    background-position: 50% 0%;*/ 
    background-color: #660000;
} 

/* ----- page --------------------------------------------- */

div.page
{
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    color: #ff0000;
} 

div.left-side-zone
{
    float: left;
    width: 189px;    
    padding: 10px;
    /*border: 1px solid #000000;*/
    border-right: 1px solid #f8ae16;;
    margin-bottom: 10px;
}

div.main-zone
{
    float: left;
    width: 540px;    
    padding: 10px;
    /*background: #cccccc;*/
    /*border: 1px solid #000000;*/
}

/* ----- header --------------------------------------------- */

div.header
{
    height: 105px;    
}

/* ---- upper zones --------------------------------------------- */

div.portlet div.magazine,
div.portlet div.catalogue,
div.portlet div.offer,
div.portlet div.news
{
    display: inline;
    float: left;
    width: 365px;
    padding: 10px;    
    /*border: 1px solid #000000;*/
}


/* * html div.portlet div.magazine,
* html div.portlet div.catalogue,
* html div.portlet div.offer,
* html div.portlet div.news
{
    width: 360px;    
}*/

/* ie6 hacking */

div.portlet div.catalogue
{
    width: 200px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 10px;
}

div.portlet div.forum
{
    float: left;
    width: 565;
    padding: 10px;
}

div.portlet div.biondobikeclub
{
    float: left;
    width: 175;
    padding-top: 10px;
}

div.portlet div.offer,
div.portlet div.magazine
{
    margin-right: 5px;
}

/* ---- banner zone --------------------------------------------- */

div.banner-zone
{
    background-color: #fbda86; 
}

/* ---- zone clearfix ----------------------------------------- */

div.banner-zone,
div.community-zone,
div.lower-zone,
div.upper-zone,
div.footer
{
    clear: both;
}

div.banner-zone:after,
div.community-zone:after,
div.lower-zone:after,
div.upper-zone:after,
div.footer:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;    
}

* html div.banner-zone,
* html div.community-zone,
* html div.lower-zone,
* html div.upper-zone,
* html div.footer
{
    height: 1%;
}

div.left-side-zone div.portlet-last,
div.left-side-zone div.portlet
{
    border-bottom: 1px solid #f8ae16;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

div.left-side-zone div.portlet-last
{
    border-bottom: none;
}
div.upper-zone
{
    background-image: url("../images/zone-bgr.png");
    background-repeat: none;
    background-position: 0% 100%;
}

div.lower-zone
{
    background-image: url("../images/zone-bgr2.png");
    background-repeat: none;
    background-position: 0% 0%;
}