/* ----------------------------------------------------------------------- MENIRE - www.menire.org ----------------------------------------------------------------------- Desenvolvido por Fábio Pili © Copyright 2008, Fábio Pili - http://www.pili.com.br ----------------------------------------------------------------------- ----------------------------------------------------------------------- ESTRUTURA GERAL ----------------------------------------------------------------------- */ html { background-color: black; } body { margin: 0px; background-color: white; font-family: Lucida Sans, Verdana, Arial, sans-serif; line-height: 1.6em; font-size: 12px; } #embrulho { padding-bottom: 0px; position: relative; overflow: hidden } #cabecalho { padding-bottom: 5px; padding-top: 40px; padding-left: 30px; height: 100px; } #topo { padding-bottom: 15px; padding-top: 25px; } #topo a { color: #666666; margin-right: 8px } #topo a:hover { color: #ec0000; } div#preload { display: none } div#preload * { display: none } div#logo { left: 55px; top: 30px; position: absolute; } div.linha { padding-right: 30px; padding-left: 30px; } div.preta { z-index: 0; padding-bottom: 25px; padding-top: 25px; color: white; margin-top: 0px; background-color: black; } div.branca { background-color: white; padding-bottom: 25px; padding-top: 25px; color: black; } div.laranja { background-color: #f8c71b; padding-bottom: 10px; padding-top: 10px; color: black; } div.azul { background-color: #85bafb; padding-bottom: 10px; padding-top: 10px; color: black; } div.amarela { background-color: #ffec7b; padding-bottom: 10px; padding-top: 10px; color: black; } div.vermelha { background-color: #aa0000; padding-bottom: 10px; padding-top: 10px; color: black; } div.encaixa { margin-bottom: -10px; margin-top: -10px; } div.destaque { font-style: normal; font-weight: normal; font-size: 15px; line-height: 19px; font-family: Lucida Sans, Verdana, Arial, sans-serif; } div.dentro { max-width: 960px; min-width: 700px; } div.abreLinhaPreta { background-repeat: repeat-x; clear: both; z-index: 50; position: relative; margin-left: 0px; background-position: 0px; height: 12px; background-image: url(/images/abreLinhaPreta.png); } div.fechaLinhaPreta { clear: both; z-index: 50; position: relative; height: 12px; background-image: url(/images/fechaLinhaPreta.png); background-repeat: repeat-x; } div.abreLinhaBranca { clear: both; z-index: 50; position: relative; margin-left: 0px; background-position: 0px; background-repeat: repeat-x; height: 12px; background-image: url(/images/abreLinhaBranca.png); } div.fechaLinhaBranca { clear: both; z-index: 50; position: relative; height: 12px; background-image: url(/images/fechaLinhaBranca.png); background-repeat: repeat-x; } div.abreLinhaAzul { clear: both; z-index: 50; position: relative; margin-left: 0px; background-position: 0px; background-repeat: repeat-x; height: 12px; background-image: url(/images/abreLinhaAzul.png); } div.fechaLinhaAzul { clear: both; z-index: 50; position: relative; height: 12px; background-image: url(/images/fechaLinhaAzul.png); background-repeat: repeat-x; } div.abreLinhaAmarela { clear: both; z-index: 50; position: relative; margin-left: 0px; background-position: 0px; background-repeat: repeat-x; height: 12px; background-image: url(/images/abreLinhaAmarela.png); } div.fechaLinhaAmarela { clear: both; z-index: 50; position: relative; height: 12px; background-image: url(/images/fechaLinhaAmarela.png); background-repeat: repeat-x; } div.abreLinhaVermelha { clear: both; z-index: 50; position: relative; margin-left: 0px; background-position: 0px; background-repeat: repeat-x; height: 12px; background-image: url(/images/abreLinhaVermelha.png); } div.fechaLinhaVermelha { clear: both; z-index: 50; position: relative; height: 12px; background-image: url(/images/fechaLinhaVermelha.png); background-repeat: repeat-x; } div.coluna { width: 360px; margin-bottom: 0px; margin-right: 25px; clear: none; float: left; } div.conteudo { max-width: 960px; min-width: 700px; padding: 0px; } div.abre { padding-bottom: 20px } div.abre h1 { font-weight: bold; margin-bottom: 0px } div.img_destaque { margin-left: -12px } div#busca { float: right; } div#menuLang { margin-top: 7px; font-size: 10px; font-style: italic; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; float: left; } div#topo div.dentro { margin: 0px; padding: 0 } div#rodape { height: 15px; padding-top: 25px; font-size: 10px; } div.data { font-style: italic; margin-bottom: 8px; margin-top: -10px; font-size: 9px; } div.data a { position:relative } div.paginacao { padding: 0px; margin-bottom: -10px; clear: both; margin-right: 0px; margin-left: 0px; margin-top: -5px; } div.paginacao img { margin-bottom: -4px } /* ----------------------------------------------------------------------- MENU1 ----------------------------------------------------------------------- */ div#menu1 { width: 700px; height: 42px; top: 9px; position: relative; text-align: left; } div#menu1 div.item { font-weight: bold; float: left; font-size: 16px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; cursor: pointer } div#menu1 div.item:hover { } div#menu1 div.separador { margin-left: 5px; margin-right: 5px; top: -8px; position: relative; height: 40px; width: 6px; float: left; } div#menu1 a { padding-bottom: 3px; top: 1px; position: relative; margin-top: -2px; color: black; } div#menu1 a:hover { color: black; } div#menu1 div.menu1Container { float: left } /* ----------------------------------------------------------------------- MENU 2a CAMADA ----------------------------------------------------------------------- */ #menu2 { color: #666666; position: relative; font-family: Lucida Sans, Verdana, Arial, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; font-size: 10px; } #menu2 div { cursor: pointer } div#menu2Container { position: relative; margin-left: -5px; width: 175px; margin-top: -7px; border-collapse: separate; margin-bottom: 30px; margin-right: 15px; border-width: 140px; float: right; } div#menu2Linha { height: 120px; width: 29px; background-image: url(/images/linhaVertBranca.gif); background-repeat: no-repeat; float: left; } div.branco div#menu2Linha { background-image: url(/images/linhaVertPreta.gif); } div#menu2 { font-size: 14px; float: left; margin-bottom: 20px; padding-bottom: 20px; } div#menu2 a { color: white; } div#menu2 a:hover { color: #f9be00; } div.branco div#menu2 a { color: black; } div.branco div#menu2 a:hover { color: #b4282e; } div.itemMenu2off { margin-top: 3px; padding-bottom: 4px; padding-top: 3px; } div.itemMenu2off a { } div.itemMenu2on { margin-top: 3px; padding-bottom: 4px; padding-top: 3px; border-left-color: transparent; } div.itemMenu2on a { } div.itemMenu2off a { } div.filhaFilha { padding-bottom: 1px; padding-top: 0px; padding-left: 0px; } div.filhaFilha a { color: #b2b2b2; } div.filhaFilha a:visited { color: #b2b2b2; } div.branco div.filhaFilha a { color: #666666; } div.branco div.filhaFilha a:visited { color: #666666; } div.itemMenu2sel { font-weight: bold; margin-top: 3px; padding-bottom: 4px; padding-top: 3px; padding-left: 0px; background-image: url(/images/menuSel.gif); background-repeat: no-repeat; margin-bottom: 0px; color: #f9be00; } div.itemMenu2sel a { color: white; } div.branco div.itemMenu2sel { color: #b4282e; } div.branco div.itemMenu2sel a { color: #b4282e; } div.filhaFilhaSel { font-size: 11px; margin-bottom: 1px; } #menu2 a.linkSel { font-size: 11px; text-transform: none; } #menu2 a.linkOff:hover { } #menu2 a.linkOff { font-size: 11px; text-transform: none; } /* ----------------------------------------------------------------------- ESTILOS ----------------------------------------------------------------------- */ img { border: 0 } h1, h2, h3, h4 { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; clear: both; line-height: 1.2em; margin-bottom: 20px; font-variant: normal; margin-top: 0; padding-top: 0; } h1 { padding-right: 110px; margin-bottom: 15px; margin-top: 0px; font-size: 16px; } h2 { margin-bottom: 15px; margin-top: 0px; font-size: 16px; } h3 { margin-bottom: 0px; margin-top: 5px; font-size: 12px; } h4 { margin-bottom: 0px; margin-top: 5px; font-size: 11px; } span.autor { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; } a:link { text-decoration: none; color: #b4282e; padding-bottom: 0; } a:active { text-decoration: none; color: #b4282e; padding-bottom: 0; } a:visited { text-decoration: none; color: #98262b; padding-bottom: 0; } a:hover { text-decoration: none; color: #ec0000; padding-bottom: 0; } .destaque { width: 99%; float: left; position: relative; clear: both; font-weight: bold; font-style: italic; line-height: 24px; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color: #b4282e; margin-bottom: 20px; margin-top: 15px; border-bottom-color: #cfcfcf; border-top-color: #cfcfcf; border-bottom-width: 1px; border-bottom-style: dotted; border-top-style: dotted; border-top-width: 1px; padding-bottom: 8px; padding-top: 8px; } div.preta .destaque { color: #f9be00 } div.preta a:link { color: #f9be00; } div.preta a:active { color: #f9be00; } div.preta a:hover { color: #ffda16; } div.preta a:visited { color: #f9be00; } div.branca a { } h1 a { font-weight: bold; text-decoration: none; } h2 a { font-weight: bold; text-decoration: none; } h3 a { text-decoration: none; } h4 a { text-decoration: none; } h2.linha { padding-left: 25px; margin-right: -20px; margin-left: -25px; padding-top: 9px; background-color: #f4f4f1; padding-bottom: 7px; border-bottom-color: #343434; border-bottom-style: dotted; border-bottom-width: 1px; margin-bottom: 2px; margin-top: 0px; } h3.separador, h4.separador { border-bottom-color: #e1e1e1; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 5px; margin-bottom: 10px; } p { margin-bottom: 10px; margin-top: 0px; } img.ico_esq { margin-right: 5px; margin-bottom: -3px; } img.ico_esq_10px { margin-right: 5px; margin-bottom: -1px; } img.ico_dir { margin-left: 5px; margin-bottom: -3px; } img.ico_dir_10px { margin-left: 5px; margin-bottom: -1px; } table.tabela { margin-bottom: 15px; margin-top: 15px; padding: 0px; font-family: Verdana, Arial, sans-serif; line-height: 15px; font-size: 11px; background-color: white; } table.tabela td { border-left-style: none; border-bottom-style: solid; border-right-style: solid; border-top-style: none; border-left-width: 0px; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 0px; border-color: #f0f1f1; padding-left: 6px; padding-bottom: 5px; padding-right: 6px; padding-top: 5px; } table.tabela td:first-child { border-left-color: #f0f1f1; border-left-width: 1px; border-left-style: solid; } tr.titulos td:first-child { border-left-style: none; } tr.titulos { border-style: none; border-width: 0px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } tr.titulos td { border-style: none; border-width: 0px; background-color: white } tr.diferenciada { background-color: #edf3f6; } tr.diferenciada td { background-color: #edf3f6; } table.htmlarea { margin-top: 10px } div.itemNoticia { border-bottom-color: #e9e9e9; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 5px; font-size: 11px; margin-bottom: 5px; } div.itemLista { margin-top: 5px; padding-top: 5px; border-bottom-color: #e9e9e9; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 9px; margin-bottom: -1px; } div.fonteNoticia { color: #5a5a5a; } div.fonte { color: #5a5a5a; } div.dir { float: right } div.esq { float: left } hr { margin-bottom: 15px; margin-top: 15px; border-right-style: none; border-left-style: none; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-bottom-color: #dddddd; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: none; } ul { padding-left: 30px; padding-bottom: 15px; } ol { padding-left: 35px; margin-bottom: 15px; margin-top: 15px; } li { margin-top: 5px; } /* ----------------------------------------------------------------------- COMENTÁRIOS ----------------------------------------------------------------------- */ div.comentarios { clear: both; font-family: Georgia, "Times New Roman", Times, serif; } div.comentarios_header { border-bottom-color: #bbbbbb; border-bottom-width: 1px; border-bottom-style: solid; font-family: Georgia, "Times New Roman", Times, serif; line-height: 24px; padding-bottom: 0px; margin-top: 0px; font-size: 16px; } div.comentarios_header a { color: #666666; font-style: normal; font-weight: normal; font-size: 12px; } div.comentarios_header h4 { font-size: 14px; } div.comentario_in { border-bottom-color: #a3a3a3; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 15px; padding-top: 10px; clear: both; margin-top: 5px; } div.comentario_autor { font-style: italic; clear: both; color: #666666; width: 110px; float: left; } div.comentario_autor span { color: #b4282e; font-weight: bold; } div.comentario_texto { width: 430px; float: left; font-style: italic; font-size: 12px; } .msg { line-height: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic; } div.formComentario { color: white; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 10px; margin-bottom: 10px; } div.formComentario form { margin-top: 0px } div.formComentario input { padding-right: 3px; padding-left: 3px; padding-bottom: 2px; padding-top: 2px; font-size: 12px; width: 306px; border-width: 1px; border-color: #818181; border-style: solid; margin-bottom: 5px; } div.formComentario textarea { padding-right: 3px; padding-left: 3px; padding-bottom: 2px; padding-top: 2px; height: 100px; font-size: 12px; width: 306px; border-color: #818181; border-style: solid; border-width: 1px; margin-bottom: 10px; } /* ----------------------------------------------------------------------- TRATAMENTO DE ERROS ----------------------------------------------------------------------- */ div.mensagem_informacao { font-weight: bold; padding-right: 12px; background-image: url(/images/info.png); background-repeat: no-repeat; background-position: 0px 13px; min-height: 20px; color: black; z-index: 1111; padding-top: 18px; padding-bottom: 14px; padding-left: 40px; } div.mensagem_alerta { padding-right: 12px; background-image: url(/images/alerta.png); background-repeat: no-repeat; background-position: 0px 13px; min-height: 20px; color: black; z-index: 1111; padding-top: 18px; padding-bottom: 14px; padding-left: 40px; } div.mensagem_erro { font-weight: bold; padding-right: 12px; background-image: url(/images/erro.png); background-repeat: no-repeat; background-position: 0px 13px; min-height: 20px; color: white; z-index: 1111; padding-top: 18px; padding-bottom: 14px; padding-left: 40px; } div.mensagem_erro a { border-bottom-color: #ffe375; color: black; } div.mensagem_informacao a { border-bottom-color: #ffe375; color: black; } div.mensagem_alerta a { } /* ----------------------------------------------------------------------- BOTÕES ----------------------------------------------------------------------- */ .clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; } a.button { padding-bottom: 1px; font-family: Lucida Sans, Verdana, Arial, sans-serif; margin-top: 5px; float: left; background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right; color: #343434; display: block; font-size: 12px; height: 21px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } a.button span { color: #343434; margin-right: -6px; padding-left: 12px; padding-bottom: 4px; padding-right: 0; padding-top: 4px; background: transparent url('/images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; } a.button img.ico { margin-left: -4px; margin-bottom: -1px; margin-right: -4px; margin-top: -1px } a.button:hover { border-bottom-color: transparent } a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.button:active span { padding-bottom: 3px; padding-top: 5px; background-position: bottom left; /* push text down 1px */ } div.abreBarraComandos a.button { float: right; margin-left: 3px } /* ----------------------------------------------------------------------- FORMS ----------------------------------------------------------------------- */ select.txt { margin-right: 0px; color: #5c5c5c; font-size: 11px; font-family: Verdana; position: relative; top: 1px; margin-left: 0; padding-top: 2px; padding-bottom: 2px; border: solid 1px #b2b2b2; } input.txt { margin-bottom: 6px; margin-top: 2px; border-color: #b2b2b2; border-width: 1px; border-style: solid; color: #5c5c5c; font-size: 11px; font-family: Verdana; position: relative; top: 1px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; } textarea.txt { color: #5c5c5c; font-size: 11px; font-family: Verdana; position: relative; top: 1px; margin-top: 2px; margin-bottom: 6px; padding-top: 1px; padding-bottom: 1px; border: solid 1px #b2b2b2; } input.checkbox { top: 3px; position: relative; margin-left: 0px; margin-right: 5px; margin-bottom: 0px; border: solid 1px #bfbfbf; } input.radio { top: 3px; position: relative; margin-left: 0px; } input.busca { margin-bottom: 0px; padding-right: 9px; height: 21px; border-style: none; border-width: 0px; margin-right: 2px; width: 106px; margin-top: 4px; padding-bottom: 3px; padding-top: 3px; padding-left: 24px; background-position: 0px 0px; background-repeat: no-repeat; background-image: url(/images/fundoBusca.gif); overflow: hidden} /* ----------------------------------------------------------------------- VÍDEOS, GALERIAS E BLOCOS DE FOTOS ----------------------------------------------------------------------- */ div.foto { margin-bottom: 10px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; clear: both; margin-right: 0px; padding-left: 8px; padding-bottom: 8px; padding-right: 8px; padding-top: 8px; font-weight: normal; line-height: 16px; border: solid 1px #e8e8e8; overflow: hidden } div.foto > img { margin-left: 0px; margin-bottom: 8px; margin-right: 0px; margin-top: 0px; clear: } div.foto > img.leftPhoto { float: left; border: 0; padding: 0; margin-right: 10px } div.foto > img.rightPhoto { float: right; border: 0; padding: 0; margin-right: 10px } div.foto > p { margin-top: 0px } img.fotoEsquerda { background-color: #fff; float: left; margin-right: 12px; margin-bottom: 5px; padding: 0px; } img.fotoDireita { background-color: #fff; float: right; margin-bottom: 5px; margin-left: 12px; } div.imgPgHorizontal { border-bottom-color: #d8d8d1; border-bottom-width: 1px; border-bottom-style: solid; padding-left: 0px; padding-bottom: 15px; padding-right: 0px; padding-top: 0px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; margin: 0px; float: left; color: black; font-size: 12px; } div.imgPgVertical { border-bottom-color: #d8d8d1; border-bottom-width: 1px; border-bottom-style: solid; padding-left: 0px; padding-bottom: 15px; padding-right: 0px; padding-top: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0px; float: left; color: black; font-size: 12px; } div.imgPgVertical > img { margin-bottom: 10px; } div.imgPgHorizontal > img { margin-bottom: 10px; } div#video { margin-bottom: 20px; padding-bottom: 30px; padding-top: 30px; text-align: center; width: 99%; background-position: 0; background-repeat: no-repeat; border-color: #d2d2d2; border-width: 1px; border-style: solid; } div#galeria { margin-bottom: 20px; padding-bottom: 10px; padding-top: 10px; text-align: center; background-position: 0; background-repeat: no-repeat; } div.dentroGaleria { margin-left: -4px; } div.slideGaleria { height: 90px; width: 91px; border-color: #d8d8d1; border-width: 1px; border-style: solid; margin: 4px; background-color: white; padding: 10px; float: left } div.slideGaleria:hover { border-color: #ec0000; } div.slideGaleria img { cursor: pointer; } /* ----------------------------------------------------------------------- SLIMBOX ----------------------------------------------------------------------- */ #lbOverlay { z-index: 200; position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { z-index: 201; position: absolute; left: 50%; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(/images/loading.gif) no-repeat center; } #lbImage { z-index: 201; position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(/images/prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(/images/closelabel.gif) no-repeat center; margin: 5px 0; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { } /* ----------------------------------------------------------------------- CLEAR LINES ----------------------------------------------------------------------- */ #embrulho:after, div.dentro:after, div.coluna:after, div.dentro:after, div.linha:after, div#menu2:after, div#menu2Linha:after, div#menu2Container:after, div.item:after, div.slideGaleria:after, div.dentroGaleria:after, div.conteudo:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }