/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.7.1 http://www.blueprintcss.org * Copyright (c) 2007-2008. * Alterado por Filipe Rocha, www.filiperocha.com ----------------------------------------------------------------------- */ /* Importações */ @import 'src/reset.css'; @import 'src/typography.css'; @import 'src/forms.css'; /* GLOBAL */ body { font-size:75%; color:#313131; background: /* url(../../img/fundo.gif) no-repeat top right*/ #fff; font-family:"Verdana", Helvetica, Arial, sans-serif; } /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clear:after { content: " . "; display: block; height: 0; clear: both; visibility: hidden; } .clear {display: block; height: 1%; } /* CONTAINERS AND WAPPERS */ .container { width:800px; padding:0 0 0 150px; background:url(../../img/bg-container.gif) repeat-y; } .colEsq{float:left; width:181px;} .colDir{float:left; width:619px; } .padding12{ margin:12px 19px 0 19px; } .rod{ clear:both; margin:20px 0 0 181px; } .destaques { margin:0 0 20px 0; } .HiddenColumn{display:none;} /* COLESQ */ .logo a{ display:block; background:url(../../img/logo.gif) no-repeat; text-indent:-9999em; width:181px; height:128px; } #nav{margin:0;} #nav li { text-indent:-9999em; list-style:none;} #nav li a, .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .mDocumentacao, .m10Downloads { display:block; width:181px; height:18px; overflow:hidden;} .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .mDocumentacao, .m10Downloads { margin:10px 0 0; } h2[class^="t"] { width:100%;} #nav .m1{ background:url(../../img/m1.gif) no-repeat; } #nav .m1Editorial{ background:url(../../img/m1editorial.gif) no-repeat bottom; } #nav .m1Editorial:hover{ background:url(../../img/m1editorial.gif) no-repeat top; } #nav .m1Missao{ background:url(../../img/m1missao.gif) no-repeat bottom; } #nav .m1Missao:hover{ background:url(../../img/m1missao.gif) no-repeat top; } #nav .m1Convento{ background:url(../../img/m1convento.gif) no-repeat bottom; } #nav .m1Convento:hover{ background:url(../../img/m1convento.gif) no-repeat top; } #nav .m1Igreja{ background:url(../../img/m1Igreja.gif) no-repeat bottom; } #nav .m1Igreja:hover{ background:url(../../img/m1Igreja.gif) no-repeat top; } #nav .m1Nucleo{ background:url(../../img/m1nucleo.gif) no-repeat bottom; } #nav .m1Nucleo:hover{ background:url(../../img/m1nucleo.gif) no-repeat top; } #nav .m1Historia{ background:url(../../img/m1historia.gif) no-repeat bottom; } #nav .m1Historia:hover{ background:url(../../img/m1historia.gif) no-repeat top; } #nav .m2{ background:url(../../img/m2.gif) no-repeat; } #nav .m2Peca{ background:url(../../img/m2peca.gif) no-repeat bottom; } #nav .m2Peca:hover{ background:url(../../img/m2peca.gif) no-repeat top; } #nav .m2Arte{ background:url(../../img/m2arte.gif) no-repeat bottom; } #nav .m2Arte:hover{ background:url(../../img/m2arte.gif) no-repeat top; } #nav .m2EspeciesemPedra{ background:url(../../img/m2especiespedra.gif) no-repeat bottom; } #nav .m2EspeciesemPedra:hover{ background:url(../../img/m2especiespedra.gif) no-repeat top; } #nav .m2ArteSacra{ background:url(../../img/m2artesacra.gif) no-repeat bottom; } #nav .m2ArteSacra:hover{ background:url(../../img/m2artesacra.gif) no-repeat top; } #nav .m2Brinquedos{ background:url(../../img/m2brinquedos.gif) no-repeat bottom; } #nav .m2Brinquedos:hover{ background:url(../../img/m2brinquedos.gif) no-repeat top; } #nav .m2Etnografia{ background:url(../../img/m2etnografia.gif) no-repeat bottom; } #nav .m2Etnografia:hover{ background:url(../../img/m2etnografia.gif) no-repeat top; } #nav .m2Historia{ background:url(../../img/m2historia.gif) no-repeat bottom; } #nav .m2Historia:hover{ background:url(../../img/m2historia.gif) no-repeat top; } #nav .m3{ background:url(../../img/m3.gif) no-repeat; } #nav .m3456Agenda{ background:url(../../img/m3456agenda.gif) no-repeat bottom; } #nav .m3456Agenda:hover{ background:url(../../img/m3456agenda.gif) no-repeat top; } #nav .m3457Arquivo{ background:url(../../img/m3457Arquivo.gif) no-repeat bottom; } #nav .m3457Arquivo:hover{ background:url(../../img/m3457Arquivo.gif) no-repeat top; } #nav .m3Visitas{ background:url(../../img/m3Visitas.gif) no-repeat bottom; } #nav .m3Visitas:hover{ background:url(../../img/m3Visitas.gif) no-repeat top; } #nav .m3Fundos{ background:url(../../img/m3fundos.gif) no-repeat bottom; } #nav .m3Fundos:hover { background:url(../../img/m3fundos.gif) no-repeat top; } #nav .m3Biografias { background:url(../../img/m3biografias.gif) no-repeat bottom; } #nav .m3Biografias:hover { background:url(../../img/m3biografias.gif) no-repeat top; } #nav .mDocumentacao { background:url(../../img/mDocumentacao.gif) no-repeat; height:36px;} #nav .m4{ background:url(../../img/m4.gif) no-repeat; } #nav .m5{ background:url(../../img/m5.gif) no-repeat; } #nav .m5Omuseu{ background:url(../../img/m5omuseu.gif) no-repeat bottom; } #nav .m5Omuseu:hover{ background:url(../../img/m5omuseu.gif) no-repeat top; } #nav .m6{ background:url(../../img/m6.gif) no-repeat; } #nav .m67Projecto{ background:url(../../img/m67projecto.gif) no-repeat bottom; } #nav .m67Projecto:hover{ background:url(../../img/m67projecto.gif) no-repeat top; } #nav .m6Parceiros { background:url(../../img/m6parceiros.gif) no-repeat bottom; } #nav .m6Parceiros:hover{ background:url(../../img/m6parceiros.gif) no-repeat top; } #nav .m6Memorias { background:url(../../img/m6memorias.gif) no-repeat bottom; } #nav .m6Memorias:hover{ background:url(../../img/m6memorias.gif) no-repeat top; } #nav .m7{ background:url(../../img/m7.gif) no-repeat; } #nav .m7Introducao{ background:url(../../img/m7apresentacao.gif) no-repeat bottom; } #nav .m7Introducao:hover{ background:url(../../img/m7apresentacao.gif) no-repeat top; } #nav .m7Arquivo{ background:url(../../img/m7arquivo.gif) no-repeat bottom; } #nav .m7Arquivo:hover{ background:url(../../img/m7arquivo.gif) no-repeat top; } #nav .m7HistoriaN{ background:url(../../img/m7HistoriaN.gif) no-repeat bottom; } #nav .m7HistoriaN:hover{ background:url(../../img/m7HistoriaN.gif) no-repeat top; } #nav .m8{ background:url(../../img/m8.gif) no-repeat top; } #nav .m8:hover{ background:url(../../img/m8.gif) no-repeat bottom; } #nav .m9{ background:url(../../img/m9.gif) no-repeat top; } #nav .m9:hover{ background:url(../../img/m9.gif) no-repeat bottom; } #nav .m10Downloads{ background:url(../../img/m10downloads.gif) no-repeat top; } #nav .m10Downloads:hover{ background:url(../../img/m10downloads.gif) no-repeat bottom; } /* COLDIR */ /* m10 */ .m10{ /*background:#666;*/ margin:0; width:601px; } .m10 li { text-indent:-9999em; list-style:none; float:left; } .m10 li a { display:block; height:23px; overflow:hidden;} .m10Top { margin:76px 0 0 0; } .m10fim{ background: url(../../img/bgm10fim.gif) no-repeat right #666; height:23px; width:170px; } .m10Inicio { background:url(../../img/m10inicio.gif) no-repeat top; width:64px; } .m10Inicio:hover{ background:url(../../img/m10inicio.gif) no-repeat bottom; } .m10Localizacao { background:url(../../img/m10localizacao.gif) no-repeat top; width:92px; } .m10Localizacao:hover{ background:url(../../img/m10localizacao.gif) no-repeat bottom; } .m10Informacoes { background:url(../../img/m10informacoes.gif) no-repeat top; width:94px; } .m10Informacoes:hover{ background:url(../../img/m10informacoes.gif) no-repeat bottom; } .m10Contactos { background:url(../../img/m10contactos.gif) no-repeat top; width:81px; } .m10Contactos:hover{ background:url(../../img/m10contactos.gif) no-repeat bottom; } .m10Mapa { background:url(../../img/m10mapa.gif) #666666 no-repeat top left; width:96px; padding: 0 95px 0 0; } .m10Mapa:hover{ background:url(../../img/m10mapa.gif) #666666 no-repeat bottom left; width:96px; padding: 0 95px 0 0; } .m10 .pesquisa { text-indent:0em; width:207px; background:url(../../img/pesquisaoff.gif); height:23px; } .pesquisa label{ background:url(../../img/bg-pesquisa.gif) no-repeat left; display:block; float:left; height:23px; } .pesquisa label input{ background:none; border:none; color:#fff; width:156px; margin:2px 10px 10px; } .pesquisa .ok{ border:none; cursor:pointer; display:block; overflow:hidden; width:31px; height:23px; background:url(../../img/b-ok.gif) no-repeat top; } .pesquisa .ok:hover{ background:url(../../img/b-ok.gif) no-repeat bottom; } .m10English { background:url(../../img/m10english.gif) #b80f59 no-repeat right top; width:79px; } .m10English:hover{ background:url(../../img/m10english.gif) no-repeat bottom; } .m10Acerca { background:url(../../img/m10acerca.gif) no-repeat top; width:140px; } .m10Acerca:hover{ background:url(../../img/m10acerca.gif) no-repeat bottom; } .m10Recomendar { background:url(../../img/m10recomendar.gif) no-repeat top; width:188px; } .m10Recomendar:hover{ background:url(../../img/m10recomendar.gif) no-repeat bottom; } .m10newsletter { background:url(../../img/m10newsletter.gif) no-repeat top; width:188px; } .m10newsletter:hover{ background:url(../../img/m10newsletter.gif) no-repeat bottom; } /* navGlobal */ .navGlobal{ width:500px; float:left; } .navGlobal a{ color:#1490de; } .navGlobal a:hover{ color:#000; } .navGlobal .inicio{ color:#000; } .voltar{ display:block; width:59px; height:12px; text-indent:-9999em; float:right; background:url(../../img/b-voltar.gif) no-repeat top; cursor:pointer;} .voltar:hover{ background:url(../../img/b-voltar.gif) no-repeat bottom; } /* Peça do Mês */ .pecaMes{ float:left; width:226px; line-height: normal; text-align:justify; } .pecaMes a{ display:block; margin:0 0 8px 0;} /* Museu Móvel */ .museuMovel { background:url(../../img/museumovel.jpg) no-repeat right bottom; float:right; width:332px; height:200px; line-height: normal; text-align:justify; padding:0 0 65px 0; } .museuMovel .info{ font-size:1.1em; color:#9e0146; width:50%; text-align:left; } .museuMovel .info strong{ display:block; color:#000; } .bAgenda{ display:block; width:140px; height:12px; text-indent:-9999em; background:url(../../img/b-agenda.gif) no-repeat top; } .bAgenda:hover{ background:url(../../img/b-agenda.gif) no-repeat bottom; } /* Display */ .display{ background:url(../../img/bg-display.gif) repeat-x; padding:4px; color:#666; text-align:right; } .display a{ color:#666; } .display a span{ color:#1490de; } /* Imagens */ .img{ float:right; margin:20px; border:5px solid #d1d1d1; padding:1px; } .bigImg{ position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; text-align:center; background:url(../../img/bg-foto.png) top repeat-x; } .bigImg a{ display:block; margin:50px auto; text-align:right; background:#1490de; padding:10px; width:500px; } .bigImg a .close{ margin:10px 0 0 0; } /* Listagem */ .listagem{ margin:12px 0; padding: 0 0 12px 0; border-bottom:1px solid #9e0146; } .listagem tr td{ border-bottom:1px solid #9e0146; border-left:1px solid #fff; padding:12px 0; vertical-align:top; } .listagem .imagem{ float:left; width:174px; margin:0 12px 0 0; text-align:center; overflow: hidden; } .listagem h3{ display:block; color:#9e0146; font-size:1.4em; } .listagem p { display:block; color:#3a3a3a; margin:0; } .listagem a { display:block; width:70px; margin:3px 0 0 45px; font-weight:bold; color:#9e0146; cursor:pointer; } .listagem .info { float:left; width:371px; } .listagem .detalhe { display:block; width:auto; margin:10px 0 0 0; font-weight:bold; color:#9e0146; } .listagemfix tbody tr td{ border-bottom:1px solid #fff; margin:0 padding:0; vertical-align:top; } /* .listagem h3 a{ color:#9e0146; } .listagem h3 a:hover{ color:#1490de; text-decoration:none; } .listagem .info p strong { display:block; color:#666; } */ .intro { padding:10px; color:#fff; background:#9e0146; } .intro a { display:block; font-weight:bold; color:#fff; } .variasFotos { padding: 0 0 12px 0; border-bottom:1px solid #9e0146;} .variasFotos .imagem { float:left;} .variasFotos .imagem + .imagem { float:left; height:70px; width:100px; text-align:center; overflow:hidden;} .variasFotos .imagem + .imagem img { height:70px !important; width:auto !important;} /* Listagem 2 */ .listagem2 { margin:12px 0; padding: 0 0 12px 0; border-bottom:1px solid #9e0146; } .listagem2 .imagem{ float:left; width:174px; margin:0 12px 0 0; text-align:center; } .listagem2 .info { float:left; width:381px; } .listagem2 h3 a{ display:block; color:#9e0146; font-size:1.4em; } .listagem2 strong { font-size:.9em; } .listagem2 p { display:block; color:#3a3a3a; margin:0; } .listagem2 .detalhe { display:block; width:auto; margin:10px 0 0 0; font-weight:bold; color:#9e0146; } /* .listagem h3 a{ color:#9e0146; } .listagem h3 a:hover{ color:#1490de; text-decoration:none; } .listagem .info p strong { display:block; color:#666; } */ .intro { padding:10px; color:#fff; background:#9e0146; } .intro a { display:block; font-weight:bold; color:#fff; } /* RODAPÉ */ .rodLeft, .rodRight { font-size:.9em; color:#666; line-height:normal; } .rodLeft{ float:left; margin:0 0 0 19px; } .rodRight{ float:right; text-align:right; } .rodRight table { width:auto;} /* SECCOES */ div.imgsSeccao{ margin: 10px} div.imgsSeccao a {margin: 4px} div.imgsSeccao img {width: 100px; height: 100px} .left{ float:left; }