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

 Blueprint CSS Framework 0.9

 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");

/* Containers e caixas

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

body { background:url(../../img/bg2.gif) top repeat-x #fff; }

.container { width:950px; margin:0 auto; background:url(../../img/bg-rodape.png) bottom no-repeat #fff; }

.container2 { width:950px; margin:0 auto; background:url(../../img/bg-rodape2.jpg) bottom no-repeat #fff; }

.containerJuvearte { width:950px; margin:0 auto; background:#fff;}

.wrapper { padding:28px 28px 250px 28px; min-height:500px; line-height:1.5em;}

.wrapper2 { padding:28px 28px 200px 28px; min-height:500px; line-height:1.5em;}

.cab { height:162px; background:url(../../img/bg-cab.gif) top left repeat-x; }

.colMain { float:left; width:523px; margin:0 29px 0 0; }

.colDir { float:left; width:340px; }

.rod { background:#ef8811; padding:6px 16px; display:block; width:918px; }



/* Cabecalho.

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

/* Logotipo aplicar num h1 */

.logo { float:left; margin:25px 80px 0 25px;}

.logo a { display:block; width:439px; height:88px; text-indent:-9999em; background:url(../../img/logo.gif) top left no-repeat;}


/* Ícones no topo */

.icones-topo { list-style:none; height:76px; float:left; width:320px; margin:20px 0 0 45px;}
.icones-topo li { float:left; margin:0 5px;}
.icones-topo a { height:76px; display:block; text-indent:-9999em;}

.icones-topo a.desporto { background:url(../../img/icon-desporto.gif) top no-repeat; width:61px;}
.icones-topo a.cultura { background:url(../../img/icon-cultura.gif) top no-repeat; width:58px;}
.icones-topo a.tlivres { background:url(../../img/icon-tlivres.gif) top no-repeat; width:84px;}
.icones-topo a.juvearte { background:url(../../img/icon-juvearte.gif) top no-repeat; width:68px;}

.icones-topo a.desporto:hover { background:url(../../img/icon-desporto.gif) bottom no-repeat;}
.icones-topo a.cultura:hover { background:url(../../img/icon-cultura.gif) bottom no-repeat;}
.icones-topo a.tlivres:hover { background:url(../../img/icon-tlivres.gif) bottom no-repeat;}
.icones-topo a.juvearte:hover { background:url(../../img/icon-juvearte.gif) top no-repeat; width:68px;}


/* Menu Principal aplicar num ul */

#nav { list-style-type:none; margin:15px 0 0 0; float:left; width:100%; display:block;}
#nav li{ float:left; position:relative; }
#nav li a{ text-decoration:none; display:block; padding:8px 10px; margin:0 1px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; background:none; color:#fff; font-size:.9em;}
#nav li a:hover { background:#ef8812;}
#nav li ul { position:absolute; z-index:2; list-style:none; top:30px; left:0; display:none; margin:0; padding:0;}
#nav li:hover ul { display:block;}
#nav li li a {-moz-border-radius: 0; -webkit-border-radius: 0; border-bottom: 1px solid #5a483e; background:#472712; width:150px;}


/* menu das áreas */

#menuArea { list-style:none; margin:10px 0 20px 0;}
#menuArea li  { float:left; margin:0 6px;}
#menuArea a { padding:6px; background:#708b18; display:block; color:#fff; border:solid 1px #91b12a; text-decoration:none;}
#menuArea a:hover, #menuArea span { border:solid 1px #708b18; color:#708b18; background:none; display:block; padding:6px;}


.pesquisa { float:left; width:260px; margin:13px 0 0 15px; padding:0;}
.pesquisa .nome { background:url(../../img/input-pesquisa.gif) top no-repeat; width:143px; height:11px; padding:7px; border:none;}



/* Coluna do Conte�do.

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

.noticia-destaque { margin:0 0 15px 0;}
.noticia-destaque dt { float:left; width:323; height:293px; overflow:hidden; display:block; text-align:center;}
.noticia-destaque dt img { height:293px;}
.noticia-destaque dd { float:left; margin:0; width:182px; padding:0 0 0 9px;}

.outras-noticias-header { background:url(../../img/bg-outrasnoticias.gif) left top no-repeat; width:503px; height:29px; text-align:right; padding:16px 20px 0 0; margin:0 0 8px 0; display:block;}
.outras-noticias-header a { color:#44403f;}

.outras-noticias-lista { list-style:none; margin:0; padding:0;}
.outras-noticias-lista li { width:162px; float:left; margin:0 6px;}
.outras-noticias-lista .img { width:161px; height:124px; overflow:hidden; text-align:center; position:relative; margin:0 0 8px 0;}
.outras-noticias-lista .img img { width:200px;}
.outras-noticias-lista .seta { width:25px; height:25px; position:absolute; left:-5px; bottom:-5px;}
.outras-noticias-lista a { font-size:1.2em; font-weight:bold; display:block; margin:5px 0 8px 0;}


/* Listagens. */

.listagem2{ margin:1em 0; border-bottom:solid 1px #CCC; padding:.5em 0; }

.listagem2 img{ float:left; overflow:hidden; width:100px; height:75px; text-align:center; margin:0 5px; }

.listagem{ margin:.5em 0; border-bottom:2px solid #f8ffe3; }

.listagem img, photoShow .img{ float:left; overflow:hidden; width:100px; height:75px; text-align:center; margin:0 5px; }

.texto { float:left; width:398px; padding:0 6px; }

.texto span, .small{ font-size:.8em; color:#666; display:block; }

.texto h4 { margin-bottom:2px !important;}



.photoShow { margin:0; }

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


/* lista galeria */

ul.galeria { list-style:none; padding:0; margin:0;}
ul.galeria li { float:left; display:block; width:156px; height:107px; background:url(../../img/bg-imgGaleria.gif) top left no-repeat; margin:7px;}
ul.galeria a { width:150px; height:97px; overflow:hidden; display:block; display:block; text-align:right; vertical-align:bottom; }
ul.galeria img { margin:3px 3px 3px 0;}


/* Coluna Direita */

.banner { width:340px; height:144px; overflow:hidden; display:block; margin:0 0 14px 0;}

.votacao { border:1px solid #d2e289; padding:54px 14px 14px 14px; background:url(../../img/bg-votacao.gif) left top no-repeat; width:312px; margin:0 0 8px 0;}
.votacao span { color:#728b13; font-weight:bold;}
.votacao form { margin:0; padding:0;}

.publicidade { width:300px; height:300px; background:url(../../img/bg-publicidade.gif) left top no-repeat #eee; display:block; padding:20px;}
.publicidade .anuncio { display:block; width:300px; height:300px; overflow:hidden;}


/* Retroceder. */

.retroceder {}



/* Pagina��o. */

.paginacao { clear:both; margin:10px 0 0 0; }

.textoPaginacao, .activo, .inativo { display:block; padding:5px; margin:1px; float:left; }

.activo, .inativo:hover { background:#91b12a; color:#fff; float:left; display:block; }

.inativo { color:#fff; float:left; display:block; background:#728824; }







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

}



/* Coluna da Direita.

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



/* Rodape.

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

.navRodape { list-style:none; padding:0; margin:5px 0 0 0; float:left;}
.navRodape li { float:left; margin:0 8px; position:relative;}
.navRodape a { display:block; color:#fff; font-weight:bold;}
.navRodape li ul { position:absolute; z-index:2; list-style:none; bottom:14px; left:-12px; display:none; margin:0; padding:0;}
.navRodape li:hover ul { display:block;}
.navRodape li li a {-moz-border-radius: 0; -webkit-border-radius: 0; border-bottom: 1px solid #5a483e; background:#472712; width:150px; padding:5px;}


.mapaSite { float:right; margin:0 10px 0 0;}

.copyright{ display:block; font-size:.9em; margin:8px 0 0 0; border-top:1px solid #fff; padding:5px 0 0 0; color:#fece96; }
.copyright a { color:#fece96;}



/* Extras.

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

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

/* Apenas aplicado na animacao inicial. */

#mbCenter.mbLoading { background: #fff url(../../img/WhiteLoading.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; padding:10px; }

#mbImage a, #mbImage a:link, #mbImage a:visited { color:#333; }

#mbImage a:hover, #mbImage a:active { color:#000; }

/* Styles para elementos que compoem a janela. */

#mbBottom { min-height:20px; line-height:20px; color:#999; text-align:left; padding:0 10px 10px; }

#mbTitle { display:inline; color:#000; font-weight:bold; line-height:20px; font-size:12px; }

#mbNumber { display:inline; color:#333; line-height:14px; font-size:10px; margin:auto 10px; display:block; }

#mbCaption { display:block; color:#333; line-height:14px; font-size:10px; }

#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }

#mbPrevLink { width:83px; background:transparent url(../../img/WhitePrevious.gif) no-repeat center; }
#mbNextLink { width:54px; background:transparent url(../../img/WhiteNext.gif) no-repeat center; }
#mbCloseLink { width:65px; background:transparent url(../../img/WhiteClose.gif) no-repeat center; }

/* Styles para os alertas da versao flash. */
#mbError { position:relative; line-height:20px; 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:link, #mbError a:visited, #mbError a:hover, #mbError a:active { 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;
}

.miniAreas { border:solid 1px #708b18; color:#708b18; background:none; display:block; padding:6px; background:#fcfff1; margin:.8em 0 1em 0;}

/* juvearte */

.mainJuvearte { width:100%;}

.wrapperJuvearte { min-height:100px; display:block; text-align:left;  padding:28px;}

.cartazJuvearte { width:331px; height:411px; float:left; margin:0 20px 20px 0; display:block; overflow:hidden; }

.rodJuvearte { background:#728824; color:#fff; padding:6px; width:938px; text-align:left;}

.rodJuvearte a { margin:0 5px; color:#fff;}