/* Cliente: Mulligann Travel Projeto: Site Mulligann Travel Autor: Carlos Eduardo de Souza - carlos@viscountbox.com */ * { margin: 0; padding: 0; } html, body { height: 100%; /* background: url(../imagens/bg.gif) #4b3b31 repeat-x #fff;*/ background: url(../imagens/bg_degrade.gif) repeat-x #FFF; font: 12px Calibri, Arial, "Trebuchet MS", Tahoma, Helvetica, sans-serif; } #limites { width: 770px; min-height: 100%; margin: 0 auto -34px; background: #fff; border-width: 0 2px; border-style: solid; border-color: #efefef; font-size: 1em; } * html #limites { height: 100%; } /* ------- elementos especificos ------- */ h1, h3, a, #conteudo dl dt { color: #0083c2; } form fieldset, a img { border: 0; } form ol { list-style: none; } form input, form select, form textarea, form button { font: 1em Arial, "Trebuchet MS", Tahoma, Helvetica, sans-serif; } form input { padding: 2px; background: url(../imagens/bg_input.jpg) bottom repeat-x; border: 1px solid #e2e8d4; } form button { font-size: 1.2em; font-weight: bold; } /* ------- classes gerais ------- */ .seta { height: 21px; padding-left: 20px; background: url(../imagens/setagif) no-repeat; font-size: 1.2em; } /* contendo float */ .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .contemfloat { display: inline-block; } /* Hides from IE-mac \*/ * .contemfloat { height: 1%; } .contemfloat { display: block; } /* End hide from IE-mac */ /* ------ topo ------ */ #topo { position: relative; padding-top: 166px; ;background: url(../imagens/bg_topo.jpg) no-repeat; } #topo h2 { position: absolute; width: 297px; height: 99px; top: 25px; left: 39px; } #topo h2 a { display: block; height: 100%; ;text-indent: -9999em; overflow: hidden; } #topo ul { height: 31px;;padding: 5px 0 5px 15px; background: url(../imagens/bg_menu.gif) repeat-x; list-style: none; } #topo ul li { float: left; margin-right: 28px; } #topo ul li a { display: block; padding: 0 14px; font: bold 1.27em Calibri, Arial, "Trebuchet MS", Tahoma, Helvetica, sans-serif; text-decoration: none; line-height: 31px; color: #000; cursor: pointer; } #topo ul li a:hover, #aagencia #topo ul li#menu_aagencia a, #contato #topo ul li#menu_contato a, #noticias #topo ul li#menu_noticias a, #home #topo ul li#menu_home a, #pacotes #topo ul li#menu_pacotes a { background: url(../imagens/bg_menu_item.gif) repeat-x; } /* ------ conteudo ------ */ #conteudo { padding: 28px 0 34px; background: #fff; } /* ------- rodape ------- */ #rodape { width: 748px; margin: 0 auto; padding: 11px; background: #dbd8d6; text-align: center;} #rodape address { display: inline; font-style: normal; } /* ------- PAGINAS ESPECIFICAS ------ */ /* ------- PAGINA INICIAL ------- */ #home #conteudo dl { display: inline; float: left; width: 169px; margin: 0 17px; padding: 16px 22px;background: url(../imagens/home_bg_caixa_pacote.jpg) no-repeat; } html > body#home #conteudo dl { margin: 0 21px; } #home #conteudo dl dt, #home #conteudo .caixa h3 { font-size: 1.75em; } #home #conteudo dl dt { margin-bottom: 14px; } #home #conteudo dl dd { text-align: center; } #home #conteudo dl dd img { border: 1px solid #d6d7d2; } #home #conteudo dl dd a { display: block; margin: 8px 0 30px; } #home #conteudo a.seta { clear: left; display: block; margin: 0 0 17px 29px; } #home #conteudo .caixa { float: left; padding: 11px 13px; } #home #conteudo .caixa h3 { margin-bottom: 15px; padding-bottom: 4px; border-bottom: 1px solid #a0a0a0; } #home #conteudo #noticias { clear: left; width: 435px; min-height: 160px; margin: 0 41px 0 29px; background: url(../imagens/home_bg_caixa_noticias.jpg) no-repeat; } * html #home #conteudo #noticias, * html #home #conteudo #parceiros { margin-left: 15px; } * html #home #conteudo #noticias { height: 160px; } #home #conteudo #noticias ul { margin-left: 13px; } #home #conteudo #noticias ul li { margin-bottom: 1em; line-height: 1.1em; } #home #conteudo #noticias ul li a { display: block; } #home #conteudo #cadastro { float: none; margin: 0 44px 0 518px; background: url(../imagens/home_bg_caixa_cadastro.jpg) no-repeat; } #home #conteudo #cadastro form ol { margin-top: 1em; } #home #conteudo #cadastro form ol li label { float: left; width: 50px; padding-top: 2px; ;font-weight: bold; } #home #conteudo #cadastro form ol li input { width: 115px; margin-bottom: 5px; } #home #conteudo #cadastro form button { float: right; width: 70px; height: 25px; margin-right: 3px; background: url(../imagens/botao_70.jpg) no-repeat; border: 0; } html > body#home #conteudo #cadastro form button { margin-right: 10px; } #home #conteudo #parceiros { clear: left; width: 435px; margin: 0 41px 0 29px; } #parceirosnew { clear: left; width: 685px; margin: 0 41px 0 29px; } #home #conteudo #parceiros ul { list-style: none; text-align: center; } #parceirosnew ul { list-style: none; text-align: center; } #home #conteudo #parceiros ul li { display: inline; margin-right: 7px; } #parceirosnew ul li { display: inline; margin-right: 7px; } /* ------- PAGINAS INTERNAS ------- */ .interna #conteudo { padding-left: 29px; padding-right: 29px; } .interna #conteudo .caixa { float: center; padding: 11px 13px; font-size:14px } .interna #conteudo h1 { margin-bottom: 19px; font-size: 2.2em; } .interna #conteudo .caixa h3 { margin-bottom: 15px; padding-bottom: 4px; border-bottom: 1px solid #a0a0a0; } .interna #conteudo #noticias { clear: left; width: 475px; min-height: 191px; margin: 0 41px 0 29px; background: url(../imagens/bg_caixa_noticias.jpg) no-repeat; text-align: left;} .interna #conteudo #agencia { clear: left; width: 475px; min-height: 191px; margin: 0 41px 0 29px; background: url(../imagens/bg_caixa_noticias.jpg) no-repeat; text-align: left;} .interna #conteudo #contato { clear: left; width: 475px; min-height: 191px; margin: 0 41px 0 29px; background: url(../imagens/bg_caixa_noticias.jpg) no-repeat; text-align: center;} .interna #conteudo #noticias ul { margin-left: 13px; margin-right: 13px; } .interna #conteudo #noticias ul li { margin-bottom: 1em; line-height: 1.1em; } .interna #conteudo #noticias ul li a { display: block; } /* ------ PACOTES ------- */ #pacotes #conteudo h1 { font-size: 2.2em; } #pacotes #conteudo h3 { margin-bottom: 4px; padding-bottom: 4px; font-size: 1.75em; font-weight: normal; color: #000; border-bottom: 1px solid #a0a0a0; } #pacotes #conteudo ul.lista_pacotes { margin: 10px 0 54px; list-style: none; } #pacotes #conteudo ul.lista_pacotes li { display: inline; float: left; width: 219px; height: 190px; margin: 0 9px 9px; background: url(../imagens/pacotes_bg_pacote_rodape.gif) bottom no-repeat; text-align: center; } #pacotes #conteudo ul.lista_pacotes li div { padding: 13px 14px; background: url(../imagens/pacotes_bg_pacote_topo.gif) no-repeat; } #pacotes #conteudo ul.lista_pacotes li h4 { margin-bottom: 12px; padding-left: 20px; background: url(../imagens/setagif) no-repeat; font-size: 1.2em; line-height: 17px; text-align: left; } #pacotes #conteudo ul.lista_pacotes li h4 a { color: #000; } #pacotes #conteudo ul.lista_pacotes li a img { border: 2px solid #cfd1cb; } #pacotes #conteudo ul.lista_pacotes li a:hover img { border-color: #26769C; } /* ------- PACOTES - DETALHES ------ */ #pacotes.pacote #conteudo h3, #pacotes.pacote #conteudo h4 { margin-bottom: 10px; padding: 6px 9px; background: #e3efc6; border: 0; font-size: 1.32em; font-weight: bold; } #pacotes.pacote #conteudo h4 { margin-top: 28px; } #pacotes.pacote #conteudo p { margin-left: 10px; } #pacotes.pacote #conteudo ul { margin-left: 23px; } #pacotes.pacote #conteudo #galeria { position: relative; float: right; width: 279px; padding: 13px; background: #e3efc6; border-left: 38px solid #fff; border-bottom: 38px solid #fff; text-align: center; } #pacotes.pacote #conteudo #galeria img { border: 3px solid #c1cba8; } #pacotes.pacote #conteudo #galeria ul#thumbs { clear: both; margin: 0; padding: 5px; list-style: none; } #pacotes.pacote #conteudo #galeria ul#thumbs li { display: inline; } #pacotes.pacote #conteudo #galeria ul#thumbs li a { text-decoration: none; } #pacotes.pacote #conteudo #galeria ul#thumbs li a img.full { position: absolute; visibility: hidden; left: 17px; top: 13px; cursor: default; } #pacotes.pacote #conteudo #galeria ul#thumbs li a:active img.full, #pacotes.pacote #conteudo #galeria ul#thumbs li a:focus img.full { visibility: visible; } #pacotes.pacote #conteudo .html_dinamico { clear: both; }