/* Content Index
	1. geral
	2. top
	3. bottom
	4. content wrapper
	5. navigation
	6. content
		6.1. forms
		6.2. newsletter
	7. footer

Color Guide
rodape: f0f0d8
títulos: d08400
texto: 111106

*/

/* ::::::::::::::::::::::::::::::::::::::::: 1. Geral :::::::::::::::::::::::::::::::::::::::: */
body { margin:0; padding:0; background:#f0f0d8; color:#111106; font:13px "tahoma", "Trebuchet MS", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; }
a { outline:none; }
.clear { clear:both; }

/* ::::::::::::::::::::::::::::::::::::::::: 2. Top :::::::::::::::::::::::::::::::::::::::::: */
#top { height:182px; background:#84ae2c url(../imgs/bg_casa_top.jpg) no-repeat top center; text-align:center; }

/* ::::::::::::::::::::::::::::::::::::::::: 3. Bottom ::::::::::::::::::::::::::::::::::::::: */
#bottom { width:100%; background:#84ae2c url(../imgs/bg_casa_bottom.jpg) no-repeat top center; text-align:center; }

/* ::::::::::::::::::::::::::::::::::::::::: 4. Content Wrapper :::::::::::::::::::::::::::::: */
#content-wrap { width:596px; margin:auto; padding-top:52px; } 

/* ::::::::::::::::::::::::::::::::::::::::: 5. Navigation ::::::::::::::::::::::::::::::::::: */
#nav ul { width:596px; height:27px; margin-left:-40px }

/* :::::::::::::::::::::: Para IE7 ou menor ::::::::::::: */
/* ::::::::::::::: */ *:first-child+html #nav ul { margin:auto }
/* ::::::::::::::: */ * html #nav ul { margin:auto }
/* :::::::::::::::::::::: Fim de IE7 ou menor ::::::::::: */

#nav ul li { width:112px; float:left; list-style:none; font-weight:bold; line-height:23px; }
#nav ul li a { display:block; color:#111106; text-decoration:none; background:#dedeba url(../imgs/bg_menu.jpg) repeat-x top left; border:2px solid #cecfb0; border-top-color:#9d9c8d; border-left-color:#9d9c8d; }
#nav ul li a:hover { color:#111106; text-decoration:none; background:#d08400; border:2px solid #d08400;}

#nav .margin { margin-right:9px;}

#apresentacao #nav-apresentacao a,
#projecto #nav-projecto a, 
#projecto-curso #nav-projecto a,
#obra #nav-obra a,
#localizacao #nav-localizacao a, 
#contactos #nav-contactos a { color:#111106; background:#d08400; border:2px solid #d08400; }

/* ::::::::::::::::::::::::::::::::::::::::: 6. Content :::::::::::::::::::::::::::::::::::::: */
#content { width:564px; background:#ecebd7; text-align:justify; border-bottom:1px solid #111106; margin:9px 0 17px 0; padding:16px; }
#content div { padding:1px; }

#content h1 { color:#d08400; font-size:14px; text-transform:uppercase; margin-bottom:15px; clear:left; }
#content h6 { color:#d08400; font-size:11px; font-weight:normal; text-align:center; }
#content h6 a { color:#d08400; text-decoration:underline; }
#content h6 a:hover { color:#d08400; text-decoration:underline; }
#content p { margin-bottom:8px; }
#content p a { color:#111106; text-decoration:underline; }
#content p a:hover { color:#111106; text-decoration:underline; }

#content li { margin-bottom:5px; }
#content li a { color:#111106; text-decoration:none; }
#content li a:hover { color:#111106; text-decoration:underline; }

#content .flash { text-align:center; }

.pdf { padding-left:20px; background:url(../imgs/pdf.gif) no-repeat left center; }
#content .pdf a { text-decoration:underline; }

	/* ::::::::::::::::::::::::::::::::::::::::: 6.0. Imagens :::::::::::::::::::::::::::::::::: */	
	#imgs {
	float:right;
	clear:right;
	width:224px;
	height:350px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 20px;
}
	
	#content img.framed { margin:5px 0 5px 20px; float:right; clear:right; border:2px solid #d28708; }
	#content a img { border:none; }
	#content a:hover img { border:none; }

	#projecto #content img,
	#projecto-curso #content img { float:left; clear:none; margin:20px 20px 10px 0; border:2px solid #d28708; }
	
	#projecto #content img.principal { float:right; margin:0 0 10px 20px; border:2px solid #d28708; }
	
	#obra #content img,
	#projecto-curso #content img { display:block; margin:20px 20px 10px 0; border:2px solid #d28708; }
	#obra #content #imgs img { border:none; margin:0; }
	
	.logos-index {
	margin:0 0 10px 30px;
	float:left;
}
	.logo-gds {
	display:block;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 25px;
}
	.lifa { margin-left:93px; }
	.bo {
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 40px;
	clear: both;
	 }
	.spaceinv { margin-left:33px; }

	/* ::::::::::::::::::::::::::::::::::::::::: 6.0. Bgs :::::::::::::::::::::::::::::::::: */	
	#apresentacao #content { background:#ecebd7 url(../imgs/bg/bg_casal.jpg) no-repeat bottom right; }
	#obra #content { background:#ecebd7 url(../imgs/bg/bg_pai.jpg) no-repeat bottom right; }
	
	/* ::::::::::::::::::::::::::::::::::::::::: 6.1. Forms :::::::::::::::::::::::::::::::::: */	
	#content fieldset { border:none; margin-bottom:10px; }
	#content legend { color:#111106; margin-bottom:5px; }
	#content label { width:85px; float:left;}
	#content input { width:160px; margin-bottom:5px; border:1px solid #a4b97f; background:#FFF; font:13px "Trebuchet MS", Arial, sans-serif; }
	#content .submit-button { width:auto; background:#d08400; color:#FFF; font-weight:bold; border:none; padding:0; margin:0 0 -15px 85px; cursor:pointer; }
	#content fieldset.submit input.submit-button { margin:0 0 0 85px; }
	#content form span { font-weight:bold; color:#F00; }
	
	/* ::::::::::::::::::::::::::::::::::::::::: 6.2. Newsletter ::::::::::::::::::::::::::::: */	
	#newsletter { width:596px; clear:both; background:#ddddba; margin-bottom:17px; padding:5px 0; border-bottom:1px solid #111106; }
	#newsletter form { margin-bottom:-5px}
	#newsletter input { width:160px; margin-bottom:5px; border:1px solid #a4b97f; background:#FFF; font:13px "Trebuchet MS", Arial, sans-serif; vertical-align:middle; }
	#newsletter .submit-button { width:auto; background:#d08400; color:#FFF; font-weight:bold; border:none; padding:0; cursor:pointer; }

/* ::::::::::::::::::::::::::::::::::::::::: 7. Footer ::::::::::::::::::::::::::::::::::::::: */
#footer { width:100%; background:#f0f0d8; border-top:2px solid #ddddba; height:24px; padding-top:6px; }

#footer p { font-size:11px; }

#footer a { color:#111106; text-decoration:none;}
#footer a:hover { color:#111106; text-decoration:underline;}