/* ----------------- Definições Gerais ----------------- */ html, body { width:100%; min-width:880px; margin:0; padding:0; background:#A91E2E url(../imagens/bg_corpo.jpg) repeat-x; font-family:"Lucida Sans", Arial, Verdana; font-size:1em; color:#333333; text-align:center; } ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a, div { margin:0; padding:0; border:0; } div { margin:0; padding:0; } h1, h2 { display:none; } ul { list-style:none; } img { border:none; } a { font-weight:bold; color:#E97900; text-decoration:none; } a img { border:none; } a:hover { color:#FF3300; text-decoration:underline; } .clearboth { clear:both; } /* ---------------------- Definições Estruturais ---------------------- */ #corpo { width:100%; position:relative; margin:0 auto; font-size:0.8em; text-align:center; } #topo { height:150px; margin:0 auto; background:url(../imagens/bg_topo1.jpg) center no-repeat; } #menu { height:230px; margin:0 auto; background:url(../imagens/bg_topo2.jpg) center no-repeat; } #principal { width:auto; margin:0 auto; background:url(../imagens/bg_principal.png) center repeat-y; } * html #principal { /*IE 6*/ width:801px !important; } *+html #principal { /*IE 7*/ width:801px !important;} #rodape { height:175px; margin:0 auto; background:url(../imagens/bg_rodape.jpg) center no-repeat; } /* ----------------------------- Definições Específicas - Topo ----------------------------- */ #topo .logo { width:800px; margin:0 auto; position:relative; text-align:center; } #topo .logo .ilha { width:275px; height:175px; position:absolute; top:51px; left:36px; display:block; } #topo .logo .tim { width:144px; height:40px; position:absolute; top:329px; left:30px; display:block; } #topo .midias { width:167px; height:35px; margin:0 auto; position:relative; top:0px; left:320px; background:url(../imagens/midias.png) center no-repeat;} #topo .midias .twitter { width:16px; height:16px; position:absolute; top:8px; left:45px; display:block; } #topo .midias .facebook { width:16px; height:16px; position:absolute; top:8px; left:72px; display:block; } #topo .midias .youtube { width:16px; height:16px; position:absolute; top:8px; left:100px; display:block; } /* ----------------------------- Definições Específicas - Menu ----------------------------- */ #menu .navsuperior { width:475px; margin:0 auto; display:block; } #menu .navsuperior ul { height:50px; position:relative; top:161px; left:163px; } #menu .navsuperior ul li { float:left; margin-left:2px; } #menu .navsuperior ul li a { height:60px; display:block; background-position:top center; background-repeat:no-repeat; } #menu .navsuperior ul li a span { display:none; } #menu .navsuperior ul li a:hover { background-position:bottom center; } #menu .navsuperior ul li .oilha { width:56px; background-image:url(../imagens/menu/oilha.png); } #menu .navsuperior ul li .servicos { width:87px; background-image:url(../imagens/menu/servicos.png); } #menu .navsuperior ul li .agenda { width:66px; background-image:url(../imagens/menu/agenda.png); } #menu .navsuperior ul li .promocoes { width:110px; background-image:url(../imagens/menu/promocoes.png); } #menu .navsuperior ul li .fotos { width:52px; background-image:url(../imagens/menu/fotos.png); } #menu .navsuperior ul li .contato { width:84px; background-image:url(../imagens/menu/contato.png); } /* ---------------------------------- Definições Específicas - Principal ---------------------------------- */ #principal .margem { width:740px; margin:0 3.25em 0 2em; margin:0 auto; padding:1.5em 0 4em 0; } #principal .conteudo { position:relative; text-align:justify; } #principal .conteudo h2 { height:28px; display:block; margin-bottom:1.5em; background-repeat:no-repeat; background-position:top left; } #principal .conteudo h2 span { display:none; } #principal .conteudo h3 { margin-bottom:1.5em; font-size:1.5em; line-height:1.25em; } #principal .conteudo h4 { margin-top:3em; margin-bottom:1.5em; font-size:1.4em; line-height:1.25em; } #principal .conteudo p { margin-left:1.5em; margin-bottom:1.5em; font-size:0.9em; line-height:1.6em; } #principal .conteudo p span { font-weight:bold; } #principal .conteudo .lista { margin-left:1.5em; margin-bottom:2em; font-family:Arial, Verdana, sans-serif; font-size:0.9em; } #principal .conteudo .lista li { margin:0.4em 0; padding-left:1.5em; background:url(../imagens/ico_item.png) left no-repeat; font-size:1em; } #principal .conteudo .opcoes { height:215px; margin:2em 0; margin-left:1.5em; } #principal .conteudo .opcoes li { float:left; } #principal .conteudo .paginacao { margin:0; margin-left:1em; padding:0; } #principal .conteudo .paginacao li { float:left; margin:0; padding:0 0.5em; position:relative; top:-1em;} #principal .conteudo .paginacao li a:hover { color:#000000;} #principal .conteudo .destaque { font-weight:bold; color:#A91E2C; } #principal .conteudo .espaco_esquerda { margin-left:2em; } #principal .conteudo .maior { text-transform:uppercase; } #principal .conteudo .maior a { text-transform:uppercase; color:#333333; } #principal .conteudo .maior a:hover { text-transform:uppercase; color:#E97900; text-decoration:none; } #principal .conteudo .separa { margin:2em 0; padding:0.25em 0; } /* Títulos */ #principal .conteudo .eventoemdestaque { background-image:url(../imagens/titulos/eventoemdestaque.png); } #principal .conteudo .promocoesingressos{ background-image:url(../imagens/titulos/promocoesingressos.png); } #principal .conteudo .oilhacustico { background-image:url(../imagens/titulos/oilhacustico.png); } #principal .conteudo .servicos { background-image:url(../imagens/titulos/servicos.png); } #principal .conteudo .agenda { background-image:url(../imagens/titulos/agenda.png); } #principal .conteudo .promocoes { background-image:url(../imagens/titulos/promocoes.png); } #principal .conteudo .fotosdeeventos { background-image:url(../imagens/titulos/fotosdeeventos.png); } #principal .conteudo .contato { background-image:url(../imagens/titulos/contato.png); } #principal .conteudo .cadastrese { background-image:url(../imagens/titulos/cadastrese.png); } /* Inicio */ #principal .conteudo .inicio h3 { margin-bottom:0.4em; line-height:1.1em; } #principal .conteudo .inicio p { margin:0; margin-bottom:0.6em; font-size:0.85em; line-height:1.25em; } #principal .conteudo .inicio .esquerda { width:350px; float:left; background:url(../imagens/separa_inicio.png) 330px 20px no-repeat; } #principal .conteudo .inicio .esquerda .margem { width:310px; } #principal .conteudo .inicio .esquerda .data { font-size:1em; color:#F29F0F; } #principal .conteudo .inicio .esquerda p { margin-bottom:1.75em; } #principal .conteudo .inicio .centro { width:255px; float:left; position:relative; background:url(../imagens/separa_inicio.png) 230px 20px no-repeat; } #principal .conteudo .inicio .centro .margem { width:215px; height:240px; } #principal .conteudo .inicio .centro .lista_promocoes { margin:0; padding:0; position:relative; top:0px; left:0px; } #principal .conteudo .inicio .centro h2 { margin:0; margin-top:0.5em; padding:0; } #principal .conteudo .inicio .centro ul { } #principal .conteudo .inicio .centro li { padding:0.8em 1em; border-bottom:1px solid #F5E4E6; font-size:0.85em; text-transform:uppercase; text-align:left; } #principal .conteudo .inicio .centro li a { font-weight:normal; color:#333333; } #principal .conteudo .inicio .centro li a:hover { color:#E97900; text-decoration:none; } #principal .conteudo .inicio .centro .last { border:none; } #principal .conteudo .inicio .direita { width:122px; margin-left:606px; } #principal .conteudo .inicio .direita span { width:120px; height:80px; display:block; border:1px solid #F5A419; } #principal .conteudo .inicio .direita .box_superior { margin-top:20px;} #principal .conteudo .inicio .direita .box_inferior { margin-top:25px;} #principal .conteudo .inicio div .margem { margin:0; padding:0; margin-right:40px; } #principal .conteudo .inicio div .bt_vermais { width:54px; background-image:url(../imagens/bt_vermais.png); } #principal .conteudo .inicio div .bt_maispromocoes { width:103px; margin-left:1em; background-image:url(../imagens/bt_maispromocoes.png); } #principal .conteudo .inicio div .bt_vermais, #principal .conteudo .inicio div .bt_maispromocoes { height:12px; display:block; margin-top:1em; background-position:left top; background-repeat:no-repeat; } #principal .conteudo .inicio div .bt_vermais span, #principal .conteudo .inicio div .bt_maispromocoes span { display:none; } #principal .conteudo .inicio .inferior { width:745px; height:93px; margin-top:2em; position:relative; background:url(../imagens/bg_cadastrar.jpg) no-repeat; } #principal .conteudo .inicio .inferior h2 { display:none; } #principal .conteudo .inicio .inferior h3 { display:none; } #principal .conteudo .inicio .inferior p label { display:none; } #principal .conteudo .inicio .inferior p input { position:absolute; font-size:0.9em; } #principal .conteudo .inicio .inferior .nome input, #principal .conteudo .inicio .inferior .email input, #principal .conteudo .inicio .inferior .aniversario input, #principal .conteudo .inicio .inferior .sexo input, #principal .conteudo .inicio .inferior .telefone input, #principal .conteudo .inicio .inferior .cidade input { height:16px; padding:0.05em 0.2em; border:1px solid #cccccc; line-height:1.5em; } #principal .conteudo .inicio .inferior .nome input { width:230px; top:22px; left:213px; } #principal .conteudo .inicio .inferior .email input { width:116px; top:22px; left:472px; } #principal .conteudo .inicio .inferior .aniversario input { width:84px; top:22px; left:616px; } #principal .conteudo .inicio .inferior .sexo input { width:104px; top:60px; left:213px; } #principal .conteudo .inicio .inferior .telefone input { width:104px; top:60px; left:340px; } #principal .conteudo .inicio .inferior .cidade input { width:116px; top:60px; left:472px; } #principal .conteudo .inicio .inferior .cadastrar input { top:60px; left:616px; } /* O Ilha Acústico: Contentbar e Sidebar */ #principal .conteudo .contentbar { width:520px; float:left; } #principal .conteudo .sidebar { width:190px; margin-left:546px; padding:2em 0; background:url(../imagens/separa_ilha.png) no-repeat left 5em; text-align:center; } #principal .conteudo .sidebar h3 { display:block; margin:0 auto; margin-bottom:2em; font-size:1em; font-weight:bold; color:#EC9200; text-transform:none; } #principal .conteudo .sidebar h3 span { display:none; } #principal .conteudo .sidebar h4 { display:block; margin-left:2.5em; margin-bottom:0.75em; padding-left:1.75em; font-size:0.85em; text-align:left; } #principal .conteudo .sidebar h4.endereco { background:url(../imagens/ico_endereco.png) no-repeat left; } #principal .conteudo .sidebar h4.mapa { background:url(../imagens/ico_mapa.png) no-repeat left; } #principal .conteudo .sidebar h4.telefone { background:url(../imagens/ico_telefone.png) no-repeat left; } #principal .conteudo .sidebar h4.imprensa { background:url(../imagens/ico_imprensa.png) no-repeat left; } #principal .conteudo .sidebar p { padding-left:1em; font-size:0.85em; color:#000000; text-align:justify; line-height:1.25em; } #principal .conteudo .sidebar .lista { padding-left:1em; text-align:justify; line-height:1.25em; } #principal .conteudo .sidebar .lista li { padding-bottom:0.75em; padding-left:1.5em; font-size:0.95em; color:#000000; background-position:left 4px; text-align:left; line-height:1.25em; } #principal .conteudo .sidebar h3 { display:block; text-align:center; } #principal .conteudo .sidebar .fotosdolocal { width:123px; height:13px; background:url(../imagens/fotosdolocal.png) no-repeat center; } #principal .conteudo .sidebar .atencao { width:70px; height:15px; background-image:url(../imagens/titulos/atencao.png); } #principal .conteudo .sidebar .maisinformacoes { width:150px; height:15px; background-image:url(../imagens/titulos/maisinformacoes.png); } /* Serviços */ #principal .conteudo .estrutura { margin-top:2.5em; margin-left:2em;} #principal .conteudo .estrutura li { width:290px; margin-left:3.5em; float:left; } #principal .conteudo .locacao_exclusiva { position:relative; height:200px; } #principal .conteudo .locacao_exclusiva .fotos { width:310px; height:200px; margin-left:1.5em; position:absolute; top:0; left:0; } #principal .conteudo .locacao_exclusiva .texto { width:420px; position:absolute; top:0; left:310px; } /* Agenda */ #principal .conteudo .tres .detalhes { margin-left:340px; } #principal .conteudo .tres .detalhes h4 { color:#333333; } #principal .conteudo .ingressos { position:absolute; top:-25px; right:0; } /* Promoções */ #principal .conteudo .bloco { margin:1em 1em 3em 1.5em; padding:2em 0; } #principal .conteudo .bloco * { margin:0; padding:0; } #principal .conteudo .bloco .data { width:94px; height:150px; float:left; position:relative; background:url(../imagens/bg_data.png) no-repeat top center; } #principal .conteudo .bloco .data * { width:94px; position:absolute; left:0; text-align:center; color:#000000; } #principal .conteudo .bloco .data h4 { top:15px; } #principal .conteudo .bloco .data p { font-weight:bold; } #principal .conteudo .bloco .data .dia { top:60px; } #principal .conteudo .bloco .data .hora { top:80px; } #principal .conteudo .bloco .sorteio h4 { top:28px; } #principal .conteudo .bloco .sorteio .dia { top:74px; } #principal .conteudo .bloco .sorteio .hora { top:94px; } #principal .conteudo .bloco .sorteio { background:url(../imagens/bg_sorteio.png) no-repeat top center; } #principal .conteudo .bloco .imagem { float:left; padding-left:20px; } #principal .conteudo .bloco .detalhes { position:relative; } #principal .conteudo .dois .detalhes { margin-left:114px; padding-left:25px; background:url(../imagens/separa_promocoes.png) left top no-repeat; } #principal .conteudo .tres detalhes { margin-left:150px; } #principal .conteudo .bloco .detalhes h4{ margin-bottom:1.25em; font-size:1.1em; text-transform:uppercase; color:#A91E2C; } #principal .conteudo .bloco .detalhes p { margin-bottom:1.25em; } #principal .conteudo .bloco .detalhes .convites { margin:0; font-size:0.85em; font-weight:bold; } #principal .conteudo .bloco .detalhes .bt_participar { width:201px; height:18px; display:block; position:relative; top:-18px; left:375px; background:url(../imagens/bt_participar.png) no-repeat; } #principal .conteudo .bloco .detalhes .bt_participar span { display:none; } #principal .conteudo .bloco .detalhes .participe { width:575px; height:92px; position:relative; background:url(../imagens/bg_participe.png) no-repeat; font-size:0.95em; } #principal .conteudo .bloco .detalhes .participe form { padding:0 2em; padding-top:32px; } #principal .conteudo .bloco .detalhes .participe form p { margin:4px 0; line-height:20px; } #principal .conteudo .bloco .detalhes .participe form p a { color:#FF3300; } #principal .conteudo .bloco .detalhes .participe form p input { margin-left:0.5em; font-size:1.1em; } #principal .conteudo .bloco .detalhes .participe form p .email { width:190px; height:18px; margin-top:-1px; padding:0em 0.2em; border:1px solid #FF3300; background:#ffffff; line-height:18px; } #principal .conteudo .bloco .detalhes .participe form p .bt_ok { position:absolute; top:36px; } #principal .conteudo .ganhadores { margin:3em 0.75em; margin-left:1.5em; } #principal .conteudo .ganhadores .topo { background:#A81D2E; } #principal .conteudo .ganhadores h4 { margin:0; padding:0.75em 1em; font-size:1em; color:#ffffff; } #principal .conteudo .ganhadores .descricao { padding:1em 0 0.25em 0; background:#FFEEBD; } #principal .conteudo .ganhadores .descricao a { font-weight:normal; color:#333333; } #principal .conteudo .ganhadores .descricao a:hover { text-decoration:none; color:#FF3300; } /* Fotos */ #principal .conteudo h3.fotos { margin-bottom:0.5em; margin-bottom:0.5em; } #principal .conteudo h4.fotos { font-size:1em; font-weight:normal; margin-top:0; padding-top:0; } #principal .conteudo .galeriadeeventos { width:720px; margin-left:1em; padding-top:2em; text-align:center; overflow:hidden; } #principal .conteudo .galeriadeeventos li { width:240px; height:100px; float:left; text-align:center; } #principal .conteudo .galeriadeeventos li .foto { width:90px; float:left; } #principal .conteudo .galeriadeeventos li .descricao { width:140px; margin-left:95px; text-align:left; } #principal .conteudo .galeriadeeventos li .descricao h3 { margin:0; margin-bottom:0.75em; padding:0; font-size:0.9em; } #principal .conteudo .galeriadeeventos li .descricao h4 { margin:0; padding:0; font-size:0.85em; font-weight:normal; } #principal .conteudo .galeriadeeventos li .descricao h3 a { color:#A91E2E; } #principal .conteudo .galeriadeeventos li .descricao h4 a { font-weight:normal; color:#333333; } #principal .conteudo .galeriadeeventos li .descricao a:hover { text-decoration:none; } #principal .conteudo .galeriadefotos { width:720px; padding-top:2em; text-align:center; overflow:hidden; } #principal .conteudo .galeriadefotos li { width:120px; height:130px; float:left; text-align:center; } #principal .conteudo .galeriadefotos li img { border:1px solid #065399; } #principal .conteudo .voltar_superior, #principal .conteudo .voltar_inferior { margin-bottom:0; padding-bottom:0; padding-left:1.5em; background:url(../imagens/ico_voltar.png) left no-repeat; font-weight:bold; } #principal .conteudo .voltar_superior a, #principal .conteudo .voltar_inferior a { color:#333333; } #principal .conteudo .voltar_superior a:hover, #principal .conteudo .voltar_inferior a:hover { color:#E97900; text-decoration:none; } #principal .conteudo .voltar_superior { position:absolute; top:0; right:0; } /* Formulários */ #principal .conteudo .formulario { width:480px; margin-left:1.5em; } #principal .conteudo .formulario p { margin:2px 0; font-weight:bold; color:#A91E2D; } #principal .conteudo .formulario .campo_sexo, #principal .conteudo .formulario .campo_data, #principal .conteudo .formulario .campo_ano { float:left; margin:0; margin-bottom:15px; padding:6px 4px; border:1px solid #E87200; background:url(../imagens/bg_input.png) repeat-x; } #principal .conteudo .formulario .campo_sexo { width:100%; } #principal .conteudo .formulario .campo_data { width:45px; } #principal .conteudo .formulario .campo_ano { width:67px; } #principal .conteudo .formulario input, #principal .conteudo .formulario textarea { margin:0; margin-bottom:15px; padding:6px 4px; border:1px solid #E87200; background:url(../imagens/bg_input.png) repeat-x; font-size:1em; color:#222222; text-transform:none; } #principal .conteudo .formulario .select { width:100%; margin:0; font-size:1em; color:#222222; text-transform:none; } #principal .conteudo .formulario p input { width:100%; height:16px; } #principal .conteudo .formulario p textarea { width:100%; margin-top:3px; margin-bottom:40px; font-family:"Trebuchet MS", Arial, Verdana; } #principal .conteudo .formulario span { padding:0 0.5em; float:left; position:relative; top:0.5em; } #principal .conteudo .formulario p .bt_enviar { width:auto; height:auto; margin:0; padding:0; border:none; background:none; } #principal .conteudo .formulario div { width:225px; } #principal .conteudo .formulario .esquerda { height:82px; float:left; } #principal .conteudo .formulario .direita { height:82px;float:right; } #principal .conteudo .formulario .clearboth { margin-top:-20px; padding:0; } /* ------------------------------- Definições Específicas - Rodapé ------------------------------- */ #rodape .margem { width:796px; margin:0 auto; text-align:center; } #rodape .direita { float:right; width:315px; height:147px; margin-top:0px; margin-right:1em; } #rodape .direita .trocasite { width:146px; height:39px; margin-top:5px; margin-left:150px; background-image:url(../imagens/trocasite.jpg); position:relative;} #rodape .direita .trocasite a { width:146px; height:39px; position:absolute; top:0px; left:0px; display:block;} #rodape .direita .patrocinadores { margin-left:70px; margin-top:3.5em;} #rodape .direita .patrocinadores ul { } #rodape .direita .patrocinadores ul li { float:left; margin:0 0.25em; } #rodape .direita .patrocinadores ul li a { height:50px; display:block; background-repeat:no-repeat; } #rodape .direita .patrocinadores ul li a span { display:none; } #rodape .direita .patrocinadores ul li .primeiro { width:94px; background-image:url(../imagens/patrocinadores/atol.jpg); } #rodape .direita .patrocinadores ul li .segundo { width:60px; background-image:url(../imagens/patrocinadores/skoll.jpg) } #rodape .direita .patrocinadores ul li .terceiro { width:65px; background-image:url(../imagens/patrocinadores/iceoff.jpg); } #rodape .direita .patrocinadores ul li .quarto { width:75px; background-image:url(../imagens/patrocinadores/darkdog.jpg); } #rodape .creditos { width:320px; float:left; margin:0; margin-left:4.5em; margin-top:10.5em; } #rodape .creditos p { font-size:0.85em; color:#da9ea5; } #rodape .creditos p span { display:none; } #rodape .creditos p a { } #rodape .creditos p a img { position:relative; top:0.25em; } /* ------------------------------- Definições Específicas - Outros ------------------------------- */ #popUpPgPrincipal { position:absolute; width:311px; height:313px; left:50%; margin-top:50px; margin-left:-140px; z-index:1; } #loading { width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; text-align: center; z-index:9; }