* {margin: 0; padding:0;} img {border: 0px} a {outline:0;} body {margin:0; padding:0; text-align:center; font-family: Tahoma, Arial; font-size: 11px; color:#646464; background:url(../../images/site/fundo_main.jpg) center top repeat-x} @font-face { font-family: "klavika"; src: url(../../ttf/klavika.eot); src: local("Klavika Regular Plain"), url(../../ttf/klavika.ttf) format("truetype"); } @font-face { font-family: "klavika bold"; src: url(../../ttf/klavika_bold.eot); src: local("Klavika Bold Bold"), url(../../ttf/klavika_bold.ttf) format("truetype"); } .klavika { font:180% klavika,arial; } .klavika.title { font:2em klavika,arial; } a:link {color: #F52A8F; text-decoration: none;} a:visited {color: #F52A8F; text-decoration: none;} a:hover {color: #F52A8F; text-decoration: underline;} a:active {color: #F52A8F; text-decoration: none;} #main {width: 963px; margin:0 auto; text-align:left;} #header {width: 960px; height: 166px; text-align:left; padding-top: 29px} #header .logo {float: left; width: 540px; height: 76px;} #header .search {float: left; width: 420px; height: 76px;} /* ##### form de busca e botão dentro do input ##### */ /*#formBusca input[type="text"] { width:370px; height: 40px; border:solid 0px #999; padding:3px 0px 0px 3px; font-family: Arial; font-style: italic; font-size: 18px; color: #999;} #formBusca img {vertical-align:middle; cursor:pointer; margin-top: -8px} .imageInputWrapper{width:420px; border:solid 1px #000; background-color: #fff} #formBusca input.inputWithImge { width:375px; border:none; margin-right:-3px; background-color: #fff}*/ #formBusca {background-color: #fff; border: 1px solid #999} #formBusca input[type="text"] { width:250px; border:solid 1px #666; padding:3px 0px;} #formBusca img { vertical-align:middle; cursor:pointer; } .imageInputWrapper{ width:250px;} #formBusca input.inputWithImge { width:360px; border:none; margin-right:5px; color: #999; font-family: Arial; font-style: italic; font-size: 18px; padding: 4px 0 0 8px} #header .search .campo {height: 26px; width: 300px; font-family: Arial; font-style: italic; font-size: 18px; color: #999; vertical-align: middle; padding: 11px 3px 7px 3px} .submit {width: 50px;} #header .menu {clear: both} /* ##### menu com o over e marcando a p�gina atual ##### */ /*#menu {width: 960px; margin: 5px auto 100px; padding: 0;} #menu li {display: inline;} #menu li a {background: url(../../images/site/menu.png); float: left; height: 60px;} #menu .home {background-position: 0px 0px; width: 87px;} #menu .home:hover {background-position: 0px -60px;} #menu .homeAtual {background-position: 0px -120px; width: 87px;} #menu .blog {background-position: -87px 0px; width: 79px;} #menu .blog:hover {background-position: -87px -60px;} #menu .blogAtual {background-position: -87px -120px; width: 79px;} #menu .club {background-position: -166px 0px; width: 90px;} #menu .club:hover {background-position: -166px -60px;} #menu .clubAtual {background-position: -166px -120px; width: 90px;} #menu .agenda {background-position: -256px 0px; width: 102px;} #menu .agenda:hover {background-position: -256px -60px;} #menu .agendaAtual {background-position: -256px -120px; width: 102px;} #menu .fotos {background-position: -358px 0px; width: 87px;} #menu .fotos:hover {background-position: -358px -60px;} #menu .fotosAtual {background-position: -358px -120px; width: 87px;} #menu .media {background-position: -445px 0px; width: 94px;} #menu .media:hover {background-position: -445px -60px;} #menu .mediaAtual {background-position: -445px -120px; width: 94px;} #menu .cadastro {background-position: -539px 0px; width: 112px;} #menu .cadastro:hover {background-position: -539px -60px;} #menu .cadastroAtual {background-position: -539px -120px; width: 112px;} #menu .seuevento {background-position: -651px 0px; width: 129px;} #menu .seuevento:hover {background-position: -651px -60px;} #menu .seueventoAtual {background-position: -651px -120px; width: 129px;} #menu .loja {background-position: -780px 0px; width: 74px;} #menu .loja:hover {background-position: -780px -60px;} #menu .lojaAtual {background-position: -780px -120px; width: 74px;} #menu .contato {background-position: -854px 0px; width: 106px;} #menu .contato:hover {background-position: -854px -60px;} #menu .contatoAtual {background-position: -854px -120px; width: 106px;}*/ #menu {width: 960px; margin: 5px auto 100px; padding: 0;} #menu li {display: inline;} #menu li a {background: url(../../images/site/menu.png); float: left; height: 60px;} #menu .home {background-position: 0px 0px; width: 87px;} #menu .home:hover {background-position: 0px -60px;} #menu .homeAtual {background-position: 0px -120px; width: 87px;} #menu .blog {background-position: -87px 0px; width: 75px;} #menu .blog:hover {background-position: -87px -60px;} #menu .blogAtual {background-position: -87px -120px; width: 75px;} #menu .club {background-position: -162px 0px; width: 85px;} #menu .club:hover {background-position: -162px -60px;} #menu .clubAtual {background-position: -162px -120px; width: 85px;} #menu .agenda {background-position: -247px 0px; width: 97px;} #menu .agenda:hover {background-position: -247px -60px;} #menu .agendaAtual {background-position: -247px -120px; width: 97px;} #menu .fotos {background-position: -344px 0px; width: 83px;} #menu .fotos:hover {background-position: -344px -60px;} #menu .fotosAtual {background-position: -344px -120px; width: 83px;} #menu .media {background-position: -427px 0px; width: 89px;} #menu .media:hover {background-position: -427px -60px;} #menu .mediaAtual {background-position: -427px -120px; width: 89px;} #menu .cadastro {background-position: -516px 0px; width: 107px;} #menu .cadastro:hover {background-position: -516px -60px;} #menu .cadastroAtual {background-position: -516px -120px; width: 107px;} #menu .aniversarios {background-position: -623px 0px; width: 132px;} #menu .aniversarios:hover {background-position: -623px -60px;} #menu .aniversariosAtual {background-position: -623px -120px; width: 132px;} #menu .reservas {background-position: -755px 0px; width: 107px;} #menu .reservas:hover {background-position: -755px -60px;} #menu .reservasAtual {background-position: -755px -120px; width: 107px;} #menu .contato {background-position: -862px 0px; width: 98px;} #menu .contato:hover {background-position: -862px -60px;} #menu .contatoAtual {background-position: -862px -120px; width: 98px;} /*##### meio com destaque, agenda e fotos ##### */ #middle {width: 980px; height: 270px; margin: -5px 0 20px 0;} #destaqueHome {width: 500px; float: left;} #agendaHome {width: 203px; height: 270px; float: left; margin: 0 0 0 14px; padding: 0 10px 0 10px; background:url(../../images/site/fundo_agenda_home.jpg) no-repeat 10px 0px;} #fotosHome {width: 203px; height: 270px; float: left; margin: 0 0 0 14px; padding: 0 10px 0 10px} .fb {width: 203px; height: 270px; float: left; margin: 15px 0 0 0px; padding: 0 10px 0 10px} .flash {position: relative; top: -73px; left: 5px; z-index: 1} .botaoSuperior {position: relative; top: 13px; left: -10px; z-index: 98} .botaoInferior {position: relative; top: 193px; left: 83px; z-index: 99} .botaoInferiorFotos {position: relative; top: 193px; left: 91px} /*##### conte�do abaixo da faixa do meio da home #####*/ #content {width: 960px; height: 550px;} #contentBlog {width: 500px; height: 475px; float: left; margin: 0 25px 0 0;} #contentSets {width: 431px; height: 155px; float: left; margin-left: -1px} /*.tituloSets {float: left; margin: 0 10px 10px 0}*/ #contentSets .tituloSets {font-family: "klavika bold", arial; font-size: 35px; color: #F52A8F; font-weight: bold; text-shadow: #999 0px 0px 1px; line-height: 40px} .tituloBlog h1{font-family: "klavika bold", arial; font-size: 35px; color: #F52A8F; font-weight: bold; text-shadow: #999 0px 0px 1px;} #contentTwitter {width: 431px; height: 235px; float:left; margin-left: -10px} /*##### conte�do abaixo header das internas #####*/ #contentInternal {width: 960px; height: auto; background-color: #fff} /*##### conte�do do blog na capa ##### */ #blogDestaque {width: 500px; height: 142px; line-height: 13px; font-size: 11px} #blogDestaque h1 {font-family: Arial; font-size: 20px; color: #F52A8F; padding: 5px 0 5px 0; line-height: 18px; letter-spacing: -1px} .blogPost {width: 246px; height: 140px; float: left; margin: 24px 4px 0 0; line-height: 13px; overflow: hidden} .blogPost h1 {font-family: Arial; font-size: 17px; color: #F52A8F; margin: 9px 0 2px 0; line-height: 16px; text-weight: normal; letter-spacing: -1px;} .leia {color: #F52A8F; text-decoration: underline; padding-left: 5px} .leia a:hover {background-color: #000} .enviar {border: 0px; width: 141px; height: 41px; float: right} /* ##### drop shadow das fotos ##### */ div.img-ilus-foto {background: url(../../images/site/shadow.gif) no-repeat bottom right; margin: 10px 5px; padding: 0; position: relative; float: left; height: 96px} div.img-ilus-foto img { background-color: #fff; border: 0px solid #a9a9a9; margin: -5px 4px 5px -5px; padding: 4px; position: relative; vertical-align: bottom;} /* ##### drop shadow do blog ##### */ div.img-ilus {background: url(../../images/site/shadow.gif) no-repeat bottom right; margin: 10px 5px; padding: 0; position: relative; float: left; height: 120px} div.img-ilus img { background-color: #fff; border: 0px solid #a9a9a9; margin: -5px 5px 5px -5px; padding: 4px; position: relative; vertical-align: bottom;} /*##### conte�do do footer #####*/ #footer {color: #fff; height: 100px; width: 100%; background:url(../../images/site/fundo_footer.jpg) repeat-x top left; clear: both; margin-top: 15px; } #footerUp {height: 68px; width: 960px; margin:0 auto; text-align: left; } #footerUp .redes {width: 524px; text-align: left; float: left; background:url(../../images/site/fundo_footer_redes.png) left bottom no-repeat; background-position: -14px 17px} #footerUp .redes ul {padding: 26px 0 0 3px; height: 45px; width: 700px;} #footerUp .redes li {display: inline; margin-right: 8px} #footerUp .localizacaoEsq {width: 225px; float: left; margin: 22px 30px 0 0; line-height: 16px; font-size: 12px; font-family: arial} #footerUp .localizacaoDir {width: 145px; float: right; margin: 22px 0px 0 25px; line-height: 16px; font-size: 12px; font-family: arial; text-align: right;} #footerDown {height: 23px; clear: both; text-align: left; width: 960px; margin:0 auto; margin-top: 9px;} #footerDown ul {height: 12px} #footerDown li {list-style: none; padding: 0px 8px 0px 3px; border-right: 1px #000 solid; display: inline; vertical-align:middle; line-height: 15px; height: 12px} #footerDown li a {color: #000; font-family: arial; font-size: 11px} #footerDown li a:hover {background-color: #EC008C; text-decoration: none} #footer .company {float: left; margin-left: 20px} #footer .logo {float: right; margin-right: 0px; margin-top: -11px;} .clear {clear:both} .galeria_1 { float: left; margin-left: 64px; } input.error, textarea.error { border:1px solid #F52A8F !important; } ul#tag_cloud{ width:190px;} ul#tag_cloud li {line-height: 18px} ul#tag_cloud li a{ } /* ##### sliding images do 'seu evento' ##### */ /*preload classes*/ .svw {width: 50px; height: 20px; background: #fff;} .svw ul {position: relative; left: -999em;} /*core classes*/ .stripViewer { position: relative; overflow: hidden; border: 5px solid #ff0000; margin: 0 0 1px 0; } .stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } .stripViewer ul li { float:left; } .stripTransmitter { overflow: auto; width: 1%; } .stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } .stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } .stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #ff0000; color: #fff; text-decoration: none; display: block; } .stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; } /*tooltips formatting*/ .tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; } #photos { display: block; overflow: hidden; background: #fff; height: 90px; } #contentFotos, #contentFotos div { overflow: hidden; } #contentFotos #content { height: auto; } #contentFotosInterna { height: 500px; } #mainphotoHREF { display: block; overflow: hidden; width: 600px; text-align: center; float: left; margin-left: 110px; } .prevnext { display: block; overflow: hidden; text-indent: -9999px; width: 38px; height: 65px; background-position: 0 0 ; background-repeat: no-repeat; margin-top: 200px; cursor: pointer; } .prevphoto { float: left; background-image: url(../../images/site/previous_foto.png); } .nextphoto { float: right; background-image: url(../../images/site/next_foto.png); } #photos div { overflow: hidden; } #photos .wrapper { padding: 0; } #photos .wrapper .btn { width: 16px; height: 75px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-color: #000; } #photos .wrapper .btnLeft { background-image: url(../../images/site/photos_arrow_left.png); float: left; margin: 0 2px 0 0; } #photos .wrapper .btnRight { background-image: url(../../images/site/photos_arrow_right.png); float: right; } #photos .wrapper .disabled { opacity: 0.8; } #photos .wrapper .scrollArea { float: left; height: 75px; width: 924px; } #photos .wrapper .scrollArea .scrollable { position: relative; width: 924px; height: 75px; } #photos .wrapper .scrollArea .scrollable .items { width: 20000em; position: absolute; } #photos .wrapper .scrollArea .scrollable .items div { width: 75px; height: 75px; float: left; margin: 0 2px 0 0; } #photos .wrapper .scrollArea .scrollable .items div a { margin: 0; overflow: hidden; float: left; } #photos .wrapper .scrollArea .scrollable .items div a:hover { border: 3px solid #DE1972; } #photos .wrapper .scrollArea .scrollable .items div a:hover img { margin: -3px; } #photos .wrapper .scrollArea .scrollable .items div a img { width: 75px; height: 75px; } #photos .wrapper .scrollArea .scrollable .items div a.active { border: 3px solid #DE1972; } #photos .wrapper .scrollArea .scrollable .items div a.active img { margin: -3px; } #photos .wrapper .scrollArea .scrollable .items div a.active img { width: 75px; height: 75px; } #albumnav { height: 16px; } #albumnav a { display: block; overflow: hidden; height: 16px; width: 83px; background-position: 0 0; background-repeat: 0 0; font-size: 12px; line-height: 16px; color: #FFF; padding: 0 5px; } #albumnav a.a { float: left; background-image: url(../../images/site/previous_album.jpg); text-align: right; } #albumnav a.p { float: right; background-image: url(../../images/site/next_album.jpg); } #albumnav a:hover { color: #DE1972; text-decoration: none; } .imageInputWrapper { width: 415px; } .imageInputWrapper input { float: left; margin-top: 7px; } .imageInputWrapper img { float: right; } .stripViewer li { padding-right: 20px !important; display: inline-block; } #animacaoev { clear: both; height: 280px; width: 890px; overflow: hidden; margin: 0 0 0 0; } #animacaoev div, #animacaoev ul { display: block; overflow: hidden; } #animacaoev .btn { display: block; overflow: hidden; text-indent: -9999px; width: 40px; height: 47px; background: url(../../img/design/animacao_btn_previous.png) 0 0 no-repeat; position: absolute; margin-top: 97px; z-index: 100; outline: none; } #animacaoev .previous { margin-left: 17px; *margin-left: -975px; } #animacaoev .next { background-image: url(../../img/design/animacao_btn_next.png); margin-left: 890px; *margin-left: -50px; } #animacaoev .container { float: left; width: 890px; height: 280px; overflow: hidden; position: relative; } #animacaoev .container .slides { position: absolute; top: 0; left: 0; overflow: visible; } #animacaoev .container .slides .slide { position: absolute; width: 890px; height: 280px; top: 0; display: xnone; } #animacaoev .container .slides .slide img { width: 890px; height: 280px; } #animacaoev .base-pagination { position: absolute; margin: 283px 0 0 0; z-index: 100; width: 890px; height: 25px; *margin-left: -890px; } #animacaoev .pagination { float: xright; margin: 0 ; _display: none; } #animacaoev .pagination li { display: block; overflow: hidden; width: 30px; height: 25px; float: left; padding: 0 2px 0 0; } #animacaoev .pagination li a { display: block; overflow: hidden; width: 30px; height: 25px; line-height: 25px; background: #000; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; color: #FFF; font-weight: bold; outline: none/ } #animacaoev .pagination li a:hover { text-decoration: none; color: #DE1972; } #animacaoev .pagination li.active a { background-color: #DE1972; color: #FFF !important; } .separaFotos { margin-bottom: 15px; }