body { 
    background: white; 
    color: #555;
    margin:0; 
    margin-top: 5px;
    padding:0; 
    font: 12px/16px "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; 
    text-align: center;
}

#content
{
    text-align  : left;
    margin      : 0px auto;
    width       : 882px;
    border      : 1px solid black;
    position    : relative;
}

#header
{
    border-top  : 6px solid #e83e0d;
    padding     : 0;
    padding-left: 14px;
}


#header ul, #header li
{
    display: inline;
    margin: 0;
    padding:0;
}

#header ul 
{
    vertical-align: absmiddle;
}

#topmenu
{
    position: absolute; left: 435px; top: 36px; margin: 0; width: 500px; 
}

#topmenu a img
{
    border: none;
}

.menu 
{
    font-size: 1.3em; font-weight: bolder; 
    margin-left: 40px;
    list-style-image: url(fletxa.png);
}

.menu li
{
    margin: 10px 0px;
}
   
.menu a
{
    text-decoration: none;
    color: #e83e0d;
}

.submenu 
{
    font-family: Verdana; font-size: 0.7em; font-weight: normal; color: black;
    list-style-type: none; list-style-image: none;
}

.submenu li
{
    margin: 3px 0px;
}

#description
{
    float:left; font-size: 1.3em; font-weight: bolder; margin: 15px; color: #888; width: 400px; 
    padding-right: 20px;
    border-right: 1px solid #e83e0d; margin-right: 50px;
}
        
#bottom
{
    text-align: right; background: #777; color:white; padding: 1px 8px; font-size: 0.9em; 
}

#bottom a
{
    color: white; text-decoration: none;
}
   
a img {
    border: none;
}

#main {
    position: relative; 
    background-image: url(inside.png); 
    background-repeat: repeat-y;
}

#main #left {
    position: absolute; 
    bottom: 0;
    left: 0; 
    width:165px; 
    font: 10px Verdana, arial, sans-serif; 
    padding: 10px; 
    color: #000000;
}

#main #left a {
    font: 10px Verdana, arial, sans-serif; 
    color: #000000;
    text-decoration: none;
}

#main #right {
    margin-left: 185px; 
    padding: 20px; 
}

.creamm {
    color: #e83e0d;
    font-weight: bolder;
}