/*
//----------------------------------------------------------------------------------------------------
//	Ficheiro de ESTILOS (Layouts)
//		copyright, 2011-2012 Acrilcorte.com
//		desenvolvimento, 2011 webtags.pt
//			Criado: 	3L, 10-DEZ-2011
//			Alterado: 	3L, 15-FEV-2012
//----------------------------------------------------------------------------------------------------
*/


/* -- DEFINIÇÕES GLOBAIS -- */
body { font-family: 'Helvetica','Lucida Grande','Lucida Sans Unicode',Verdana,Tahoma,Arial,sans-serif; font-size: 10pt; }


h1,h2,h3,h4,h5 { font-family: 'OpenSansLight','Helvetica','Lucida Grande','Lucida Sans Unicode',Verdana,Tahoma,Arial,sans-serif; font-weight: 200; line-height: 1.0em; text-transform: uppercase; color: #313729; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
p { font-size: 1.0em; line-height: 1.2em; text-transform: normal; }
sup { font-size: 0.7em; vertical-align: top; }
a, a:link, a:active, a:visited { text-decoration: none; color: #313729; }
a:hover { text-decoration: none; color: #000; }
ul { list-style: outside circle; margin-left: 30px !important; }
ul li { margin-top: 0.2em; }

.invisivel 	{ background-color: green; height: 10px; }
.alpha5  	{ opacity: 0.05; }
.alpha10 	{ opacity: 0.10; }
.alpha15 	{ opacity: 0.15; }
.alpha20 	{ opacity: 0.20; }
.alpha20 	{ opacity: 0.25; }
.alpha30 	{ opacity: 0.30; }
.alpha40 	{ opacity: 0.40; }
.alpha50 	{ opacity: 0.50; }
.alpha60 	{ opacity: 0.60; }
.alpha70 	{ opacity: 0.70; }
.alpha75 	{ opacity: 0.75; }
.alpha80	{ opacity: 0.80; }
.alpha90 	{ opacity: 0.90; }
.alpha95 	{ opacity: 0.95; }
.alpha100 	{ opacity: 1.00; }

.alinhaEsquerda { text-align: left; }
.alinhaCentro { text-align: center; }
.alinhaDireita { text-align: right; }
.escondido { display: none !important; }

/* -- SPRITES -- */
.botao { display: block !important; cursor: pointer; }
.botaoArtigoCompleto, .iconeAlerta { display: block; background-image: url('/images/sprites.png'); }
.botaoArtigoCompleto { width: 230px; height: 43px; background-position: 0px 0px; }
.iconeAlerta { width: 32px; height: 29px; background-position: -40px -50px; float: left; margin: 2px 0px 0px 3px; }

.botaoFormulario { margin: 15px auto 0px auto !important; width: auto !important; padding: 0.3em 1.5em !important; border: 1px solid #0593DC !important; background-color: #00A6FC; color: #FFF; font-size: 1.1em !important; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.28); -webkit-transition: background-color .15s ease-in-out; -moz-transition: background-color .15s ease-in-out; -o-transition: background-color .15s ease-in-out; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }


/* -- CABEÇALHO -- */
.cabecalho { position: relative; }
.logo { position: absolute; top: 25px; left: 60px; z-index: 3; }
.navegacao { position: absolute; top: 0px; left: 0px; width: 100%; height: 180px; background-image: url('../images/fundoCabecalho.png'); background-repeat: no-repeat; background-position: -250px 0%; z-index: 2; }
.menuNavegacao { position: absolute; width: 430px; height: 105px; top: 0px; left: 333px; z-index: 1; }
.itemNavegacao { float: left; }

.socialLinks { position: fixed; display: block; top: 0px; right: 30px; width: 140px; height: 50px; background-image: url('/images/sprites.png'); background-position: -80px -110px; z-index: 4; }

.slideshow { position: relative; margin-top: 0px; }
.slideshow .descricao { position: absolute; bottom: 80px; left: 0px; width: 45%; }
.slideshow .descricao h1 { margin-bottom: 0.2em; letter-spacing: -0.020em; }
.slideshow .descricao p { line-height: 1.1em; }


/* -- CORPO -- */
.corpo { min-height: 450px; padding-top: 30px; padding-bottom: 30px; }
.caixa { position: relative; margin-bottom: 15px !important; }


/* -- LISTA de CATEGORIAS (Vertical, usada na Página de CANAL) -- */
#listaCategorias { width: 100%; font-family: 'OpenSansLight','Helvetica','Lucida Grande','Lucida Sans Unicode',Verdana,Tahoma,Arial,sans-serif; font-weight: 200; }
#listaCategorias .itemLista { float: left; width: 100%; height: 60px; margin-bottom: 4px; text-align: right; }
#listaCategorias .itemLista img { float: left; }
#listaCategorias a.itemLista.inactivo:hover { background-color: #FFEE00; color: #000; }
#listaCategorias a.itemLista.inactivo { background-color: #E1E5DC; color: #777; }
#listaCategorias a.itemLista.activo { background-color: #FFEE00; color: #000; }
#listaCategorias .nomeCategoria { font-size: 13px; text-transform: uppercase; color: #313729; margin: 13px 13px 0px 13px; }
#listaCategorias .contadorCategoria { font-size: 11px; color: #313729; margin: 3px 13px 13px 13px; }

/* -- LISTA de PRODUTOS () -- */
.listaProdutos { width: 100%; min-height: 100px; position: relative; }
.coluna { float: left; }
.coluna.last { float: right; margin-right: 0px !important; }

.listaProdutos.quatroColunas .coluna { width: 24.2%; margin-right: 1.0%; }
.listaProdutos.seisColunas .coluna { width: 16.0%; margin-right: 0.87%; }


#navegacaoListas { clear: both; width: 100%; height: 30px; font-family: 'OpenSansLight','Helvetica','Lucida Grande','Lucida Sans Unicode',Verdana,Tahoma,Arial,sans-serif; font-weight: 200; font-size: 12px; line-height: 1.3em; border-top: 1px dashed #CFCFCF; }
#navegacaoListas ul { list-style: none; float: right; }
#navegacaoListas ul li { float: left; margin-left: 10px; }
#navegacaoListas ul li.numeroPagina { color: #9BA88A; font-family: 'OpenSansBold','Helvetica','Lucida Grande','Lucida Sans Unicode',Verdana,Tahoma,Arial,sans-serif; }
#navegacaoListas ul li.numeroPagina a { color: #687557; font-family: 'OpenSansRegular','Helvetica','Lucida Grande','Lucida Sans Unicode',Verdana,Tahoma,Arial,sans-serif; }
#navegacaoListas ul li.numeroPagina a:hover { color: #313729; }
#navegacaoListas ul li.direccao { color: #9BA88A; }
#navegacaoListas ul li.direccao a { color: #687557; font-family: 'OpenSansRegular','Helvetica','Lucida Grande','Lucida Sans Unicode',Verdana,Tahoma,Arial,sans-serif; }
#navegacaoListas ul li.direccao a:hover { color: #313729; }


/* -- LISTA de PRODUTOS () -- */
.cxTitulo { border-bottom: 1px dashed #CFCFCF; padding-bottom: 6px; }
.cxTitulo h1 { font-size: 1.2em; color: #6F6F6F; }
.cxTitulo h2 { position: absolute; bottom: 6px; right: 0px; font-size: 0.9em; color: #9F9F9F; text-transform: none; }


/* -- -- */
.cxDestaque { min-height: 150px; }
.cxDestaque h2 { position: absolute; top: 10px; left: 10px; font-size: 18px; color: #333; }
.cxDestaque P { position: absolute; bottom: 10px; right: 10px; font-size: 11px; color: #CCC; }
.cxDestaque img { border: 1px solid #CFCFCF; }

.cxConteudos.destaque { min-height: 248px; border-top: 1px dashed #CFCFCF; border-bottom: 1px dashed #CFCFCF; }

.cxConteudos h2 { padding: 8px 0px; }
.cxConteudos p { padding: 8px 0px; line-height: 1.3em; }
.cxConteudos .botaoArtigoCompleto { position: absolute; bottom: -1px; right: 0px; }

.cxImagem { position: relative; max-width: 100%; background-color: #E1E5DC; padding: 1px; background-image: -moz-linear-gradient(100% 100% 90deg, #F0F0F0, #E0E0E0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#E9E9E9)); min-height: 180px; }
.cxImagem img { border: 0px; }
.cxImagem h2 { font-size: 0.9em; height: 2.0em; padding: 4px 6px; color: #222; text-align: left; }
.cxImagem .legenda { position: absolute; bottom: 10px; right: 0px; width: 80%; background-color: #CCC; text-align: right; }
.cxImagem .legenda p { font-size: 0.7em; text-transform: none; padding: 0.6em 0.8em; color: #FFF; }
.cxConteudos a .cxImagem, .cxConteudos a:link .cxImagem, .cxConteudos a:active .cxImagem, .cxConteudos a:visited .cxImagem, { }
.cxConteudos a:hover .cxImagem { background-color: #FFEE00; background-image: none; }

.cxMorada h1 { font-size: 1.5em; margin-top: 0.7em; margin-bottom: 0.5em; }
.cxMorada p { font-size: 0.9em; margin-bottom: 0.7em; }



/* -- DETALHE de ARTIGO (#detalheArtigo): Modificadores -- */
#detalheArtigo { margin-bottom: 45px; }
#detalheArtigo .cxImagem { float: left; width: 55%; padding: 3px; background-color: #E1E5DC; background-image: none; }
#detalheArtigo .cxImagem img { vertical-align: bottom; }
#detalheArtigo .cxSocialSharing { width: 42%; height: 22px; margin-left: 58%; margin-bottom: 15px; border-bottom: 1px solid #EFEFEF; padding-bottom: 12px; }
#detalheArtigo .cxSocialSharing .botao { float: left; width: 25%; vertical-align: bottom; }
#detalheArtigo .cxSocialSharing .botao.googlePlus { width: 21%; }
#detalheArtigo .cxSocialSharing .botao.facebook { width: 29%; }
#detalheArtigo .cxSocialSharing .botao.linkedIn { width: 29%; }
#detalheArtigo .cxSocialSharing .botao.twitter { width: 21%; }
#detalheArtigo .cxDetalheArtigo { width: 42%; margin-left: 58%; }
#detalheArtigo .cxDetalheArtigo h1 { padding: 0px 0px 5px 0px; }
#detalheArtigo .cxDetalheArtigo h2 { font-size: 1.2em; padding: 0px 0px 15px 0px; }
#detalheArtigo .cxDetalheArtigo p { padding: 0px 0px 10px 0px; line-height: 1.4em; }
#detalheArtigo .cxDetalheArtigo p.rodape { font-size: 1.05em; color: #555; min-height: 20px; }



/* -- FORMULARIOS --*/
.cxFormularioDestaque { min-height: 230px; background-color: #FFEE00; padding: 10px; }
.cxFormularioDestaque h2 { font-size: 1.3em; margin-bottom: 10px; }
.cxFormularioDestaque p { font-size: 9pt; margin-bottom: 15px; }
.cxFormularioDestaque label { display: none; }
.cxFormularioDestaque input { margin: 2px auto; width: 96%; padding: 0.4em 0.3em; border: none; }
.cxFormularioDestaque .inactivo { color: #666; }
.cxFormularioDestaque .activo { color: #000; }

.cxFormulario { border-top: 1px dashed #DDD; border-bottom: 1px dashed #DDD; padding: 15px 0px; }
.cxFormulario h1 { font-size: 1.3em; margin-bottom: 5px; }
.cxFormulario h2 { font-size: 1.1em; text-transform: none; margin-bottom: 20px; }
.cxFormulario p { font-size: 1.0em; margin-bottom: 10px; }
.cxFormulario label, .cxFormulario legend { float: left; width: 25%; text-align: right; margin: 6px 0px 0px 0px; }
.cxFormulario fieldset label { font-size: 0.9em; color: #666; float: none; margin: 0px 10px 0px 5px; }
.cxFormulario input, .cxFormulario textarea { font-family: 'Helvetica','Lucida Grande','Lucida Sans Unicode',Verdana,Tahoma,Arial,sans-serif; font-size: 0.9em; display: block; margin: 0px 2px 4px 27%; padding: 0.4em 0.3em; border: 1px solid #CCC; }
.cxFormulario input[type="radio"] { display: inline; float: none; margin: 5px 0px 0px 15px; }

.cxFormulario .inactivo { color: #666; }
.cxFormulario .activo { color: #000; }

/* -- Notificação de FORMULARIO (Mensagem de ERRO) --*/
.notificacaoFormulario { background-color: #CC0000; border-radius: 10px; border: 2px solid #990000; margin: 0px auto 20px auto; padding: 10px; }
.notificacaoFormulario h1 { font-size: 1.1em; color: #660000; padding-bottom: 0px; text-transform: uppercase; margin: 0px 0px 2px 45px; }
.notificacaoFormulario p { font-size: 0.9em; color: #FFF; margin: 3px 0px 0px 45px; }


/* -- BANNERS -- */
.banner250x90 { position: relative; height: 90px; margin-bottom: 10px; }
.banner250x90 img { position: absolute; top: 0px; right: 0px; border: 1px solid #DFDFDF; }


/* -- GOOGLE MAP -- */
#googleMap { width: auto; height: 280px; background-color: #CCC; }
#googleMap img { width: auto; height: auto; max-width: none; }
#googleMap h1 { position: relative; font-size: 1.2em; color: #666; font-weight: 400; padding-bottom: 0em; }
#googleMap h2 { position: relative; font-size: 1.0em; color: #222; font-weight: 200; padding-bottom: 1.0em; text-transform: none; }
#googleMap p { position: relative; font-size: 0.8em; color: #222; font-weight: 100; font-size: 0.8em; padding-bottom: 0em; text-transform: none; }


/* -- RODAPÉ -- */
.rodape { position: relative; min-height: 55px; }
.rodape .copys { margin-top: 10px; }
.rodape .copys h3 { margin-bottom: 0.5em; }
.rodape .copys p { font-size: 8pt; color: #666; }
.rodape .copys a, .rodape .copys a:link, .rodape .copys a:active, .rodape .copys a:visited { text-decoration: none; color: #666; }
.rodape .copys a:hover { text-decoration: none; color: #000; }
.rodape .tag { position: absolute; bottom: 0px; right: 0px; }