/* -----------------------------------------------------------------------

 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Modificado por Filipe Rocha (filipe@viaoceanica.com)
   * Via Oceânica (www.viaoceanica.com)

----------------------------------------------------------------------- */
@import url("reset.css");
@import url("typography.css");
@import url("forms.css");
@import url("mediabox.css");

/* Containers e caixas
-------------------------------------------------------------- */
.container { width:949px; margin:7px auto 20px; }
.content   { width:941px; background:url(../../img/bgContent.jpg) top left no-repeat; padding:4px 4px 0;}
.borda     { background:url(../../img/bgBorda.jpg) top left repeat-y;}
.cab       { width:949px; background:url(../../img/cabBarras.gif) top left no-repeat;}
.colEsq    { float:left; width:166px; padding:0 40px 0 30px; margin-top:45px; font-size:0.95em;}
.colMain   { float:left; width:469px; margin-top:45px;}
.colDir    { float:left; width:166px; padding:0 40px 0 30px; margin-top:97px;}
.rod       { width:949px; height:5px; float:left; background:url(../../img/bgRod.gif) top left no-repeat;}

.ajax-loading{
	background: url(../../img/ajax-loader.gif) top right no-repeat;
	min-width: 16px;
	min-height: 16px;
	padding-right:16px;
}

/* Cabeçalho.
-------------------------------------------------------------- */
/* Logótipo aplicar num h1 */
.logo { float:left;}
.logo a { background:url(../../img/logo.gif) top left no-repeat; width:144px; height:96px; display:block; margin:13px 0 8px 23px; text-indent:-9999em;}

/* Menu Principal aplicar num ul */
#nav {list-style-type: none; margin:0; height:41px; width:941px;}
#nav li {float: left; padding:0 5px;}
#nav li a { height:16px; display:block; background-position:top left; background-repeat:no-repeat; text-indent:-9999em; margin:13px 5px 0; line-height:0;}
#nav li a:hover { background-position:bottom left;}
.prodMult { margin:14px 106px 0 11px;}

.bHome { width:37px; background:url(../../img/bHome.gif);}
.bCatalogo { width:69px; background:url(../../img/bCatalogo.gif);}
.bDestaques { width:72px; background:url(../../img/bDestaques.gif);}
.bSobre { width:70px; background:url(../../img/bSobre.gif);}
.bContactos { width:76px; background:url(../../img/bContactos.gif);}	

/* Pesquisa */
#nav form p { margin:0;}
.pesquisa { background:url(../../img/bgInputPesquisa.jpg) top left; padding:5px; border:none; margin-top:5px; padding:6px 5px 7px; width:198px; color:#b4c0d6; float:left;}
.pesquisaSubmit { background:url(../../img/bgSubmit.jpg) top left no-repeat; width:33px; height:29px; text-indent:-9999em; float:left; cursor:pointer; border:none; margin-top:5px;}

/* Login */
.eToste { background: url(../../img/cabNome.gif) no-repeat scroll right top ; float:right; padding-top:30px; text-align:right; margin-top:49px; color:#1e4790; width:400px;}
/* Coluna Esquerda.
-------------------------------------------------------------- */
.tCatalogo { background:url(../../img/tCatalogo.gif) top left no-repeat; text-indent:-9999em; width:166px; height:44px;}

.navLateral { background:url(../../img/bgElementClosed.jpg) top left no-repeat #2053a4; margin:0; list-style:none; padding:5px 0 10px 15px;}
.navLateral a { color:#b3d0f6; text-decoration:none;}
.navLateral a:hover { color:#fff;}
.navLateral span { color:#4fa4ff;}
.navLateral strong { color:#fff;}

.sugestaoTopo { background:url(../../img/bgTopSugestao.jpg) top left no-repeat #f2efeb; padding:17px 17px 0; margin-top:10px;}
.sugestaoBaixo { background:url(../../img/bgSugestaoDesc.jpg) top left no-repeat #f2efeb; padding:15px 17px 0; color:#686765;}
.sugestaoBaixo p { margin:0;}
.sugestaoBaixo .emDetalhe { background:url(../../img/bgEmDetalhe.jpg) top left no-repeat; display:block; width:74px; height:9px; text-indent:-9999em; margin-top:10px;}
.tSugestao { background:url(../../img/tSugestao.jpg) top left no-repeat; text-indent:-9999em;}

.tAjuda { background:url(../../img/tAjuda.jpg) top left no-repeat; text-indent:-9999em; margin-top:20px; height:52px;}
.contactenos { background:url(../../img/bgContactenos.jpg) top left no-repeat; width:166px; height:70px; text-indent:-9999em; display:block; margin:10px 0;}


/* Coluna do Conteudo.
-------------------------------------------------------------- */
.colMain p { margin:1em 0;}

.tNovidades { background:url(../../img/tNovidades.gif) top left no-repeat; display:block; text-indent:-9999em; height:27px; margin-bottom:25px;}
.titulos { color:#1f377c; font-weight:bold; font-size:2em; margin-bottom:16px;}
.titulos:first-letter { color:#f79400;}

.item { float:left; margin:0 21px 20px; width:114px; height:250px;}
.item img { background:url(../../img/bgImgAlbum.gif) bottom left no-repeat; padding-bottom:9px;}
.item p { margin:0;}
.item a { font-weight:bold; color:#204a97; text-decoration:none;}
.item small { text-transform:capitalize; color:#5e6265;}
.item .preco { font-weight:bold; color:#f79400;}

.lojaOnline { background:url(../../img/bgLojaOnline.gif) top left no-repeat; color:#fff; font-size:1.2em; padding:10px 0 11px 45px; float:left; font-weight:bold; text-decoration:none; width:142px; height:21px; margin-top:27px; display:block;}

/* Sliders em baixo */
.slider { width:467px; float:left; margin-bottom:7px;}
.tSlider { color:#fff; font-weight:bold; font-size:1.2em; background:#f79400; float:left; width:100px; height:43px; padding:19px 0 0 19px;}

/* Slimbox. */
#lbOverlay { position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:#fff; cursor:pointer; }
#lbCenter, #lbBottomContainer { position:absolute; z-index:9999; overflow:hidden; background:#000; }
.lbLoading { background:#000 url(../../img/icon-loading.gif) no-repeat center; }
#lbImage { position: absolute; left:0; top:0; border:10px solid #000; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display:block; position: absolute; top:0; width:50%; outline:none; }
#lbPrevLink {left:0; }
#lbPrevLink:hover { background:transparent url(../../img/b-prev.gif) no-repeat 0 15%; }
#lbNextLink { right:0; }
#lbNextLink:hover { background: transparent url(../../img/b-next.gif) no-repeat 100% 15%; }
#lbBottom { font-size:.9em; color:#666; line-height: 1.4em; text-align:left; border:10px solid #000; border-top-style:none; }
#lbCloseLink { display:block; float:right; width:21px; height:21px; background:transparent url(../../img/b-close.gif) no-repeat center; outline:none; }
#lbCaption, #lbNumber { margin-right:71px; font-size:.9em; }
#lbCaption a{	color: #fff; text-decoration: none; }

/* Listagens. */
.listagem { margin:0 0 2em 0; background:url(../../img/bgLinhabaixo.gif) bottom left repeat-x;}
.listagem strong { color:#f79400;}
.listagem p { margin:0;}
.listagem .img, photoShow .img{ float:left; overflow:hidden; width:100px; height:75px; text-align:center; margin:0 5px 5px; }
.texto     { float:left; width:359px;}
.texto span, .small{ font-size:.8em; color:#666; display:block; }

.linhaBaixo { background:url(../../img/bgLinhabaixo.gif) bottom left repeat-x; padding-bottom:3px; margin-bottom:0;}
.descricao { width:469px; float:left;}

.photoShow { margin:0; }
.photoShow li { float:left; list-style-type:none; }

/* Retroceder. */
.retroceder {}

/* Paginacao. */
.paginacao { clear:both; }
.textoPaginacao, .activo, .inativo { display:block; padding:2px 7px; margin:1px; float:left; }
.activo { background:#2053A4; color:#fff; }
.inativo, .activo:hover { background:#F79400; color:#fff; }
.inativo:hover { color:#1e4790;}

/* *************************************** 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;}

.remove { background:url(../../img/bRemove.gif) top left no-repeat; width:22px; height:22px; display:block; text-indent:-9999em;}
.add { background:url(../../img/bAdd.gif) top left no-repeat; width:22px; height:22px; display:block; text-indent:-9999em;}
.buy { 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;}


/* --------------------------------------------------------------------------------------- */

/* Formulário */
.editUser label { color:#f49000;}
.editUser input { width:300px;}

/* Coluna da Direita.
-------------------------------------------------------------- */
.carrinhoCompras { background:url(../../img/bgCarrinhoTop.gif) top left no-repeat #2053a3; padding:10px;}
.carrinhoCompras h3 { color:#fff; font-weight:bold;}
.carrinhoCompras a { color:#4fa4ff; text-decoration:none;}
.carrinhoCompras a:hover { color:#fff;}

.comentario { background:url(../../img/bgTopSugestao.jpg) top left no-repeat #f2efeb; padding:17px 17px 0; margin-top:10px;}
.tComentario { background:url(../../img/tComentario.gif) top left no-repeat; text-indent:-9999em;}
.comentario p { color:#1f377c; font-weight:bold; margin:0;}
.comentario p small { color:#686765; font-weight:normal;}
.comentarioBaixo { background:url(../../img/bgSugestaoDesc.jpg) top left no-repeat #f2efeb; padding:15px 17px 0; color:#686765;}
.comentarioBaixo p { margin:0;}
.comentarioBaixo p+p { color:#1f377c; margin-top:5px;}

/* Rodapé.
-------------------------------------------------------------- */
.rodape { border-top:solid 1px #e2e0d3; padding:30px 0 1.5em; margin:0 30px;}
.navRod { list-style:none; margin:0 0 10px;; width:890px; float:left;}
.navRod li { float:left; margin-right:10px;}
.navRod li a { height:16px; background-position:top left; text-indent:-9999em; display:block;}
.navRod li a:hover { background-position:bottom left;}
.rodHome { background:url(../../img/rodHome.gif) no-repeat; width:42px;}
.rodCatalogo { background:url(../../img/rodCatalogo.gif) no-repeat; width:77px;}
.rodNovidades { background:url(../../img/rodNovidades.gif) no-repeat; width:83px;}
.rodDestaques { background:url(../../img/rodDestaques.gif) no-repeat; width:79px;}
.rodSobre { background:url(../../img/rodSobre.gif) no-repeat; width:80px;}
.rodContactos { background:url(../../img/rodContactos.gif) no-repeat; width:85px;}



.copyright{ display:block; font-size:.9em; color:#b2b2b2; font-weight:bold; margin:0;}
.copyright a { color:#979797; text-decoration:none;}
/* Extras.
-------------------------------------------------------------- */
/* Para uso em imgs d eproduto por ex, uma vez k o redimensionamento agora faz 800*600 em imgs big
se houver uma assim, ocupa demasidao espaco*/
img.img_ver{
	height: 200px;
}

/* Í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"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}
/* Ficheiros */
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); }  
/* Outros */
a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(../../img/icone-feed.png); }
a[href^="aim:"]   { background-image: url(../../img/icone-im.png); }


/* *********************************** */
/* Sample 4*/
.sliderBox {
	position:absolute;
}

.sliderBox a {
	width:62px;
	height:62px;
	float:left;
}

.sliderMask{
	position:relative;
	width:248px;
	height:62px;
	overflow:hidden;
	float:left;
}

.buttons{ float:left;}
.buttons .esquerda{ cursor:pointer; background:url(../../img/setaEsq.gif) top left no-repeat; text-indent:-9999em; height:62px; width:46px; display:block; float:left;}
.buttons .direita{ cursor:pointer; background:url(../../img/setaDir.gif) top left no-repeat; text-indent:-9999em; height:62px; width:46px; display:block; float:left;}