* {margin:0 0; padding:0 0; border:0;} h1 {font-size:18px; color:#498D1F; font-weight:bold; background:url(../img/verde.jpg) repeat-x; padding-top:8px; margin-bottom:10px;} h2 {font-size:18px; color:#488F1D; font-weight:bold; background:url(../img/verde2.jpg) repeat-x; padding-top:8px; margin-top:20px; margin-bottom:10px;} h3 {font-size:18px; color:#660000; font-weight:bold; background:url(../img/vermelho.jpg) repeat-x; padding-top:8px; margin-top:20px; margin-bottom:10px;} h4 {font-size:18px; color:#666666; font-weight:bold; margin-bottom:10px;} h5 {font-size:16px; color:#58503A; font-weight:bold; margin-bottom:10px;} h6 {font-size:16px; color:#498D1F; font-weight:bold; margin-bottom:3px;} p {margin-bottom:10px;} a {color:#666666;text-decoration:none;} a:active {color:#666666;text-decoration:none;} a:visited {color:#666666;text-decoration:none;} a:hover {color:#666666;text-decoration:underline;} body {background:url(../img/bg.jpg) repeat-x #FFFFFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666666;} #site {width:900px; margin:0 auto;} #site #topo {width:900px; height:96px; float:left;} #site #topo #logo {width:335px; height:48px; margin:25px 0px 0px 25px; float:left;} #site #menu {width:900px; height:34px; float:left; padding-top:6px; margin-bottom:20px;} #site #menu li {display:inline; list-style:none; margin-left:25px;} #site #menu a {font-size:16px; color:#FFFFFF; text-decoration:none; font-weight:bold;} #site #menu a:active {font-size:16px; color:#FFFFFF; text-decoration:none; font-weight:bold;} #site #menu a:visited {font-size:16px; color:#FFFFFF; text-decoration:none; font-weight:bold;} #site #menu a:hover {font-size:16px; color:#F2F437; text-decoration:none; font-weight:bold;} #site #col-esquerda {width:200px; float:left; margin-right:20px;} #site #col-esquerda #menu_associado { background:url(../img/menu_associado.jpg) no-repeat 0 0; width:200px; height:140px; float:left; margin-bottom:10px; position:relative;} #site #col-esquerda #topo_menu_associado{ width:200px; height:85px; float:left;} #site #col-esquerda #menu_associado ul{ list-style:none;text-indent:-9999em;} #site #col-esquerda #menu_associado li{ position:relative; top:0; height:35px; border:0px;} #site #col-esquerda #menu_associado li a{ display:block; text-decoration:none; width:100%; height:100%; top:0;} #site #col-esquerda #menu_associado li a span{ display:block; position:relative; width:100%; height:100%; top:0; cursor:pointer;} #um{ width:200px; top:0px;} #um a:hover{background:url(../img/menu_associado.jpg) no-repeat 0px -140px;} #um a span{background:url(../img/menu_associado.jpg) no-repeat 0 0;} #um a:hover span{background:url(../img/menu_associado.jpg) no-repeat 0px -140px;} #dois{ width:200px; top:35px;} #dois a:hover{background:url(../img/menu_associado.jpg) no-repeat 0px -175px;} #dois a span{background:url(../img/menu_associado.jpg) no-repeat 0 35px;} #dois a:hover span{background:url(../img/menu_associado.jpg) no-repeat 0px -175px;} #tres{ width:200px; top:35px;} #tres a:hover{background:url(../img/menu_associado.jpg) no-repeat 0px -210px;} #tres a span{background:url(../img/menu_associado.jpg) no-repeat 0 70px;} #tres a:hover span{background:url(../img/menu_associado.jpg) no-repeat 0px -210px;} #quatro{ width:200px; top:35px;} #quatro a:hover{background:url(../img/menu_associado.jpg) no-repeat 0px -245px;} #quatro a span{background:url(../img/menu_associado.jpg) no-repeat 0 105px;} #quatro a:hover span{background:url(../img/menu_associado.jpg) no-repeat 0px -245px;} #site #col-esquerda #calendario { background:url(../img/bg_calendario.jpg) no-repeat; width:200px; height:168px; float:left; margin-bottom:10px;} #site #col-esquerda #tempo {width:200px; float:left; margin-bottom:10px;} #site #col-esquerda #tempo #topo_tempo {width:200px; height:35px; float:left;} #site #col-esquerda #tempo #bg_tempo { background-color:#000000; width:175px; padding:10px 0px 10px 25px; float:left;} #site #col-esquerda #links li {list-style-image:url(../img/flecha_cinza.jpg); margin-bottom:6px; margin-left:20px;} #site #col-esquerda #links li.sub {list-style-image:url(../img/flecha_cinza.jpg); margin-bottom:0px; margin-left:40px;} #site #col-esquerda #links {width:190px; float:left; padding:10px 0px 10px 10px; background-color:#F5F5F5; border:1px solid #E0E0E0;} #site #conteudo {width:460px; float:left;} #site #conteudo #topo_calendario {width:460px; height:35px; float:left;} li.verde {list-style-image:url(../img/flecha_verde.jpg); margin-bottom:6px; margin-left:20px; } #site #col-direita {width:200px; float:right;} #site #col-direita #menu_nao_associado{ width:200px; height:225px; float:left; margin-bottom:10px;} #site #col-direita #menu_nao_associado { background:url(../img/menu_nao_associado.jpg) no-repeat 0 0; width:200px; height:140px; float:left; margin-bottom:10px; position:relative;} #site #col-direita #topo_menu_nao_associado{ width:200px; height:85px; float:left;} #site #col-direita #menu_nao_associado ul{ list-style:none;text-indent:-9999em;} #site #col-direita #menu_nao_associado li{ position:relative; top:0; height:35px; border:0px;} #site #col-direita #menu_nao_associado li a{ display:block; text-decoration:none; width:100%; height:100%; top:0;} #site #col-direita #menu_nao_associado li a span{ display:block; position:relative; width:100%; height:100%; top:0; cursor:pointer;} #onze{ width:200px; top:0px;} #onze a:hover{background:url(../img/menu_nao_associado.jpg) no-repeat 0px -140px;} #onze a span{background:url(../img/menu_nao_associado.jpg) no-repeat 0 0;} #onze a:hover span{background:url(../img/menu_nao_associado.jpg) no-repeat 0px -140px;} #doze{ width:200px; top:35px;} #doze a:hover{background:url(../img/menu_nao_associado.jpg) no-repeat 0px -1750px;} #doze a span{background:url(../img/menu_nao_associado.jpg) no-repeat 0 35px;} #doze a:hover span{background:url(../img/menu_nao_associado.jpg) no-repeat 0px -175px;} #treze{ width:200px; top:35px;} #treze a:hover{background:url(../img/menu_nao_associado.jpg) no-repeat 0px -210px;} #treze a span{background:url(../img/menu_nao_associado.jpg) no-repeat 0 70px;} #treze a:hover span{background:url(../img/menu_nao_associado.jpg) no-repeat 0px -210px;} #quatorze{ width:200px; top:35px;} #quatorze a:hover{background:url(../img/menu_nao_associado.jpg) no-repeat 0px -245px;} #quatorze a span{background:url(../img/menu_nao_associado.jpg) no-repeat 0 105px;} #quatorze a:hover span{background:url(../img/menu_nao_associado.jpg) no-repeat 0px -245px;} #site #col-direita #perguntas {background-color:#E8E8DB; width:180px; padding:10px 10px; float:left; margin-bottom:10px;} #site #col-direita #gostei {width:200px; height:115px; float:left; margin-top:10px;} #site #col-direita .banners {width:200px; margin-top:15px; float:left;} #site #col-direita #perguntas li {list-style-image:url(../img/flecha_marrom.jpg); margin-bottom:6px; margin-left:20px;} #rodape {background-color:#E5E5E5; width:100%; padding:20px 0px; margin-top:20px; float:left;} #rodape #texto { width:700px; margin:0 auto; padding:0px 100px;} #rodape #texto p {text-align:center; margin-bottom:10px; font-size:10px; color:#54585B;} #rodape #texto ul {margin:0 auto; margin-bottom:20px;} #rodape #texto li {display:inline; margin-left:30px;} #rodape #texto a {text-decoration:none; color:#666666; font-size:16px; font-weight:bold;} #rodape #texto a:active {text-decoration:none; color:#666666; font-size:16px; font-weight:bold;} #rodape #texto a:visited {text-decoration:none; color:#666666; font-size:16px; font-weight:bold;} #rodape #texto a:hover {text-decoration:none; color:#999999; font-size:16px; font-weight:bold;}