/* 
    Document   : estilo
    Author     : Art&Design
    Description:
        Folha de Estilos do site H.Cidade
        www.artdesign.com.br
*/
root { 
    display: block;
}
body {background: #f5f5f5; font-family: Arial, Helvetica, Verdana, sans-serif;}

/*TIPOGRAFIA
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
a {}
a:link{
    text-decoration: none;
    color: #666;
}
a:visited{
    text-decoration: none;
    color: #666;
}
a:hover{
    text-decoration: underline;
    color: #666;
}
a:active{
    text-decoration: none;
}
h1{}
h2{font-size: 9pt; color: #666; font-weight: bold; text-transform: uppercase;}
h3{}
p {font-size: 9pt; color: #666; line-height: 12pt; text-align: justify; margin-bottom: 9pt;}
strong {font-weight: bold;}

/*IMAGENS
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
.left {float: left; margin-right: 5px; margin-bottom: 5px;}

/*LAYOUT
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
#wrapper {
    width: 720px;
    height: auto;
    display: table;
    margin: auto;
}
#conteudo_block {width: 100%; height: auto; display: table; position: relative;}
#conteudo_paginas_topo {width: 486px; height: 8px; position: relative; background: url('../../imagens/layout/topo_bg.png') no-repeat;}
#conteudo_paginas_bg {width: 486px; height: auto; display: table; position: relative; background: url('../../imagens/layout/bg_conteudo.png') repeat-y;}
#conteudo_paginas_rodape {width: 486px; height: 8px; position: relative; background: url('../../imagens/layout/rodape_bg.png') no-repeat;}
#conteudo_paginas {width: 449px; height: auto; display: table; position: relative; text-align: left; background: #efefef; margin: auto; padding: 10px;}
#titulo_paginas {width: 469px; height: 30px; position: relative; text-align: left; position: relative; margin: auto; top: 8px;}

/*HEADER
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header_block{width: 100%; height: 74px; position: relative;}
#header_logo {width: 232px; height: 100%; position: relative; float: left;}
#header_menu {width: 400px; height: 100%; position: relative; float: right; text-align: right;}

/*HEADER NAV
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header_nav_conteudo {width: 100%; height: 80%; position: relative; top: 20%;}

/*MENU
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
#menu_block {width: 190px; height: auto; display: table; position: relative; float: left;}
#menu_bg {width: 190px; height: auto; display: table; position: relative; background: url('../../imagens/layout/bg_menu.jpg');}
#menu_sombra_topo {width: 100%; height: 8px; position: relative; background: url('../../imagens/layout/bg_topo_menu.jpg');}
#menu_sombra_rodape {width: 100%; height: 8px; position: relative; background: url('../../imagens/layout/bg_rodape_menu.jpg');}
#menu_conteudo_block {width: 175px; height: 100%; position: relative; float: right;}
#menu_swf {width: 100%; height: 141px; position: relative;}
#menu_conteudo {width: 95%; height: auto; display: table; position: relative; float: right; padding-bottom: 2%; padding-top: 2%;}
.menu_ul {margin-top: 1px;}
.menu_li {margin-bottom: 4px; margin-left: 10px; font-size: 9pt;}
.menu:link, .menu:visited, .menu:hover {color: #898989;}

/*ARTICLE
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
#conteudo_wrapper {width: 530px; height: 200px; position: relative; float: right;}
#conteudo_header_sombra {width: 100%; height: 19px; position: relative; background: url('../../imagens/layout/header_sombra.jpg');}
#conteudo_miolo_block {width: 100%; height: auto; display: table; position: relative; background: url('../../imagens/layout/conteudo_miolo.jpg') repeat-y;}
#conteudo_miolo {width: 522px; height: auto; display: table; position: relative; margin-left: 4px;}
#conteudo_bf_swf {width: 485px; height: 98px; position: relative; background: url('../../imagens/layout/bg_banner_swf.png') no-repeat; margin-left: 18px; margin-top: 5px;}
#conteudo_swf {width: 473px; height: 86px; position: relative; margin-left: 6px; top: 6px;}
#conteudo_banner_imagem {width: 522px; height: 104px; position: relative; background: url('../../imagens/layout/banner_base.png') no-repeat;}
#conteudo_wrapper_miolo {width: 485px; height: auto; display: table; position: relative; margin: auto;}

/*HOME
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
#home_block_e {width: 240px; height: auto; display: table; position: relative; float: left;}
#home_conteudo_topo {width: 100%; height: auto; display: table; position: relative; margin-bottom: 10px;}
#home_block_d {width: 240px; height: 500px; position: relative; float: right;}
#home_block_topo {width: 240px; height: 8px; position: relative; background: url('../../imagens/home/topo_block.png');}
#home_block_topo_1 {width: 480px; height: 8px; position: relative; background: url('../../imagens/home/topo_block_1.png');}
#home_block_bg {width: 240px; height: auto; display: table; position: relative; background: url('../../imagens/home/block_bg.png') repeat-y;}
#home_block_bg_1 {width: 100%; height: auto; display: table; position: relative; background: url('../../imagens/home/block_bg_1.png') repeat-y;}
#home_block_rodape {width: 240px; height: 8px; position: relative; background: url('../../imagens/home/rodape_block.png') repeat-y;}
#home_block_rodape_1 {width: 100%; height: 8px; position: relative; background: url('../../imagens/home/rodape_block_1.png') repeat-y;}
#home_block_conteudo {width: 87%; height: auto; display: table; background: #efefef; margin: auto; position: relative; padding: 3%; margin-bottom: 10px;}
#home_block_titulo {width: 90%; height: 30px; text-align: left; position: relative; margin: auto; top: 8px;}
#mais {width: 100%; height: 15px; text-align: right; position: relative;}
.mais_link {font-size: 8pt; color: #666; font-weight: bold;}

/*PAGINAS
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ul_descricao {text-height: 15pt; font-size: 9pt;}
.li_descricao {font-size: 9pt; color: #666; list-style:none; list-style-image:url('../../imagens/layout/hifen.png'); margin-left: 30px; margin-bottom: 10px;}
.ul_mapa_site {text-height: 15pt; font-size: 9pt; color: #666; margin-bottom: 10px;}
.li_mapa_site{font-size: 9pt; color: #666; list-style:none; margin-left: 15px; margin-top: 10px;}
.li_mapa_site_2{font-size: 9pt; color: #666; list-style:none; margin-left: 40px; margin-top: 10px; list-style-image:url('../../imagens/layout/hifen.png');}
.link_empresas {font-weight: bold; font-size: 9pt; color: #666;}
.label_contato {width: 80px; display: block; float: left; padding-top: 5px;}