@charset "utf-8";
/* CSS Document */

/* main classes */
.floatLeft { float: left; margin-right: 20px; }
.floatRight { float: right; margin-left: 20px; }

iframe {
	z-index: 100;
}

#header {
	height:182px;
	width: 928px;
	/*position: fixed;*/
	margin: 0 auto auto;
	/*left: 50%;*/
	background: url('../img/header_bg.jpg');
	/*margin-left: -464px;*/
	z-index: 90;
}

/* * html #header {
	position: absolute;
	margin-left: -463px;
}*/

#header img {
	display: inline;
	float: left;
}

	#header img.kids {
		margin-top: -147px;
		margin-left: 700px;
	}

/* ---------- Menu de navegação ----------*/

.jquerycssmenu{
width: 700px;
position: absolute;
left: 0;
top: 147px;
}

.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
width: 140px;
margin-bottom: 0;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
text-decoration: none;
}

.jquerycssmenu ul li a.inicio,
.jquerycssmenu ul li a.inicioSelected,
.jquerycssmenu ul li a.fundacao,
.jquerycssmenu ul li a.fundacaoSelected,
.jquerycssmenu ul li a.solidario,
.jquerycssmenu ul li a.solidarioSelected,
.jquerycssmenu ul li a.projectos,
.jquerycssmenu ul li a.projectosSelected,
.jquerycssmenu ul li a.contactos,
.jquerycssmenu ul li a.contactosSelected {
	text-indent: -9999px;
	height: 35px;
}
			/*Menus*/
			
			/*Início*/
			.jquerycssmenu ul li a.inicio:link,
			.jquerycssmenu ul li a.inicio:visited {
				background: url('../img/main_nav.gif') 0 0 no-repeat;
			}

			.jquerycssmenu ul li a.inicio:hover{
				background: url('../img/main_nav.gif') 0 -35px no-repeat;
			}

			.jquerycssmenu ul li a.inicioSelected{
				background: url('../img/main_nav.gif') 0 -70px no-repeat;
			}

			/*A Fundação*/
			.jquerycssmenu ul li a.fundacao:link,
			.jquerycssmenu ul li a.fundacao:visited {
				background: url('../img/main_nav.gif') -140px 0 no-repeat;
			}

			.jquerycssmenu ul li a.fundacao:hover{
				background: url('../img/main_nav.gif') -140px -35px no-repeat;
			}

			.jquerycssmenu ul li a.fundacaoSelected{
				background: url('../img/main_nav.gif') -140px -70px no-repeat;
			}

			/*Ser Solidário*/
			.jquerycssmenu ul li a.solidario:link,
			.jquerycssmenu ul li a.solidario:visited {
				background: url('../img/main_nav.gif') -280px 0 no-repeat;
			}

			.jquerycssmenu ul li a.solidario:hover{
				background: url('../img/main_nav.gif') -280px -35px no-repeat;
			}

			.jquerycssmenu ul li a.solidarioSelected{
				background: url('../img/main_nav.gif') -280px -70px no-repeat;
			}

			/*Projectos e Actividades*/
			.jquerycssmenu ul li a.projectos:link,
			.jquerycssmenu ul li a.projectos:visited {
				background: url('../img/main_nav.gif') -420px 0 no-repeat;
			}

			.jquerycssmenu ul li a.projectos:hover{
				background: url('../img/main_nav.gif') -420px -35px no-repeat;
			}

			.jquerycssmenu ul li a.projectosSelected{
				background: url('../img/main_nav.gif') -420px -70px no-repeat;
			}

			/*Contactos*/
			.jquerycssmenu ul li a.contactos:link,
			.jquerycssmenu ul li a.contactos:visited {
				background: url('../img/main_nav.gif') -560px 0 no-repeat;
			}

			.jquerycssmenu ul li a.contactos:hover{
				background: url('../img/main_nav.gif') -560px -35px no-repeat;
			}

			.jquerycssmenu ul li a.contactosSelected{
				background: url('../img/main_nav.gif') -560px -70px no-repeat;
			}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
width: 140px;
position: absolute;
left: 0;
display: block;
visibility: hidden;
margin-top:2px;
margin-top:0;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: left;
width: 140px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font: normal 11px Verdana;
width: 128px; /*width of sub menus*/
height: 20px;
line-height: 10px;
background: #135176;
color: #fff;
margin: 0;
padding:5px;
text-align:center;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}

/* ---------- Fim de menu de navegação ----------*/

/* ---------- Layout geral ----------*/

#wrap {
	margin: 0 auto auto;
	width: 927px;
	position: relative;
	z-index: 80;
}

#main_content {
	background: #fff;
	width: 655px;
	min-height: 390px;
	height: auto !important;
	height: 390px;
	float: left;
	/*margin-top: 190px;*/
	margin-top: 8px;
	border-bottom: 5px solid #549ce4;
	padding:0px 15px 15px 30px;
	z-index: 81;
}

	*+html #main_content {
		/*margin-top: 189px;*/
	}
	
	#main_content .img_right{
		float: right;
		display: inline;
		margin-left: 5px;
	}
	
	#main_content .img_left{
		float: left;
		display: inline;
		margin-right: 5px;
	}
	
	#main_content p span a {
		color: #549CE4;
		text-decoration: none;
	}
	
	#contacts_list {
		float: left;
		display: inline;
	}
	
		#contacts_list a {
			color: #000;
			text-decoration: none;
		}
	
	/* ---------- Formulário ----------*/
	
	#form{
			width: 365px;
			float: right;
			display: inline;
	}
		
		#form a {
			color: #265978;
		}
		
	fieldset{
		border: none;
		margin: 0;
	}
	
	label{
		float: left;
		text-align:left;
		/*width: 55px;*/
		font-size: 14px;
		margin: 10px 5px 2px 0px;
		color: #265978;
		/*clear: both;*/
		cursor: pointer;
	}
	
		label span{
			font-size: 12px;
			float: none;
		}
	
	fieldset input{
		font: 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
		border: 1px solid #999;
		width: 326px;
		height: 17px;
		line-height: 12px;
		margin: 0;
		padding: 3px;
		color: #333;
		clear: both;
	}
	
	fieldset textarea{
		font: 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
		border: 1px solid #999;
		width: 326px;
		margin-bottom: 3px;
		margin-left: 5px;
		margin: 0;
		padding: 3px;
		color: #333;
		clear: both;
		overflow: auto;
	}

		fieldset input:hover,
		fieldset input:active,
		fieldset textarea:hover,
		fieldset textarea:active {
			border: 1px solid #549CE4;
		}
		
		fieldset input:focus,
		fieldset textarea:focus {
			border: 2px solid #549CE4;
			padding: 2px;
			width: 326px;
		}
	
	p.error { 
		color: red;
		font-weight: bold;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	p.nota{
		margin-bottom: 0;
		padding-bottom: 0;
	}

	
	input#submit {
		margin-top: 10px;
		/*padding: 5px 10px;*/
		width: 118px;
		height: 52px;
		background: url('../img/submit_btn.jpg') 0 0 no-repeat;
		font-size: 14px;
		font-size: 0;
		line-height: 1000px;
		border: none;
		outline: none;
		outline-style: none;
		/*cursor: pointer;*/
	}
	
	input#submit:hover {
		background: url('../img/submit_btn.jpg') 0 -52px no-repeat scroll;
	}
	
	/* =selectField First item */
	.firstSelect {
		color: #999;
		}
	
.floatInput {
	float: left;
	margin-top: 10px;
}
/* = checkboxes input/label */
.checkbox {
	border: 1px solid #549CE4;
	float: left;
	margin: 6px;
	width: 14px !important;
	height: 14px;
}
	input.checkbox:hover, input.checkbox:focus {
		border: 2px solid #549CE4;
		padding: 2px;
		}
.checkboxLabel {
	float: left;
	margin-top: 5px;
}
	/* ---------- Fim de formulário ----------*/
	

/* ---------- Barra direita ----------*/

#sidebar {
	position: absolute;
	width: 227px;
	float: left;
	/*margin: 182px 0 0 700px;*/
	margin: 0px 0 0 700px;
	*margin-left: 0;
}

	#sidebar img {
		float: left;
		display: inline;
	}

	#slideshow {
		background: url('../img/slideshow_bg.gif');
		width: 227px;
		height: 157px;
		float: left;
	}

	#contactos {
		background: url('../img/sidebar_bg.gif');
		padding: 0 0 8px 10px;
		width: 217px;
		margin-bottom: 9px;
		float: left;
	}
	
	#patrocinio {
		background: url('../img/sidebar_bg.gif');
		padding: 5px 0 3px 16px;
		width: 208px;
		float: left;
	}
	
	#siteinfo {
		width: 210px;
		text-align: center;
		margin-top: 5px;
		float: left;
	}
	
		#siteinfo p {
			color: #fff;
		}
		
			#siteinfo p a:link,
			#siteinfo p a:visited {
				color: #fff;
				font-weight: bolder;
				text-decoration: none;
			}
			
			#siteinfo p a:hover {
				text-decoration: underline;
			}