/* ----------------------------------------------------------------------- Blueprint CSS Framework 1 http://blueprintcss.org * Modificado por Filipe Rocha (filipe@viaoceanica.com) * Via Oceanica (www.viaoceanica.com) ----------------------------------------------------------------------- */ @import url("reset.css"); @import url("typography.css"); @import url("forms.css"); @import url("http://fonts.googleapis.com/css?family=Merriweather&v2"); html { height:100%;} body { position:relative; width:100%; height:100%; font-family: 'Merriweather', serif;} div.container { width:500px; margin:0 auto;} div#fundo { width:100%; height:100%; position:fixed; top:0; left:0; z-index:1;} div#slider { overflow:hidden; position:relative;} div.slide { position:absolute; width:100%; height:100%; background-position:center; background-repeat:no-repeat; top:0; left:0;} header.cab { background:url(../../img/bgCab.png) top left repeat-x; height:155px; width:100%; position:absolute; left:0; z-index:3; top:150px; padding-top:12px;} header.cab section { position:relative;} section.colMain { position:absolute; top:206px; left:0; background:url(../../img/bgColMain.png); width:100%; z-index:2;} footer.rod { } /* Loader Lang */ .load2 { position:absolute; top:50%; width:65px; left:49%;} .mudanca2 { font-size:14px;position:absolute; top:50%; width:65px; left:-8%; margin:35px 0 auto;} /* .Página de Apresentação -------------------------------------------------------------- */ .bg_color { background:#f0eee9; /*overflow-x:scroll; overflow-y:hidden;*/} .cont { position:absolute; top:50%; left:50%; width:690px; height:566px; margin:-283px 0 0 -345px;} .box1 { display:block; background: url(../../img/varandas_open.png); width:330px; height:495px; float:left; margin:0 30px 20px 0;opacity:0.7; filter: alpha(opacity=70); -moz-opacity:0.7; -moz-box-shadow:0 5px 20px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 5px 20px rgba(0, 0, 0, 0.4); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .box2 { display:block; background: url(../../img/marina_open.png); width:330px; height:495px; float:left; opacity:0.7; -moz-box-shadow:0 5px 20px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 5px 20px rgba(0, 0, 0, 0.4); margin:0 0 20px 0; filter: alpha(opacity=70); -moz-opacity:0.7; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .box1:hover {opacity:1.0; filter: alpha(opacity=100); -moz-opacity:1.0;} .box2:hover {opacity:1.0; filter: alpha(opacity=100); -moz-opacity:1.0;} .cont h3 { margin:10px auto; text-align:center;} .cont h4 { margin:0 auto; text-align:center;} /* .Cab -------------------------------------------------------------- */ /* Controlos do fundo */ ul#controlosSlider { background:url(../../img/bgControlosSlider.png) top left no-repeat; position:absolute; left:0; top:28px; margin:0; padding:0; list-style:none; width:215px;} ul#controlosSlider li { float:left;} ul#controlosSlider li span { color:#9b9a97; text-transform:uppercase; display:block; font-size:1.1em; padding:17px 0 0 10px;} ul#controlosSlider li a { display:block; background-image:url(../../img/bSlider.png); height:42px; width:42px; text-indent:-9999em;} ul#controlosSlider li a:hover { opacity:0.5;} a.anterior { background-position:top left; margin:4px 3px 4px 5px;} a.seguinte { background-position:top right; margin:4px 5px 4px 0;} /* Logo, aplicar num H1 */ .logo { margin-top:19px; float:left;} .logo a { display:block; width:471px; height:67px; background:url(../../img/logo.png); text-indent:-9999em;} /* Menu, aplicar num ul */ nav { float:left;} nav ul { width:545px; margin:10px 0 0; padding:0;list-style-type:none;} nav ul li { float:left; padding:5px;} nav li a { text-decoration:none; display:block; cursor:pointer; color:#fff; padding:2px 0 2px 0; font-size:1.15em; } nav li + li a { padding-left:15px;} nav li a:hover { color:#fff; text-decoration:none;} nav li + li a { border-left:dotted 1px #fff;} /* Menu Superior */ ul.upperMenu { margin:0; padding:0; list-style:none; position:absolute; top:20px; right:64px;} ul.upperMenu li { float:left; margin-left:20px;} ul.upperMenu a { color:#97958e; cursor:pointer;} ul.upperMenu a:hover { text-decoration:none;} /* Botão Rerservas */ a.reservasOnline { text-transform:uppercase; color:#fff; text-shadow:0 1px 0 #599fbd; background:url(../../img/bReservas.png) top left;position:absolute; top:75px; right:10px; display:block; width:208px; height:35px; font-size:1.4em; padding:15px 0 0 12px;} a.reservasOnline:hover { text-decoration:none; background-position:bottom left;} /* Botão de Línguas */ a.pt {position:absolute; top:17px; right:11px; display:block; text-indent:-9999em; background:url(../../img/en.png) no-repeat; width:41px; height:19px;} a.en {position:absolute; top:17px; right:11px; display:block; text-indent:-9999em; background:url(../../img/pt.png) no-repeat; width:41px; height:19px;} /* .ColEsq -------------------------------------------------------------- */ .ap { position:absolute; background:url(file:///W|/hotelpraiamarina.com/novo/img/bgCab.png);} /* .ColMain -------------------------------------------------------------- */ /* Magia para a animação */ div#conteudo { margin:0 auto; width:500px; overflow:hidden; color:#1a1b1c;} div#conteudoInvisivel { width:500px; padding-bottom:1.5em; display:none;} /* Botão Fechar */ a#fechar { position:absolute; bottom:-15px; left:50%; margin-left:-250px; color:#fff; padding:7px 0 8px; background:url(../../img/bFechar.png); font-family:Arial, Helvetica, sans-serif; text-align:center; width:30px;} /* Páginas Interiores */ /* Contactos */ div.contactos, form.contactos { float:left;} div.contactos { border-right:dotted 1px #bbb; margin-right:23px; padding-right:23px; width:200px;} span.telefone, span.fax { display:block; padding-left:25px; background-repeat:no-repeat; background-position:left center; margin-bottom:5px;} span.telefone { background-image:url(../../img/iTelf.png);} span.fax { background-image:url(../../img/iFax.png);} form.contactos { width:250px;} form.contactos label { display:none;} form.contactos input[type="text"], form.contactos textarea { background:#fff; border: 1px solid #ccc; color:#999; width:240px; font-style:italic; } form.contactos input[type="text"]:focus, form.contactos textarea:focus { color:#666;} /* Notícias */ a.imgTextos { float:right; margin:0 0 10px 10px; background:url(../../img/bgImgBottom.png) bottom left no-repeat; padding-bottom:5px;} a.imgTextos span { display:block; vertical-align:middle; padding:0 5px;} a.imgTextos span img { display:block; width:100px;} /* Localização */ iframe#mapa { z-index:2; position:absolute; top:0; left:0;} /* Reservas */ form.reservas { width:auto;} form.reservas div { float:left; width:230px;} form.reservas div + div { border-left:dotted 1px #bbb; padding-left:5px;} form.reservas div h3 { margin-top:0; margin-left:5px;} form.contactos input[type="text"], form.contactos textarea { width:215px;} /* Listagens */ div.listagem { margin:1em 0; padding-bottom:10px; border-bottom:dotted 1px #bbb;} div.listagem a.imgTextos span { max-height:75px; overflow:hidden;} .span-1, .span-2, .span-3 {float:left;margin-right:10px;} .span-1 {width:110px; padding-top:5px; background:url(../../img/bgImgTop.png) top left no-repeat; height:100px;} .span-2 {width:359px; margin-left:20px;} .span-3 {width:550px;} /* Acrescentar span-x caso seja necessário outras medidas */ .img {display:block;overflow:hidden;width:100%;height:100px;} .last {margin-right:0;} .border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.listagem h3 {margin:0;} div.listagem p {margin:0;} /* Retroceder */ .retroceder {} /* Paginação */ .paginacao { clear:both; } .textoPaginacao, .activo, .inativo { display:block; margin:1px; float:left;} .activo, .inativo:hover { color:#8fcbed; } .inativo { color:#59A4CE; } /* *************************************** Loja Online *********************************** */ /* Div que contem todo o carrinho */ .cCompras { background:url(../../img/bgLinhabaixo.gif) bottom left repeat-x; padding-bottom:5px;} .cCompras p { margin:0;} /* Botoes */ .continuar { background:url(../../img/bContinuar.gif) top left no-repeat; /*color:#fff;*/ width:70px; height:18px; display:block; padding-left:2px; float:right; cursor:pointer;} .continuar:hover { color:#2053a4;} /* Header do carrinho */ .cComprasHeader { background:url(../../img/bgComprasHeader.gif) bottom left no-repeat; /*color:#fff;*/ height:19px; padding:5px;} .cComprasHeader div { float:left;} .cComprasHeaderDesc { width:228px;} .cComprasHeaderQtd { width:68px; text-align:center;} .cComprasHeaderDisp { width:97px; text-align:center;} .cComprasHeaderPreco { width:66px; text-align:center;} /* Itens do carrinho */ .cComprasItem { border-bottom:solid 1px #e2e1dd; padding:5px 0; height:70px;} .cComprasItem div { float:left; height:70px;} .cComprasDesc { width:223px; background:url(../../img/bgLinhaLateral.gif) top right repeat-y; padding-right:5px;} .cComprasQtd { width:58px; text-align:right; background:url(../../img/bgLinhaLateral.gif) top right repeat-y; padding:0 5px;} .cComprasQtd input { width:46px; text-align:right;} .cComprasDisp { width:92px; text-align:right; background:url(../../img/bgLinhaLateral.gif) top right repeat-y; padding-right:5px;} .cComprasPreco { width:66px; text-align:right;} .cComprasPreco strong { color:#2053a4;} /* Botoes de adicionar remover do carrinho */ .add { background:url(../../img/bAdd.gif) top left no-repeat; width:22px; height:22px; /*display:block; text-indent:-9999em;*/} .remove { background:url(../../img/bRemove.gif) top left no-repeat; width:22px; height:22px; /*display:block; text-indent:-9999em;*/} .numProds{margin: 0 5px 0 5px;} .adicionar { background:url(../../img/bBuy.gif) top left no-repeat; width:22px; height:22px; /* display:block; text-indent:-9999em;*/} .delete { background:url(../../img/bDelete.gif) top left no-repeat; width:22px; height:22px; /*display:block; text-indent:-9999em;*/} .comment { background:url(../../img/bComment.gif) top left no-repeat; width:22px; height:22px; /*display:block; text-indent:-9999em;*/ margin-left:5px;} .floatLeft { float:left;} .floatRight { float:right;} /* Informação e totais */ .cComprasTotais { padding:5px 0;} .cComprasTotais div { float:left;} .cComprasInfo { text-align:right; width:291px; padding-right:5px; background:url(../../img/bgLinhaLateral.gif) top right repeat-y; height:111px;} .cComprasTotal { width:163px;} .infoPaypal input { float:right;} .paypal { margin-bottom: 10px; background:url(../../img/paypal.gif) top left no-repeat; width:49px; height:32px; /*text-indent:-9999em;*/ display:block; float:right;} .cComprasTotal dt { width:96px; float:left; text-align:right; color:#2053a4;} .cComprasTotal dd { width:49px; float:right; text-align:right;} /* Comentario aletorio de produto */ .comentarioProdutoAleatorio{} /* Comentario da lista de comentarios de produto */ .comentarioProduto{ margin-bottom: 10px; border-bottom: 1px solid #000; } /* .ColDir -------------------------------------------------------------- */ /* .Rod -------------------------------------------------------------- */ .copyright{ display:block; font-size:.9em; } /* Extras. -------------------------------------------------------------- */ /* Clearfix */ .clearfix:after, .container:after{ content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; } .clearfix, .container { display:block; } .clear { clear:both; } /* MediaBoxAdvanced */ #mbOverlay {position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer; } #mbOverlay.mbOverlayFF {background:transparent url(../../img/80.png) repeat;} #mbOverlay.mbOverlayIE {position:absolute;} #mbCenter {position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 5px 20px rgba(0,0,0,0.40);-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.40);} #mbCenter.mbLoading {background: #fff url(../../img/icon-loading.gif) no-repeat center;-moz-box-shadow:none;-webkit-box-shadow:none;} #mbImage {position:relative;left:0;top:0;line-height:20px;color:#000;text-align:left;background-position:center center;background-repeat:no-repeat;} #mbImage a {color:#333;} #mbImage a:hover {color:#000;} /* Styles para elementos que compõem a janela */ #mbBottom {min-height:20px;line-height:20px;color:#999;text-align:left;padding:0 10px 10px; padding-top:10px; background:url(../../img/bgColMain.png);} /*#mbBottom a { color:#fff !important;}*/ #mbTitle {display:inline; color:#000; font-weight:bold; line-height:20px;} #mbNumber {display:inline;color:#666;line-height:.9em;font-size:.9em;display:block;} #mbCaption {display:block;color:#666;line-height:.9em;font-size:.9em;} #mbPrevLink, #mbNextLink, #mbCloseLink {display:block;float:right;padding:3px;margin:0 1px;outline:none;background:#fff;-moz-border-radius:60px;-webkit-border-radius:60px; color:#59A4CE !important; width:22px; text-align:center;} #mbPrevLink:hover, #mbNextLink:hover, #mbCloseLink:hover { border:solid 2px #337396; padding:1px;} /* Styles para os alertas da versao flash */ #mbError {position:relative;color:#000;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-moz-border-radius:5px;-webkit-border-radius:5px;} #mbError a, #mbError a:hover {color:#700;font-weight:bold;text-decoration:underline;} /* Ícones em links de acordo com o tipo de ficheiro */ body a.noicon { background:transparent none !important; padding:0 !important; margin:0 !important; } /* Op��o para desactivar */ a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"] { padding:2px 22px 2px 0; margin:-2px 0; background-repeat: no-repeat; background-position: right center; } a[href$=".pdf"] { background-image: url(../../img/icone-pdf.png); } a[href$=".doc"] { background-image: url(../../img/icone-doc.png); } a[href$=".xls"] { background-image: url(../../img/icone-xls.png); } .ajax-loading{ background-image: url(../../img/icon-loading.gif); width: 32px; height: 32px; display: inline-block; }