﻿html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
body {
    line-height: 1;
    background-color: #DFDFDD;
    text-align:center; /* hack para o IE */
    padding:10px 0 40px 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
section, article, aside, header, footer, nav, dialog, figure {
    display:block;
}
#magemSup {
    width:779px;
    height:8px;
    background-image: url("imagens/background_topo.jpg");
    margin:0 auto;
    display:table;
}
#tudo {
    width:779px;
    margin:0 auto;
    text-align:left; /* "remédio" para o hack do IE */
    background-image: url("imagens/background.jpg");
    display:table;
}
/* ####################################### */
#topo {
    width:779px;
    height:200px;
}
#menu {
    width:230px;
    float:left;
}
#menu ul {
    list-style:none;
    padding:22px 0 0 70px;
}
#menu ul li {
    margin:20px 0 0 0;
}
.menu_postit {
    margin:30px 0 0 56px;
}
#topo_logo {
    margin:20px 0 0 300px;
    width:200px;
    height:177px;
    float:left;
}
#topo_nome {
    margin:25px 0 0 55px;
    width:200px;
    height:129px;
    float:left;
}

}
#topo_nome_2 {
    margin:1px 0 0 30px;
    width:200px;
    height:129px;
    float:left;
}


#content {
    width:488px;
    display:table;
    float:left;
    margin:40px 30px 0 30px;
}
#content h1 {
    font-family:verdana, arial;
    font-size:16px;
    color:#606060;
    font-weight:bold;
    margin:0 0 30px 0;
}
#content h2 {
    font-family:verdana, arial;
    font-size:12px;
    color:#606060;
    font-weight:bold;
    margin:0 0 15px 0;
}
#content p {
    font-family:verdana, arial;
    font-size:11px;
    color:#606060;
    font-weight:normal;
    margin:0 0 15px 0;
}
#rodape {
    margin:50px 0 50px 0;
    width:779px;
    float:left;
}
#rodape_01 {
    width:400px;
    margin:0 40px 0 80px;
    background-color:#123456;
    float:left;
}
#rodape_02 {
    width:240px;
    float:left;
}
#rodape_02 p {
    font-family:verdana, arial;
    font-size:10px;
    color:#606060;
    font-weight:normal;
    margin:0 0 15px 0;
}
/* ####################################### LINKS */
.menu_link:link {
    font-family:verdana, arial;
    font-size:13px;
    text-decoration:none;
    color:#606060;
    font-weight:bold;
    padding:0 3px 0 3px;
}
.menu_link:hover {
    font-family:verdana, arial;
    font-size:13px;
    text-decoration:none;
    color:#606060;
    font-weight:bold;
    background-color:#FFEC19;
    padding:0 3px 0 3px;
}
.menu_link:active {
    font-family:verdana, arial;
    font-size:13px;
    text-decoration:none;
    color:#606060;
    font-weight:bold;
    padding:0 3px 0 3px;
}
.menu_link:visited {
    font-family:verdana, arial;
    font-size:13px;
    text-decoration:none;
    color:#606060;
    font-weight:bold;
    padding:0 3px 0 3px;
}
#content a:link {
    font-family:verdana, arial;
    font-size:11px;
    color:#606060;
    font-weight:normal;
    margin:0 0 15px 0;
    background-color:#FFEC19;
    text-decoration:none;
}
#content a:hover {
    font-family:verdana, arial;
    font-size:11px;
    color:#606060;
    font-weight:normal;
    margin:0 0 15px 0;
    background-color:#FFEC19;
    text-decoration:underline;
}
#content a:visited {
    font-family:verdana, arial;
    font-size:11px;
    color:#606060;
    font-weight:normal;
    margin:0 0 15px 0;
    background-color:#FFEC19;
    text-decoration:none;
}
#content a:active {
    font-family:verdana, arial;
    font-size:11px;
    color:#606060;
    font-weight:normal;
    margin:0 0 15px 0;
    background-color:#FFEC19;
    text-decoration:none;
}
#rodape_02 a:link {
    font-family:verdana, arial;
    font-size:10px;
    color:#606060;
    font-weight:normal;
    margin:0 0 15px 0;
    text-decoration:none;
}
#rodape_02 a:hover {
    font-family:verdana, arial;
    font-size:10px;
    color:#606060;
    font-weight:normal;
    margin:0 0 15px 0;
    text-decoration:none;
    background-color:#FFEC19;
}
#rodape_02 a:visited {
    font-family:verdana, arial;
    font-size:10px;
    color:#606060;
    font-weight:normal;
    margin:0 0 15px 0;
    text-decoration:none;
}
#rodape_02 a:active {
    font-family:verdana, arial;
    font-size:10px;
    color:#606060;
    font-weight:normal;
    margin:0 0 15px 0;
    text-decoration:none;
}
