/* * This is a manifest file that'll automatically include all the stylesheets available in this directory * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at * the top of the compiled file, but it's generally better to create a new file per style scope. */ /*Folha de Estilos Principal*/ /*Fontes*/ @import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500); /* USAGE */ /* Ubuntu: 'Ubuntu' * Ubuntu (em três pesos: 300, 400, 500): 'Istok Web'; Font-wight: 400 ou 700 para bolds */ /*Definições de tags*/ html, body {height:100%; width:100%; padding:0; margin:0; background-color:#7D7E7E; } body {font-size:11px; color:#848484; font-family:"Ubuntu","Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 300} p {font-size:12px; line-height:1.8em; letter-spacing: 0.5px} h1 {font-size:2em;} h2 {color:#525253;} /* */ h1, h2, h3, h4 {font-family: 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 300} a{text-decoration:none;} img {border:0;} /* Classes de teste de fontes */ .Bold { font-family:'Istok Web'; font-weight: 700} /*Elementos Basicos */ .Bloco {height:100%; position:relative; overflow: hidden; min-width: 910px; min-height: 500px} .Chunk {margin:0 auto; width:880px;} .BlocoInfinito {width:100%; padding: 20px 0; position: relative} /* Fundo full com foto redimensionável */ .FotoFundo { position:absolute; width:100%; height:100%; } .FotoFundo img { /* Set rules to fill background */ width: 100%; height: auto; position:absolute; bottom: 0; } #home .FotoFundo img {} /* Breakers, Divisores e Float Clearers */ .BarraDivisoria {background:url(/assets/barra_divisoria.png) repeat-x; clear:both; height:9px; width:100%; min-width: 910px;} .Clear {clear:both;} /* Rodape */ #rodape {width:100%; background:#929393; height:85px; position:relative; z-index: 100; min-width: 910px;} #rodape .Chunk { margin: 0 auto;width: 910px;} #rodape ul {list-style:none; padding:0; float:left; margin: 32px 0; } #rodape ul li {padding:0 13px; float:left; border-right:solid 1px #333; height:17px;} #rodape ul li.last {border-right: none} #rodape ul li a{color:#FFF; letter-spacing:0;} #rodape #patrocinios {float:right; margin-right: 18px;} #rodape #assinaturas {float: left; margin-left: 40px; width: 160px; margin-top:33px} #rodape #assinaturas .Fotografo {font-size: 10px; position: relative; top: -3px; left: 10px; border-left:solid 1px #333; height:17px; padding-left: 10px } #rodape #assinaturas .Fotografo a {color:#d4d5d5;} #rodape img {position: static !important; width: auto !important; height: auto !important} .Loader {height:100%; width:100%; background:url(/assets/fundoLoader.png); position:fixed; top:0; z-index:10000;} .Loader #loaderSpin {height:74px; width:74px; position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px; background:url(/assets/fundo-spin.png) no-repeat; padding:8px 0 0 8px;} /* Classes de Formatação */ .Center {text-align:center;} .BlocoInfinito p, a {color:#fff;} .BlocoInfinito {padding: 70px 0} /* MENU */ #texto {position:absolute; top:35%; left:35%; width:30%; z-index:99; color:#bdcdcd;} #submenu {position:absolute; right:20px; top:40%; width:200px; z-index:99;} #submenu ul.Links {list-style:none; margin:0; padding:0; width: 140px; } #submenu ul.Links li {margin-bottom:8px; line-height:13px;} #submenu ul.Links li a{color:#fff; text-decoration:none; letter-spacing: 1px; font-weight: 500} #submenu ul.Links li a:hover {color:#FFF;} #submenu ul.Links li a.Ativo{color:#929393;} /************* Home ************************/ .BlocoMenor {width:100%; padding:30px 0 30px 0;min-width: 910px; background-color:#ffffff;} .BlocoMenor .Texto .LinkBlog{position: relative; top: -3px} .BlocoMenor .Texto .img-destaque {float:left; margin:0 35px 0 0} .BlocoMenor h2 {font-size:26px; text-transform:uppercase; float:left; color: #79797A} #blog .DestaqueFoto {height:200px; width:360px; float:left; overflow:hidden; padding-top:6px; margin:0 20px 0 0;} #blog .Texto {width: 100%; position: relative; height: 180px} #blog .Texto .thumbnail { float: left; margin-right: 20px; position: relative; top: -30px; } #blog .Texto p {color:#848484; text-align: justify; font-size: 11px } #blog .Texto h3 {font-size:17px; margin:0 0 0 0px; color:#79797a; font-weight: 300; text-align: left;} a.Btn {background:#525253; padding:4px; color:#FFF; border-radius:3px; text-decoration:none; font-size:1em; position:relative; bottom:0; } a.Acessar {float:right; margin-top:20px; top:20px; color:#525253; text-decoration:none; } #agenda.BlocoMenor ul {height:220px; list-style:none; padding:0; font-size: 12px} #agenda.BlocoMenor ul li {width:274px; height:220px; margin:0 14px; float:left;} #agenda.BlocoMenor ul li.First {margin-left:0;} #agenda.BlocoMenor ul li.Last {margin-right:0;} #agenda.BlocoMenor p {margin:3px 0; line-height:1.1em;} #agenda.BlocoMenor span.Obra {font-weight: 400; font-size: 14px; display:block; margin: 6px 0; text-transform: lowercase; color: #525253} div#agenda.BlocoMenor div.Chunk ul li a { color: #525253; text-decoration: underline; } /************ Obras **************/ .BlocoHoriz {overflow:hidden; height:100%; position:relative; min-height: 500px;; min-width: 910px;} .BlocoHoriz .FotoFundo img{/*top:0;*/} .BlocoHoriz .Wrap {width:500%;} .BlocoHoriz .Wrap > div { position: relative; } .BlocoHoriz .Wrap .ChunkG1 {width:100%; height:100%; position:absolute; left:0; z-index: 5} .BlocoHoriz .Wrap .ChunkG1 .FotoFundo img { width: 100%;height: auto; } .FichaCapa {position:absolute;} .FichaCapa p {line-height:normal; margin:0 0 2px 0; font-size:0.9em} .BlocoHoriz .Wrap .ChunkG2 {width:100%; height:100%; position:absolute; left:0%; z-index: 4;} .BlocoHoriz .Wrap .ChunkG2 .Texto {left: 50%; margin-left: -40%; position: absolute; width: 80%;} .ChunkG2 .TituloShow {position: absolute; bottom: 30px; left: 10%; font-size: 18px; font-weight: 300; text-transform: uppercase;} /* GALERIA DE FOTOS */ .BlocoHoriz .Wrap .ChunkG3 {width:100%; height:100%; position:absolute; left:0%; z-index: 3; } .BlocoHoriz .Wrap .ChunkG3 .FotoFundo img {/*top:0;*/} .BlocoHoriz .Wrap .ChunkG3 .FotoHolder {position: absolute; height: 100% !important; width: 100% !important} .BlocoHoriz .Wrap .ChunkG3 .FotoHolder .FotoZoomed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #747474; z-index: 3000; text-align: center } .BlocoHoriz .Wrap .ChunkG3 .FotoHolder .FotoZoomed img.horizontal {display: inline-block; width: 60%; min-width: 1px;min-height: 1px; height: auto; position: relative; top: 9%; text-align:center } .BlocoHoriz .Wrap .ChunkG3 .FotoHolder .FotoZoomed img.vertical {display: inline-block; width: auto !important; height: 80%; min-width: 1px; min-height: 1px; position: relative; top:7%; text-align: center} #fotos { background: #000000; } /* FIM GALERIA DE FOTOS */ .BlocoHoriz .Wrap .ChunkG4 {width:100%; height:100%; position:absolute; left:00%; z-index: 2;} .BlocoHoriz .Wrap .ChunkG4 .Chunk {width:900px; height:395px; position:absolute; top:50%; left:50%; margin:-200px 0 0 -450px;} .BlocoHoriz .Wrap .ChunkG4 .Chunk ul{list-style:none; padding:0; margin:0;} .BlocoHoriz .Wrap .ChunkG4 .Chunk ul li {float:left; margin:0 18px 18px 0; width:250px; height:189px;} .BlocoHoriz .Wrap .ChunkG5 {width:100%; height:100%; position:absolute; left:0%; z-index: 1} .BlocoHoriz .Wrap .ChunkG5 .Chunk {width:560px; height:340px; position:absolute; top:50%; left:50%; margin:-170px 0 0 -280px;} .BlocoHoriz .Wrap .ChunkG5 .Chunk .Capa {float:left; height:214px; width:216px;} .BlocoHoriz .Wrap .ChunkG5 .Chunk .Player {float:left; width:315px; margin-left:20px;} .BlocoHoriz .Wrap .ChunkG5 .Chunk .Player ul{padding:0; margin:0; width:310px; list-style-position:outside;padding-left: 35px; list-style:none; } .BlocoHoriz .Wrap .ChunkG5 .Chunk .Player ul li {color:#FFF; width:100%; height:20px; padding: 3px; } .BlocoHoriz .Wrap .ChunkG5 .Chunk .Player ul li span.Faixa {width:25px; display:inline-block; } .BlocoHoriz .Wrap .ChunkG5 .Chunk .Player ul li span.Nome {width:200px; display:inline-block; } .BlocoHoriz .Wrap .ChunkG5 .Chunk .Player ul li span.Tempo {width:42px; display:inline-block;} .BlocoHoriz .Wrap .ChunkG5 .Chunk .Player ul li.Ativo {background:#666;} .BlocoHoriz .Wrap .ChunkG5 .Navegacao {color:#CCC;} .ChunkG5 a.Voltamenu {color: #fff} #videoPlayers {height: 247px; margin: -132px auto 0 auto; position: relative; top: 50%; text-align: center;} div#videoPlayers div { width:320px; float:left; margin: 0 1px 0 0;} #navAvanca { cursor: pointer; height: 83px; overflow: hidden; position: absolute; right: 10px; top:50%; margin-top:-71px; width: 70px; display: block; z-index:99;} #navVolta { height: 83px; left: 10px; overflow: hidden; position: absolute; top: 50%; width: 70px; margin-top: -71px; display: block} #navAvanca a, #navVolta a { display:block; width: 70px; height: 83px; background: url('/assets/setaAvancaBranca.png') no-repeat right 0px; text-indent:-1999px; } #navVolta a { background: url('/assets/setaVoltaBranca.png') no-repeat 0 0px; } #navAvanca.black a { background: url('/assets/setaAvancaPreta.png') no-repeat right 0px; } #navVolta.black a { background: url('/assets/setaVoltaPreta.png') no-repeat 0 0px; } div.ChunkG1 #navAvanca { cursor: pointer; height: 400px; overflow: hidden; position: absolute; right: 10px; top:50%; margin-top:-300px; width: 840px; display: block; z-index:90;} div.ChunkG1 #navAvanca a { display:block; width:840px; height:400px; background: url('/assets/setaAvancaBranca.png') no-repeat right 229px; } div.ChunkG1 #navAvanca a:hover { display: block; background: url('/assets/setaAvancaBranca-hover.png') no-repeat 702px 222px; } div.ChunkG1 #navAvanca.en a:hover { display: block; background: url('/assets/setaAvancaBranca-hover-en.png') no-repeat 702px 222px; } div.ChunkG1.onqoto #navAvanca a { background: url('/assets/setaAvancaPreta.png') no-repeat right 229px; } div.ChunkG1.onqoto #navAvanca a:hover { background: url('/assets/setaAvancaPreta-hover.png') no-repeat 702px 222px; } div.ChunkG1.onqoto #navAvanca.en a:hover { background: url('/assets/setaAvancaPreta-hover-en.png') no-repeat 702px 222px; } .BlocoHoriz .Wrap .ChunkG3 .Zoom { position: absolute; right: 10px; z-index: 300; bottom: 10px} .NavegacaoFotos {position:absolute; right:50px; bottom:10px; font-size:15px; font-weight: 400; color: #fff; background: url('/assets/fundoNav.png') repeat; padding: 4px 0 13px 14px; border-radius: 3px; height: 15px;} .NavegacaoFotos h4 {margin:0;} #nav { display: inline; font-size: 20px; margin-left: 24px; z-index: 300;} #nav a { color: #FFFFFF; font-size: 15px; font-weight: 300; margin-right: 10px; opacity: 0.8;} #nav a.activeSlide { font-size: 15px !important; font-weight: 700; opacity: 1; } #slideshow {z-index:-1;} #slideshow.FotoFundo img.Zoomed { height: auto; position: absolute; width: auto; min-height: 10px; min-width: 10px; } #slideshow.FotoImprensa {min-height: 300px; *height:300px;} a.Voltamenu {position:absolute; color:#FFF; right:10px; top:20px;} .Texto .Cabecalho {margin-top:40px; margin-bottom:40px;} .Texto .Cabecalho p{margin:0 0 10px 0;} /* Específico por obra */ .FichaCapaLogo {position: absolute;} .FichaCapaDescricao {position: absolute} #logoCapa-bach {left:50%; bottom:170px; color:#e5aa5a; margin-left:-90px; width:379px;} #fichaCapa-bach { left:50%; bottom:40px; color:#e5aa5a; margin-left:-300px; width:600px; text-align: center} #fichaCapa-bach p {margin: 5px 0} .ChunkG2.bach {background: #211741; color: #ffffff;} .FotoCapa-bach img {} #logoCapa-benguele {width:251px; top:32%; left:50%; margin:0 0 0 -225px; color:#FFF;} #fichaCapa-benguele {color: #fff; left:50%; margin-left: 50px; top: 32%; } #fichaCapa-benguele p {margin: 1px 0} #benguele.Texto {color:#FFF;} .ChunkG2.benguele {background: #260B04; color: #fff;} .FotoCapa-benguele img {} .FotoCapa-benguele {background: #000000} #logoCapa-breu {top:0; left:50%; margin-left:-165px; width: 329px} #fichaCapa-breu {top:160px; left:50%; margin-left:-212px; width: 424px} #fichaCapa-breu p{text-align:center; margin:0;} .ChunkG2.breu {background: #730000; color: #fff;} .FotoCapa-breu img {} #logoCapa-ima {left:0; top:0;} #fichaCapa-ima {left: 28px; top: 401px;} #fichaCapa-ima p {margin-left:5px; color:#333;} .ChunkG2.ima {background: #B6DDC2; color: #848484;} .FotoCapa-ima {right: 0} #logoCapa-lecuona {top:40%; left:20px;} #fichaCapa-lecuona {top:40%; color:#fff; left:20px; margin-top: 60px} #fichaCapa-lecuona p {margin: 2px 0} .ChunkG2.lecuona {background: #000; color: #fff;} .FotoCapa-lecuona img {right:0; } .FotoCapa-lecuona {background: #000} #logoCapa-missa-do-orfanato {color:#efa766; top:10%; right:10%;} #fichaCapa-missa-do-orfanato {right: 10%; top: 10%; margin-top: 60px;} #fichaCapa-missa-do-orfanato p {text-align:right; color: #EFA766; margin: 2px 0;} .ChunkG2.missa-do-orfanato {background: #B77A4F; color: #fff;} .FotoCapa-missa-do-orfanato img {} #logoCapa-nazareth {top:30%; color:#fff; left:100px;} #fichaCapa-nazareth {top: 30%; left:80px; margin-top: 150px; text-align:center;} #fichaCapa-nazareth p {margin: 2px 0; color: #fff} #fichaCapapeca-nazareth img {margin:0 0 20px 0;} #nazareth.Texto {color:white;} .ChunkG2.nazareth {background:#556072; color: #fff} .FotoCapa-nazareth img {} #trilha.nazareth ul { width: 400px; } #logoCapa-parabelo {right: 144px; top: 20%; } #fichaCapa-parabelo {right: 80px; top:20%; margin-top: 120px; color:#848484} #fichaCapa-parabelo p {margin: 2px 0;} .ChunkG2.parabelo {background: #730000; color: #fff;} .FotoCapa-parabelo img {} .FotoCapa-parabelo {background:#000 !important} #logoCapa-o-corpo {right:140px; top:40%; } #fichaCapa-o-corpo {color:#fff; top: 50%; right: 70px; margin-top: 0px} #fichaCapa-o-corpo p{margin: 2px 0} .ChunkG2.o-corpo {background:#730000; color: #fff;} .FotoCapa-o-corpo {background: #B55058;} .FotoCapa-o-corpo img {left:0; bottom: 0 !important;} #logoCapa-onqoto {top:40%; right:180px;} #fichaCapa-onqoto {top: 40%; margin-top: 100px; right: 130px} #fichaCapa-onqoto p {margin: 2px 0;} .ChunkG1.onqoto a.Voltamenu {color: #000000} .ChunkG2.onqoto {background: #334551; color: #fff;} .FotoCapa-onqoto {background: #fff} #logoCapa-santagustin {position:absolute; top:50%; left:50%; margin: -70px 0 0 -225px;} #fichaCapa-santagustin {color:white; right:50px; bottom:80px;} #fichaCapa-santagustin p {margin: 2px 0;} .ChunkG2.santagustin {background:#9B3C64; color: #fff;} .FotoCapa-santagustin img { } .ChunkG1.santagustin #navAvanca img, .ChunkG1.santagustin #navVolta img { margin-top: -86px} .FotoCapa-santagustin {width: 100% !important} #logoCapa-sem-mim {bottom:0; left:0;} #fichaCapa-sem-mim {bottom:50px; right:50px; color:#FFF; width: 300px} #fichaCapa-sem-mim p {margin: 1px 0;} #semmim.Texto {color:#FFF} .ChunkG2.sem-mim {background: #2D2E29; color: #fff;} .FotoCapa-sem-mim img {} #logoCapa-sete-ou-oito-pecas-para-um-ballet {right:50px; bottom:150px; color:#000;} #fichaCapa-sete-ou-oito-pecas-para-um-ballet {right: 50px; bottom: 20px;} #fichaCapa-sete-ou-oito-pecas-para-um-ballet p {margin: 1px 0; color: #000} #fichaCapa-sete-ou-oito-pecas-para-um-ballet p {text-align:right; margin-right:10px;} .ChunkG2.sete-ou-oito-pecas-para-um-ballet {background: #747474; color: #fff;} #logoCapa-21 {top:20px; left:20px;} #fichaCapa-21 {color:#FFF; bottom:50px; left:20px;} .ChunkG2.obra-21 {background: #730000; color: #fff;} .FotoCapa-obra-21 img {} .FichaCapaDescricao p {margin: 0 !important;} /************************ Companhia *******************************/ #ficha-tecnica.BlocoInfinito {background:#7d7e7e; padding:100px 0; position: relative;} #ficha-tecnica.BlocoInfinito p {margin:0 0 5px 35px;} #ficha-tecnica.BlocoInfinito .Direito {width:300px; float:right;} #ficha-tecnica.BlocoInfinito h2 {text-transform:uppercase; color:#FFF; letter-spacing:1px;} #ficha-tecnica.BlocoInfinito h3 {color:#bebfbf; font-size:10px; letter-spacing:0.5px; margin-top: 25px} #ficha-tecnica a.Voltamenu {float:right;} #ficha-tecnica .fotoFicha {margin:-99px 0 0 170px; display: block; width: 132px; height:162px; overflow: hidden; position: absolute; display:none; background:url(/assets/fundo_fotos.png) no-repeat; padding:3px 0 0 9px; } /************* Historico / Cronologia / Biografias *****************************/ /* Historico */ #historico.BlocoInfinito {background:#730000; padding: 100px 0;} #historico.BlocoInfinito p {margin:10px 0 10px 35px; font-size: 12px; letter-spacing: 1px;} #historico.BlocoInfinito p strong {font-size:1em;} #historico.BlocoInfinito .Direito {float: right; width: 670px;} #historico.BlocoInfinito h2 {font-size:18px; font-weight:300; text-transform:uppercase; color:#FFF; width:120px; float:left;} #historico a.Voltamenu {float:right;} #historico a.Submenu {float:left; margin-top:17px; margin-left:28px; font-size:14px; text-decoration:underline; color: #cccccc;} /* Cronologia */ #cronologia.BlocoInfinito {background:#730000; padding: 100px 0;} #cronologia.BlocoInfinito h3 {font-size:14px; color:#FFF;margin:20px 0 5px 30px; letter-spacing:1px; } #cronologia.BlocoInfinito h3 strong { color: #FFFFFF; font-size: 14px; font-weight: 400; text-transform: uppercase} #cronologia.BlocoInfinito .Direito { } #cronologia.BlocoInfinito p {font-size: 12px; letter-spacing: 1px; margin: 10px 0 10px 35px;} #cronologia.BlocoInfinito p strong {font-weight: 700;} #cronologia.BlocoInfinito .Direito {width:667px; float:right !important;} #cronologia.BlocoInfinito h2 {font-size:1.4em; text-transform:uppercase; color:#FFF; letter-spacing:1px;float:left;} #cronologia a.Voltamenu {float:right;} #cronologia a.Submenu {float:left; margin-top:12px; margin-right:87px; font-size:14px; text-decoration:underline; color: #cccccc;} /* Biografias */ #biografias.BlocoInfinito {background:#7d7e7e; min-height: 100%} #biografias.BlocoInfinito h3 {font-size:1em; color:#FFF;margin:20px 0 2px 30px; letter-spacing:1px; } #biografias.BlocoInfinito h3 strong{font-size:1em; color:#FFF; font-weight:normal; } #biografias.BlocoInfinito .Foto {float:left; width:190px;} #biografias.BlocoInfinito .Direito {float:left; width: 897px !important; } #biografias .Texto p {margin:2px 0 15px 0px;} #biografias .Texto p strong {font-size:1em; font-weight: 700} #biografias.BlocoInfinito h2 { text-transform:lowercase; color:#FFF; letter-spacing:1px;} #biografias a.Voltamenu {float:right;} #biografias .Submenu {float:left; margin-top:30px; margin-left: 190px} #biografias .Submenu a{font-size:14px; color: #CCCCCC; margin-right: 28px; text-decoration: underline;} #biografias .Submenu a.Ativo{color:#fff; font-size:18px; text-transform: uppercase; cursor: default; text-decoration: none} #biografias .Texto {} #biografias .Texto p.titulo { clear: both; color: white; font-size: 20px; left: 166px; margin-bottom: -10px; position: relative; top: -27px; } #bio1, #bio2 { color:white; width:380px; float: left; } #bio2 { float: right; } /* Cidades */ #cidades.BlocoInfinito {z-index:99; position:relative; padding:0; overflow:hidden; min-height:88%; padding-bottom: 20px} #cidades.BlocoInfinito .Chunk {width:90%; text-align:justify; z-index:200; position:relative; padding:80px 0 80px 0;} #cidades.BlocoInfinito p {margin:2px 0 2px 55px;} #cidades.BlocoInfinito p strong {font-size:1em;} #cidades.BlocoInfinito h2 {text-transform:lowercase; color:#FFF; } #cidades a.Voltamenu {float:right; margin-right:10px; position:relative;} #cidades ul#cidades {list-style:none; margin:0; padding:0;} #cidades ul#cidades li {display:inline-block; margin:10px; font-size:15px; color:#FFF; float: left;} /************************ Imprensa *******************************/ #imprensa.BlocoInfinito {background:#730000; padding:100px 0; } #imprensa.BlocoInfinito p {margin:0 0 5px 35px;} #imprensa.BlocoInfinito .Direito {width:606px; float:right;} #imprensa.BlocoInfinito h2 {font-size:1.4em; text-transform:uppercase; color:#FFF; letter-spacing:1px;} #imprensa.BlocoInfinito h3 {color:#bebfbf; font-size:0.9em} #imprensa a.Voltamenu {float:right;} #imprensa .Nav {margin-top: 35px} #imprensa #navLeft {float:left;} #imprensa #navRight {float:right;} #imprensa .conteudoSh ul {width:950px; margin:0 auto; list-style:none;} #imprensa .conteudoSh ul li{float:left; margin-right:20px;} #imprensa .FotoFundo {overflow:auto;} #imprensa .Filtro {position:absolute; left:10px; top:25px; z-index:300; cursor:pointer; width:200px;} #imprensa .Filtro h3 {width:220px; margin:0; padding:10px;} #imprensa .Filtro h3.Ativo {background:#7d7e7e;} #imprensa .Filtro ul {list-style:none; width:200px; padding:0; margin:0; } #imprensa .Filtro ul li {width:200px; height:20px; background:#7d7e7e; color:#FFF; padding: 2px 2px 2px 10px;} /* RELEASES */ #release.BlocoInfinito {z-index:99; position:relative; padding:0; padding-top:0.1px; overflow-x: hidden; overflow-y: auto; min-height: 100%} #release.BlocoInfinito .Chunk { margin: 100px auto 0 auto; padding-bottom: 40px; width: 970px; z-index: 90; position: relative; } #release.BlocoInfinito h2 { font-size:1.4em; text-transform:lowercase; color:#FFF; letter-spacing:1px;} #release a.Voltamenu { z-index: 1000; } #release .Descricao {display:block; width:100%;} #release .Descricao h4 {color:#fff; letter-spacing: 0.5px; margin-bottom: 6px; margin-top: 10px; font-weight: 400} #release .Descricao p { font-size:11px; margin:0 0 6px 0; line-height:13px;} #release .Descricao p.Publicacao {margin:2px 0 0 0;} #release .Descricao p.Ler {margin-top: 10px; font-size: 11px; font-weight: 400} #release .Descricao p.Data {margin:0; font-size:0.7em} #release #wrcronologiaer {width:952px; position:relative;} #release #releasesalvo {position:absolute; top:0; left:0; width:100%; min-height:100%; z-index:600; display:none} #release .conteudo {position:absolute; top:0; left:0; width:100%; background:#7d7e7e; z-index:99; display:none; min-height: 100%; } #release .conteudo h3 {color:#FFF; font-size:2em; margin:50px 0 20px 0; font-weight:normal;} #release .TextoRelease {width:60%; margin-left:20%; margin-bottom:30px;} #release .TextoRelease h4 {font-size:1.5em; color:#fff; font-weight:normal;} #release .TextoRelease p {margin-bottom:10px;} #release .TextoRelease p.Autor {text-align:right;} #release .conteudo .legenda {margin-bottom:30px; margin-left: 15%;} #release .conteudo .legenda p {margin: 2px 0; } #release a.link {margin:0; line-height:normal;} #release .conteudoSh ul {list-style: none outside none; margin: 0 auto; width: 950px;} #release .conteudoSh ul li { height: 270px; margin-right: 30px; width: 205px; float:left;} #release a.Fechar {position:absolute; right:10%; margin-top:120px; margin-bottom: 50px; font-size:13px } #release a.Fechar.last {position:absolute;bottom:50px; margin-top:00px; margin-bottom: 00px} /************************** AGENDA *************************/ #agenda.Interna {position:absolute; bottom:130px; right: 5%;} #agenda.Interna #wrapper {height: 342px; margin: 0 0 12px; overflow: hidden; position:relative; width:290px; z-index: 0} #agenda.Interna #wrapper #lyr1 {} #agenda.Interna div#scrollLinks a.down {position:relative;top: 345px; left: -16px; display:block; left:0; z-index: 1 } #agenda.Interna div#scrollLinks a.up {position:relative; top: -12px; } #agenda.Interna ul {list-style:none; padding:0; } #agenda.Interna ul li {width:274px; height:100px; margin:0 0 14px 0; color:#FFF;} #agenda.Interna ul li.First {margin-left:0;} #agenda.Interna ul li.Last {margin-right:0;} #agenda.Interna p {margin:3px 0; line-height:1.1em;} #agenda.Interna p.Obra { font-size:1.3em;} #agenda.Interna .mask {height: 342px; overflow: hidden; position: relative; } #agenda.Interna ul#slider {position: relative} /************* IMPRENSA FOTOS E VIDEOS *******************/ a.Voltamenu {position:absolute; color:#FFF; right:20px; top:30px; z-index:99;} /**** Fotos Imprensa ****/ #fotosImprensa.BlocoInfinito {z-index:99; position:relative; padding:0; overflow:hidden; min-height:100%; background:#000000;} #fotosImprensa.BlocoInfinito .FotoFundo img{position: absolute; top: 0; left: 0; width: auto;} #fotosImprensa.BlocoInfinito .Chunk {left: 50%; margin: 50px 0 0 -353px; position: absolute; text-align: justify; width: 915px; z-index: 100; text-align:left; padding:0;} #fotosImprensa.BlocoInfinito {background: none repeat scroll 0 0 #000000; min-height: 100%; padding: 1px 0; position: relative; z-index: 100;} #fotosImprensa.BlocoInfinito .FotoFundo img{position: absolute; top: 0; left: 0; height: auto; width: auto;} #fotosImprensa.BlocoInfinito .Chunk {left: 50%; margin: 50px 0 0 -470px; position: relative; text-align: justify; width: 915px; z-index: 100; text-align:left; padding:0;} #fotosImprensa.BlocoInfinito #wrapper div {display:block; margin-bottom: 20px; width: 200px; } #fotosImprensa.BlocoInfinito #wrapper div label {font-size: 12px; cursor: pointer;} #fotosImprensa.BlocoInfinito #wrapper div input {display: inline-block; width: 20px;} #fotosImprensa.BlocoInfinito #wrapper.conteudoSh {width: 705px; float: left;} #fotosImprensa.BlocoInfinito #wrapper.conteudoSh ul#slideshow {width: 705px; margin:0; padding: 0; float: left; min-height: 440px;} #fotosImprensa.BlocoInfinito #wrapper.conteudoSh ul#slideshow li {width: 205px; margin: 0 30px 49px 0; float: left;} #fotosImprensa.BlocoInfinito #wrapper.conteudoSh ul#slideshow li a img {width: 205px; height: 117px;} #fotosImprensa.BlocoInfinito #wrapper.conteudoSh ul#slideshow li .Descricao {margin-top:10px;} #fotosImprensa.BlocoInfinito #wrapper.conteudoSh ul#slideshow li .Descricao div.Check {width: 205px; height: 27px; margin-bottom: 10px;} #fotosImprensa.BlocoInfinito #wrapper.conteudoSh ul#slideshow li .Descricao div.Check input {width: 12px; height: 12px; float: left; margin-top: 1px;} #fotosImprensa.BlocoInfinito #wrapper.conteudoSh ul#slideshow li .Descricao div.Check label {font-size: 12px; width: 182px; display: inline-block; cursor: pointer;} #fotosImprensa.BlocoInfinito #wrapper.conteudoSh ul#slideshow li .Descricao .Ler { background: none repeat scroll 0 0 #79797A; display: inline-block; width: 160px; *position:relative; border: none; cursor: pointer;} #fotosImprensa.BlocoInfinito #wrapper.conteudoSh ul#slideshow li .Descricao .Ler img {left: -7px; position: relative; *top:1px;} #fotosImprensa.BlocoInfinito #wrapper.conteudoSh ul#slideshow li .Descricao .Ler span { color: white; display: inline-block; font-size: 10px; left: -9px; margin-top: 0; position: relative; top: -2px; } #fotosImprensa.BlocoInfinito #colunaDireita {width: 205px; float: right; margin: 34px 0 0 0;} #fotosImprensa.BlocoInfinito #colunaDireita h3 {font-size: 19px; margin: 0 0 20px 0; color: #ffffff; } #fotoImprensa.BlocoInfinito h3 {color: #fff} #fotosImprensa.BlocoInfinito div.Chunk #loginForm h3 {color: #fff; text-transform: uppercase; width:308px; text-align: justify; } .conteudoSh .Solicitar { position: absolute; top: 365px; background:#79797A; display: inline-block; color:#ffffff; border: none; cursor: pointer; padding: 5px; text-transform: uppercase; width: 170px; right: 35px; z-index: 100; } #fichaCapa-danca-sinfonica{ position: relative; top: 65%; left: 5%; } #fichaCapa-suite-branca{ position: relative; top: 70%; float: right; margin-right: 2%; color: #ffffff; } .ChunkG2.suite-branca{ color:#fff; } .ChunkG2.danca-sinfonica { color:#fff; } .flash p { background-color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 19px; padding: 10px; text-align: center; } .flash p.success { border: 2px solid #00BB00; color: #00AA00; } .flash p.error { border: 2px solid #BB0000; color: #AA0000; } .banner-especial{ width: 250px; margin-left: -250px; left: 98%; position: absolute; float: right; z-index: 99; } .banner-especial img{ max-width: 250px; } .banner-especial-2{ width: 250px; margin-left: -250px; left: 98%; position: absolute; float: right; z-index: 99; bottom: 15%; } .banner-especial-2 img{ max-width: 250px; } .close-ban, .close-ban-2{ position: relative; float: right; margin-bottom: -16px; z-index: 1; } #pedeSenha {font-size: 10px; display: inline-block; float: left; margin: 9px 0 0 0;} #senhaenviar { background: none repeat scroll 0 0 #999999; border: 0 none; color: white !important; display: block; padding: 3px; position: relative; width: 60px !important; float:right; margin: 5px -6px 0 0 !important} #loginForm hr {border-bottom: 1px solid #CCCCCC; clear: both; display: block; position: relative; top: 12px;} #fotosImprensa.BlocoInfinito .Chunk#FormFotos {height:100%; width:100%; background: #848585; position: absolute; top: 0; left: 0; z-index: 200; margin:0;} #fotosImprensa.BlocoInfinito .Chunk#FormFotos .Wrapper { width: 310px; left: 50%; margin-left: -155px; margin-top: 20px; position: relative;} #fotosImprensa.BlocoInfinito #termos { margin-top: 20px; border-top:1px solid #cccccc; padding-top: 10px;} #fotosImprensa.BlocoInfinito #termos a { color: #cccccc !important;} #pedirForm h3 {color: white; font-size: 22px; } #fotosImprensa.BlocoInfinito .Chunk #pedirForm form#new_journalist.new_journalist p {font-size: 9px} #fotosImprensa.BlocoInfinito .Chunk form {width:300px; float:left;} #fotosImprensa.BlocoInfinito .Chunk form input, textarea {width:300px; color:#474748; margin:0 0 2px 0; font-size:1em} #fotosImprensa.BlocoInfinito .Chunk form #formfone {width:172px;} #formestado {float:left; width:50px;} #formcidade {float:left; width:182px; margin:0 0 0 2px ;} #formreset {background: none repeat scroll 0 0 transparent; border: medium none; color: #CCCCCC !important; cursor: pointer; display: inline-block; float: left; left: -11px; letter-spacing: 1px; position: relative; text-decoration: none; width: 80px !important; } #formmensagem {height: 60px; width: 304px !important; color:#848484; font-family:"Ubuntu","Trebuchet MS", Arial, Helvetica, sans-serif;} #formenviar {background:#999999; border:none; color:#fff !important; width:65px !important; float:right; font-size:1em; cursor:pointer; padding: 3px; margin: 3px -6px 0 0 !important; } #fotosImprensa.BlocoInfinito .Chunk form label {color:#fff; margin:0 0 0 3px; font-size:0.8em;} #fotosImprensa.BlocoInfinito h2 {font-size:1.5em; text-transform:uppercase; color:#FFF;} ul#slideshow.FotoImprensa li {overflow: hidden} /* Fotos imprensa end */ #faleconosco.BlocoInfinito {z-index:99; position:relative; padding:0; overflow:hidden; min-height:100%; background:#7d7e7e;} #faleconosco.BlocoInfinito .Chunk { left: 50%; margin: 50px 0 0 -150px; position: absolute; text-align: justify; width: 309px; z-index: 100; text-align:left; padding:0;} #faleconosco.BlocoInfinito h2 {color: #fff} #formulario { position: absolute; right: 52px; z-index: 99; bottom: 70px; color: red; } #formulario h2 { color:#ffffff; text-transform: uppercase; } #endereco { color:#ffffff; position: absolute; bottom: 95px; right: 400px; *right: 460px; } #endereco p { line-height:normal; margin: 0; } form#new_contact {width: 300px; } form#new_contact input {width: 300px; color:#848484; font-family:"Ubuntu","Trebuchet MS", Arial, Helvetica, sans-serif; } #faleconosco #endereco {margin-top: 20px} #faleconosco #endereco p {margin: 2px 0} /* loading */ div#loading, div#ready { text-align:center; background:none repeat scroll 0 0 #7D7E7E; height:100%; position:fixed; top:0; width:100%; z-index:100; } div#loading img, div#ready img { margin-top:-20px; position:absolute; top:50%; left:50%; margin-left: -20px; } div#loading img { width: 40px !important height:40px !important;} /* iphone */ @media screen and (max-device-width: 480px){ #videoPlayers {top:22%; text-align: center} } @media screen and (max-device-width: 480px){ #obra.BlocoHoriz {min-height: 730px;} } @media screen and (max-device-width: 480px){ #agenda.Interna div#scrollLinks a.up {border:1px solid transparent;} } /* ipad */ @media screen and (max-device-width: 1024px){ #videoPlayers {top:22%; text-align: center !important;} } @media screen and (max-device-width: 1024px){ #obra.BlocoHoriz {min-height: 730px !important;} } @media screen and (max-device-width: 1024px){ #agenda.Interna div#scrollLinks a.up {border:1px solid transparent !important;} } label.placeholder { cursor: text; padding: 4px 4px 4px 4px; color: #999999; } label.placeholder { color:#333 !important; } #parceiros-content{ position:absolute; top:90px; left:320px; width:915px; z-index:99; } .patrocinio-local{ background: url('/assets/titulo-patrociniolocal.png') no-repeat; width: 279px; height: 29px; display: block; } .logo-patrociniolocal{ margin-right: 40px; } #fichaCapa-triz{ color: #fff; top: 544px; left: 170px; } .triz{ color: #fff !important; background: #000; } .marcaPatrocinio{ display: block; margin-top: 20px; } .logoTempo{ margin-right: 100px; margin-top: 20px; } #noticias-btn{ position: absolute; bottom: 0; left: 230px; width: 500px; height: 100px; } #noticias-btn ul li{ color: #ffffff; font-size:13px; /* list-style: none; */ padding-bottom: 10px; } #noticias-btn ul li a:hover{ text-decoration: underline; } /* @media (min-width: 1500px) { #noticias-btn{ position: absolute; bottom: 0; left: 14%; width: 500px; height: 150px; } } */ #noticias-btn h2{ position: absolute; left: -140px; color: #FFF; text-transform: uppercase; top: 10px; font-weight: bold; font-family: "Ubuntu","Trebuchet MS", Arial, Helvetica, sans-serif; } #newscheckbox{ width: auto !important; } #newslabel{ color: #FFF; } .assinar{ position: absolute; left: -140px; top: 50px; padding-left: 19px; background: url("/assets/icone-mail.png") no-repeat; display: block; cursor: pointer; z-index: 9999; } #form-assine{ /*width: 50%; margin:0 auto;*/ } #form-assine input{ width: 94%; border:1px solid #848484; padding: 10px; color:#848484; } #form-assine div{ margin:15px 0; } #form-assine label{ color:#555454; } #form-assine div,#form-assine label { clear: both; display: block; } #form-assine .bt-enviar{ background: #848484; font-size: 14px; text-align: center; color: #fff !important; width: 100px !important; border:0; display: inline-block; padding: 10px 0; margin-top: 5px; text-transform: uppercase; font-weight: bold; } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:url(/assets/colorbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url(/assets/colorbox/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(/assets/colorbox/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(/assets/colorbox/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(/assets/colorbox/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(/assets/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/assets/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/assets/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/assets/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(/assets/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/assets/colorbox/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/assets/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/assets/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; top:0; right:0; background:url(/assets/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } #logo-40anos{ width: 331px !important; height: 116px !important; position: absolute; left: 50%; margin-left: -165px; top: 50%; margin-top: -75px; } #logoCapa-danca-sinfonica{ width:400px; } #logoCapa-danca-sinfonica img{ width:100%; } #parceiros-home{ position: absolute; right: 0; bottom: 10px; height: 82px; z-index: 9999; width: auto; } #parceiros-home img{ width: auto; float: left; margin-right: 2px; position: static } #parceiros-home div{ display: inline-block; } /* Menu */ #menu {width:157px; height:100%; padding:0 15px 0 15px; margin:0 0 29px 0; background:url(/assets/fundo-menu.png); position:relative; left:29px; padding-top:146px; font-size:12px;} #menu h1 {text-indent:-1000px; overflow:hidden; background:url(/assets/marca-corpo.png); height:23px; margin:0; width:157px;} #menu ul.Links {list-style:none; margin:0; padding:0; margin-top:44px; margin-left:30px;} #menu ul.Links li {margin-bottom:7px;} #menu ul.Links li a{color:#fff; text-decoration:none; font-weight: 400; letter-spacing: 1px; font-size: 12px} #menu ul.Links li a:hover, #menu ul.Links li a.active {color: #c8c8c8;} /* Link com classe active no site em ingles e portugues */ body#static.company #menu ul.Links li.companhia a {color: #c8c8c8;} body#members.index #menu ul.Links li.companhia a {color: #c8c8c8;} body#static.history #menu ul.Links li.companhia a {color: #c8c8c8;} body#biographies.index #menu ul.Links li.companhia a {color: #c8c8c8;} body#static.cities #menu ul.Links li.companhia a {color: #c8c8c8;} body#pieces.index #menu ul.Links li.obras a {color: #c8c8c8;} body#pieces.show #menu ul.Links li.obras a {color: #c8c8c8;} body#releases.index ul.Links li.imprensa a {color: #c8c8c8;} body#releases.releases ul.Links li.imprensa a {color: #c8c8c8;} body#photos.index #menu ul.Links li.imprensa a {color: #c8c8c8;} body#articles.index #menu ul.Links li.imprensa a {color: #c8c8c8;} body#static.videos #menu ul.Links li.imprensa a {color: #c8c8c8;} body#schedules.index #menu ul.Links li.agenda a {color: #c8c8c8;} #trocaLingua {position:absolute; top:460px; display:block; left: 46px;} #trocaLingua a {color:#ffffff; text-decoration:none; font-size: 10px } #trocaLingua a:hover {color:#fff; } /* teste */