body {
    margin: 0px;
    padding: 0px;
    font: normal 12px arial;
    color: #555555;
    background: #ffffff; /*#a3a3a3;*/
}

h1 {
    padding: 4px 4px 4px 0px;
    margin: 0px 0px 20px 0px;
    border: 0px;
    border-bottom: 1px dotted #c0c0c0;
    background: transparent;
    font: bold 26px arial;
    color: #0055bb;
    letter-spacing: 2px;
}

h2 {
    padding: 0px 0px 2px 1px;
    border-bottom: 1px solid #ffdd95;
    background: transparent;
    font: bold 18px arial;
    color: #0055aa;
    letter-spacing: 1px;
    text-transform: uppercase;
}

h2 span {
    margin: 0px;
    display: inline;
    border: 0px;
    background: transparent;
    font: bold 15px arial;
    color: #707070;
}

h3 {
    padding: 4px;
    margin: 10px 0px 10px 0px;
    font: bold 15px arial;
    color: #525252;
    background: #dadada 0 -1px url(../imgs/fundo_pc_login_h3.jpg) repeat-x;
    border-bottom: 1px solid #c0c0c0;
}

h4 {
    padding: 4px 4px 4px 0px;
    margin: 0px 0px 20px 0px;
    font: italic bold 16px arial;
    color: #333333;
    border-bottom: 1px solid #ffdd95;
    letter-spacing: 1px;
}

h4 a {
    font: bold 16px arial;
    color: #555555;
    text-decoration: none;
}

h4 a:hover {
    font: bold 16px arial;
    color: #333333;
    text-decoration: none;
}

h4 span {
    margin: 0px;
    display: inline;
    border: 0px;
    background: transparent;
    font: bold 13px arial;
    color: #808080;
}

h5 {
    margin: 20px 0px 10px 0px;
    padding: 0px;
    font: bold 13px arial;
    color: #333333;
}

a {
    font: bold 12px arial;
    color: #0055bb;
    text-decoration: none;
    border: 0px;
}
a:hover {
    font: bold 12px arial;
    color: #004488;
    text-decoration: underline;
    border: 0px;
}

form {
    margin: 0px;
    padding: 0px;
}

p {
    margin: 15px 0px 15px 0px;
    font: normal 12px arial;
    text-align: justify;
}
p.obs {
    font: normal 10px verdana;
    color: #707070;
}
p.exemplo {
    margin-left: 10px;
    padding-left: 5px;
    border-left: 2px solid #d0d0d0;
    font: normal 10px verdana;
    color: #707070;
}
p.exemplo span {
    font-style: italic;
    font-weight: bold;
}

ul {
    margin: 10px 5px 15px 40px;
    padding: 0px;
}
ul li {
    padding: 0px 5px 5px 5px;
    list-style-image: url(../imgs/img_list1.gif);
    text-align: justify;
}
ul.list1 li {
    list-style-image: url(../imgs/img_list1.gif);
}
ul.list2 li {
    list-style-image: url(../imgs/img_list2.gif);
}
ul.list3 li {
    list-style-image: url(../imgs/img_list3.gif);
}

/********************/

div.gotop {
    text-align: right;
}
div.gotop a,
div.gotop a:hover {
    border: 0px;
    font: bold 12px arial;
    color: #0055bb;
    text-decoration: none;
}
div.gotop a:hover {
    border-bottom: 1px solid #ffdd95;
    color: #dd0000;
}

a.gotop,
a.gotop:hover {
    border: 0px;
    font: bold 12px arial;
    color: #0055bb;
    text-decoration: none;
}
a.gotop:hover {
    border-bottom: 1px solid #ffdd95;
    color: #dd0000;
}

a.simples,
a.simples:hover {
    font-weight: normal;
}

a.showhide,
a.showhide:hover {
    border: 0px;
    font: normal 12px arial;
    text-decoration: none;
    color: #0055bb;
}
a.showhide:hover {
    border-bottom: 1px solid #ffdd95;
}

a.destaque_seta,
a.destaque_seta:hover {
    border: 0px;
    padding: 0px 20px 0px 0px;
    background: transparent top right url(../imgs/seta_dupla_azul_pequeno.gif) no-repeat;
    font: bold 14px arial;
    color: #0055bb;
    text-decoration: none;
}
a.destaque_seta:hover {
    color: #dd0000;
}

a.botao_sim,
a.botao_nao {
    display: block;
    width: 60px;
    height: 27px;
    background-position: 0 0;
}
a.botao_sim {
    background: url(../imgs/botao_sim.gif) no-repeat;
}
a.botao_nao {
    background: url(../imgs/botao_nao.gif) no-repeat;
}
a.botao_sim:hover,
a.botao_nao:hover {
    background-position: 0 -27px;
}

/********************/

span.path {
    font: bold 11px verdana;
}

/********************/

h3.cadastro {
    padding: 15px 15px 15px 60px;
    border: 0px;
    background: url(../imgs/icone_user.gif) no-repeat;
    font: bold 26px arial; 
    color: #0055bb;
}

h1.info {
    padding: 5px 0px 10px 60px;
    border: 0px;
    background: url(../imgs/layout/icon_info_peq.gif) no-repeat;
    font: bold 26px arial; 
    color: #0055bb;
}

h1.planeta {
    padding: 5px 0px 10px 60px;
    border: 0px;
    background: url(../imgs/layout/icon_planeta_peq.gif) no-repeat;
    font: bold 26px arial; 
    color: #0055bb;
}

h1.suporte {
    padding: 5px 0px 10px 60px;
    border: 0px;
    background: url(../imgs/layout/icon_suporte_peq.gif) no-repeat;
    font: bold 26px arial; 
    color: #0055bb;
}

h1.ajuda {
    padding: 5px 0px 10px 60px;
    border: 0px;
    background: url(../imgs/layout/icon_ajuda_peq.gif) no-repeat;
    font: bold 26px arial; 
    color: #0055bb;
}

h1.tarifas {
    padding: 0px 0px 15px 60px;
    border: 0px;
    background: url(../imgs/layout/icon_tarifas_peq.gif) no-repeat;
    font: bold 26px arial; 
    color: #0055bb;
}

h1.seguranca {
    padding: 5px 0px 10px 60px;
    border: 0px;
    background: url(../imgs/layout/icon_cadeado_peq.gif) no-repeat;
    font: bold 26px arial; 
    color: #0055bb;
}


/********************/

.empty {
    clear: both;
}

/********************/

#tudo {
    background: #ffffff url(../imgs/layout/fundo.jpg) repeat-x;
    _text-align: center;
}

#principal {
    margin: 0 auto;
    width: 1000px;
    _text-align:left;
    /*
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -390px;
    width: 780px;
    */
    /*
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -500px;
    width: 1000px;
    overflow: hidden;
    */
}

/********************/

#topo_logo {
    position: relative;
    height: 83px;
}

#topo_logo div.logo {
    position: absolute;
    top: 16px;
    left: 0px;
}
#topo_logo div.logo a div.img_logo {
    width: 244px;
    height: 67px;
    background: url(../imgs/layout/logo.gif) no-repeat;
}
#topo_logo div.logo a div.img_logo span {
    display: none;
}

#topo_logo div.menu {
    position: absolute;
    top: 10px;
    right: 20px;
}
#topo_logo div.menu ul.menu_topo {
    clear: both;
    margin: 0px;
    padding: 0px;
    border: 0px solid #c0c0c0;
}
#topo_logo div.menu ul.menu_topo li {
    float: left;
    margin: 0px;
    padding: 0px 5px 0px 5px;
    border: 0px;
    border-right: 1px solid #d0d0d0;
    list-style: none;
    text-align: center;
}
#topo_logo div.menu ul.menu_topo li.fim {
    border: 0px;
}
#topo_logo div.menu ul.menu_topo li a,
#topo_logo div.menu ul.menu_topo li a:hover {
    height: 10px;
    font: bold 10px verdana;
    color: #ababab;
    text-decoration: none;
}
#topo_logo div.menu ul.menu_topo li a:hover {
    text-decoration: underline;
}

#topo_logo div.login {
    position: absolute;
    top: 28px;
    right: 20px;
}

div.fast_login {
    /*width: 340px;
    height: 28px;*/
    width: 200px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #888888;
    background: #ababab 0 -1px url(../imgs/layout/fundo_fast_login.gif) repeat-x;
}
div.fast_login form {
    margin: 5px 10px 5px 10px;
    padding: 0px;
    font: bold 10px verdana;
    color: #ffffff;
}
div.fast_login form input {
    margin: 0px;
    padding: 0px 0px 0px 3px;
    width: 75px;
    border: 1px solid #808080;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    background: #fafafa 0 -1px url(../imgs/layout/fundo_input.gif) repeat-x;
    font: normal 10px verdana;
    color: #777777;
}
div.fast_login form button {
    margin: 0px;
    width: 40px;
    border: 1px solid #c0c0c0;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    background: #808080 0 -1px url(../imgs/layout/fundo_button.gif) repeat-x;
    font: bold 10px verdana;
    color: #f0f0f0;
}
div.fast_login form div.linha {
    float: left;
    width: 130px;
    margin: 0px 0px 4px 0px;
    padding: 0px;
    text-align: right;
}
div.fast_login form div.linha span {
    display: block;
    float: left;
    width: 38px;
    padding-top: 3px;
}
div.fast_login form div.botao {
    float: right;
    width: 40px;
}

/********************/

div.box_botao {
    position: relative;
    margin: 30px 0px 30px 0px;
    padding: 0px;
    height: 94px;
    background: top right url(../imgs/layout/icon_engrenagem.gif) no-repeat;
}
div.box_botao div.descricao {
    position: absolute;
    top: 0px;
    left: 240px;
    padding: 10px 0px 10px 0px;
    width: 400px;
    border: 1px dashed #d0d0d0;
    background: #ffffff 0 -1px url(../imgs/layout/fundo_box_descricao.gif) repeat-x;
}
div.box_botao div.descricao p {
    margin: 10px 0px 10px 0px;
    font: bold 14px arial;
    color: #808080;
    text-align: center;
}

/********************/

div.box_criar_site {
    position: relative;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    height: 94px;
    background: url(../imgs/layout/icon_engrenagem.gif) no-repeat;
}
div.box_criar_site div.descricao {
    position: absolute;
    top: 0px;
    left: 70px;
    padding: 10px;
    width: 380px;
    height: 60px;
    _width: 400px;
    _height: 80px;
    border: 1px dashed #d0d0d0;
    background: #ffffff 0 -1px url(../imgs/layout/fundo_box_descricao.gif) repeat-x;
    font: normal 13px arial;
    color: #777777;
    text-align: center;
}
div.box_criar_site div.botao {
    position: absolute;
    top: 0px;
    right: 0px;
}
div.box_criar_site div.descricao span.apostrofe {
    font: bold 22px times;
    color: #555555;
}

/********************/

#topo_barra {
    position: relative;
    margin: 0px 0px 0px 0px;
    height: 167px;
}

#topo_barra div.mapa {
    position: absolute;
    top: 3px;
    left: 26px;
    width: 321px;
    height: 143px;
    background: url(../imgs/layout/img_mapa.gif) no-repeat;
}

#topo_barra div.animacao {
    position: absolute;
    top: 3px;
    right: 0px;
    height: 167px;
}

#topo_barra div.menu_horiz_topo {
    position: absolute;
    bottom: 0px;
    right: 27px;
    width: 544px;
    height: 47px;
}

#topo_barra div.menu_horiz_topo div {
    position: relative;
}

#topo_barra div.menu_horiz_topo div div.part1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 11px;
    height: 47px;
    background: url(../imgs/layout/menu_horiz_p1.gif) no-repeat;
}

#topo_barra div.menu_horiz_topo div div.part2 {
    position: absolute;
    top: 0px;
    left: 11px;
    width: 520px;
    height: 47px;
    background: url(../imgs/layout/menu_horiz_p2.gif) repeat-x;
}

#topo_barra div.menu_horiz_topo div div.part3 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 13px;
    height: 47px;
    background: url(../imgs/layout/menu_horiz_p3.gif) no-repeat;
}

#topo_barra div.menu_horiz_topo ul {
    margin: 0px;
    padding: 4px 0px 0px 1px;
}

#topo_barra div.menu_horiz_topo ul li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 128px;
    height: 42px;
    border: 0px;
    border-left: 1px solid #fed98c;
    border-right: 1px solid #b89e4f;
    list-style: none;
}

#topo_barra div.menu_horiz_topo ul li.ini {
    border-left: 0px;
}
#topo_barra div.menu_horiz_topo ul li.fim {
    border-right: 0px;
}

#topo_barra div.menu_horiz_topo ul li a {
    display: block;
    padding: 12px 0px 12px 0px;
    width: 128px;
    height: 17px;
    background: transparent 0 50px url(../imgs/layout/menu_horiz_over.gif) no-repeat;
    font: bold 14px arial;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}
#topo_barra div.menu_horiz_topo ul li a.peq {
    font: bold 13px arial;
}
#topo_barra div.menu_horiz_topo ul li a:hover {
    background: #fdc858 0 -1px url(../imgs/layout/menu_horiz_over.gif) repeat-x;
    text-decoration: none;
}

/********************/

#meio {
    margin: 0px 25px 0px 10px;
}

#meio div.coluna_a {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 220px;
    overflow: hidden;
}
#meio div.coluna_b {
    float: left;
    margin: 0px 0px 100px 0px;
    padding: 20px 0px 0px 20px;
    width: 720px;
    _width: 740px;
    overflow: hidden;
}

#meio ul.menu_vertical {
    margin: 30px 10px 50px 5px;
    padding: 3px 0px 30px 0px;
    border: 0px;
    border-top: 2px solid #555566;
    background: #777799 bottom url(../imgs/layout/fundo_menu_vertical_base.gif) repeat-x;
}

#meio ul.menu_vertical li {
    margin: 0px;
    padding: 4px 10px 4px 10px;
    border: 2px solid #2565ac;
    border-top: 1px solid #3388dd;
    border-bottom: 1px solid #002299;
    background: #5f9bdc 0 -1px url(../imgs/layout/fundo_menu_vertical_item.gif) repeat-x;
    list-style: none;
}

#meio ul.menu_vertical li a,
#meio ul.menu_vertical li a:hover {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font: bold 12px arial;
    color: #ffffff;
    text-decoration: none;
}
#meio ul.menu_vertical li a:hover {
    color: #f0f0f0;
    text-decoration: underline;
}

/********************/

#rodape {
    clear: both;
    margin: 50px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    width: 100%;
    _height: 72px;
    min-height: 72px;
    background: #a3a3a3 0 -1px url(../imgs/layout/fundo_rodape.jpg) repeat-x;
    font: normal 12px arial;
    color: #ffffff;
    text-align: center;
}
#rodape div.ajuda {
    float: left;
    margin: 0px 0px 0px 5px;
    height: 47px;
    width: 46px;
    text-align: left;
}

#rodape div.ajuda a {
    position: relative;
    _position: fixed;
    text-decoration: none;
}

#rodape div.ajuda a div.icone {
    height: 47px;
    width: 46px;
    background: url(../imgs/layout/icon_ajuda.gif) no-repeat;
    background-position: 0 0;
}
#rodape div.ajuda a:hover div.icone {
    background-position: 0 -47px;
}

#rodape div.ajuda a div.descricao {
    display: none;
    position: absolute;
    top: 10px;
    left: 50px;
    padding: 2px;
    border: 1px solid #808080;
    background: #e0e0e0;
    font: bold 12px arial;
    color: #555555;
}
#rodape div.ajuda a:hover div.descricao {
    display: block;
}

#rodape div.rss  {
    float: right;
    margin: 5px 5px 0px 0px;
    height: 26px;
    width: 26px;
}
#rodape div.rss a,
#rodape div.rss a:hover {
    font: bold 10px verdana;
    color: #c0c0c0;
}
#rodape div.rss a div.icone {
    height: 26px;
    width: 26px;
    background: url(../imgs/layout/rss.gif) no-repeat;
}

#rodape a {
    font: normal 12px arial;
    color: #d0d0d0;
    text-decoration: none;
}

#rodape a:hover {
    font: normal 12px arial;
    color: #c7c7c7;
    text-decoration: underline;
}

#rodape ul {
    margin: 0 auto;
    padding: 5px 0px 5px 0px;
    width: 650px;
}
#rodape ul.menu1 {
    width: 580px;
}
#rodape ul.menu2 {
    width: 620px;
}

#rodape ul li {
    float: left;
    padding: 0px 5px 0px 5px;
    border: 0px;
    border-right: 1px solid #ababab;
    list-style: none;
    text-align: center;
}
#rodape ul li.fim {
    border: 0px;
}
#rodape div.copyright {
    clear: both;
    padding: 10px 0px 10px 0px;
}

/********************/

div.esconde_fundo {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    background-image: url(../imgs/overlay.png);
    cursor: wait;
    z-index: 1000;
}

* html div.esconde_fundo {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 101%; 
    height: 100%; 
    background: #000000;
    filter: Alpha(opacity=75);
    cursor: wait;
    z-index: 1001;
}

/********************/

div.box_destaque {
    margin: 20px;
    padding: 20px;
    border: 1px dashed #c0c0c0;
    background: #ffffff 0 -1px url(../imgs/layout/fundo_box_descricao.gif) repeat-x;
    font: bold 12px arial;
    color: #555555;
    text-align: center;
}

div.box_quadro {
    margin: 20px 0px 20px 0px;
    padding: 20px 20px 10px 20px;
    border: 0px;
    background: #f0f0f0;
}
div.box_quadro p {
    margin: 0px 0px 20px 0px;
}

div.box_logar {
    margin: 0px;
    padding: 0px;
}
div.box_logar div.form_login {
    /*position: absolute;
    top: 0px;
    right: 10px;*/
    float: right;
    margin: -10px 0px 0px 30px;
}
div.box_logar p {
    /*position: absolute;
    top: 0px;
    right: 10px;*/
    margin-top: 20px;
}
/********************/

a div.botao_criar_site {
    margin: 0px;
    padding: 0px;
    width: 201px;
    height: 94px;
    background: url(../imgs/layout/bt_criar_site.gif) no-repeat;
    background-position: 0 0;
}
a:hover div.botao_criar_site {
    background-position: 0 -94px;
}

a div.botao_cadastrar {
    margin: 0px;
    padding: 0px;
    width: 201px;
    height: 94px;
    background: url(../imgs/layout/bt_cadastrar.gif) no-repeat;
    background-position: 0 0;
}
a:hover div.botao_cadastrar {
    background-position: 0 -94px;
}

div.botao_criar_site span,
div.botao_cadastrar span {
    display: none;
}

/********************/

table.tarifas {
    width: 700px;
    border: 1px solid #eaeaea;
    border-left: 0px;
    border-bottom: 2px solid #e0e0e0;
    background: #ffffff;
    font: normal 12px arial;
    color: #555555;
}
table.tarifas tr th {
    padding: 10px;
    border-left: 1px solid #a2a2a2;
    background: #c0c0c0 0 -1px url(../imgs/layout/fundo_tabela_cabecario.gif) repeat-x;
    font: bold 14px arial;
    color: #ffffff;
    text-transform: uppercase;
}
table.tarifas tr td {
    margin: 0px;
    padding: 10px;
    border-left: 1px solid #eaeaea;
    border-top: 1px solid #e0e0e0;
    border-right: 0px;
    border-bottom: 0px;
    background: #ffffff;
}
table.tarifas tr td.titulo {
    background: #fafafa;
}
table.tarifas tr td.opcao {
    font: bold 10px verdana;
    color: #008000;
    text-align: center;
    text-transform: uppercase;
}
table.tarifas tr td.periodo {
    font: bold 10px verdana;
    color: #dd0000;
    text-align: center;
    text-transform: uppercase;
}
table.tarifas tr td.valor {
    font: normal 13px arial;
    color: #555555;
    text-align: center;
    text-transform: uppercase;
}
table.tarifas tr td.titulo_destaque {
    background: #fafafa;
    font: bold 14px arial;
}
table.tarifas tr td.opcao_destaque {
    font: bold 10px verdana;
    color: #dd0000;
    text-align: center;
    text-transform: uppercase;
}
table.tarifas tr td.valor_destaque {
    font: bold 16px arial;
    color: #555555;
    text-align: center;
    text-transform: uppercase;
}

/********************/

div.box_mapa_site {
    margin:10px 0px 30px 0px;
    padding: 15px;
    border: 4px solid #4477dd;
    border-left: 1px dotted #d0d0d0;
    border-right: 1px dotted #d0d0d0;
    background: #ffffff;
}

div.box_mapa_site h4 {
    font: bold 14px arial;
}

/********************/

div.list_logos {
    clear: both;
    margin: 10px 10px 30px 10px;
    padding: 10px;
    height: 200px;
    border: 1px dotted #d0d0d0;
    background: #ffffff;
}

div.list_logos img {
    float: left;
    margin: 20px;
    border: 0px;
    background: #ffffff;
}