/* CSS Document */

/* body */
Body {
	font-family: Helvetica, Georgia, Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	text-align:center;
	margin: 0;
	padding: 0;
	background-image: url(../images/bd_bkg.png);
	background-repeat: repeat-x;
}

/* box da página que comporta todo o contedo */
.PageWrap {
	width: 955px;
	margin: 0 auto;
	height: auto;
	padding: 0 0 0 0px;
}

/* box do topo da página com div a servir de link para o index.html*/
.BannerTop {
	background-color:#5F5C5B;
	width: 955px;
	margin: 0 auto;
	height: 106px;
	padding: 0 0 0 0px;
	background-image:url(../images/top.png);
	background-repeat:no-repeat;
	border:2px solid #5F5C5B;
}

.HomeReturn{
	float:left;
	width: 259px;
	height: 90px;
	position:relative;
	left:13px;
	top: 8px;
	display:block;
}

.LinkHome {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
/* box do conteudo principal */

.MainContent{ height:auto;}
.MainContentTeam, .MainContentObjective { height:auto;}
.MainContent, .MainContentTeam, .MainContentObjective {
	margin: 0 auto 0 auto;
	padding-top:5px;
	padding-bottom:5px;
	width:955px;
	background-color:#F9C500;
	border:2px solid #5F5C5B;
	border-top:0px;
}
/* box de destaque */
.BoxDestaque {
	padding:10px;
	background-color:#FCE280;
	width: 925px;
	height: auto;
	text-align: left;
	margin:auto;
}

.ImagemDestaque {
	background-color:#FCE280;
	width: 400px;
	height:246px;
	text-align: left;
	float: left;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right:5px;
}

.TextoDestaque {
	float:right;
	margin-bottom: 5px;
	margin-top: 5px;
	background-color:#FCE280;
	width: 515px;
	height: auto;
	text-align: left;
}
/* formata o conteudo controlado por javascript esconder/mostrar */

.ReadMore {
	background: #fce280;
	width: 165px;
	padding: 10px;
	text-align: left;
	font-size: 14px;
	margin-left:410px;
	margin-top: 220px;
}

.MoreInfo {
	background: #fce280;
	width: auto;
	padding: 10px;
	text-align: left;
	font-size: 14px;

}

.HideInfo {
	background: #fce280;
	width: auto;
	padding: 10px;
	text-align: left;
	font-size: 14px;
	margin-left:420px;
	margin-top: 5px;
	display: none;
}

/* caixas para informação adicional */
.BoxInfoSmall {
	background-color:#FCE280;
	width: 300px;
	padding:10px;
	text-align:center;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right:5px;
	margin-left:5px;
}

.BoxInfoBig {
	margin-left: 330px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right:5px;
	background-color:#FCE280;
	width: 600px;
	text-align: left;
	padding:10px;
}

/* caixa da lista de apios */
.Sponsor {
	width:955px;
	height:auto;
	background-color:#F9C500;
	border:2px solid #5F5C5B;
	margin-top:3px;
}
/* formatação dos cabeçalhos da informação apresentada */
.HeadLine {
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	color:#333333;
	text-align:center;
}

/* formatao do menu horizontal */

#menu {
	height:35px;
	line-height:35px;
	background:url(../images/bg-menu.png) repeat-x;
	padding:0px;
	}

#menu ul {
	list-style-type:none;
	margin: 0;
	padding-top: 0px;
	padding-left: 50px;
	padding-bottom: 0px;
	padding-right: 50px;
	text-align: justify;}
	
#menu li {
	float:left;
	}
	
#menu li a {
	padding:0 15px;
	display:block;
	color:#ffffff;
	margin-right:10px;
	text-decoration: none;}

#menu li a:hover {
	background:url(../images/bg-menu-hover.png) no-repeat center center;
	}

#menu #current a {
	background-image:url(../images/bg-menu-hover.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;}

/* formatação da pagina de contactos */
.BoxContact{
	padding:10px;
	width: 925px;
	height: 245px;
	text-align: left;
	margin:auto;
}
.ContactList {
	width: 415px;
	margin-right:5px;
	float: left;
	overflow: hidden;}

.ContactForm, .ContactList,  .BoxContact {
	background-color:#FCE280;
	text-align: left;
}
	
.ContactList .ContactForm {
	height:auto;
	margin-bottom: 5px;
	margin-top: 5px;
}

.ContactForm {
	float:right;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 500px;
}

/* formatação da pagina da equipa & objectivos*/

.BoxInfoTeamLeft, .BoxInfoTeamRight, .BoxInfoObjectiveLeft, .BoxInfoObjectiveRight {
	background-color:#FCE280;
	margin-top: 5px;
	margin-right:5px;
	padding:10px;
	height:auto;
	text-align: left;
	}

.BoxInfoTeamLeft, .BoxInfoObjectiveLeft {
	margin-bottom: 5px;
	margin-left:5px;
	
}	
.BoxInfoTeamLeft {
	width: 450px;
	float: left;
}

.BoxInfoObjectiveLeft {
	width: 300px;
	text-align: center;
	float: left;
}

.BoxInfoTeamRight { margin-bottom: 5px; }

.BoxInfoTeamRight {
	margin-left: 480px;
	width: 450px;
}

.BoxInfoObjectiveRight {
	margin-left: 330px;
	width: 600px;
	text-align: left;
}

/* formatação da pagina da actividades */
.basic  {
	width: 600px;
	border: 1px solid #F9C500;
	height:auto;
}

.basic div {
/*	background-color: #FCE280; bug no IE7 - canto */
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-size: 12px;
	margin: 0px;
	padding: 2px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #FCE280;
	border-top: 1px solid #F9C500;
	border-bottom: 1px solid #F9C500;
}

.basic a:hover {
  background-color:#FDECAA;
}

.basic a.selected {
	color: black;
	background-color: #FDECAA;
}

.basic li {
	text-decoration:none;
	font-size:12px;
}

.gallery li{
	list-style:none;
	display:inline;
	float:left;
	padding:5px;
	height:auto;
}

.loadarea {
	border:1px solid #F9C500;
	height: auto;
	text-align:center;
	padding:10px;
}
.ShowProgram {
	background: #fce280;
	width: auto;
	padding: 5px;
	text-align: left;
	font-size: 14px;

}

.HideProgram {
	border:1px solid #F9C500;
	background: #fce280;
	width: auto;
	height:auto;
	padding: 5px;
	text-align: left;
	font-size: 12px;
	margin-left:5px;
	margin-top: 5px;
	display: none;
	font-size:10px;
	clear:both;
}

.BoxPreviewPhoto {
	background-color:#FCE280;
	width: 300px;
	padding:10px;
	text-align: left;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right:5px;
	margin-left:5px;
}
.MainContentActiv {
	height:820px;
	margin: 0 auto 0 auto;
	padding-top:5px;
	padding-bottom:5px;
	width:955px;
	background-color:#F9C500;
	border:2px solid #5F5C5B;
	border-top:0px;
}
