/*IMAGENS QUE SAO COMUNS A TODOS OS FILMES
  1- defino IDS para ICONhome, ICONmap, ICONajuda pois vao ser usados
  em java scrip
 2- Teve  de ser tudo o topo da posto em posicoes absolutas, pois relativas tinha erro idiota no netscape
 com rooover a aparecer onde nao deviam*, exceptuando os ICON#, k poderam ser relativas*/
#ICONhome{
	position : relative;
	top : -51px;
	left : 331px;
	visibility : hidden;
}
#ICONmapa{
	position : relative;
	top : -51px;
	left : 177px;
	visibility : hidden;
}
#ICONajuda{
	position : relative;
	top : -51px;
	left : 97px;
	visibility : hidden;
}
#ICONpesquisar{
	position : relative;
	top : -51px;
	left : 254px;
	visibility : hidden;
}
#ICONfaq{
	position : relative;
	top : -51px;
	left : 19px;
	visibility : hidden;
}
.imgseccao{
	position : relative;
	top : 0px;
	left : 22px
}
/* tentei meter os icons todos num div e nao deu em nenhum dos browsers, no span
so dava no IE, entao meti no img de cada icon e deu*/
.icons{
	position : absolute;
	top :21px;
	left : 451px;
	width : 120px;
}
.lingua{
	position : relative;
	top :0px;
	left : 31px
}
.lingua2{/*usar na versao inglesa*/
	position : relative;
	top :-1px;
	left : 31px
}

/*.BTtopo2{
   position : relative;
	left : 523px
}*/
.BTtopo{
   position : relative;
	top :-7px;
	left : 676px
}
.BTtopo2{
   position : relative;
	left : 551px
}
.BTtopo3{ /* Usado na ajuda*/
   position : relative;
	left : 716px
}
.BTtopo4{ /* Usado na Loja*/
   position : relative;
	left : 571px
}
/* Teve de ir para um div pois em IMG dava problemas no NS*/
.copyr{
	position : relative;
	top :12px;
	left : 416px
}
.copyr2{ /* usado para ajuda, mapa, acessib*/
	position : relative;
	top :-1px;
	left : 416px
}
.copyr3{/*usado no formulario*/
	position : relative;
	top :-1px;
	left : 255px
}

.BTmenu{
	position : relative;
	top :-2px;
	left : 17px;
}

/* FORMATO DE TXT MAIS USADO*/
.txt1{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	letter-spacing : normal;
	line-height : 13px;
	color : #7B8E8B;
}
.txt1bold{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	letter-spacing : normal;
	line-height : 13px;
	color : #7B8E8B;
	font-weight : bold;
}
.txt1bold12{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	letter-spacing : normal;
	line-height : 13px;
	color : #7B8E8B;
	font-weight : bold;
}
.txt1italic{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	letter-spacing : normal;
	line-height : 13px;
	color : #7B8E8B;
	font-style : italic;
}
br{ /* Para o NS ter o mesmo espacamento k o IE*/
	line-height : 13px;
}
.txt2{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	letter-spacing : normal;
	line-height : 13px;
	color : #7B8E8B;
}
/* apesra de estar invisivel como eŽum link, a mao aparecia quando passava por cima, meti a class
dentro do href, e deixo de funcionar o link no IE, mas dava no NS. Tentei mudar o cursor, mas tb nao deu,
logo optei por mete-lo numa leyer, fora do browser sem estar invisivel. Tevde de ir para un span
em vez de diz,pois a tabela ficava 1px mais curta!!!!!*/
.hide{
	position : absolute;
	top : -200px;
	left : 50px;
    width : 150px;
	/*visibility : hidden;*/
}
/*Esta fora do stage, pois eŽso para ser lido pelos leitores de ecra, usado nos links e glossario*/
.hideLinks{  
	position : absolute;
	top : -50px;
	left : -50px;
    width : 200px;
	visibility : hidden;
}


input.imgok_button{
 background: url(../../imgs/bt_ok_off.gif) center center no-repeat;
 width:27px;
 height:16px;
 border:0px;
 padding:0px;
 margin:0px;
 position:relative;
 top:2px !important;
 top:0px;
 left:-3px;
}


input.imgok_button:hover{
 background: url(../../imgs/bt_ok_over.gif) center center no-repeat;
 width:27px;
 height:16px;
 border:0px;
 padding:0px;
 margin:0px;
 position:relative;
 top:2px !important;
 top:0px;
 left:-3px;
 cursor:pointer;
}