/* CSS Document */

/*


	Copyright 2008 pkage design

	mail@pkage.com
      

*/
 
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// BODY */
body,html {
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
}

/*retirar borda pontilhada*/
a{
outline: none;
text-decoration: none;
} 

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// DIV´S */ 
.mesa_central{
	width: 1000px;
	height: 660px;
}

.mesa_left{
	position:relative;
	float: left;
	padding-left: 25px;
	width: 228px;
	height: 660px;
	background-color:#FFF;
	z-index:4
}

.mesa_logo{
	width: 212px;
	height: 90px;
	margin-top: 40px;
}

#mesa_menu{	
	position:absolute;
	width: 215px;
	height:auto;
	bottom: -27px;
}

.mesa_split{
	position: relative;
	float: left;
	width: 3px;
	height: 660px;
	background: url('../MEDIA/split.gif');
} 

.mesa_frame{
	float: left;
	width: 740px;
	height: 660px;
}

#line{
	position:relative;
	z-index:5;
}

#frame{
	position:relative;
	z-index:3;
}

#frame, #logo, #line, #mesa_menu{
	filter:Alpha(opacity=100); 
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// TRASPARENCIA*/ 
.trasparencia{
	position: absolute;
	left: 920px;
	width: 80px;
	height: 660px;
	background: url('../MEDIA/trasparencia.png');
	z-index: 5;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// MENU */
#text_menu, .text_sub_men, #text_menu_p, #text_menu_e{ 
	position: relative;
	width: auto;
	height: 19px;
	margin-bottom: 6px;
}

#text_menu_p{
	width: 66px;
}
#text_menu_e{
	left: 66px;
	top: -27px;
	width: 42px;
}

.text_sub_menu{
	position: relative;
	margin-left:20px;
	height: 18px;
	margin-bottom: 4px;
}

#sub_menu_jogos, #sub_menu_nomes{
	position: relative;
	height:0px;
	overflow: hidden;
}

.hand{
	cursor: hand;
}

/*pt */
.menu01{background: url('../MEDIA/menu01.gif') no-repeat scroll top left;}
.menu01:hover{background: url('../MEDIA/menu01.gif') no-repeat scroll bottom left;}
.menu02{background: url('../MEDIA/menu02.gif') no-repeat scroll top left;}
.menu02:hover{background: url('../MEDIA/menu02.gif') no-repeat scroll bottom left;}
.menu03{background: url('../MEDIA/menu03.gif') no-repeat scroll top left;}
.menu03:hover{background: url('../MEDIA/menu03.gif') no-repeat scroll bottom left;}
.menu04{background: url('../MEDIA/menu04.gif') no-repeat scroll top left;}
.menu04:hover{background: url('../MEDIA/menu04.gif') no-repeat scroll bottom left;}
.menu05{background: url('../MEDIA/menu05.gif') no-repeat scroll top left;}
.menu05:hover{background: url('../MEDIA/menu05.gif') no-repeat scroll bottom left;}
.menu06{background: url('../MEDIA/menu06.gif') no-repeat scroll top left;}
.menu06:hover{background: url('../MEDIA/menu06.gif') no-repeat scroll bottom left;}
.menu07{background: url('../MEDIA/menu07.gif') no-repeat scroll top left;}
.menu07:hover{background: url('../MEDIA/menu07.gif') no-repeat scroll bottom left;}

.jogo01{background: url('../MEDIA/jogo01.gif') no-repeat scroll top left;}
.jogo01:hover{background: url('../MEDIA/jogo01.gif') no-repeat scroll bottom left;}
.jogo02{background: url('../MEDIA/jogo02.gif') no-repeat scroll top left;}
.jogo02:hover{background: url('../MEDIA/jogo02.gif') no-repeat scroll bottom left;}
.jogo03{background: url('../MEDIA/jogo03.gif') no-repeat scroll top left;}
.jogo03:hover{background: url('../MEDIA/jogo03.gif') no-repeat scroll bottom left;}
.jogo04{background: url('../MEDIA/jogo04.gif') no-repeat scroll top left;}
.jogo04:hover{background: url('../MEDIA/jogo04.gif') no-repeat scroll bottom left;}
.jogo05{background: url('../MEDIA/jogo05.gif') no-repeat scroll top left;}
.jogo05:hover{background: url('../MEDIA/jogo05.gif') no-repeat scroll bottom left;}
.jogo06{background: url('../MEDIA/jogo06.gif') no-repeat scroll top left;}
.jogo06:hover{background: url('../MEDIA/jogo06.gif') no-repeat scroll bottom left;}
.jogo07{background: url('../MEDIA/jogo07.gif') no-repeat scroll top left;}
.jogo07:hover{background: url('../MEDIA/jogo07.gif') no-repeat scroll bottom left;}
.jogo08{background: url('../MEDIA/jogo08.gif') no-repeat scroll top left;}
.jogo08:hover{background: url('../MEDIA/jogo08.gif') no-repeat scroll bottom left;}

.nome01{background: url('../MEDIA/nome1.gif') no-repeat scroll top left;}
.nome01:hover{background: url('../MEDIA/nome1.gif') no-repeat scroll bottom left;}
.nome02{background: url('../MEDIA/nome2.gif') no-repeat scroll top left;}
.nome02:hover{background: url('../MEDIA/nome2.gif') no-repeat scroll bottom left;}
.nome03{background: url('../MEDIA/nome3.gif') no-repeat scroll top left;}
.nome03:hover{background: url('../MEDIA/nome3.gif') no-repeat scroll bottom left;}

.contacto01{background: url('../MEDIA/contacto01.gif') no-repeat;}
.contacto02{background: url('../MEDIA/contacto02.gif') no-repeat;}
.contacto02:hover{background: url('../MEDIA/contacto02.gif') no-repeat scroll bottom left;}
.contacto03{background: url('../MEDIA/contacto03.gif') no-repeat;}
.contacto04{background: url('../MEDIA/contacto04.gif') no-repeat;}
.contacto04:hover{background: url('../MEDIA/contacto04.gif') no-repeat scroll bottom left;}

.lingua1{background: url('../MEDIA/lingua1.gif') no-repeat scroll top left;}
.lingua11{background: url('../MEDIA/lingua1.gif') no-repeat top right;}
.lingua11:hover{background: url('../MEDIA/lingua1.gif') no-repeat scroll bottom right;}

/*en */
.menu11{background: url('../MEDIA/en_menu01.gif') no-repeat scroll top left;}
.menu11:hover{background: url('../MEDIA/en_menu01.gif') no-repeat scroll bottom left;}
.menu12{background: url('../MEDIA/en_menu02.gif') no-repeat scroll top left;}
.menu12:hover{background: url('../MEDIA/en_menu02.gif') no-repeat scroll bottom left;}
.menu13{background: url('../MEDIA/en_menu03.gif') no-repeat scroll top left;}
.menu13:hover{background: url('../MEDIA/en_menu03.gif') no-repeat scroll bottom left;}
.menu14{background: url('../MEDIA/en_menu04.gif') no-repeat scroll top left;}
.menu14:hover{background: url('../MEDIA/en_menu04.gif') no-repeat scroll bottom left;}
.menu15{background: url('../MEDIA/en_menu05.gif') no-repeat scroll top left;}
.menu15:hover{background: url('../MEDIA/en_menu05.gif') no-repeat scroll bottom left;}
.menu16{background: url('../MEDIA/en_menu06.gif') no-repeat scroll top left;}
.menu16:hover{background: url('../MEDIA/en_menu06.gif') no-repeat scroll bottom left;}
.menu17{background: url('../MEDIA/en_menu07.gif') no-repeat scroll top left;}
.menu17:hover{background: url('../MEDIA/en_menu07.gif') no-repeat scroll bottom left;} 

.contacto11{background: url('../MEDIA/en_contacto01.gif') no-repeat;}
.contacto14{background: url('../MEDIA/en_contacto04.gif') no-repeat;}
.contacto14:hover{background: url('../MEDIA/en_contacto04.gif') no-repeat scroll bottom left;}

.lingua2{background: url('../MEDIA/lingua2.gif') no-repeat scroll top right;}
.lingua22{background: url('../MEDIA/lingua2.gif') no-repeat scroll top left;}
.lingua22:hover{background: url('../MEDIA/lingua2.gif') no-repeat scroll bottom left;}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// PORTFOLIO */
.line img{border: 1px solid #000000;}
#mesa_folio{position:relative; 	left: 0px;	width: 6000px;	height: 700px;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  SOBRE NÒS */
.imagem{background: url('../MEDIA/imagem.gif') no-repeat scroll bottom right;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  CONTACTOS */
.map{background: url('../MEDIA/map.gif') no-repeat scroll top left;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  FONTES */
.font_10{font: 12px Arial, Helvetica, sans-serif;}
.font_10 a:hover{text-decoration: underline;}
.font_13{font: 13px Arial, Helvetica, sans-serif;}
.font_16{font: 15px Arial, Helvetica, sans-serif;line-height: 18px; color:#000000}
.font_17{font: 17px Arial, Helvetica, sans-serif;}
.font_10 a,.font_13 a,.font_16 a{color:#000000;text-decoration: none;}