* { margin: 0; padding: 0; list-style: none }

body { text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; background: #900 url(../imagens/layout/background_page.png) top center repeat-x scroll }



img{border:0}



input.button { padding: 4px; color: #fff; background: transparent url(../imagens/layout/background_submit.png) top left repeat-x; border: 1px solid #300; font-weight: bold }

p a { font-size: 12px; text-decoration: none; padding: 5px 5px 5px 0; }

p a:hover{ text-decoration: underline; }



#acessibilidade { display: none }

#pagina { display:table; width: 750px; margin: 25px auto 0 auto; text-align: left; background: #fff;  }



.publicidade{width:228px;position:relative;}

.publicidade #fechar{color:#FFFFFF;font-size:14px;font-weight:bold;margin-left:18px;position:relative}

.publicidade #fechar a{background-color:#000000;display:block;padding:5px;width:135px;color:#FFFFFF;position:relative}

.publicidade .imagens{position:relative;height:228px;width:228px;}



#topo_correcao { margin-top:0; margin-left:-375px; left:50%; position:absolute; z-index:15; width:750px; heigth:auto;}

#topo { margin-top: 0; position: relative }

#topo h1 { position: absolute; top: 0; left: 20px; z-index: 1 }

#topo h1 a { display: block; width: 278px; height: 218px; text-indent: -9000px; overflow: hidden; background: transparent url(../imagens/layout/logo.png) top left no-repeat; behavior:url(iepngfix.htc) }



#menu-container {position: absolute;z-index:10;}

#menu-primario { display: table; margin: 0 5px; width: 740px; color: #fff; text-align: left; background: #000; z-index:999; }

#menu-primario  li { position: relative; float: left }

#menu-primario  li:hover { background: #333 }

#menu-primario  li a { display: block; margin: 5px; padding: 10px; color: #fff; text-decoration: none }

#menu-primario  li a:link, .menu li a:visited{ text-decoration: none; color: #fff }

#menu-primario  li a:active { text-decoration: none; color: #faa }

#menu-primario  li a:hover { background: #333 }



#menu-primario li ul { display: none; width: 180px; padding: 0; background: #000; position: absolute; top: 45px; left: 0px; z-index: 9999 }

#menu-primario li:hover ul { display: block; border: 2px solid #333 }

#menu-primario li ul li { display: block; float: none; z-index: 9; }

#menu-primario li ul li a { display: block; width: 160px; padding: 10px; margin: 0 }



#menu-secundario { width: 100%; padding: 10px 0 20px 0; text-align: right; z-index:999; }

#menu-secundario { display: table; color: #fff; background: #000 }

#menu-secundario li { display: inline; margin: 0 10px; position: relative; z-index: 9; }

#menu-secundario li a:link, .menu li a:visited{ padding: 5px; margin: 0 10px; text-decoration: none; color: #fff }

#menu-secundario li a:active { padding: 5px; text-decoration: none; color: #faa }

#menu-secundario li a:hover { padding: 5px; color: #fff; background: #333 }





#arte_randomica { height: 160px; margin: -10px -10px 0 -10px; padding: 10px; border: 1px solid #000; background: #fff; position: relative }

#arte_randomica img { height: 161px; width: 750px; background: #333; position: absolute; z-index: 0 }

#arte_randomica span { padding: 5px 5px 5px 15px; text-align: right; color: #fff; background: #000; position: absolute; bottom: 10px; right: 10px }







#content { width: 460px; padding: 10px; float: left; margin-top:250px; }

#content h2 { width: 390px; padding-bottom: 10px; margin-bottom: 10px; font-size: 20px; font-weight: normal; color: #f30; border-bottom: 1px solid #ccc }

#content h2 a:link, #content h2 a:visited { text-decoration: none; color: #f30; z-index: 49 }

#content h2 a:active { text-decoration: none; color: #ff0 }

#content h2 a:hover { text-decoration: none; color: #f90 }

#content div { margin: 20px 0 }



#content div.painel { width: 430px; padding: 15px; background: transparent url(../imagens/layout/content_painel_background.png) top left repeat-y; position: reletive }

#content div.painel span.painel-start { display: block; height: 20px; background: transparent url(../imagens/layout/content_painel_start.png) top left no-repeat; margin-top: -20px; margin-left: -15px; margin-right: -15px }

#content div.painel span.painel-end { display: block; height: 15px; background: transparent url(../imagens/layout/content_painel_end.png) bottom left no-repeat; margin-bottom: -20px; margin-left: -15px; margin-right: -15px }



#content form fieldset { padding: 10px; border: 1px solid #ccc }

#content form fieldset>legend { padding: 10px; font-size: 20px; font-weight: normal; color: #f30 }

#content form fieldset>span>img { margin: 10px; float: left }

#content form fieldset>span>label { display: block; min-width: 130px; -width: 130px; padding: 5px; float: left }

#content form fieldset>span>input, #content form fieldset>span>select, #content form fieldset>span>textarea { width: 250px; padding: 3px; border: 1px solid #ccc; float: left }

#content form fieldset>span { display: table; *display: block; width: 100%; margin: 3px 0; padding: 3px; background: #f2f2f2; clear: left }

#content form fieldset>span.sform { border: 1px solid #f33; background: #f99; margin-bottom: 0 }

#content form fieldset>span:hover { background: #ffc }

#content form fieldset>span>a { display: block; margin: 2px 5px; padding: 3px; color: #666; text-decoration: none; background: #f2f2f2; border: 1px solid #ccc; float: left }

#content form fieldset>span>a:hover { background: #333; color: #fff; text-decoration: none }

#content form fieldset>span>p { display: table; width: 300px; margin-top: 10px; min-height: 30px; float: none }



#content form fieldset span input.button { width: auto; padding-left: 10px; padding-right: 10px }

#content form fieldset span input.campo_livre { width: auto; height: auto; border: none; margin: 0; padding: 0 }



#accordion span { display: table; margin: 5px 0; padding: 3px 3px 3px 25px; background: #f2f2f2; border-left: 5px solid #999; cursor: pointer; color: #00F; }

#accordion span.accordion_fechado, #accordion span.accordion_fechado:hover { width: 95%; background: #f2f2f2 url(../imagens/icons/mais.gif) 7px 7px no-repeat; padding-left: 20px }

#accordion span.accordion_aberto, #accordion span.accordion_aberto:hover { width: 95%; background: #f2f2f2 url(../imagens/icons/menos.gif) 7px 7px no-repeat; padding-left: 20px }

#accordion span a { display: block; margin: 2px 5px; padding: 3px; color: #666; text-decoration: none; background: #f2f2f2; border: 1px solid #ccc; float: left; }

#accordion span a:hover { background: #333; color: #fff; text-decoration: none }

#accordion span p { display: table; width: 300px; margin-top: 10px; min-height: 30px; float: none; }

#accordion span.col { display: block; border: 0; width: 150px; float: left; margin: 0; background: 0; clear: none }

#accordion span.col label { width: 150px; color: #000 }

#accordion div { display:block; margin: 0 10px; width: 100%; clear: left }



#content .galeria ul { display: table; width: 420px; padding: 0 0 10px 10px }

#content .galeria ul li { display: inline; }

#content .galeria ul li a { display: block; margin: 2px; text-decoration: none; color: #fff; border: 0; position: relative; float: left }

#content .galeria ul li a img { border: 0; z-index: 1000 }

#content .galeria ul li span { display: none; padding: 5px; width: 150px; font-size: 10px; background: #333; position: absolute; left: 0; z-index: 5 }

#content .galeria ul li span strong { font-size: 12px }



#content  #galeria_associados h2, #content  #galeria_imagens h2,

#content  #galeria_videos h2, #content #noticias h2 { padding: 5px 0 5px 40px; behavior:url(iepngfix.htc) }



#content #galeria_associados h2, #content #galeria_imagens h2,

#content #galeria_videos h2 { text-transform: uppercase; font-size: 16px; font-weight: bold; }



#content  #galeria_associados h2 { background: transparent url(../imagens/layout/icon_gallery.png) center left no-repeat }

#content  #galeria_imagens h2 { background: transparent url(../imagens/layout/icon_picture.png) center left no-repeat }

#content  #galeria_videos h2 { background: transparent url(../imagens/layout/icon_video.png) center left no-repeat }



#content #galeria_videos object{ margin: 5px; }



#content #noticias { width: 430px; margin-bottom: 30px; padding: 0 15px }

#content #noticias h2 { background: transparent url(../imagens/layout/icon_news.jpg) center left no-repeat }

#content #noticias h3 { margin: 10px; font-size: 14px }

#content #noticias h3 span { display: block; font-size: 12px; font-weight: normal }

#content #noticias p { margin: 10px 30px }

#content #noticias .painel { margin: 20px -15px 0 -15px }

#content #noticias .painel ul { margin-bottom: 5px; text-align: center }

#content #noticias .painel ul li { display: inline; padding: 0 10px; border-right: 1px solid #ccc }

#content #noticias .painel ul li a { font-size: 12px; text-decoration: none; padding: 5px 5px 5px 0; }

#content #noticias .painel ul li a:hover { text-decoration: underline; }



#content #lancamentos { font-size: 12px; font-weight: normal; }

#content #lancamentos ul li { display: table; width: 100%; margin-bottom: 10px; border-bottom: 1px dashed #ccc }

#content #lancamentos ul li img { float: left; margin: 0 10px 10px 0 }



#content .escondido{ display: none; }



#sidebar { width: 250px; margin-left: 490px; position:relative; top:0; margin-right: 10px; margin-top:270px; }

#sidebar h2 { padding-bottom: 10px; margin-bottom: 10px; font-size: 20px; font-weight: normal; color: #369; border-bottom: 1px solid #ccc }



#sidebar div.painel { margin: 15px 0 15px 0; width: 220px; padding: 15px; background: transparent url(../imagens/layout/sidebar_painel_background.png) top left repeat-y }

#sidebar div.painel span.painel-start { display: block; height: 20px; margin: -20px -15px 0 -15px;  background: transparent url(../imagens/layout/sidebar_painel_start.png) top left no-repeat }

#sidebar div.painel span.painel-end { display: block; height: 15px; margin: 0 -15px -20px -15px; background: transparent url(../imagens/layout/sidebar_painel_end.png) bottom left no-repeat }



#sidebar #form_busca { display: block; height: 21px; margin-top: 5px; padding: 7px 0 10px 40px; font-size: 14px; background: transparent url(../imagens/layout/background_search.jpg) top left no-repeat }

#sidebar #form_busca input { background: transparent; font-weight: bold; color: #fff; border: none }

#sidebar #form_busca #q { width: 150px; margin-right: 15px; font-weight: normal; color: #333 }



#sidebar div.painel form span { display: table; *display: block; padding: 0 0 5px 0 }

#sidebar div.painel form label { display: block; min-width: 60px; -width: 60px;  padding: 5px; float: left }

#sidebar div.painel form input { width: 130px; padding: 3px; border: 1px solid #ccc }

#sidebar div.painel form p a { font-size: 12px; text-decoration: none; padding: 5px 5px 5px 0; }

#sidebar div.painel form p a:hover { text-decoration: underline; }



#sidebar div.painel form input[type="text"]:focus,

#sidebar div.painel input[type="password"]:focus { background: #ffc }



#sidebar #anuncio{ margin: 25px 0 15px 50px;   }



#sidebar #associados p a { font-size: 12px; text-decoration: none; padding: 5px 5px 5px 0; }

#sidebar #associados p a:hover { text-decoration: underline; }

#sidebar #associados ul { display: table; padding: 0 0 10px 0px }

#sidebar #associados ul li { display: inline }

#sidebar #associados ul li a { display: block; width: 70px; margin: 0 2px 0 0; text-decoration: none; text-align: right; color: #fff; border: 0; position: relative; float: left }

#sidebar #associados ul li a img { border: 0 }

#sidebar #associados ul li span { display: none; padding: 5px; width: 200px; font-size: 10px; background: #333; position: absolute; right: 0 }

#sidebar #associados ul li span strong { font-size: 12px }



#sidebar #agenda a { font-size: 12px; text-decoration: none; padding: 5px 5px 5px 0; }

#sidebar #agenda a:hover { text-decoration: underline;  }

#sidebar #agenda ul { margin: 10px 0; border-bottom: 1px solid #ccc }

#sidebar #agenda ul li { padding: 5px 3px; font-size: 12px; border-top: 1px solid #ccc }

#sidebar #agenda ul li.listra { background: #eee }



#sidebar .signin_button { display: block; width: 160px; padding: 10px 10px 10px 70px; margin-left: 5px; font-size: 24px; color: #fff; background: transparent url(../imagens/layout/button_signin.jpg) top left no-repeat; height: 28px; }

#sidebar a.signin_button:link, #sidebar a.signin_button:visited, #sidebar a.signin_button:active, #sidebar a.signin_button:hover { color: #fff; text-decoration: none }

#sidebar .anuarios { display: block; width: 160px; padding: 0 10px 20px 70px; margin-left: 5px; font-size: 24px; color: #fff; background: transparent url(../imagens/layout/anuarios_0.png) top left no-repeat; height: 28px; text-align:center }

#sidebar a.signin_button:link, #sidebar a.signin_button:visited, #sidebar a.signin_button:active, #sidebar a.signin_button:hover { color: #fff; text-decoration: none }

#sidebar a.anuarios:link, #sidebar a.anuarios:visited, #sidebar a.anuarios:active, #sidebar a.anuarios:hover { color: #fff; text-decoration: none }

#sidebar a.anuarios:hover{background: transparent url(../imagens/layout/anuarios_1.png) top left no-repeat; height: 28px;}

#sidebar .tutorial { font-size: 18px }



#rodape { width: 710px; margin: 0 auto; padding: 40px 40px 0 0; height: 111px; text-align: right; color: #fff; background: transparent url(../imagens/layout/rodape.png) top left no-repeat; clear: both; behavior:url(iepngfix.htc) }

#rodape strong { font-size: 20px }



#paginacao { display: table; width: auto; clear: left; }

#paginacao a { display: block; float: left; padding: 3px; color: #999999; text-decoration: none; }

#paginacao a:hover { background-color: #f2f2f2; color: #c00; }



.confirm { margin-top: 5px; font-size: 12px; color: #060; font-weight: bold; text-indent: 0; line-height: 15px; border: 1px solid #090; padding: 10px; background: #efe }

.confirm a{ text-decoration: none; }

.confirm a:hover{ text-decoration: underline; }





.alert { margin-top: 5px; font-size: 12px; color: #f33; font-weight: bold; text-indent: 0; line-height: 15px; border: 1px solid #f33; padding: 10px; background: #ffc }

.alert a { text-decoration: none; }

.alert a:hover { text-decoration: underline; }



.aform { border-top: none; margin-top: 0; margin-left: 5px }





.destaque {	margin-top: 5px; text-indent: 0; line-height: 15px; border: 1px dashed #999; padding: 10px; background: #f2f2f2 }

.destaque a { text-decoration: none; }

.destaque a:hover { text-decoration: underline; }