body {
    margin: 0 0 20px 0;
    padding: 0;
    font-family: "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
    font-size: 10px;
    color: #fff;
    background: #000 url(../images/bg.jpg) no-repeat center top;
}
h1
{
    margin: 10px 0 0 34px;
    padding: 0;
    font-size: 15px;
}
.wrapper
{
    width: 908px;
    height: auto;
    margin: 0 auto;
}
#nav-wrap
{
    width: 908px;
    height: 57px;
    float: left;
    background: #000;
    border-bottom: 1px solid #3c3c3c; 
    border-left: 1px solid #3c3c3c; 
    border-right: 1px solid #3c3c3c; 
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
}
#banner
{
    width: 898px;
    height: 345px;
    float: left;
    margin: 0 0 0 4px;
}
.login
{
    width: 371px;
    height: 52px;
    float: left;
    margin: 4px 0 0 2px;
}
input.input-login
{
    width: 108px;
    height: 19px;
    float: left;
    background: #323232;
    border: 1px solid #323232;
    color: #fff;
    padding: 3px;
}
.nav
{
    width: 516px;
    height: 43px;
    float: right;
    background: url(../images/navbg.gif) no-repeat;
    margin: 4px 5px 0 0;
}
ul.primenav
{
    margin: 0 0 0 12px;
    padding: 0;
    list-style-type: none;
    position: relative;
}
ul.primenav li
{
    float: left;
    width: auto;
    height: 43px;
    padding: 0 5px;
    background: url(../images/navsep.gif) no-repeat center right; 
}
ul.primenav li a
{
    display: block;
    height: 43px;
    float: left;
}   
ul.primenav li.noBg
{
    background: none;
}
ul.primenav li span
{
    width: 113px;
    height: auto;
    min-height: 20px;
    background: #334a7c;
    border: 1px solid #2a3d65;
    position: absolute;
    display: none;
    text-align: center;
    top: 43px;
    padding: 5px 0;
    opacity: 0.7;
    -moz-border-radius: 5px;
}
ul.primenav li span a
{
    display: block;
    color: #fff;
    width: 110px;
    height: 19px;
}
ul.primenav li:hover span
{
    display: block;
}
span.info-sub
{
    left: 257px;
}
span.donar-sub
{
    left: 135px;
}
span.account-sub
{
    left: 10px;
}
span.db-sub
{
    left: 376px;
}
a.account
{
    width: 125px;
    background: url(../images/buttons.png) no-repeat -141px -1px;
}
a.account:hover
{
    background: url(../images/buttons.png) no-repeat -141px -45px;
}
a.donar
{
    width: 111px;
    background: url(../images/buttons.png) no-repeat -141px -89px;
}
a.donar:hover
{
    background: url(../images/buttons.png) no-repeat -141px -133px;
}
a.info
{
    width: 111px;
    background: url(../images/buttons.png) no-repeat -141px -177px;
}
a.info:hover
{
    background: url(../images/buttons.png) no-repeat -141px -221px;
}
a.db
{
    width: 111px;
    background: url(../images/buttons.png) no-repeat -141px -265px;
}
a.db:hover
{
    background: url(../images/buttons.png) no-repeat -141px -309px;
}
#main-wrapper
{
    width: 887px;
    height: auto;
    min-height: 300px;
    background: #1a1a1a;
    float: left;
    -moz-border-radius: 15px;
    margin: 0 0 0 8px;
    padding: 0 0 5px 0;
}
#main-navigation
{
    width: 863px;
    height: 51px;
    float: left;
    margin: 20px 0 0 15px;
}
ul#main-nav
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul#main-nav li
{
    float: left;
}
ul#main-nav li a
{
    width: 139px;
    height: 49px;
    display: block;
    margin: 0 0 0 3px;
}
a.home
{
    background: url(../images/buttons.png) no-repeat -1px -1px;
}
a.home:hover
{
    background: url(../images/buttons.png) no-repeat -1px -51px;
}
a.forum
{
    background: url(../images/buttons.png) no-repeat -1px -101px;
}
a.forum:hover
{
    background: url(../images/buttons.png) no-repeat -1px -151px;
}
a.control
{
    background: url(../images/buttons.png) no-repeat -1px -201px;
}
a.control:hover
{
    background: url(../images/buttons.png) no-repeat -1px -251px;
}
a.vote
{
    background: url(../images/buttons.png) no-repeat -1px -301px;
}
a.vote:hover
{
    background: url(../images/buttons.png) no-repeat -1px -351px;
}
a.donation
{
    background: url(../images/buttons.png) no-repeat -1px -401px;
}
a.donation:hover
{
    background: url(../images/buttons.png) no-repeat -1px -451px;
}
a.downloads
{
    background: url(../images/buttons.png) no-repeat -1px -501px;
}
a.downloads:hover
{
    background: url(../images/buttons.png) no-repeat -1px -551px;
}
.content-outer
{
    width: 864px;
    height: auto;
    min-height: 100px;
    float: left;
    -moz-border-radius: 10px;
    background: #0e0e0e;
    margin: 0 0 0 12px;
    padding: 0 0 4px 0;
}
.content-inner
{
    width: 841px;
    height: auto;
    float: left;
    min-height:200px;
    background: #000;
    -moz-border-radius: 10px;
    margin: 10px; 
}
#left-panel
{
    width: 515px;
    height: auto;
    min-height: 200px;
    float: left;
    background: #1a1a1a;
    -moz-border-radius: 10px;
    margin: 10px 0 10px 10px;
    border:1px solid #202020;
    padding: 0 0 10px 0;
    
}
#right-panel
{
    width: 294px;
    height: auto;
    min-height: 200px;
    margin: 10px 13px 0 0;
    float: right;
}
.sbarwrap
{
    width: 294px;
    height: auto;
    min-height: 120px;
    background: #1a1a1a;
    float: left;
    margin: 0 0 10px 0;
    border:1px solid #202020; 
    -moz-border-radius: 10px;
}
.contheader
{
    width: 503px;
    height: 54px;
    float: left;
    background: url(../images/contheader.gif) no-repeat;
    margin: 8px 0 0 7px;
}
.contbody
{
    width: 501px;
    height: auto;
    min-height: 170px;
    float: left;
    background: #0e0e0e;
    margin: 0 0 0 8px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
}
.cont-inner
{
    width: 465px;
    height: auto;
    min-height: 200px;
    background: #000;
    -moz-border-radius: 10px;
    margin: 5px 8px 8px 8px;
    padding: 5px 10px 10px 10px;
    float: left;
}
.sbarheader
{
    width: 275px;
    height: 41px;
    float: left;
    background: url(../images/sbarheader.gif) no-repeat;
    margin: 10px 0 8px 8px;
}
.sbarbody
{
    width: 275px;
    height: auto;
    min-height: 100px;
    float: left;
    background: #000;
    -moz-border-radius: 10px;
    margin: 0 0 10px 8px;
    padding: 3px 0;
}
.buttons
{
    width: 785px;
    height: 143px;
    float: left;
    margin: 10px 0 10px 60px;
}
.buttons a
{
    display: block;
    width: 254px;
    height: 144px;
    float: left;
    margin: 0 0 0 5px;
}
a.descargar
{
    background: url(../images/buttons.png) no-repeat -266px -1px;  
}
a.descargar:hover
{
    background: url(../images/buttons.png) no-repeat -266px -146px;  
}
a.donates
{
    background: url(../images/buttons.png) no-repeat -266px -292px;
}
a.donates:hover
{
    background: url(../images/buttons.png) no-repeat -265px -438px;  
}
a.registrar
{
    background: url(../images/buttons.png) no-repeat -265px -584px;
}
a.registrar:hover
{
    background: url(../images/buttons.png) no-repeat -264px -729px;  
}
.footer
{
    width: 100%;
    height: 61px;
    float: left;
}
.pics
{
    width: 251px;
    height: 169px;
    float: left;
    overflow: hidden;
    margin: 11px;
}
.pics img{
    width: 251px;
    height: 169px;
}
.mask
{
    width: 100%;
    height: auto;
    float: left;
    overflow-x: scroll;
}
.top-menu
{
    border:1px solid red;
    width: 450px;
    height: auto;
    padding: 8px;
    margin: 10px 30px;
    border:1px solid #1a1a1a;
    -moz-border-radius: 10px;
}