/* COHAB - Companhia de habitação popular de Curitiba */ /* Desenvolvido por GPA'prospera Comunicação */ /* Responsável: Maykel Esser */ /* /////////////////////////// */ /* definições gerais */ /* /////////////////////////// */ /* reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline:none; } body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} ins { text-decoration: none;} del { text-decoration: line-through;} /* Definições gerais */ body{ background:#36374b url(../../imagens/bgFundo.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif;} #global{ width:964px; margin:0 auto;} /* Header */ #header{ background:url(../../imagens/bgHeader.jpg); height:128px;} #header h1 a{ background:url(../../imagens/logo.jpg) no-repeat; width:210px; height:103px; display:block; text-indent:-99999px; margin:0 40px 0 40px; float:left;} #header h2{ font-family:Arial Narrow; color:#FFF; font-size:18px; width:185px; float:left; margin:40px 0 0 0;} #header h3 a{ background:url(../../imagens/logoCuritiba.jpg) no-repeat; width:210px; height:103px; display:block; text-indent:-99999px; margin:0 40px 0 40px; float:right;} /* Menu */ /* Estilos */ #menu{ background:url(../../imagens/bgMenu.jpg) repeat-x; height:44px; z-index:5; width:924px; padding-left:40px;} #menu li{ float:left; margin:10px 0 0 0;} #menu li #menuHome{ background:url(../../imagens/menuHome.jpg); } #menu li #menuCohab{ background:url(../../imagens/menuCohab.jpg); } #menu li #menuDiretoria{ background:url(../../imagens/menuDiretoria.jpg); } #menu li #menuIntranet{ background:url(../../imagens/menuIntranet.jpg); } #menu li #menuEnderecos{ background:url(../../imagens/menuEnderecos.jpg); } #menu li #menuContatos{ background:url(../../imagens/menuContatos.jpg); width:100px; } #menu li a{ display:block; text-indent:-99999px; width:99px; height:34px; color:#840; } /* Estilos Drop down */ #menu ul ul { width:150px; left:0; top:34px; background:#D5792E; padding:5px; border:1px solid #EF9C59; z-index:998; } #menu ul ul ul { left:150px; top:-5px; background:#D5792E; } #menu li li a { text-decoration:none; color:#FFF; background:url(../../painel/imagens/painel/bullet-1.gif) 8px center no-repeat; height:20px; line-height:20px; width:125px; text-align:left; padding-left:20px; } /* Retira o background herdado e insere a seta */ #menu li li { margin:0; } #menu li li a { text-decoration:none; font-size:11px; text-indent:0; height:20px; line-height:20px; width:130px; text-align:left; } #menu li li a:hover { background:#EF9C59 url(../../painel/imagens/painel/bullet-1.gif) 8px center no-repeat; color:#FFF; } /* Retira o background herdado e insere a seta */ /* Configs drop-down (Não alterar) */ #menu { position:absolute; } #menu ul ul a{ overflow:visible; } #menu .nav a{ display:block; } #menu .nav, #menu .nav ul{ margin:0; padding:0; } #menu .nav li{ float:left; position:relative; } #menu .nav ul { position:absolute; display:none; } #menu .nav ul ul{ top:auto; } #menu .nav li ul a{ height:auto; float:left; } #menu .nav li:hover ul ul, #menu .nav li:hover ul ul ul, #menu .nav li:hover ul ul ul ul{ display:none; } #menu .nav li:hover ul, #menu .nav li li:hover ul, #menu .nav li li li:hover ul, #menu .nav li li li li:hover ul{ display:block; } /* Busca */ #busca { margin:15px 40px 0 0; float:right;} .buscaLabel { font-size:12px; color:#FFF; float:left; margin:4px 5px 0 0;} .buscaTexto { border:1px solid #c36719; height:16px; line-height:16px; font-size:12px; color:#999; width:148px; float:left;} .buscaSubmit { background:url(../../imagens/botaoOk.jpg) no-repeat; text-indent:-99999px; display:block; width:29px; height:18px; border:none; cursor:pointer; float:left; margin:1px 0 0 5px; overflow:hidden; content:""; line-height: 0;} /* Centro */ #conteudo { background:url(../../imagens/bgConteudo.jpg) #FFF; padding:0 34px; margin-top:44px; } #conteudo #coluna1 { width:198px; float:left; margin-top:20px; } #conteudo #coluna2 { width:459px; float:left; margin:20px 20px 25px 20px; } #conteudo #coluna3 { width:198px; float:right; margin-top:20px; } #conteudo p { font-size:12px; color:#666; margin-bottom:15px; line-height:18px; } #conteudo .banner { border-top:1px solid #CCC; padding-top:15px; margin-bottom:15px; } /* Estilos Coluna 1 (Menu) */ #conteudo #coluna1 h2 { text-indent:-99999px; display:block; width:198px; height:41px; background:url(../../imagens/tituloServicos.jpg); } #conteudo #coluna1 .menu2 { background:#F0F0F0; margin-bottom:25px; } #conteudo #coluna1 .menu2 li { background:url(../../imagens/bgMenuServicos.png) no-repeat; font-size:12px; line-height:23px; padding-left:40px; } #conteudo #coluna1 .menu2 li a { color:#666; text-decoration:none; } #conteudo #coluna1 .menu2 li a:hover { color:#590; } #conteudo #coluna1 img { margin-bottom:10px; } /* Estilos Coluna 2 (Página Default) */ #conteudo #coluna2 #destaqueMaior { clear:both; margin-bottom:15px; } #conteudo #coluna2 #destaqueMaior a { color:#666; text-decoration:none; } #conteudo #coluna2 #destaqueMaior a:hover { color:#590; } #conteudo #coluna2 #destaqueMaior h2 { font-size:16px; color:#666; margin-bottom:8px; } #conteudo #coluna2 #destaqueMenor { margin-bottom:15px; border-top:1px solid #CCC; padding-top:15px; } #conteudo #coluna2 #destaqueMenor h2 { font-size:16px; color:#666; margin-bottom:16px; } #conteudo #coluna2 #destaqueMenor #destaque-conteudo { line-height:14px; } #conteudo #coluna2 #destaqueMenor #destaque-conteudo li { clear:both; margin-bottom:10px; } #conteudo #coluna2 #destaqueMenor #destaque-conteudo h2 { font-size:13px; color:#666; margin-bottom:5px; } #conteudo #coluna2 #destaqueMenor #destaque-conteudo img { float:left; margin-right:18px; padding:5px; border:1px solid #ccc; margin-bottom:10px; } #conteudo #coluna2 #destaqueMenor #destaque-conteudo a { color:#666; text-decoration:none; } #conteudo #coluna2 #destaqueMenor #destaque-conteudo a:hover { color:#590; } /* Estilos Coluna 3 (Menu de Notícias) */ #conteudo #coluna3 h2 { text-indent:-99999px; display:block; width:198px; height:41px; background:url(../../imagens/tituloNoticias.jpg); } #conteudo #coluna3 .menuNoticias { background:#F0F0F0; margin-bottom:25px; } #conteudo #coluna3 .menuNoticias p { margin:0 5px 0 5px; padding:1px; line-height:15px; } #conteudo #coluna3 .menuNoticias .chapeu { background:url(../../imagens/bullet2.jpg) no-repeat 3px 8px; text-indent:10px; display:block; color:#666; font-weight:bold; border-bottom:1px solid #CCC; padding-bottom:3px; } #conteudo #coluna3 .menuNoticias .titulo { margin-bottom:10px; } #conteudo #coluna3 .menuNoticias li { background:#F0F0F0; border-top:none; font-size:12px; padding:5px; } #conteudo #coluna3 .menuNoticias li a { color:#666; text-decoration:none; margin-bottom:10px; } #conteudo #coluna3 .menuNoticias li a:hover { color:#590; } #conteudo #coluna3 .linkNoticias { background:url(../../imagens/list-icons/icoNoticia.png) no-repeat 2px 4px; line-height:18px; text-indent:15px; display:block;color:#4a4a4a; font-size:12px; text-decoration:none; clear:both; float:right; } #conteudo #coluna3 .linkNoticias:hover { background:url(../../imagens/list-icons/icoNoticiaAtivo.png) no-repeat 2px 4px; color:#590; } /* Conteúdo interno */ #conteudo #interno { background:#FFF; } #conteudo #interno .linkRSS { color:#4a4a4a; font-size:12px; text-decoration:none; clear:both; } #conteudo #interno .linkRSS:hover { color:#590; } #conteudo #interno .linkVoltar { color:#4a4a4a; font-size:12px; text-decoration:none; clear:both; float:right; } #conteudo #interno .linkVoltar:hover { color:#590; } #conteudo #interno .template { text-align:justify; border-top:3px solid #6a7f94; color:#4a4a4a; font-size:12px; } #conteudo #interno .template .gravata { clear:both; background:#F0F0F0; padding:12px; font-size:13px; color:#343434; font-weight:bold; line-height:18px; font-family:Arial, Helvetica, sans-serif; } #conteudo #interno .template .data_conteudo { margin-bottom:5px; float:right; line-height:16px; font-size:11px; font-style:italic; } #conteudo #interno .template .conteudo { clear:both; width:100%; color:#4a4a4a; font-size:12px; } #conteudo #interno .template hr { clear:both; } #conteudo #interno .template .fonte { color:#4a4a4a; font-size:11px; font-style:italic; } #conteudo #interno .template img { border:1px solid #CCC; padding:6px; margin-top:10px; } #conteudo #interno .template ul li a { color:#c36618; font-size:12px; background:url(../../imagens/bullet.jpg) no-repeat left; padding-left:20px; } #conteudo #interno .template ul li { line-height:20px; } #conteudo #interno .template ul { clear:both; margin-bottom:10px; } /* Headers */ #conteudo #interno .template h1{ clear:both; font-size:23px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-top:10px; margin-bottom:10px; text-align:left; } #conteudo #interno .template h2{ color:#C40; clear:both; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; text-align:left; } #conteudo #interno .template h3{ color:#C40; clear:both; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; text-align:left; } #conteudo #interno .template h4{ color:#C40; clear:both; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; text-align:left; } #conteudo #interno .template h5{ color:#C40; clear:both; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; text-align:left; } #conteudo #interno .template h6{ color:#C40; clear:both; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; text-align:left; } /* Barra de ações do conteúdo */ #conteudo #coluna2 #barra { margin-bottom:15px; } #conteudo #coluna2 #barra ul { height:23px; border:1px solid #CCC; background:#F0F0F0; clear:both; } #conteudo #coluna2 #barra li { float:left; margin-left:5px; } #conteudo #coluna2 #barra li a { padding:0; line-height:23px; font-size:12px; color:#666; text-decoration:none; } #conteudo #coluna2 #barra li a:hover { color:#590; } #conteudo #coluna2 #barra li a.foto { background:url(../../imagens/list-icons/icoFoto.png) no-repeat 4px 3px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.texto { background:url(../../imagens/list-icons/icoTexto.png) no-repeat 4px 4px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.rss { background:url(../../imagens/list-icons/icoRSS.png) no-repeat 4px 4px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.mais { background:url(../../imagens/list-icons/icoMais.png) no-repeat 4px 4px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.menos { background:url(../../imagens/list-icons/icoMenos.png) no-repeat 4px 4px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.imprimir { background:url(../../imagens/list-icons/icoImprimir.png) no-repeat 4px 4px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.email { background:url(../../imagens/list-icons/icoEmail.png) no-repeat 4px 4px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.foto:hover { background:url(../../imagens/list-icons/icoFotoAtivo.png) no-repeat 4px 3px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.texto:hover { background:url(../../imagens/list-icons/icoTextoAtivo.png) no-repeat 4px 4px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.rss:hover { background:url(../../imagens/list-icons/icoRSSAtivo.png) no-repeat 4px 4px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.mais:hover { background:url(../../imagens/list-icons/icoMaisAtivo.png) no-repeat 4px 4px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.menos:hover { background:url(../../imagens/list-icons/icoMenosAtivo.png) no-repeat 4px 4px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.imprimir:hover { background:url(../../imagens/list-icons/icoImprimirAtivo.png) no-repeat 4px 4px; text-indent:25px; display:block; } #conteudo #coluna2 #barra li a.email:hover { background:url(../../imagens/list-icons/icoEmailAtivo.png) no-repeat 4px 4px; text-indent:25px; display:block; } /* Tamanho da fonte */ #conteudo #interno .template #menos, #mais { cursor:pointer; } #conteudo #interno .template .fonte_Pequena { font-size:10px; } #conteudo #interno .template .fonte_Normal { font-size:12px; } #conteudo #interno .template .fonte_Grande { font-size:14px; } #conteudo #interno .template .fonte_ExtraGrande { font-size:16px; } #conteudo #interno .template .fonte_Gigante { font-size:18px; } /* Listas */ #conteudo #interno ul.listaIcone{ margin-top:20px; } #conteudo #interno ul.listaIcone li{ font-size:12px; clear:both; border-bottom:1px solid #ebebeb; line-height:35px; padding-left:35px; } #conteudo #interno ul.listaIcone li a{ color:#b26705; background:none; padding-left:5px; } #conteudo #interno ul.listaIcone .icoGaleria{ background:url(../../imagens/list-icons/icoGaleria.png) no-repeat left 8px; } #conteudo #interno ul.listaIcone .icoTexto{ background:url(../../imagens/list-icons/icoJornal.png) no-repeat left 8px; } #conteudo #interno ul.listaIcone .icoLink{ background:url(../../imagens/list-icons/icoLink.png) no-repeat left 8px; } #conteudo #interno ul.listaIcone .icoArquivo{ background:url(../../imagens/list-icons/icoDownload.png) no-repeat left 8px; } #conteudo #interno ul.listaIcone .icoVideo{ background:url(../../imagens/list-icons/icoVideo.png) no-repeat left 8px; } /* Vídeo */ #conteudo #interno .template .videoExibicao { clear:both; margin-top:15px; } #conteudo #interno .template .videoExibicao .videoPlayer { width:459px; margin-right:15px; } #conteudo #interno .template .videoExibicao .videoDescricao { background:#e7e7e7; width:429px; padding:15px; } #conteudo #interno .template .videoExibicao .videoDescricao .data_conteudo { float:none; } /* Formulário */ #conteudo span.formulario fieldset { border: 1px dashed #b9a77f; padding:12px; } #conteudo span.formulario label { float:left; width:95px; font-size:12px; font-weight:bold; color:#C40; line-height:23px; height:23px; } #conteudo span.formulario legend { font-weight:bold; font-family:Arial Narrow; } #conteudo span.formulario input, #conteudo span.formulario select, #conteudo span.formulario textarea { background:#f3e8cb; font-size:12px; padding:3px; color:#860; border:1px solid #FFFBEF; margin:1px 0; } #conteudo span.formulario input:focus, #conteudo span.formulario select:focus, #conteudo span.formulario textarea:focus { background:#faf8ee; border:1px solid #dcc6a1; } #conteudo span.formulario input[type=submit], #conteudo span.formulario input[type=reset], #conteudo span.formulario input[type=button] { background:#628F00; padding:3px; font-size:12px; color:#FFF; border:none; clear:both; margin:8px 0 0 0; } #conteudo span.formulario input[type=submit]:hover, #conteudo span.formulario input[type=reset]:hover, #conteudo span.formulario input[type=button]:hover { background:#3c5700; cursor:pointer; } /* Galeria */ #conteudo #interno .template .galeria { margin:10px 0; } #conteudo #interno .template .galeria li a { background:none; margin:0 5px 0 0; padding:0; } #conteudo #interno .template .galeria li { background:none; float:left; width:148px; height:148px; margin:0 5px 0 0; text-align:center; } #conteudo #interno .template .galeria li img { margin-top:3px; padding:3px; border:1px solid #CCC; margin:0 5px 0 0; } /* Rodape */ #rodape{ clear:both; height:85px; } #rodape #spacerRodape{ background:url(../../imagens/bgRodape.jpg) no-repeat 20px bottom; height:25px; } #rodape p{ color:#FFF; font-size:12px; margin:20px; } #rodape a{ color:#FFF; text-decoration:none; } #rodape #endereco{ float:left; } #rodape #copy{ float:right; } /* /////////////////////////// */ /* classes */ /* /////////////////////////// */ .clear{ clear:both; font-size:1px; } .saibaMais { background:url(../../imagens/bgBotaoLink.jpg); padding:2px 7px; font-size:12px; color:#FFF; text-decoration:none; }