/* ------------------------------------------------------------------ Website: http://www.megatrip.com.br Autor: Juliano Toazza Última Atualização: 16/12/2008 ------------------------------------------------------------------ */ /* 1. GERAL ----------------------------------------------- */ body { padding:0px; margin:0px; background:#fff url(../img/bg-body.jpg) top center repeat-y; font:11px Tahoma; } ul, li { list-style:none; } img { border:none; } /* 2. INDEX ----------------------------------------------- */ /* Cabecalho (Flash) */ #header { height:230px; } /* Menu Lateral (Flash) */ #mainnav { position:absolute;top:210px; left:50%; margin-left:-485px; width:235px; height:290px; } /* Estrutura */ #container { background: url(../img/bg-rodape.png) bottom no-repeat; margin:0 auto; width:836px; padding:0 7px 0 14px; } /* Barra Lateral */ #sidebar { padding-top:285px; width:162px; float:left; } /* Newsletter */ #news { width:162px; height:162px; } #div-top { height:25px; padding:0 8px 0 8px; background:#e6682b url(../img/linha-laranja.png) bottom no-repeat; } .text-top { line-height:20px; font-size:12px; font-weight:bold; color:#fff; } #div-bottom { padding:8px; background-color:#ebebeb; } .text-bottom { font-size:11px; color:#000; } #div-form { height:72px; padding:8px 0 0 0; } input { font:11px Tahoma;color:#636363; border:1px solid #9A9A9A; padding:3px; margin-bottom:5px; height:15px; width:153px; } .bt-enviar { background:#949494 url(../img/bg-bt-cinza.png) no-repeat; border:none; color:#fff; height:18px; line-height:18px; margin-right:2px; padding:0 0 2px 11px; float:right; width:40px; } /* Banners */ #banners { padding-top:10px; padding-bottom:15px; width:157px; } #tempo { display:block; width:157px; height:33px; background-image:url(../img/bn-tempo.png); margin-bottom:20px; } #instrutores { display:block; width:157; height:158px; background-image:url(../img/bn-instrutores.jpg); } /* Conteudo */ #content { margin-top:12px; width:658px; float:right; } /* 3. HOME ----------------------------------------------- */ #destaques { width:658px; height:420px; background: url(../img/bg-novidades.jpg) no-repeat; } #esquerda { float:left; margin-top:12px; margin-left:13px; _margin-left:7px; width:332px; height:387px; } #trip-title { height:32px; } #trip-title h3 { display:none; } #trip-foto { margin:8px; } #trip-descricao { padding:0 8px 8px 8px; margin-left:8px; margin-top:0px; width:305px; } #trip-descricao a { color:#000; text-decoration:none; } #trip-descricao a:hover { text-decoration:underline; } #trip-descricao .txt-1 { font-size:11px; color:#992613; font-weight:bold; } #trip-descricao .txt-2 { font-size:11px; font-weight:normal; } #trip-descricao .txt-3 { font-size:10px; color:#555; font-weight:normal;} #trip-nav-bottom { margin:8px; width:316px; } #right { float:right; } #left { float:left; } .bt-bordo { font-size:10px; color:#fff; line-height:18px; background:#BE4A4A url(../img/bg-bt-bordo.png) left center no-repeat; padding:0 7px 2px 15px; border:none; margin-right:1px; text-decoration:none; } a:hover { text-decoration:underline; } #direita { float:right; margin-right:31px; _margin-right:15px; margin-top:16px; width:260px; height:387px; } #novidades-title { height:32px; } #novidades-title h3 { display:none; } #novidades-subtitle { clear:both; padding-left:5px; line-height:18px; margin-top:17px; margin-right:8px; background:#E5B297; font-weight:bold; } #novidades-conteudo { margin:0px; padding-top:10px; padding-right:10px; } #novidades-conteudo a { color:#000; text-decoration:none; } #novidades-conteudo a:hover { text-decoration:underline; } #novidades-thumb { float:left; margin:0 10px 10px 0; } #novidades-nav-bottom { } .bt-bordo2 { margin-top:5px; font-size:10px; color:#fff; line-height:18px; background:#BE4A4A url(../img/bg-bt-bordo.png) left center no-repeat; padding:0 7px 2px 15px; border:none; text-decoration:none; } #galeria h3, #interatividade h3 { height:25px; padding-left:8px; background:#e6682b url(../img/linha-laranja.png) bottom repeat-x; } #interatividade { margin-top:10px; float:left; width:328px; height:181px; } .txt-title { line-height:20px; font-size:12px; font-weight:bold; color:#fff; } #interatividade-descricao { padding:8px; margin:0; margin-top:-12px; _margin-top:-19px; *margin-top:-19px; background-color:#ebebeb; } .txt-descricao { font-size:11px; color:#000; } #interatividade-banners { width:327px; height:129px; background: url(../img/bg-banners-interatividade.png) no-repeat; } .bn-left { width:168px; height:45px; float:left; display:block; text-indent:-5000px; margin-top:15px; } .bn-right { width:150px; height:45px; float:right; display:block; text-indent:-5000px; margin-top:15px; } #galeria { padding:10px 8px 0 0; float:right; width:300px; height:181px; } #galeria img { float:left; margin:0 10px 10px 0; } #galeria li { margin:10px 0 0 0; padding:0; height:60px; border-bottom:1px solid #939393; clear:both; } #galeria ul { padding:0px; margin:0; } #galeria-nav-bottom { } .bt-cinza { margin-top:5px; font-size:10px; color:#fff; line-height:18px; background:#959595 url(../img/bg-bt-cinza.png) left center no-repeat; padding:0 7px 2px 15px; border:none; text-decoration:none; } #galeria .txt-1 { line-height:15px; font-size:10px; color:#000; font-weight:bold; } #galeria .txt-2 { line-height:15px; font-size:10px; color:#000; font-weight:normal; } #galeria .txt-3 { line-height:15px; font-size:10px; color:#555; } #galeria li a { color:#000; text-decoration:none; } #galeria li a:hover { text-decoration:underline; } #galeria li a:visited { color:#000; } /* 4. INTERNAS ----------------------------------------------- */ #internas-container { margin-top:-20px; _margin-top:0px; *margin-top:0px; padding-left:10px; width:625px; } #internas-container h1 { line-height:normal; height:30px; background: url(../img/linha-titulo-internas.png) bottom repeat-x; font:30px Arial, Helvetica, sans-serif; color:#F7941D; font-weight:bold; } #internas-container h1 span { padding-right:5px; background:#fff; } #internas-content { } #internas img { margin:0 0 20px 20px; float:right; } .bt-voltar { margin-top:10px; font:10px Tahoma; color:#898989; line-height:15px; background:#e1e1e1 url(../img/bg-bt-cinza-claro.png) right center no-repeat; padding:0 15px 2px 7px; border:none; text-decoration:none; } .paginacao { clear:both; padding:10px 0; text-align:center; } .paginacao a { text-decoration:none; padding:0 6px; color:#FFF; background:#880f12; font-weight:bold; } .paginacao a:hover, .paginacao a.paginaSel { color:#880f12; background:#FFF; padding:0 5px; border:1px solid #880f12; text-decoration:none; } /* Agenda ----------------------------------------------- */ #agenda img { border-right:1px solid #D7D7D7; padding-right:13px; float:left; margin:0 10px 10px 0; } #agenda li { background:#f1f2f2; margin:10px 0 0 0; padding:20px; padding-bottom:28px; clear:both; } #agenda ul { padding:0; margin:0; } #agenda .txt-1 { line-height:15px; font-size:10px; color:#000; font-weight:bold; } #agenda .txt-2 { line-height:15px; font-size:11px; color:#790000; font-weight:bold; } #agenda .txt-3 { line-height:15px; font-size:10px; color:#000; font-weight:normal; } #agenda .txt-4 { line-height:15px; font-size:10px; color:#555; } #agenda li a { color:#000; text-decoration:none; } #agenda li a:hover { text-decoration:underline; } #agenda li a:visited { color:#000; } a#quero-participar { display:block; width:142px; height:19px; float:right; text-indent:-5000px; margin-bottom:5px; background:url(../img/bt-quero-participar.png) no-repeat; } #agenda-nav-bottom { margin-left:25px; } /* Cobertura - Login ----------------------------------------------- */ #login { margin:auto; margin-top:50px; width:400px; height:100px; padding:10px; padding-left:70px; border:1px solid #e1e1e1; background: url(../img/ico-cadeado.png) 20px 35px no-repeat; } #login input { height:15px; border:1px solid #F26522; display:block; float:left; width:80px; margin-top:3px; margin-right:10px; _margin-right:5px; } #login label { color:#F26522; } #login #bt-enviar { cursor:pointer; padding:0px 2px 2px 2px; height:18px; display:block; float:left; width:25px; font-size:11px; font-weight:bold; color:#fff; background:#f26522; margin-top:21px; } #login .left { float:left; } #login .txt-clear { margin-top:-10px; margin-right:60px; clear:both; color:#898989; font-size:10px; text-align:right; } #login a { color:#898989; text-decoration:none; } #login a:hover { color:#898989; text-decoration:underline; } #login-nav-bottom { margin-top:40px; margin-left:25px; } /* Cobertura - Internas ----------------------------------------------- */ div#cobertura-left { width:279px; padding-right:10px; float:left; } div#cobertura-left .saudacao { display:block; line-height:21px; padding-left:30px; margin:0; color:#a10302; background:#fae9d5 url(../img/ico-bem-vindo.jpg) 5px 2px no-repeat; } div#cobertura-left .descricao { display:block; padding:7px; color:#FFF; background:#a10302; margin:0; line-height:16px; } div#cobertura-left .texto-editor { padding:20px 0; } h3.ico-download { color:#a10302; font-size:12px; padding-left:20px; background:url(../img/ico-download.jpg) 0 2px no-repeat; } ul#cobertura-downloads { background:#ebebeb url(../img/ico-pagina.jpg) 7px 7px no-repeat; height:45px; padding:7px 0 7px 50px; margin:0; } ul#cobertura-downloads li { padding-left:15px; list-style:square inside; } ul#cobertura-downloads li a { color:#a10302; text-decoration:none; } ul#cobertura-downloads li a:hover { text-decoration:underline; } .cobertura-colegio { display:block; border-bottom:1px solid #DDD; padding-bottom:3px; margin-bottom:10px; font-size:10px; color:#a10302; } div#cobertura-right { width:319px; float:right; } #cobertura-right h3.cobertura-fotos { margin-bottom:5px; background:#f26522 url(../img/bg-laranja.png) no-repeat; } #cobertura-right h3.cobertura-fotos span { line-height:19px; font-size:11px; color:#fff; margin:0; padding-right:8px; text-align:right; display:block; height:19px; background:url(../img/ico-camera.jpg) 185px no-repeat; } #cobertura-right h3.cobertura-video { line-height:19px; font-size:12px; color:#fff; padding-right:8px; margin-bottom:5px; height:25px; padding:0 5px 0 5px; background:#faa627 url(../img/linha-laranja-claro.png) bottom repeat-x; } #cobertura-galeria { } #cobertura-galeria .saudacao { display:block; line-height:21px; padding-left:30px; margin:0; color:#a10302; background:#fae9d5 url(../img/ico-bem-vindo.jpg) 5px 2px no-repeat; } #cobertura-galeria .descricao { display:block; padding:7px; color:#FFF; background:#a10302; margin:0; line-height:16px; } #cobertura-galeria-thumbs { background:lime;} #cobertura-galeria-thumbs img { border:none; margin:0px; } /* Mural de Recados ----------------------------------------------- */ a.envie-recado, a.envie-recado:visited { background:#f26522 url(../img/bg-envie-recado.png) 0 0 no-repeat; color:#fff; padding-left:70px; display:block; float:right; height:30px; width:160px; line-height:30px; text-decoration:none; font-weight:bold; font-size:14px;} a.envie-recado:hover { text-decoration:none;} .clear { clear:both; } div#mural p { display:block; width:380px; color:#000; float:left; } #mural li { background:#f1f2f2; padding:15px; overflow:auto; } #mural ul { padding:0; margin:0; clear:both; } #mural li a { color:#000; text-decoration:none; } #mural li a:hover { text-decoration:underline; } #mural li a:visited { color:#000; } #mural li span strong { font:11px; color:#f26522; line-height:18px;} #mural li.branco { background-color:#fff;} div#pop-mural { width:364px; height:304px; background:#f26522; position:absolute; top:330px; left:50%; display:none; } div#pop-envie { width:453px; height:304px; background:#f26522; position:absolute; top:330px; left:50%; margin-left:-40px; display:none; } form.formM { display: block; margin:12px;} form.formM fieldset { border: none;} form.formM legend { color:#000;display:block; width:320px; float:left;padding-bottom:20px;} form.formM a.fechar, form.formM a.fechar:visited { display:block; float:right;padding:0 3px; color:#fff; vertical-align:middle; background:#000; text-decoration:none; text-align:right;} form.formM a.fechar:hover { padding:0 3px; color:#000; vertical-align:middle; background:#cc0000; text-decoration:none;} form.formM label { vertical-align:top; color:#fff; display:block; width:50px; margin-right:6px; clear:both; float:left; text-align:right;} form#formEnvie label { width:138px; } form.formM input.campo-requerido { vertical-align:top; color:#000; display:block; float:left; border:none; background:#fadfc1; width: 250px;} form.formM input, form.formM textarea { vertical-align:top; color:#000; display:block; float:left; border:none; background:#fdc689; width: 250px;} form.formM textarea { height: 120px; width:256px;_width:254px;*width:254px;float:left;} form.formM textarea.campo-requerido { height: 120px; width:256px;_width:254px;*width:254px;background:#fadfc1;} form.formM input#bt-enviar-mural { height: 19px; width:103px; background:url(../img/bt-enviar.png) 0 0 no-repeat; float:right; display:block; margin-top:6px; padding-right:10px; color:#fff; font-weight:bold; text-align:right;cursor:pointer;*margin-right:-4px;_margin-right:4px;} /* Galeria de Fotos ----------------------------------------------- */ ul#lista-galeria-01,ul#lista-galeria-02 { margin:0; padding:0; } ul#lista-galeria-01 li { clear:both; color:#999; border-bottom:1px solid #fdc689; padding:10px 0 10px 50px; margin:10px 0; height:75px; } ul#lista-galeria-01 a { color:#999; display:block; text-decoration:none; } ul#lista-galeria-01 a:hover { text-decoration:underline; } ul#lista-galeria-01 img { float:left; border-right:1px solid #CCC; padding-right:10px; margin-right:10px; } ul#lista-galeria-01 strong { display:block; padding-top:20px; } ul#lista-galeria-02 { } ul#lista-galeria-02 li { display:block; width:295px; margin:5px 15px 5px 0; padding-bottom:5px; height:50px; float:left; border-bottom:1px solid #CCC; } ul#lista-galeria-02 img { float:left; border:1px solid #000; margin:0 10px; } ul#lista-galeria-02 a { color:#999; text-decoration:none; font-size:10px; } ul#lista-galeria-02 a:hover { text-decoration:underline; } ul#lista-galeria-02 a strong { color:#790000; } ul#lista-galeria-02 a span { color:#000; } h3#detalhes-galeria { height:55px; padding:5px; line-height:17px; background:#a10302; font-size:11px; color:#FFF; font-weight:normal; } h3#detalhes-galeria span { font-weight:bold; } a#deixe-recado { display:block; width:158px; height:19px; float:right; text-indent:-5000px; margin-bottom:5px; background:url(../img/bt-deixar-recado.png) no-repeat; } a#envie-amigo { display:block; width:182px; height:19px; float:right; text-indent:-5000px; margin-bottom:5px; background:url(../img/bt-envie-amigo.png) no-repeat; } div#bts-galeria { width:182px; position:absolute; margin:-63px 0 0 443px; _margin-top:-73px; *margin-top:-73px; } div#miniaturas { padding:20px 0; text-align:center; } div#miniaturas img { margin:2px; } /* jQuery lightBox plugin */ #jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; } #jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; } #jquery-lightbox a img { border:none; } #lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;} #lightbox-container-image { padding:10px; } #lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;} #lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} #lightbox-container-image-box > #lightbox-nav { left:0; } #lightbox-nav a { outline:none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block;} #lightbox-nav-btnPrev { left:0; float:left; } #lightbox-nav-btnNext { right:0; float:right; } #lightbox-container-image-data-box { font-size:10px; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0;} #lightbox-container-image-data { padding:0 10px; color:#666; } #lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; } #lightbox-image-details-caption { font-weight:bold; } #lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; } #lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; } a.grupo { font:11px Arial, Helvetica, sans-serif; text-decoration:underline; color:#fff; } /* Contato ----------------------------------------------- */ #form input, #form select, #form textarea { border:none; color:#880f12; background:#fadfc1; padding:2px; font-size:10px; margin-bottom:10px; } #form .campos { width:250px; padding:3px; margin:5px 0 5px 0; color:#666; } #form .bt-enviar { _margin-right:15px; *margin-right:15px; width:80px; padding:0px 13px 0px 20px; font-size:11px; font-weight:bold; color:#fff; background:#f26522 url(../img/bg-laranja.png) left no-repeat; cursor:pointer; } #form legend { font-size:11px; } fieldset { border:none; } #form label { padding-right:10px; padding-top:5px; display:block; width:35px; float:left; text-align:right; font-weight:bold; color:#880f12; } #form, #endereco { width:320px; float:left;} #endereco { border-top:2px solid #CCC; } #endereco a { text-decoration:none; color:#000; } #endereco a:hover { text-decoration:underline; } #mapa { width:294px; height:414px; float:right; } #mapa h3 { font-size:18px; color:#880f12; text-align:right; margin:0; padding:0; } /* INDEX - RODAPE ----------------------------------------------- */ #footer { height:60px; clear:both; padding-left:130px; padding-top:20px; } .text-footer { font-size:10px; color:#fff; } #logo-hive { float:left; position:absolute; display:block; width:25px; height:25px; text-indent:-5000px; margin:7px 0 0 600px; } #bt-topo-aviao { float:left; position:absolute; display:block; width:50px; height:60px; text-indent:-5000px; margin:-20px 0 0 635px; }