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

 Folha de Estilo com tudo relacionado com o eMarkatplace

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

/* Containers e Caixas
-------------------------------------------------------------- */

body#marketplace { background:url(../../img/bgBodyInt.gif) top left repeat-x;}
body#marketplace div.fundo { background:url(../../img/bgHtmlInt.gif) top center no-repeat; width:100%; height:100%;}
body#marketplace div.colMain { width:700px; margin-right:20px;}
div.colMain + div.colDir { margin-top:22px; float:right;} 

/* Cabecalho.
-------------------------------------------------------------- */
body#marketplace h1.logo { margin:70px 0 0 12px;}
body#marketplace h1.logo a { background:url(../../img/logoInterior.gif) top left no-repeat; width:322px; height:71px; display:block; text-indent:-9999em;}

div.msgTopo { float:right; margin:27px 195px 0 0; color:#89c5de; width:318px; text-align:right;}
h2.bemVindo { display:block; width:318px; height:75px; text-indent:-9999em; background:url(../../img/bemVindo.gif) top left no-repeat; text-align:left;}

span.imgTopo { background:url(../../img/imgTopo1.gif) top left no-repeat; display:block; width:247px; height:191px; position:absolute; right:0; top:9px;}

h2.tEMarketplace { background:url(../../img/tEMarketplace.gif) top left no-repeat; width:223px; height:34px; text-indent:-9999px;position:absolute; right:20px; top:98px;}
div.dadosUser { float:right; margin-top:10px; color:#bde8f6;}
div.dadosUser span.branco { color:#fff;}
div.dadosUser a { display:inline-block; padding-left:25px;}
a.logoff { background:url(../../img/bLogOff.gif) top left no-repeat; color:#fff; text-shadow:1px 1px 0px #9e1512;}
a.logoff span { background:url(../../img/bLogOff.gif) top right no-repeat; padding:9px 9px 9px 0; display:block; font-size:11px;}
a.ajuda { background:url(../../img/bAjuda.gif) top left no-repeat; color:#fff; text-shadow:1px 1px 0px #a07312;}
a.ajuda span { background:url(../../img/bAjuda.gif) top right no-repeat; padding:9px 9px 9px 0; display:block; font-size:11px;}
a.dados { padding-left:0 !important; color:#fff; }
a.dados span { background:url(../../img/bDados.gif) top right no-repeat; padding:9px 9px 9px 0; display:block; font-size:11px;}

/* Conteúdo
--------------------------------------------------------------- */
div.homeEsquerda, div.homeEsquerdaComMargem { width:475px; float:left; position:relative; }
div.homeEsquerdaComMargem { margin-top:25px;}
div.homeDireita { width:209px; float:left; margin:25px;}
div.homeEsqDir { width:709px; float:left;  margin-right:25px; }

div.homeEsquerda h2, div.homeEsqDir h2 { margin:20px 0 !important;}
ul.noticiasMarket h3 { font-weight:bold; font-size:12px; }

span.gMaps { display:inline-block; text-indent:-9999em; width:86px; height:18px; background:url(../../img/gMaps.gif) top left no-repeat; text-align:left;}
dl.proposta input, dl.proposta textarea, dl.proposta select  { margin:0;}

a.paraSeleccionado, a.paraSeleccionado span { display:inline-block; background-image:url(../../img/bgPara.gif); background-repeat:no-repeat; }
a.paraSeleccionado { padding-left:24px; background-position:top left; margin:5px;}
a.paraSeleccionado span { padding:4px 10px 0 0; background-position:top right; height:17px;}
a.paraSeleccionado:hover { background-position:bottom left; color:#fff;}
a.paraSeleccionado:hover span { background-position:bottom right;}


/* Divisoes na home */
div.divisao { font-family:"Tahoma"; margin-bottom:20px; width:100%;}
div.divisao h3, div.colMain h2 { background:url(../../img/bgTitulosSeccaoEsq.gif) top left no-repeat; font-size:17px; color:#015ba3; padding-left:10px;}
div.divisao h3 span,  div.colMain h2 span { background:url(../../img/bgTitulosSeccao.gif) top right no-repeat; display:block; padding:13px 10px 12px 0;}
div.divisao dl { border-left:solid 1px #e7e7e7; border-right:solid 1px #e7e7e7; padding:10px 0;}
div.divisao dt { float:left; padding:6px 0 6px 9px; color:#8a8a8a; font-size:11px; width:130px;}
div.divisao dd { float:left; padding:6px 9px 6px 0; color:#000; font-size:11px; text-align:right; width:59px;}
.par { background:#f9f9f9;}

div.divisao span.bordaBaixo, div.colMain span.bordaBaixo { background:url(../../img/bgBottomTextos.gif) top left no-repeat; height:6px; display:block; padding-left:6px;}
div.divisao span.bordaBaixo span, div.colMain span.bordaBaixo span { display:block; background:url(../../img/bgBottomTextos.gif) top right no-repeat; height:6px;}

div.grafico { border-left:solid 1px #e7e7e7; border-right:solid 1px #e7e7e7; line-height:1.5em;}
div.grafico ul { list-style:url(../../img/bulletLaranja.gif); margin:0 1.5em 0; padding:.5em 0 0 0;}
div.grafico ul a { color:#505050; text-shadow:1px 1px 0px #fff; display:block;}

div.divisaoMensagens { font-family:"Tahoma"; margin:15px 0; width:100%;}
div.divisaoMensagens h3 { background:url(../../img/bgTitulosMensagens.gif) top left no-repeat; font-size:17px; color:#fff; padding-left:20px; }
div.divisaoMensagens h3 span { background:url(../../img/bgTitulosMensagens.gif) top right no-repeat; display:block; padding:13px 10px 12px 0;}


/* Login */
div.login h3 { background:url(../../img/tituloLaranja.gif) top left no-repeat; font-size:17px; color:#fff; padding-left:17px; font-family:"Tahoma"; width:198px;}
div.login h3 span { background:url(../../img/tituloLaranja.gif) top right no-repeat; display:block; padding:18px 10px 14px 0;}

/* Difere para a loja online */
div.colEsq div.login { width:214px;}
div.colEsq div.login h3 { background:url(../../img/tituloLaranja1.gif) top left no-repeat; }
div.colEsq div.login h3 span { background:url(../../img/tituloLaranja1.gif) top right no-repeat;}
/*div.colEsq div.login form { background:url(../../img/bgLaranja1.gif) top left repeat-y;}*/
div.colEsq div.login input[type="text"],
div.colEsq div.login input[type="password"] { width:149px;}
div.colDir div.login a { color:#fff; font-size:0.9em; }


div.login span.bordaBaixo { background:url(../../img/borderBottomLaranja.gif) top left no-repeat; height:14px; display:block; padding-left:12px; width:203px;}
div.login span.bordaBaixo span { display:block; background:url(../../img/borderBottomLaranja.gif) top right no-repeat; height:14px;}

div.login form { background:url(../../img/bgLaranja.gif) top left repeat-y; padding:10px 20px;}
div.login label { color:#fff; font-weight:normal; display:block;}
div.login p { margin:0;}
div.login input { border:none;}
div.login input[type="text"],
div.login input[type="password"] { background:#db5527; border-top:solid 1px #c54c23; border-left:solid 1px #c54c23; margin:0 0 0.5em; width:168px; color:#fff; }
div.login input[type="submit"] { border:none; background:url(../../img/bIniciarSessao.gif) top left no-repeat; height:28px; width:126px; text-indent:-9999em; line-height:0; cursor:pointer;}
div.login input[type="submit"]:hover { background:url(../../img/bIniciarSessao.gif) center left no-repeat;}
div.login input[type="submit"]:active { background:url(../../img/bIniciarSessao.gif) bottom left no-repeat;}

ul.navLogin { list-style:url(../../img/bulletLaranja.gif); padding:10px 10px 0; font-size:11px;}
ul.navLogin li { margin-bottom:5px;}
ul.navLogin li a { color:#505050;}
ul.navLogin li a:hover { color:inherit;}

/* Links laterais */
a.linkLateral { display:block; margin:10px 0 10px 5px;}

ul.navegacaoLateral { margin:10px 0; list-style:none;}
ul.navegacaoLateral li { margin-bottom:15px;}
ul.navegacaoLateral li + li { margin-bottom:10px;}
ul.navegacaoLateral li strong { font-size:15px; color:#003a68; font-family:"Tahoma"; }
ul.navegacaoLateral li a, a.categoriaLojaOnline { display:block; border-bottom:solid 1px #cad6df; padding:0 0 7px 25px; color:#5e5e5e; font-size:13px; background-position:top left; background-repeat:no-repeat;}
ul.navegacaoLateral li a:hover, ul.navegacaoLateral li a.activo { color:#fa864e; font-weight:bold;}
a.recebidas { background-image:url(../../img/pastaAberta.gif);}
a.respondidas { background-image:url(../../img/pastaEnviada.gif);}
a.concluidas { background-image:url(../../img/pastaZip.gif);}
a.historico { background-image:url(../../img/pastaArquivo.gif);}
a.normal { background-image:url(../../img/pastaNormal.gif);}

.imail { display:block; float:left; padding:0 0 7px 25px; color:#5e5e5e; font-size:13px; background-position:top left; background-repeat:no-repeat;}
.mailnormal { background-image:url(../../img/emailNormal.gif);}
.mailaberto { background-image:url(../../img/emailAberto.gif);}

/* Menu */
ul.menuMarketplace { width:950px; margin:0; list-style:none; margin-top:25px; float:left;}
ul.menuMarketplace li { float:left; margin-right:5px;}
ul.menuMarketplace li a.esquerda { display:block; background:#003a68; color:#fff; padding:9px 10px; margin-top:4px;}
ul.menuMarketplace li a.esquerda:hover, a.active { background:#efefef !important; color:#003a68 !important; /*font-weight:bold;*/ padding:9px 10px !important; margin-top:4px !important;}
ul.menuMarketplace li.direita { float:right;}
ul.menuMarketplace li.direita a { display:block; margin-top:0; color:#fff;}
ul.menuMarketplace li.direita a:hover { display:block; color:#fc7837;}
ul.menuMarketplace a.pesquisa { background:url(../../img/bPesquisar.gif) top left no-repeat; padding:11px 0 11px 65px; color:#fff; margin-right:15px;}
ul.menuMarketplace a.definicoes { background:url(../../img/bdefinicoes.gif) left 8px no-repeat; padding:11px 0 11px 25px;}


/* Listagem de items */
table.tabelaListagem { }
table.tabelaListagem thead td { color:#fff; padding:10px 5px; font-weight:bold; background:#015ba3;}
table.tabelaListagem tbody td { border-bottom:solid 1px #e5e5e5; vertical-align:middle;}
table.tabelaListagem tfoot td { padding:10px; text-align:right; background:#f4f4f4;}
table.tabelaListagem tfoot a { display:inline-block; padding:4px 8px; color:#003a68; font-style:normal;}
table.tabelaListagem tfoot a:hover, table.tabelaListagem tfoot a.activo { color:#fff !important; background:#015ba3 !important;}
table.tabelaListagem td.designacao { width:450px;}
table.tabelaListagem td.empresa { width:210px;}
table.tabelaListagem td.responder { width:85px;}
table.tabelaListagem td.prazo, table.tabelaListagem tbody td + td + td  { width:250px;}
table.tabelaListagem tbody td + td + td + td { width:85px;}
table.tabelaListagem a.lido,
	table.tabelaListagem a.naoLido,
	table.tlHome a.lido,
	table.tlHome a.naoLido { display:inline-block; padding:3px 0 5px 23px; background-position:top left; background-repeat:no-repeat; margin:5px 0; }
table.tabelaListagem a.lido,
	table.tlHome a.lido { background-image:url(../../img/pastaAberta.gif); color:#636363;}
table.tabelaListagem a.naoLido,
	table.tlHome a.naoLido{ background-image:url(../../img/pastaFechada.gif);}

table.tabelaListagem p { margin:0;}

input.responderMsg { background:url(../../img/iconResponder.png) left center no-repeat; padding-left:18px; border:none; cursor:pointer;}
input.adicionarMsg { background:url(../../img/iconNovaMsg.png) left center no-repeat; padding-left:18px; border:none; cursor:pointer;}
	
div.divisaoMensagens div.textos div { margin-bottom:10px; position:relative;}
input.btnResponderMsg { display:none; position:absolute; right:2px; top:2px;	cursor:pointer; margin:0;}
div.divisaoMensagens div.textos div:hover input.btnResponderMsg { display:block;}

div.msgPropria, span.msgPropria { padding:0 5px; border:solid 1px #e0e0e0; background:#f9f9f9;}
div.msgCriador, span.msgCriador { padding:0 5px; border:solid 1px #bfe3ff; background:#dbecf9;}

span.msgCriador, span.msgPropria { display:inline-block; height:10px; width:10px;}

table.tabelaListagem thead td a{ display:block; float:left; color:#fff; }

.listagemAsc, .listagemDesc { display:block; width:15px; height:8px; text-indent:-9999em; }
.listagemAsc{ background: url(../../img/icon-top.gif) no-repeat top; }
.listagemDesc{ background: url(../../img/icon-bottom.gif) no-repeat bottom; }

/* Proposta, ficheiro no upload */
#demo-list{}
#demo-list li{ background:#f9f9f9; margin:1px 0; padding:5px; }
#demo-list span{}
#demo-list .file-title{}
#demo-list .file-size{}

/* Listagem Mensagem recebidas no dasboard */
.tlHome{ width:100%; border-left:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9; padding:10px; margin-bottom:0;}
.tlHome td { border-bottom:solid 1px #e5e5e5; }
.tlHome thead,
	.tlHome tfoot{ display:none; visibility:hidden; }
table.tlHome a { margin:0 !important; padding:2px 0 3px 23px !important; }

/* Atalhos */
div.atalhos { font-family:"Tahoma"; margin:25px 0;}
div.atalhos h3 { background:url(../../img/tLaranja.gif) top left no-repeat; font-size:17px; color:#fff; padding-left:10px; margin:0}
div.atalhos h3 span { background:url(../../img/tLaranja.gif) top right no-repeat; display:block; padding:13px 10px 12px 0;}
div.atalhos div { background:#f96017; border-right:solid 1px #c34306; border-left:solid 1px #c34306; padding:0 10px; color:#fdc6ab;}
div.atalhos ul { margin:0 10px; list-style:url(../../img/bulletBranco.gif); }
div.atalhos ul li { margin-bottom:5px;}
div.atalhos ul a { color:#fff;}
div.atalhos p { padding:5px 0; margin:0; }
div.atalhos span.bordaBaixo { background:url(../../img/bottomLaranja.gif) top left no-repeat; height:8px; display:block; padding-left:6px;}
div.atalhos span.bordaBaixo span { display:block; background:url(../../img/bottomLaranja.gif) top right no-repeat; height:8px;}

/* Sugestao */
div.sugestao h3 { font-family:"Tahoma"; background:url(../../img/tAmarelo.gif) top left no-repeat; font-size:17px; color:#a0a053; padding-left:25px;}
div.sugestao h3 span { background:url(../../img/tAmarelo.gif) top right no-repeat; display:block; padding:13px 10px 0 0;}
div.sugestao div { background:#ffffcc; border-right:solid 1px #e6de86; border-left:solid 1px #e6de86; padding:10px; color:#000;}
div.sugestao span.bordaBaixo { background:url(../../img/bottomAmarelo.gif) top left no-repeat; height:8px; display:block; padding-left:6px;}
div.sugestao span.bordaBaixo span { display:block; background:url(../../img/bottomAmarelo.gif) top right no-repeat; height:8px;}
div.sugestao .mais { border:none; background:none; color:#a0a053; padding:0; cursor:pointer; }
div.sugestao .mais:hover { color:#000; }

/* Propostas */
dl.proposta dt, dl.proposta dd { float:left; margin-bottom:20px; display:block; }
dl.proposta dt { width:150px; font-weight:bold; color:#000; text-align:right; margin:4px 10px 0 0; }
dl.proposta dd { width:458px; }
dl.proposta dd span.titulo { background:#fafafa; color:#015ba3; font-weight:bold; font-size:16px; padding:5px 10px;}

	/* Esclarecimentos nas propostas */
	div.esclarecimentos { float:left; width:700px; margin:20px 20px 0 0;}
	div.esclarecimentos ul { list-style:none; margin:0; width:700px;}
	div.esclarecimentos li { border-right:solid 1px #e7e7e7; border-left:solid 1px #e7e7e7; padding:20px; color:#313131;}
	div.esclarecimentos span.esquerda { display:block; width:150px; text-align:right; float:left; margin-right:10px;}
	div.esclarecimentos span.direita{ display:block; width:498px; float:left;}
	div.esclarecimentos li.par { background:#e7e7e7;}
	div.esclarecimentos li.impar { background:#f2f2f2;}
	div.esclarecimentos span.bordaBaixo { background-position:top left; background-repeat:no-repeat; height:8px; display:block; padding-left:6px;}
	div.esclarecimentos span.bordaBaixo span { display:block; background-position:top right; background-repeat:no-repeat; height:8px;}
	span.bordaBaixoImpar { background-image:url(../../img/bottomImpar.gif);}
	span.bordaBaixoImpar span { background-image:url(../../img/bottomImpar.gif);}
	span.bordaBaixoPar { background-image:url(../../img/bottomPar.gif);} 
	span.bordaBaixoPar span { background-image:url(../../img/bottomPar.gif);} 
	
	
	/* Navegação dos esclarecimentos */
	div.esclarecimentos li.topo { border:none; padding:0;}
	div.esclarecimentos li.topo span.esquerda {background:url(../../img/tAzul.gif) top left no-repeat #015ba3; color:#fff; font-size:16px; margin:0; padding:20px 10px 10px 20px; font-weight:bold;}
	div.esclarecimentos li.topo span.direita {background:url(../../img/tAzul.gif) top right no-repeat  #015ba3; width:520px; padding-top:30px;}
	li.topo a { display:inline-block; padding:10px 10px 10px 13px; background:url(../../img/setaAzul.gif) left 10px no-repeat; color:#fff; margin-right:10px;}
	li.topo a:hover, li.topo a.active { color:#000; background:#f2f2f2;}