/* Theme Name: Guia Chapada Diamantina Theme URI: http://zwaagenciadigital.com.br/ Description: Template Criado por ZWA Agência Digital(Lamartine Sampaio)- Website. Version: 2.9 Author: Lusenildo Dionei Author URI: http://agenciadigitalzwa.com.br/ Tags: ZWA, Agência Digital, Zoup, Agência Web ZWA Agência Digital v3.0 http://zwaagenciadigital.com.br/ This theme was designed and built by Lusenildo Dionei, whose blog you will find at http://zwaagenciadigital.com.br/ */ /********************************************************************************************* CONFIGURAÇÕES PADRÃO (RESET) *********************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: Arial, Helvetica, sans-serif; font-size:14px; text-align:left; vertical-align: baseline; } /********************************************************************************************* BODY *********************************************************************************************/ html body{ background:#F6F8ED;} /********************************************************************************************* Name: zoupframework.css Desenvolvido por: Zoup Web Agência Data de Criação: 01/02/2008 Última Atualização: 05/08/2008 Copyright: zoup.com.br *********************************************************************************************/ /* LAYOUT ***************/ .layout-centro {position:relative;left:50%;} .layout-779 {width:779px;margin-left:-389.5px;} .layout-980 {width:980px;margin-left:-490px;} .layout-970 {width:970px;margin-left:-485px;} .layout-960 {width:960px;margin-left:-480px;} .layout-950 {width:950px;margin-left:-475px;} .layout-930 {width:930px; margin-left:-465px;} .layout-920 {width:920px; margin-left:-460px;} /* OBJ DEFINIÇÃO ******************/ .left {float:left;} .right {float:right;} .clearThis {clear:both;} .small {font-size:.625em;} .large {font-size:1em;} .soft {color:#D3D3D3;} .hide {display:none;} .img-replace {position:relative;display:block;text-indent:-9000px;overflow:hidden;} a.link-text{width:auto; text-decoration:underline;} a.link-text:hover{background-color:#84C125;text-decoration:none;} li a {line-height:1.4em;color:#4F5457;} li.last {border:none; background:none;} p {font-size:0.9em;line-height:1.4em;color:#4F5457;margin-bottom:1.2em;} p strong { font-weight:bold;} h2.titulo-principal { font-size:1.7em; font-weight:800; color:#4F5052; margin:0; padding:0;} h3.sub-titulo{ font-size:1.3em;} h3.sub-titulo a{ font-size:1.1em; text-decoration:none;} .addthis_toolbox { margin:10px 0 10px 0; } #nome-envio, #email-envio,#your-name{ display:none; } /* /* Personalizado ***************/ #container{ background:url(images/bg_container.jpg) top center repeat-y;} /* /* Cabeçalho ***************/ #cabecalho{position:relative; height:340px;} #barra{ background:#6A297D; height:34px;} #barra #mb-01{ position:absolute; top:7px; right: -10px; } #barra #mb-01 li{ float:left; list-style:none; margin-right:25px; } #barra #mb-01 li.googletranslate{position:relative; background: url(images/globo.png) 0 4px no-repeat; padding-left:17px;} #barra #mb-01 li a{ font-size:0.95em; text-transform:lowercase; text-decoration:none; color:#FFFFFF;} #barra #mb-01 li a:hover{ text-decoration:underline;} #barra #mb-01 li.menu-barra { margin-right: 0; } #google_translate_element{ width:230px; position:absolute; background:#FFF; padding:6px; border:1px solid #6A297D; z-index:1000;} #cabecalho h1{ width:260px; height:170px; position:absolute; top:0; left:60px; z-index:101; } #cabecalho h1 a{ width:260px; height:170px; background:url(images/logomarca.png) no-repeat;} #menu_principal { position:relative; top:10px; left:0; z-index:300;} #menu_principal ul { height:auto;} #menu_principal ul li { width:161px; list-style:none; padding:0 13px 0 0; height:28px; margin-bottom:3px; background: url(images/bgm-01.jpg) top right repeat-y #E4EBA5;} #menu_principal ul li a { font-size:0.95em; text-align:right; text-transform:lowercase; text-decoration:none; font-weight:800; color:#494A53; padding:6px 6px 6px 0; display:block; font-weight:lighter; } #menu_principal ul li a:hover{ color:#FFF; background:#96A138; font-weight:lighter;} #menu_principal ul ul { position:absolute; top:0; left:174px; padding-left:0px; z-index:9999999; } #menu_principal ul ul li{ width:170px; padding:0 13px 0 0; height:28px; margin-bottom:3px; border-left:3px solid #FFF; background: url(images/bgm-01.jpg) top right repeat-y #96A138;} #menu_principal ul ul li a{ font-size:0.95em; text-transform:none; text-align:left; color:#FFF; padding:4px 10px 6px 8px; display:block; font-weight:lighter;} #menu_principal ul ul li a:hover{ color:#FFF; background:#96A138; font-weight:lighter;} #menu_principal ul li#menu-item-734, #menu_principal ul li.cust-01{ background: url(images/bgm-02.jpg) top right repeat-y #C2DAF2;} #menu_principal ul li#menu-item-764, #menu_principal ul li.cust-02{ background: url(images/bgm-03.jpg) top right repeat-y #FFCB51;} #menu_principal ul li#menu-item-765, #menu_principal ul li.cust-03{ background: url(images/bgm-04.jpg) top right repeat-y #DCDF6A;} #menu_principal ul li#menu-item-766, #menu_principal ul li.cust-04{ background: url(images/bgm-05.jpg) top right repeat-y #CBA4BF;} #menu_principal ul li#menu-item-734 li, #menu_principal ul li.cust-01 li{ color:#FFF; background:#007CA0;} #menu_principal ul li#menu-item-764 li, #menu_principal ul li.cust-02 li{ color:#FFF; background:#E68524;} #menu_principal ul li#menu-item-765 li, #menu_principal ul li.cust-03 li{ color:#FFF; background:#779440;} #menu_principal ul li#menu-item-766 li, #menu_principal ul li.cust-04 li{ color:#FFF; background:#6B3D88;} #menu_principal ul li#menu-item-734 a:hover, #menu_principal ul li.cust-01 a:hover{ color:#FFF; background:#007CA0;} #menu_principal ul li#menu-item-764 a:hover, #menu_principal ul li.cust-02 a:hover{ color:#FFF; background:#E68524;} #menu_principal ul li#menu-item-765 a:hover, #menu_principal ul li.cust-03 a:hover{ color:#FFF; background:#779440;} #menu_principal ul li#menu-item-766 a:hover, #menu_principal ul li.cust-04 a:hover{ color:#FFF; background:#6B3D88;} #guia_de_servico ul li{ width:143px; margin-right:7px;} #guia_de_servico ul li.last{ margin-left:2px; margin-right:0;} #guia_de_servico ul li a{ font-size:0.95em; font-weight:800; text-decoration:none; padding:6px; color:#FFF;} #guia_de_servico ul ul li{ border-top:1px solid #FFF;} #guia_de_servico ul ul li a{ font-size:0.95em; padding:0 2px;} #guia_de_servico ul li.cust-01{ height:147px; background: url(images/Onde_Ficar.jpg) 0 30px no-repeat #007CA0;} #guia_de_servico ul li.cust-02{ height:147px; background: url(images/Onde_Comer.jpg) 0 30px no-repeat #E68524;} #guia_de_servico ul li.cust-03{ height:147px; background: url(images/Agencias.jpg) 0 30px no-repeat #779440;} #guia_de_servico ul li.cust-04{ height:147px; background: url(images/Compras_Servicos.jpg) 0 30px no-repeat #6B3D88;} #guia_de_servico ul li.cust-01 li{ height:auto; color:#FFF; background:#B0CFEE;} #guia_de_servico ul li.cust-02 li{ height:auto; color:#FFF; background:#FFBA1A;} #guia_de_servico ul li.cust-03 li{ height:auto; color:#FFF; background:#D3D744;} #guia_de_servico ul li.cust-04 li{ height:auto; color:#FFF; background:#BA87AB;} #guia_de_servico ul li.cust-01 a:hover{ color:#FFF; background:#007CA0;} #guia_de_servico ul li.cust-02 a:hover{ color:#FFF; background:#E68524;} #guia_de_servico ul li.cust-03 a:hover{ color:#FFF; background:#779440;} #guia_de_servico ul li.cust-04 a:hover{ color:#FFF; background:#6B3D88;} #busca{ position:absolute; top:50px; right:0; width:190px; height:26px; background:url(images/bg_busca.jpg) no-repeat 0 1px; padding-left:25px; z-index:102;} #busca .texto{ height:17px;} #painel{ height:306px; z-index:100; overflow:hidden; position:relative; } #painel a { position:absolute; left:0; top:0; } #painel img { width:980px; height:306px; } #painel .proximo, #painel .anterior { background-image:url(images/botoes_painel.png); background-repeat:no-repeat; width:40px; height:40px; cursor:pointer; bottom:5px; position:absolute; } #painel .proximo { background-position:bottom left; right:5px; } #painel .proximo:hover { background-position:bottom right; } #painel .anterior { right:45px; } #painel .anterior:hover { background-position:top right; } /* /* Conteúdo ***************/ #conteudo{ background:#FFFFFF;} #col-1{ width:161px; margin-right:40px; position:relative; z-index:300;} #col-1 ul.sidebar { width: 161px; height:auto; list-style: none; } #col-1 ul.sidebar ul { list-style: none; } #col-1 ul.sidebar li { margin-bottom: 3px; margin-left: 5px; } #col-1 ul.sidebar li img, #col-1 ul.sidebar li object { width: 146px; height: auto; display: block; } #col-2{ width:595px; margin:0 25px 0 0; padding-top:10px; position:relative; z-index:0;} #col-3{ width:152px; padding-top:10px; overflow:hidden; } #col-3 ul.sidebar a { display:block; } #col-3 ul.sidebar a.fechado { display:none; } #col-3 ul.sidebar a.aberto { display:block; } #col-3 ul.sidebar img, #col-3 ul.sidebar li { width:152px; height:97px; padding-bottom:5px; } /* /* Coluna 2 ***************/ #texto ul.eufui li { margin-bottom:15px; list-style:none; } #texto ul.eufui li a strong { font-weight:bolder; } #texto li { list-style:inside; } #texto .img-box { width:auto; overflow:hidden; margin-right:15px; float:left; display:block; } #texto .img-box img { border:#EEE 5px solid; } #texto .img-box a:hover img { border:#AAA 5px solid; } #texto .texto-eufui { display:block; float:left; width:350px; } #texto a img { display:inline; border:0; padding:0; } #noticias ul li{ width:185px; height:auto; float:left; list-style:none; margin-right:20px;} #noticias ul li.last{ margin-right:0;} #noticias ul li img{ width:185px; height:140px; margin-bottom:6px;} #noticias ul li h2{ font-size:1.2em; font-weight:800; color:#585858;} #noticias ul li a{ font-size:1.0em; color:#585858; text-decoration:none;} #noticias ul li a:hover{ text-decoration:underline;} #destaques h2, #enquete h2, #guia_de_servico h2, #galeria h2{ font-size:1.2em; font-weight:800; color:#570F75; padding:4px 0 4px 10px; margin-bottom:8px; background:#E4EBA5;} #destaques{ width:385px; margin-right:20px;} #destaques ul{ margin-top:20px;} #destaques ul li{ margin-bottom:15px; list-style:none;} #enquete{ width:190px; color:#585858;} #enquete h3{ font-size:1.0em;} #enquete button{ padding:4px; font-weight:800; color:#3E3C3D; background:#D8DBBE; border:0; margin-right:5px;} #enquete ul{ margin:0; padding:0;} #enquete ul li{ list-style:none; margin-bottom:4px;} #guia_de_servico{} #galeria{} #galeria ul li{ list-style:none;} #barra_links{ position:relative; height:55px;} #menu_utilitarios{ margin-right:0; } #menu_utilitarios li{ margin-right:10px; float:left; list-style:none;} #menu_utilitarios li.last{ margin-right:0;} #rede_social{ position:relative; top:10px; } #rede_social li{ margin-right:5px; float:left; list-style:none;} #rede_social li.first{ margin-right:10px;} /* /* Blocados ***************/ #blocado li{ margin-bottom:50px; list-style:none; width:505px; } #anuncio_col-1, #anuncio_col-2{ height:143px;} #anuncio_col-1{ width:205px;} #anuncio_col-1 a.link_img { display:block;width:205px; height:143px; padding:0; margin:0; overflow:hidden; } #anuncio_col-1 img{ width:205px; height:143px; display:block; } #anuncio_col-2{ width:300px; } #anuncio_col-2 h2{ font-size:1.2em; font-weight:800; padding:4px 8px 4px 20px; color:#2B354D;} #anuncio_col-2 p{ padding:8px 0 0 20px;} #anuncio_col-2 button{ width:130px; height:21px; position:relative; left:20px; border:0; color:#473F3C; float:left; font-size:10px; cursor:pointer; } #blocado.blo-01 li{border-top:12px solid #007CA0;} #blocado.blo-02 li{border-top:12px solid #E68524;} #blocado.blo-03 li{border-top:12px solid #779440;} #blocado.blo-04 li{border-top:12px solid #6F418A;} #blocado.blo-05 li{border-top:12px solid #030;} #blocado.blo-01 li #anuncio_col-2 h2{ background:#C2DAF2;} #blocado.blo-02 li #anuncio_col-2 h2{ background:#FFCB51;} #blocado.blo-03 li #anuncio_col-2 h2{ background:#DCDF6A;} #blocado.blo-04 li #anuncio_col-2 h2{ background:#CBA4BF;} #blocado.blo-05 li #anuncio_col-2 h2{ background:#96A138;} #blocado.blo-01 li #anuncio_col-2 button, #blocado.blo-01 li a.bt-reserva{ background:url(images/botoes-01.png) no-repeat top center;} #blocado.blo-02 li #anuncio_col-2 button, #blocado.blo-02 li a.bt-reserva{ background:url(images/botoes-02.png) no-repeat top center;} #blocado.blo-03 li #anuncio_col-2 button, #blocado.blo-03 li a.bt-reserva{ background:url(images/botoes-03.png) no-repeat top center;} #blocado.blo-04 li #anuncio_col-2 button, #blocado.blo-04 li a.bt-reserva{ background:url(images/botoes-04.png) no-repeat top center;} #blocado.blo-05 li #anuncio_col-2 button, #blocado.blo-05 li a.bt-reserva{ background:url(images/botoes-03.png) no-repeat top center;} #blocado li a.bt-reserva{ display:block; width:130px; height:11px; position:relative; left:25px; padding: 5px 0; text-decoration:none; text-align:center; float:left; font-size:11px; } #blocado li .container-button { display:block; heigth:21px; background:#CCC; } h2.blocados-linha-01, h2.blocados-linha-02, h2.blocados-linha-03, h2.blocados-linha-04, h2.blocados-linha-05{ color: #4D4D4D; font-weight: 600; font-size: 1.2em; display: block; padding: 5px 4px; width: 496px; } h2.blocados-linha-01{ background:#C2DAF2;} h2.blocados-linha-02{ background:#FFCB51;} h2.blocados-linha-03{ background:#DCDF6A;} h2.blocados-linha-04{ background:#CBA4BF;} h2.blocados-linha-05{ background:#96A138;} ul.blocados-linha { list-style: none; margin-top: 15px; display: block; padding:0; } ul.blocados-linha li { display: inline-block; margin: 7px 0; width: 504px; background: url(images/pontilhado.png) repeat-x left bottom; } ul.blocados-linha li span { background:#FFF; display: inline-block; color: #4D4D4D; font-size: 1.0em; height: auto;} ul.blocados-linha li span.num { background:#FFF; display: inline-block; color: #4D4D4D; font-size: 1.0em; } #buttom-topo { display: block; font-size: 0.8em; font-weight: bold; width: 88px; height:17px; background:url(images/bt_topo.png) no-repeat; text-decoration: none; color: #FFF; padding-top:3px; overflow: hidden; text-align: center; margin-top: 20px; } /* /* Coluna 3 ***************/ #localizacao h2{ font-size:1.05em; font-weight:800; color:#4F4F52;} #programe_viagem h2{ font-size:0.95em; font-weight:800; color:#4F4F52; background:#E4EBA5; padding:6px; margin-bottom:6px;} #programe_viagem ul li{ width:143px;} #programe_viagem ul li.last{ margin-left:2px; margin-right:0;} #programe_viagem ul li a{ font-size:0.95em; font-weight:800; text-decoration:none; padding:4px; color:#FFF;} #programe_viagem ul ul li{ border-top:1px solid #FFF;} #programe_viagem ul ul li a{ font-size:0.95em; padding:0 2px; } #programe_viagem ul li.cust-01 a{ color:#007CA0; } #programe_viagem ul li.cust-02 a{ color:#E68524; } #programe_viagem ul li.cust-03 a{ color:#779440; } #programe_viagem ul li.cust-04 a{ color:#6B3D88; } #sidebar ul{ list-style: none; } /* Banner Interno ***************/ #banner_pagina_interna{ position:relative; top:10px; display: none; } #banner_pagina_interna img { max-width: 735px; } /* /* Banner Interno ***************/ #col-2 #lista-search {} #col-2 #lista-search li { margin-bottom:10px; list-style:inside disc; display:block; height:50ox; } #col-2 #lista-search li h3 a { color:#333; } /* Formulário de Resevvas ***************/ #wpcf7-f6-p4876-o1 {} #wpcf7-f6-p4876-o1 .texto,#wpcf7-f6-p4876-o1 .wpcf7-form-control-wrap textarea, #wpcf7-f6-p4876-o1 .wpcf7-form-control-wrap select{ background-color:#F5F5F5; border:1px solid; } #wpcf7-f6-p4876-o1 .texto { height:22px; } #wpcf7-f6-p4876-o1 .submit-form input{ background:#E4EBA5; border:1px solid #96A138; } #wpcf7-f6-p4876-o1 #partida, #wpcf7-f6-p4876-o1 #chegada { width:100px;} #wpcf7-f6-p4876-o1 #telefone { width:100px;} /* Rodapé ***************/ #rodape{height:190px;} #rodape .assinatura { position:relative; top:50px; left:340px; width:400px; } #rodape .assinatura h3{font-size:0.95em; font-weight:800; margin:10px 10px 0 0; color:#585858;} #menu_rodape{ height:33px; position:relative; top:23px; left:0; background:#6A297D;} #menu_rodape ul{ width:500px; position:relative; top:6px; left:280px;} #menu_rodape li{ list-style:none; float:left; margin-right:25px;} #menu_rodape li a{ font-size:0.95em; text-align:left; text-decoration:none; text-transform:lowercase; color:#FFF; } #menu_rodape li a:hover{ text-decoration:underline;} /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignleft{ float:left; margin:0 8px;} .alignright{ float:right; margin:0 8px;} img.alignleft{ border:4px solid #FFF; } img.alignright{ border:4px solid #FFF;} /* End captions */ /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */