@import url("dropdown.css");

/* Fonte */
@font-face {
    font-family: 'CenturySchoolbookRegular';
    src: url('century_schoolbook-webfont.eot');
    src: url('century_schoolbook-webfont.eot?#iefix') format('embedded-opentype'),
         url('century_schoolbook-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Resets
.imgTopo, .subNav           { display:none !important;}

h1.logo a                   { background-image:url(../lacerda/img/logo.gif) !important; width:208px !important; height:57px !important;}
html, body, form#aspnetForm { width:100%; height:100%;}
.fundo + .container,
div div.container           { margin:0 auto; padding:0;}
#nav                        { width:735px;}
#nav li.outrosConteudos     { display:block;}
*/

/*
 Fundos Gerais e Cab
-------------------------------------------------------------- */
	
	/* Fundos Gerais */
	div.fundo      { width:100%; background:url(../lacerda/img/bgBody.jpg); color:#56564d; font-family:Arial, Helvetica, sans-serif;}
	div.partitura  { width:100%; background:url(../lacerda/img/bgPartitura.gif) top left repeat-x;}
	div.sombra     { background:url(../lacerda/img/bgSombra.png) top center no-repeat; padding-top:70px !important;}

	div.introducao + div.partitura div.sombra { padding-top:30px !important;}
	
	/* Menu */
	ul.menuLacerda               { list-style:none; margin:0 auto; padding:35px 0 0; width:800px; position:relative !important; z-index:999; display:block !important;}
	ul.menuLacerda li            { float:left; padding-right:41px;}
	ul.menuLacerda a             { font-size:.8em; color:#555; text-transform:uppercase;}
	ul.menuLacerda a:hover       { color:#A42910;}
	ul.menuLacerda .divisor      { background:url(../lacerda/img/divisorMenu.gif) left center no-repeat; padding-left:71px; padding-right:0;}
	ul.menuLacerda .divisor + li { margin-left:375px;}
	
	ul.menuLacerdaInicio         { list-style:none; margin:0 auto; padding:15px 0 0; width:486px; float: right;	display:block !important;}
	ul.menuLacerdaInicio li      { float:left; padding-right:25px;}
	ul.menuLacerdaInicio a       { font-size:.8em; color:#fff; text-transform:uppercase;}
	ul.menuLacerdaInicio a:hover { color:#fff;}
	ul.menuLacerdaInicio .divisor{ background:url(../lacerda/img/divisorMenuInicio.png) left center no-repeat; padding-left:30px; }
	
	/* Foto Cabeçalho */
	div.cabLacerda      { background:url(../lacerda/img/bgCab.png) top center no-repeat; width:100%; height:281px;}
	div.cabLacerda div  { position:relative; height:100%;}
	div.cabLacerda h3   { position:absolute; top:18px; left:50%; text-transform:uppercase; font-family:"CenturySchoolbookRegular"; font-size:2.1em; letter-spacing:10px; z-index:999; background:url(../lacerda/img/bgH3Cab.png) top left no-repeat; padding-top:28px; padding-left:65px;     width: 304px;   margin-left: -152px; }
	div.cabLacerda img  { position:absolute; top:91px; left:309px; z-index:9;}
	div.cabLacerda span {     font-size: 2.2em;
    position: absolute;
    bottom: -61px;
    left: 50%;
    font-family: "CenturySchoolbookRegular";
    z-index: 999;
    text-align: center;
    width: 201px;
    padding-bottom: 18px;
    background: url(../lacerda/img/bgSpanCab.png) bottom center no-repeat;
    margin-left: -100px; }
	
	a.ouvir                      { font-size: 0.8em; position: absolute; right: 15px; text-transform: uppercase; top: 101px; color:#fff; background:url(../lacerda/img/bgOuvirInicio.png) left center no-repeat; padding-left:22px; cursor:pointer;}
	ul.menuLacerdaInicio a.ouvir { background:url(../lacerda/img/bgOuvirInicio.png) left center no-repeat; top:18px;}
	
	
/* Primeira Página
-------------------------------------------------------------- */

	/* Introdução */
	div.introducao      { width:100%; height:495px; background:url(../lacerda/img/introducao.jpg) center -45px no-repeat; text-transform:uppercase; color:#fff;}
	div.introducao div  { height:100%; margin:0 auto; position:relative;}
	div.introducao h2   { font-family:"CenturySchoolbookRegular"; color:#fff; position:absolute; top:92px; font-size:2.45em; letter-spacing:14px; right:227px; font-weight:normal; font-style:normal;}
	div.introducao span { font-family:"CenturySchoolbookRegular"; color:#fff; position:absolute; top:395px; font-size:2.65em; right:265px; font-weight:normal; font-style:normal;}

	/* Secções */
	ul.seccoesHome         { list-style:none; margin:0 auto; width:880px;}
	ul.seccoesHome li      { float:left; text-align:center; width:260px;}
	ul.seccoesHome li + li { margin-left:50px;}
	ul.seccoesHome h2      { color:#a42910; font-size:2.3em; font-family:"CenturySchoolbookRegular";}
	ul.seccoesHome a       { color:#272727; text-transform:uppercase; font-size:.8em; text-align:center; display:inline-block; width:158px; height:26px; background:url(../lacerda/img/bgAHome.png) top left; padding-top:11px; text-decoration:none;}
	ul.seccoesHome a:hover { background-position:bottom left; color:#fff;}

/* Página do Projecto
-------------------------------------------------------------- */
	
	/* Texto Introdução */
	div.projecto    { text-align:center; width:772px; margin:0 auto;}
	div.projecto h2 { color:#3d3d3d; font-size:3.5em; font-family:"CenturySchoolbookRegular"; letter-spacing:10px; text-transform:uppercase;}
	div.projecto h3 { color:#92240e; font-size:2.3em; font-family:"CenturySchoolbookRegular"; line-height:1.2; margin-bottom:1em;}
	div.projecto p  { font-size:1.2em; color:#3d3d3d; margin:0;}
	
	/* Texto do Projecto */
	div.oProjecto                   { background:url(../lacerda/img/bgRod.gif) top center no-repeat; margin:40px auto 0; padding-top:40px;}
	div.oProjecto span.linha        { width:385px;}
	div.oProjecto span.tituloEquipa { color:#a42910; text-transform:uppercase; letter-spacing:4px; padding:0 10px; float:left;}
	
	/* A Equipa */
	ul.aEquipa      { background:url(../lacerda/img/bgUlEquipa.gif) center top no-repeat; margin:30px auto 0; padding:0; list-style:none; width:531px; display:block !important;}
	ul.aEquipa li   { float:left; text-align:center; padding-top:33px; width:177px;}
	ul.aEquipa img  { margin-bottom:35px;}
	ul.aEquipa span { display:block;}
	
/* Página da Vida e Obra
-------------------------------------------------------------- */
	div.vidaEObra h2 { color:#92240e; font-size:3.5em; font-family:"CenturySchoolbookRegular"; letter-spacing:10px; text-transform:uppercase; text-align:center; margin-bottom:40px;}
	
	/* Foto e Bibliografia */
	div.fotoBibliografia            { float:right; width:345px; margin-right:55px; font-size: .9em;}
	div.fotoBibliografia img        { margin-bottom:30px;}
	div.fotoBibliografia h4         { float:left; text-transform:uppercase; color:#a42910; letter-spacing:2px; padding-left:5px; font-size:1em;}
	div.fotoBibliografia span.linha { width:80px; margin-left:10px;}
	div.fotoBibliografia ul         { list-style:none; text-align:right; margin:0; padding:0;}
	div.fotoBibliografia li         { margin-bottom:15px;}
	div.fotoBibliografia a          { color: #333;}
	div.fotoBibliografia a:hover    { color: #A42910;}
	
	/* Texto da Biografia */
	div.textoBiografia    {     width: 470px;
    color: #3d3d3d;
    float: left;}
	div.textoBiografia h3,
	ul.publicacoes h3     { color:#92240e; font-size:2.3em; font-family:"CenturySchoolbookRegular";}
	div.textoBiografia p  { font-size:1.1em;}
	
	div.botoesVida a,
	a.botaoLacerda       { color:#272727; text-transform:uppercase; font-size:.8em; text-align:center; display:inline-block; width:158px; height:26px; background:url(../lacerda/img/bgAHome.png) top left; padding:11px 0 0; text-decoration:none; cursor:pointer; margin:0;}
	div.botoesVida a:hover,
	a.botaoLacerda:hover { background-position:bottom left !important; color:#fff !important;}
	
	div.botoesVida a     { display:inline-block;}
	div.botoesVida a + a { margin-left:5px;}
	
	/*div#bioCompleta { display:none;}*/
	div#bioCompleta,
	div.botoesVida  { width:600px; /*margin-right:24px;*/}
	
	ul.publicacoes      { list-style:none; margin:80px 0 0; padding:39px 0 0 0; background: url(../lacerda/img/bgRod.gif) top center no-repeat; }
	ul.publicacoes li   { float:left; padding:0 15px; width:222px; line-height:1.2; }
	ul.publicacoes span { display:block; font-size:0.8em; margin:5px 0;}
	ul.publicacoes a    { color:#a42910; padding:0 !important; background:none !important;}
	
	/* Arvore Genealogica */
	div#arvore     { background:url(../lacerda/img/bgImgRod.gif); position:relative;}
	div#arvore div { overflow:hidden; border:solid 2px #505050; width:1000px; height:461px; cursor:move; position:relative; background:url(../lacerda/img/bgBody.jpg);}
	div#arvore img { left:-1050px; top:-380px; position:absolute; z-index:998;}
	div#arvore p   { margin:0; background:#505050; padding:2px 10px; color:#fff; text-align:center; font-size:.8em;}
	
	/* Imagens */
	div.folhas          { width:100%; border-top:solid 5px #383838; border-bottom:solid 5px #383838; position:relative; overflow:hidden; height:165px; margin-top:30px;}
	div.folhas ul       { list-style:none; margin:0; padding:0; height:165px; width:2547px; cursor:w-resize;}
	div.folhas li       { float:left;}
	div.folhas li + li  { border-left:solid 1px #383838;}
	div.folhas a        { display:block; width:195px; height:165px; overflow:hidden;}
	span.sombraEsquerda { position:absolute; top:0; height:165px; width:50px; left:0; background:url(../lacerda/img/sombraDrag.png) top left repeat-y;}
	span.sombraDireita  { position:absolute; top:0; height:165px; width:50px; right:0; background:url(../lacerda/img/sombraDrag.png) top right repeat-y;}
	div.folhas .helpHand{ position: absolute; left: 50%; bottom: 0px; margin: 0 0 0 -210px;	}
	
	/* Linguagem Orquestral */
	div.novaLinguagem            { position:relative; background:url(../lacerda/img/lingugaemParallaxBg.jpg) -340px 0 no-repeat; overflow:hidden;}
	div.novaLinguagem .container { position:relative;}
	img.fotoParalax              { position:absolute; left:-200px; bottom:-100px; z-index:9;}
	div.tituloEsq                { float:left; width:225px; margin:40px 0 0 40px; text-align:right; position:relative; z-index:9999;}
	div.tituloEsq h2             { color:#92240e; font-size:3.5em; font-family:"CenturySchoolbookRegular"; line-height:1;}
	div.tituloEsq span span      { color:#3d3d3d; font-size:1.1em;}
	div.textoDir                 { float:left; width:679px; margin:40px 40px 25px 40px; position:relative; z-index:9999;}
	
	/* Foclore Imaginário  */
	div.focloreImaginario                 { position:relative; overflow:hidden; background:url(../lacerda/img/focloreParallaxBg.jpg) right bottom no-repeat #edeee9;}
	div.focloreImaginario .container      { position:relative;}
	div.focloreImaginario div.tituloEsq   { text-align:left; float:right; margin: 40px 40px 0 0;}
	div.focloreImaginario div.textoDir    { text-align: right; }
	div.focloreImaginario img.fotoParalax { position:absolute; right:-350px !important; bottom:-70px; z-index:9; left:auto;}

/* Página do Espólio
-------------------------------------------------------------- */
	
	div.espolio    { text-align:center;}
	div.espolio h2 { color:#92240e; font-size:3.5em; font-family:"CenturySchoolbookRegular"; letter-spacing:10px; text-transform:uppercase; margin-bottom:10px;}
	div.espolio p  { color:#56564d; line-height:2;}
	div.espolio h3 { text-transform:uppercase; letter-spacing:2px; color:#3d3d3d; font-size:1em; margin-bottom:15px;}

	/* Pesquisa */
	p.pesquisaLacerda                    { position:relative;}
	p.pesquisaLacerda span.erroCategoria { position:absolute; top:-52px; left:340px; color:#fff !important; background:url(../lacerda/img/bgTip.gif) repeat-x bottom left #d74d16; padding:5px 10px; border-radius:5px;}
	span.erroCategoria span              { position:absolute; display:block; width:24px; height:15px; background:url(../lacerda/img/setaTip.png); top:34px; left:100px;}
	p.pesquisaLacerda input[type=text],
	p.pesquisaLacerda select             { width:180px; padding:5px 15px 4px; background:url(../lacerda/img/bgInputPesquisa.gif) top left no-repeat; border:none;}
	p.pesquisaLacerda select             { width:210px; padding-top:4px; -webkit-appearance: none;}
	p.pesquisaLacerda input[type=submit] { border:none; background:url(../lacerda/img/bgPesquisaInput.png) top left no-repeat; text-transform:uppercase; font-size:.8em; text-align:center; color:#555; width:114px; height:30px; cursor:pointer;}
	p.pesquisaLacerda input[type=submit]:hover { background-position:bottom left; color:#92240E;}
	
	/* Items */
	div.items ul      { margin:50px auto 0; padding:0; list-style:none; width:960px;}
	div.items ul li   { margin:0 6.5px; /*display:inline-block;*/ vertical-align:top; width:211px; float:left; height:230px;}
	div.items ul li + li + li + li + li{ margin-top:28px;}
	div.items ul a    { display:block; padding:6px; box-shadow:0 2px 5px #aaa; background:#fff; text-decoration:none;}
	div.items ul span { display:block; width:197px; height:174px; overflow:hidden;}
	div.items ul img  { height:174px;}
	div.items ul h4   { color:#949283; text-align:left; margin:10px 0 5px; padding:3px 0 0;}
	div.items ul a:hover h4 { color:#92240e;}
	
/* Rodapé
-------------------------------------------------------------- */
	
	div.rodapeLacerda                  { background:url(../lacerda/img/bgRod.gif) top center no-repeat; margin:70px auto 0; padding-top:30px;}
	div.rodapeLacerda .container       { text-align:center; }
	div.rodapeLacerda span.espolio     { font-family:"CenturySchoolbookRegular"; font-size:.8em; color:#56564d; letter-spacing:4px; text-transform:uppercase; display:block; margin-bottom:10px;}
	div.rodapeLacerda img              { padding:5px; background:url(../lacerda/img/bgImgRod.gif);}
	div.rodapeLacerda h2               { color:#a42910; font-size:2.3em; font-family:"CenturySchoolbookRegular";}
	div.rodapeLacerda span.dataEspolio { display:inline-block; padding:0 10px; font-family:"CenturySchoolbookRegular"; font-size:.8em; color:#a6a6a0; float:left;}
	div.rodapeLacerda .linha { border-bottom: 1px solid #d1cac7; margin-top:6px; padding-bottom: 15px; }
	
	
	/* Logos do Rodapé */
	p.logosRod       { margin:10px 0;}
	p.logosRod a + a { margin-left:10px}
	p.logosRod img   { padding:0; background:none;}
	
	/* Links Rodapé */
	p.subRod         { font-size:.8em; color:#56564d; margin:20px 0; display:none;}
	p.subRod a       { text-transform:uppercase; color:#56564d;}
	p.subRod a:hover { text-transform:uppercase; color:#A42910;}
	
	
	
/* Extra
-------------------------------------------------------------- */

	/* Tips */
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background:url(../lacerda/img/bgTip.gif) repeat-x bottom left #d74d16; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:0 0 3px #000; -webkit-box-shadow:0 0 3px #000; box-shadow:0 0 3px #000;}
  .tipsy-arrow { position: absolute; background: url('../lacerda/img/setaTip.png') no-repeat top left; width: 24px; height: 15px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: -10px; left: 50%; margin-left: -7px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

	/* Fancybox */
	#fancybox-overlay
	#fancybox-outer   { background:none !important;} 
	#fancybox-content { border:none !important; padding:10px; background:url(../lacerda/img/bgImgRod.gif);}