.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.hidden {
    position: absolute !important;
    top: -99999px !important;
    left: -999999px !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
}

form { margin: 0; padding: 0; }
p { margin: 0; padding: 0 0 1em 0; }
a { color:#666; background-color: transparent;}
a:hover { color: #000; background-color: transparent;}
a img { border: 0; }
img { }
input, select, textarea {font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle;}
hr {margin:0; padding: 0; height: 1px; border: 0; background: url(../images/dotted-h.gif) repeat-x 0 0;}
table {font-size: 1em;}


body {
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #fff url(../images/template/body.gif) repeat 0 0;
    color: #666;
}
#body_wrapper {
    background: url(../images/template/body-top.gif) repeat-x 0 0;
    min-height:351px;
}

#container {
    text-align: left;
    font: normal 0.7em/1.2em Verdana, Arial, Helvetica, sans-serif;
    width: 990px;
    margin: 0 auto;
}

#header {
    height: 160px;
    background: url(../images/template/header.jpg) no-repeat 0 0;
    position: relative;
    border-bottom: 1px solid #fff;
}
    #logo {
        margin: 0;
        padding: 0;
        position: absolute;
        left: 48px;
        top: 39px;
    }
    #header_menu {
        position: absolute;
        right: 15px;
        bottom: 20px;
        font-size: 1.1em;
        padding-left: 3px;
        font-family: Arial, Helvetica, sans-serif;
    }
    #header_menu ul {
        margin: 0;
        list-style-type: none;
    }
    #header_menu li {
        float: left;
        display: inline;
        padding: 7px 0;
    }
    #header_menu a {
        text-decoration: none;
        color: #fff;
        background: transparent url(../images/template/header_menu.gif) repeat-x 0 50%;    
        padding: 7px 15px;
    }
    #header_menu li.first a {
        background-image: url(../images/template/header_menu-left.gif);   
    }    
    #header_menu li.last a {
        background-image: url(../images/template/header_menu-right.gif);
        background-position: 100% 50%;   
    }    

    
#mainmenu {
    background: #000;
    color: inherit;
    border-bottom: 1px solid #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    padding: 10px 10px 10px 100px;
}   
    #mainmenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    #mainmenu li {
        display: inline;
    }
    #mainmenu li.on a {
        font-weight: bold;
    }
    #mainmenu a {
        padding: 4px 2px;
        color: #fff;
        background: transparent;
        text-decoration: none; 
    }

#pagebody {
    border-bottom: 1px solid #fff;
    min-height: 300px;
    padding-bottom: 70px;
    background: url(../images/template/pagebody.gif) repeat-y 0 0;    
}
    #pagebody.pagebody_home, #pagebody.wide_content {
        padding-bottom: 0;
    }
    #pagebody #sidebar {
        padding: 8px 0 0 0;
        float: left;
        display: inline;
        width: 196px;
        background: url(../images/template/sidebar-top.gif) no-repeat 0 0;
   }
    #pagebody #mainbar {
        float: left;
        display: inline;
        width: 794px;
   }
   
   #submenu {
       font-size: 1.1em;
   }
        #submenu ul {
           margin: 0;
           padding: 0;
           list-style-type: none;
           text-align: right;
        }
        #submenu li {
           border-bottom: 1px solid #101010;
        }
        #submenu a {
           text-decoration: none;
           display: block;
           width: 100%;
           font-weight: bold;
           color: #999;
           background-color: transparent;
        }
        #submenu a:hover, #submenu li.on a {
           color: #fff;
           background-color: transparent;
        }
        #submenu a span {
           display: block;
           padding: 10px 18px;
        }
        /* 2º level */ 
        #submenu li ul {
            margin-bottom: 10px;
           font-size: 0.9em;
           border-top: 1px solid #101010;
           position: relative;
        }
        #submenu li ul li {
           border: 0;
           padding: 9px 8px 0 0;
           position: relative;
        }
        #submenu li ul a, #submenu li.on ul a {
            display: inline;
            font-weight: normal;
            color: #999;
            background-color: transparent;
        }
        #submenu li ul li.haschildren a {
            background: url(../images/template/submenu-arrow.gif) no-repeat 100% 5px;
        }           
        #submenu li ul a:hover, #submenu li.on ul a:hover, #submenu li ul li.on a {
           color: #fff;
           background-color: transparent;
           background-position: 100% -90px;            
        }
        #submenu li ul a span {
            display: inline;
            padding: 0 10px 0 18px;
        }
        /*3º level */
        #submenu li li ul {
            padding: 15px 20px;
            width: 160px;
            background: #333;
            color: #fff;
            position: absolute;
            top: 8px;
            left: 196px;
            font-size: 1em;
            border: 0;
        }
        #submenu li li ul li {
            border-bottom: 1px solid #3f3f3f;
            text-align: left;
            margin: 0;
            padding: 0;
        }
        #submenu li li ul li.last {
            border-bottom: 0;
        }
        #submenu li li ul a {
            display: block;
            width: 100%;
            padding: 0;
            color: #999 !important;
            background-color: transparent;
        }
        #submenu li li ul li.on a, #submenu li li ul a:hover {
            font-weight: bold;
            color: #fff !important;
            background-color: transparent;
        }
        #submenu li li ul a span {
            display: block;
            padding: 5px 0;
        }

#footer {
    font-family: Arial, Helvetica, sans-serif;
    background: #161616 url(../images/template/footer.gif) no-repeat 0 0;
    color: #fff;
    padding: 16px 13px 13px 13px;
    text-align: center;
}
    #footer #stats_ico {
        float: right;
        display: inline;
    }
    #footer a {
        color: #fff;
        background-color: transparent;
    }
    #footer #copyright, #footer a {
        margin: 0 15px;
    } 
    #footer * {
        vertical-align: middle;
    }
