/*********************************************************************************/ /** **/ /** Montagem: Hudson Marinho (http://www.rosaleao.com.br/) **/ /** Contato: hudsonmarinho@rosaleao.com.br **/ /** Ano: Outubro/2009 **/ /** **/ /*********************************************************************************/ *{ margin: 0; padding: 0; list-style: none; text-decoration: none; } address,th{ font-style: normal; font-weight: normal; } table{ border-collapse: collapse; border-spacing: 0; } caption,th{ text-align: left; } img,fieldset{ border: none; } ol,ul{ list-style: none; font-size: inherit; } a{ border: 0; text-decoration: none; color: #000; } a:hover{ text-decoration: underline; } h1,h2,h3,h4,h5,h6{ font-weight: normal; display: block; } p{ display: block; } label{ display: block; cursor: pointer; } /* html & body */ html,body{ height:100%; } html{} body{ background: #6f7376; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } /* estrutura */ div#support{ width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; position: relative; background: url(../imagens/bg_body.png) repeat-x center bottom; } /* topo */ div#top{ width: 100%; height: 285px; background: black; } div#top h1 a{ width: 960px; height: 285px; display: block; background-repeat: no-repeat; background-position: 0 0; margin: 0 auto; text-indent: -30000px; } h1.topGira_1 a{ background-image: url(../imagens/topo/topo_gira_1.png); } h1.topGira_2 a{ background-image: url(../imagens/topo/topo_gira_2.png); } h1.topGira_3 a{ background-image: url(../imagens/topo/topo_gira_3.png); } h1.topGira_4 a{ background-image: url(../imagens/topo/topo_gira_4.png); } h1.topGira_5 a{ background-image: url(../imagens/topo/topo_gira_5.png); } h1.topGira_6 a{ background-image: url(../imagens/topo/topo_gira_6.png); } /* alinhamento */ div#main{ width: 100%; padding: 50px 0 50px 0; background: url(../imagens/bg_main.png) repeat-x top #f3f4ee; } /* conteudo */ div#content{ width: 960px; margin: 0 auto; } /* coluna esquerda */ div#columnLeft{ width: 210px; float: left; } div#columnLeft ul#menu{ width: 210px; margin: 0 0 40px 0; } div#columnLeft ul#menu li{ margin: 1px 0; list-style: none; } div#columnLeft ul#menu li a{ width: 200px; padding: 3px 5px; display: block; color: #6c6b5f; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; } div#columnLeft ul#menu li a:hover{ background: #6c6b5f; color: #f3f4ee; text-decoration: none; text-align: right; } div#columnLeft ul#menu li strong{ width: 200px; padding: 3px 5px 5px 5px; display: block; font-size: 22px; text-transform: lowercase; } div#columnLeft ul#menu li ul{ padding: 2px 0 25px 0; margin: 0 0 25px 0; border-bottom: solid 1px #ccc; } div#columnLeft ul#menu li ul li{} div#columnLeft ul#menu li ul li a{ font-size: 12px; } div#columnLeft ul#menu li ul li a:hover{} div#columnLeft ul#menu li a.menuAtivo{ background: #6c6b5f; color: #f3f4ee; text-decoration: none; text-align: right; cursor: default; } div#columnLeft ul#menu li a.menuAtivo:hover{} div#columnLeft div#giranaweb{ width: 210px; padding: 0 0; margin: 0 0 40px 0; } div#columnLeft div#giranaweb h3{ width: 200px; padding: 0 5px 10px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #6c6b5f; } div#columnLeft div#giranaweb ul{} div#columnLeft div#giranaweb ul li{ float: left; margin: 0 8px 0 0; list-style: none; } div#columnLeft div#giranaweb ul li a{ width: 35px; height: 35px; background: url(../imagens/icones/icones.png) no-repeat 0 0; display: block; overflow: hidden; text-indent: -30000px; } div#columnLeft div#giranaweb ul li a:hover{} div#columnLeft div#giranaweb ul li.btn_flickr a{ background-position: 0 0; } div#columnLeft div#giranaweb ul li.btn_orkut a{ background-position: -35px 0; } div#columnLeft div#giranaweb ul li.btn_twitter a{ background-position: -70px 0; } div#columnLeft div#giranaweb ul li.btn_vimeo a{ background-position: -105px 0; } div#columnLeft div#giranaweb ul li.btn_youtube a{ background-position: -140px 0; } div#columnLeft div#giranaweb ul li.btn_flickr a:hover{ background-position: 0 -35px; } div#columnLeft div#giranaweb ul li.btn_orkut a:hover{ background-position: -35px -35px; } div#columnLeft div#giranaweb ul li.btn_twitter a:hover{ background-position: -70px -35px; } div#columnLeft div#giranaweb ul li.btn_vimeo a:hover{ background-position: -105px -35px; } div#columnLeft div#giranaweb ul li.btn_youtube a:hover{ background-position: -140px -35px; } div#columnLeft div#parceiros{ width: 210px; margin: 0 0 0 0; } div#columnLeft div#parceiros h3{ width: 200px; padding: 0 5px 10px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #6c6b5f; } div#columnLeft div#parceiros ul{ width: 210px; height: 75px; overflow: hidden; } div#columnLeft div#parceiros ul li{ list-style: none; } div#columnLeft div#parceiros ul li a{} div#columnLeft div#parceiros ul li a:hover{} div#columnLeft div#projeto{ width: 210px; margin: 0 0 40px 0; } div#columnLeft div#projeto h3{ width: 200px; padding: 0 5px 10px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #6c6b5f; } div#columnLeft div#projeto ul{ width: 210px; } div#columnLeft div#projeto ul li{ list-style: none; } div#columnLeft div#projeto ul li a{} div#columnLeft div#projeto ul li a:hover{} /* coluna direita */ div#columnRight{ width: 720px; float: right; } /* index */ div#colSlide{ width: 720px; height: 300px; margin: 0 0 25px 0; background: #af251b; color: #fff; font-family: Arial, Helvetica, sans-serif; overflow: hidden; } div#colSlide ul{} div#colSlide ul li{ list-style: none; } div#colSlide ul li p{ width: 400px; height: 300px; float: left; overflow: hidden; background: #040202; } div#colSlide ul li p a{} div#colSlide ul li p a:hover{} div#colSlide ul li p a span{ overflow:hidden; display: block; } div#colSlide ul li p a:hover span{ border: 3px solid #af251b; } div#colSlide ul li p a span img{ overflow: hidden; width: 400px; background: #000; } div#colSlide ul li p a:hover span img{ margin: -3px; } div#colSlide ul li h3{ width: 280px; padding: 10px 20px; float: left; font-size: 26px; } div#colSlide ul li h3 a{ width: 280px; display: block; color: #fff; } div#colSlide ul li div{ width: 280px; padding: 10px 20px; float: left; } div#colSlide ul li div a{ width: 280px; display: block; color: #fff; } div#listNumber{ width: 208px; height: 30px; margin: 260px 0 0 7px; position: absolute; z-index: 99; } div#listNumber a{ width: 30px; height: 27px; padding: 3px 0 0 0; margin: 0 3px 0 3px; background: #af251b; float: left; display: block; font-size: 20px; text-align: center; color: #fff; } div#listNumber a:hover{ text-decoration: none; background: #fff; color: #af251b; } div#indexBanner{ width: 718px; height: 88px; margin: 0 0 25px 0; padding: 0px 0px; background: #fff; border: solid 1px #af251b; } div#colSlide p#listNumber a:hover{ background: #fff; color: #af251b; text-decoration: none; } div#indexChamada{ width: 290px; height: 210px; float: left; } #indexEspetaculos{ width: 290px; height: 100px; margin: 0 0 10px 0; display: block; } #indexBastidores{ width: 290px; height: 100px; display: block; } div#indexAgenda{ width: 410px; margin: 0 0 25px 0; background: #e6e5d0; float: right; } div#indexAgenda h3{ width: 410px; height: 40px; } div#indexAgenda h3 a{ width: 410px; height: 40px; display: block; background: url(../imagens/title_agenda.png) no-repeat #e6cec3; color: #fff; text-indent: -30000px; } div#indexAgenda h3 a:hover{} div#indexAgenda ul{} div#indexAgenda ul li{ width: 390px; height: 57px; padding: 0 10px; list-style: none; } div#indexAgenda ul li a{ width: 390px; height: 57px; padding: 0 0; background: url(../imagens/list_agenda.png) repeat-x bottom; display: block; color: #333; cursor: pointer; } div#indexAgenda ul li a:hover{ text-decoration: none; color: #772127; } div#indexAgenda ul li a em{ width: 130px; height: 40px; padding: 17px 0 0 0; font-style: normal; font-size: 18px; text-align: left; display: block; float: left; } div#indexAgenda ul li a:hover em{} div#indexAgenda ul li a span{ width: 260px; height: 45px; padding: 12px 0 0 0; font-style: normal; font-size: 14px; display: block; float: right; } div#indexAgenda ul li a:hover span{} #bannerAssociado{ width: 718px; height: 88px; margin: 0 0 0 0; padding: 0px 0px; background: #fff url(../imagens/bg_associados.jpg) no-repeat; border: solid 1px #340c70; } /* internas */ div#columnRight h2#titlePages{ width: 720px; height: 50px; margin: 0 0 10px 0; background: url(../imagens/bg_titlepages.png) no-repeat 0 0 #af251b; color: #fff; } div#columnRight h2#titlePages strong{ height: 39px; padding: 11px 20px 0 20px; background: #c5261d; display: block; float: left; font-size: 22px; font-weight: normal; } div#columnRight h2#titlePages span{ width: 10px; height: 50px; background: url(../imagens/bg_titlepages_span.png) no-repeat; padding: 0 0 0 0; display: block; float: left; font-size: 22px; font-weight: normal; } ul#navegacao{ width: 600px; height: 24px; padding: 6px 0 0 10px; margin: 0 0 30px 0; background: #ebede3; float: left; } ul#navegacao li{ float: left; list-style: none; } ul#navegacao li a{ color: #737662; background: url(../imagens/bg_navegacao.png) no-repeat right; padding: 2px 13px 2px 2px; display: block; font-size: 12px; } ul#navegacao li a:hover{} ul#navegacao li strong{ color: #737662; padding: 2px; display: block; font-size: 12px; } div#fontSize{ width: 105px; height: 30px; margin: 0 0 30px 0; padding: 0 0 0 5px; float: right; background: #ebede3; } div#fontSize a{ width: 30px; height: 25px; padding: 5px 0 0 0; margin: 0 0 0 5px; background: #af251b; display: block; float: left; color: #fff; font-size: 16px; font-weight: bold; text-align: center; } div#fontSize a:hover{ text-decoration: none; background: #6C6B5F; color: #F3F4EE; } h3.subtitlePage, h3#subtitlePage{ width: 720px; margin: 0 0 15px 0; font-size: 28px; color: #66282a; } div.ctSite, div#ctSite{ width: 720px; font-size: 14px; color: #6C6B5F; } div.ctSite h4, div#ctSite h4{ width: 720px; margin: 0 0 15px 0; font-size: 20px; color: #66282a; font-weight: normal; } div.ctSite p, div#ctSite p{ margin: 0 0 20px 0; } div.ctSite p strong, div#ctSite p strong{ padding: 0 3px; font-weight: normal; color: #F3F4EE; background: #BF8683; } div.ctSite p br, div#ctSite p br{ margin: 0 0 6px 0; } div.ctSite ul, div#ctSite ul{} div.ctSite ul li, div#ctSite ul li{ margin: 0 0 0 20px; padding: 0px; list-style: disc; } div.ctSite a, div.ctSite ul li a, div#ctSite a, div#ctSite ul li a{ color: #6C6B5F; font-weight: bold; } h2.agendaTitle{ width: 710px; height: 27px; padding: 3px 0 0 10px; margin: 0 0 5px 0; background: url(../imagens/bg_agendatitle.png) no-repeat bottom right #e6cec3; font-size: 20px; color: #66282a; font-weight: normal; } ul.agendaMes{ width: 720px; height: 40px; } ul.agendaMes li{ width: 58px; height: 40px; margin: 0 0 0 0; border-left: solid 1px #F3F4EE; border-right: solid 1px #F3F4EE; display: block; float: left; list-style: none; } ul.agendaMes li a{ width: 58px; height: 35px; padding: 5px 0 0 0; text-align: center; display: block; background: #e5e5cd; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 22px; color: #737662; } ul.agendaMes li a:hover{ background: #d4d4be; text-decoration: none; } ul.agendaMes li.agendaSelect{} ul.agendaMes li.agendaSelect a{ background: #d4d4be; cursor: default; } ul.agendaMes li.agendaSelect a:hover{ background: #d4d4be; text-decoration: none; } div.agendaConteudo{ width: 718px; padding: 0px; border-left: solid 1px #F3F4EE; border-right: solid 1px #F3F4EE; } div.agendaConteudo h4{ width: 718px; height: 60px; padding: 40px 0 0 0; text-align: center; background: #d4d4be; font-size: 18px; text-align: center; color: #000; font-weight: normal; } div.agendaConteudo dl{ width: 718px; height: 100px; margin: 0 0 10px 0; background: #d4d4be; } div.agendaConteudo dl.listBg{ width: 718px; height: 100px; margin: 0 0 10px 0; background: #e5e5cd; } div.agendaConteudo dl dt{ width: 100px; height: 67px; padding: 33px 0 0 0; background: #737662; float: left; font-size: 30px; text-align: center; color: #F3F4EE; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; } div.agendaConteudo dl dd{ width: 600px; height: 100px; float: right; } div.agendaConteudo dl dd strong{ width: 600px; height: 20px; padding: 15px 0 5px 0; display: block; font-size: 18px; font-weight: normal; } div.agendaConteudo dl dd p{ width: 600px; height: 60px; } /* div.agendaConteudo div{ padding: 0 0 10px 0; } div.agendaConteudo div p{ width: 100px; height: 100px; float: left; background: red; } div.agendaConteudo div div{ width: 618px; height: 100px; padding: 0; float: left; background: blue; } div.agendaConteudo div div p{ width: 618px; height: 50px; background: blue; } */ /* div.agendaConteudo div{ margin: 0 0 10px 0; background: #d4d4be; } div.agendaConteudo div p.agendaCtd-Data{ width: 100px; height: 67px; background: #737662; padding: 33px 0 0 0; float: left; font-size: 30px; text-align: center; color: #F3F4EE; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; } div.agendaConteudo div p.agendaCtd-Espetaculo{ width: 600px; height: 40px; padding: 10px 0 0 0; font-size: 18px; float: right; } div.agendaConteudo div p.agendaCtd-Local{ width: 600px; height: 50px; float: right; } */ ul.bastidoresPage{ width: 720px; } ul.bastidoresPage li{ width: 180px; height: 140px; overflow: hidden; list-style: none; float: left; } ul.bastidoresPage li a{} ul.bastidoresPage li a:hover{} ul.bastidoresPage li a span{ overflow:hidden; display: block; } ul.bastidoresPage li a:hover span{ border-top: 20px solid #000; border-right: 3px solid #000; border-bottom: 20px solid #000; border-left: 3px solid #000; } ul.bastidoresPage li a span img{ overflow: hidden; width: 180px; } ul.bastidoresPage li a:hover span img{ margin: -20px -3px -20px -3px; } .splashEnvolto{ width: 718px; height: 178px; background: url(../imagens/splash_envolto.png) no-repeat; margin: 0 0 25px 0; border: solid 1px #ccc; } .splashBulas{ width: 718px; height: 178px; background: url(../imagens/splash_bulas.png) no-repeat; margin: 0 0 25px 0; border: solid 1px #ccc; } .splashCorpo{ width: 718px; height: 178px; background: url(../imagens/splash_corpo.png) no-repeat; margin: 0 0 25px 0; border: solid 1px #ccc; } .splashJardim{ width: 718px; height: 178px; background: url(../imagens/splash_jardim.png) no-repeat; margin: 0 0 25px 0; border: solid 1px #ccc; } .splashACura{ width: 718px; height: 178px; background: url(../imagens/splash_acura.png) no-repeat; margin: 0 0 25px 0; border: solid 1px #ccc; } .splashMostraIMostra{ width: 718px; height: 178px; background: url(../imagens/splash_mostra_01.png) no-repeat; margin: 0 0 25px 0; border: solid 1px #ccc; } .splashMostraIIMostra{ width: 718px; height: 178px; background: url(../imagens/splash_mostra_02.png) no-repeat; margin: 0 0 25px 0; border: solid 1px #ccc; } .splashMostraEdson{ width: 718px; height: 178px; background: url(../imagens/splash_mostra_edson.png) no-repeat; margin: 0 0 25px 0; border: solid 1px #ccc; } /* fale conosco */ div#txtContato{ width: 250px; height: 500px; padding: 0 0 0 10px; float: right; } div#txtMostra{ width: 275px; height: 500px; padding: 0 0 0 10px; float: right; } form#formContato{ width: 400px; float: left; padding: 0 10px 0 0; } form#formContato p{ margin: 0 0 8px 0; } form#formContato p label{ display: block; } form#formContato p input{ width: 388px; padding: 5px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } form#formContato p textarea{ width: 388px; height: 150px; padding: 5px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } form#formContato a{} form#formContato a:hover{} form#formMostra{ width: 400px; float: left; padding: 0 10px 0 0; } form#formMostra p{ margin: 0 0 15px 0; } form#formMostra p label{ display: block; } form#formMostra p input{ width: 388px; padding: 5px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } form#formMostra p textarea{ width: 388px; height: 150px; padding: 5px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } form#formMostra p.mostraRadio{ margin: 0 0 15px 0; } form#formMostra p.mostraRadio span{ display: block; padding: 0 0 10px 0; } form#formMostra p.mostraRadio label{ display: inline; margin: 0 10px 0 0; } form#formMostra p.mostraRadio label input{ width: 10px; margin: 0 0 10px 0; } form#formMostra p.mostraRadio input{} form#formMostra p.mostraDouble{ width: 190px; float: left; margin: 0 0 8px 0; } form#formMostra p.mostraDouble input{ width: 178px; padding: 5px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } form#formMostra p.mostraDouble textarea{ width: 178px; height: 150px; padding: 5px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } form#formMostra a{} form#formMostra a:hover{} .focusField{ background: #f6f6f6; color: #1b1b1b; border: solid 1px #666; } .idleField{ background: #fff; color: #1b1b1b; border: solid 1px #ccc; } /* rodape */ div#footer{ width: 720px; height: 120px; margin: 0 auto; padding: 30px 0 35px 240px; background: url(../imagens/bg_footer.png) no-repeat top; color: #fff; } div#footer form{ width: 360px; height: 120px; padding: 0 0 0 0; float: left; } div#footer form h2{ width: 140px; height: 40px; background: url(../imagens/bg_footer_form.png) no-repeat; float: left; text-indent: -30000px; } div#footer form p{ width: 220px; height: 40px; background: #6f7376; font-size: 12px; float: right; text-transform: uppercase; } div#footer form input{ width: 243px; height: 18px; padding: 2px 5px 0 5px; margin: 0 5px 0 0; background: url(../imagens/form/input_news.png) no-repeat 0 0; display: block; float: left; border: none; font-size: 12px; } div#footer form button{ width: 62px; height: 20px; background: url(../imagens/form/btn_enviar_news.png) no-repeat 0 0; display: block; border: none; float: left; text-indent: -30000px; cursor: pointer; } div#footer div{ width: 360px; height: 120px; padding: 0 0 0 0; float: right; } div#footer div h3{ width: 360px; padding: 0 0 5px 0; font-size: 18px; } div#footer div p{ width: 360px; font-size: 14px; } div#footer div p a{ color: #fff; } /* div#ctdMural{ width: 590px; padding: 0 0 50px 0; } div#ctdMural h3{ width: 570px; background: #64601F; padding: 10px; color: #fff; font-size: 18px; font-family: "Arial Narrow", Arial, Verdana; margin: 0 0 25px 0; } div.ctdMuralLoop{ padding: 20px 10px; border-top: solid 1px #D0CD96; } div.bgAlter{ background: #EFEED1; color: #64601F; } div.ctdMuralLoop img{ min-width: 100px; min-height: 91px; float: left; padding: 3px; border: solid 1px #D0CD96; } div.ctdMuralLoopEst{ width: 440px; float: left; padding: 0 0 0 20px; margin: 0 0 0 0; border-top: none; } div.ctdMuralLoopEst p{ width: 300px; float: left; } div.ctdMuralLoopEst span{ width: 140px; float: right; text-align: right; font-size: 10px; display: block; } div.ctdMuralLoopEst div{ padding: 10px 0 0 0; } div#ctdMuralForm{ width: 590px; height: 380px; padding: 0 0 0 0; background: url(../imagens/bg_mural.gif) no-repeat 0 0; overflow: hidden; margin: -190px -295px; padding: 0 0 0 0; top: 50%; left: 50%; position: absolute; z-index: 11; } form#formMural{ width: 570px; height: 195px; padding: 23px 10px 12px 10px; } form#formMural fieldset{} form#formMural fieldset legend{ display: none; } form#formMural fieldset p{ width: 275px; float: left; } form#formMural fieldset p.indexMuralEsq{ margin: 0 10px 0 0; } form#formMural fieldset p.indexMuralDir{ margin: 0 0 0 10px; } form#formMural fieldset p label{ width: 50px; height: 25px; margin: 0 0 5px 0; overflow: hidden; background-repeat: no-repeat; float: left; text-indent: -30000px; } form#formMural fieldset p label.labelDe{ background-image: url(../imagens/mural_de.png); } form#formMural fieldset p label.labelPara{ background-image: url(../imagens/mural_para.png); } form#formMural fieldset p label.labelEmail{ background-image: url(../imagens/mural_email.png); } form#formMural fieldset p input{ width: 215px; height: 15px; margin: 0 0 5px 0; padding: 5px; border: 0; background: #fff url(../imagens/mural_input.png) no-repeat 0 0; display: block; float: left; } form#formMural fieldset textarea{ width: 560px; height: 100px; margin: 0 0 5px 0; padding: 5px; border: 0; background: #fff url(../imagens/mural_textarea.png) no-repeat 0 0; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; display: block; margin: 0 0 10px 0; overflow-y: auto; } #ctdMuralFormBg{ width: 100%; height: 100%; top: 0; left: 0; background: #000; position: absolute; z-index: 10; } #muralClose{ width: 40px; height: 40px; margin: -210px 275px; display: block; background: url(../imagens/btn_mural_close.gif) no-repeat; top: 50%; left: 50%; position: absolute; z-index: 12; text-indent: -30000px; } a#muralComentar{ width: 110px; padding: 5px; margin: 30px 0 0 460px; font-size: 16px; font-family: 'Arial Narrow', Arial, Verdana; background: #D0CD96; color: #000; display: block; position: absolute; } a#muralComentar:hover{ background: #DFDDC3; text-decoration: none; } ul#ctdMuralEmoticons{ width: 570px; padding: 10px 0; } ul#ctdMuralEmoticons li{ width: 25px; height: 25px; padding: 5px; margin: 0 0 10px 10px; border: solid 1px #9F9B59; background: #EFEED4; float: left; text-align: center; } ul#ctdMuralEmoticons li label{ margin: 0 0 10px 0; } ul#ctdMuralEmoticons li label img{} ul#ctdMuralEmoticons li input{ display: none; } a#muralClose, div#ctdMuralForm, div#ctdMuralFormBg{ display: none; } */