/* CSS INFORMATION
	- Projecto: Daniel Morais
	- Autor: Pedro Bernardino - Oitentaecinco
*/

/* CSS INDEX
	@ TYPOGRAPHY
	@ MASTER LAYOUT
	@ ...
*/

/* COLOR PALLETE
	Color 			#RGB;
*/

@import url("reset.css");


/* @ TYPOGRAPHY
   ==================================================================== */

body {
	font:normal normal normal 12px "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
	color:#3e3e3e;
}

h1 { font-size:14px; font-weight:normal; text-transform:uppercase; color:#FFF; }
#secundaryNav { font-size:14px; text-transform:uppercase; }
.text { color:#5c5c5c ; font-size:13px; }
.text p { margin-bottom:10px; }
.text strong { color:#742e76; }
.italic { font-style:italic; }

a { text-decoration:none; color:#FFF; }

a.email { 
	display:block;
	left:424px;
	position:absolute;
	top:2px;
	width:141px;
}

a.googleMap {
	display:block;
	height:300px;
	left:63px;
	position:absolute;
	text-indent:-9999px;
	top:165px;
	width:300px;
}


/* @ LAYOUT
   ==================================================================== */

body { background:url(images/backgrounds/bg.png) no-repeat center top; }
body.index { background:none; }

#dRoot { width:1000px; height:540px; margin:65px auto 200px; position:relative; }
#dRootIndex { width:1063px; height:827px; margin:0 auto; position:relative; }

._index 			{ background:url(images/backgrounds/index.png) no-repeat; }
._empresa 			{ background:url(images/backgrounds/empresa.png) no-repeat; }
._empresa_missao 	{ background:url(images/backgrounds/empresa_missao.png) no-repeat; }
._empresa_valores 	{ background:url(images/backgrounds/empresa_valores.png) no-repeat; }
._empresa_pessoas 	{ background:url(images/backgrounds/empresa_pessoas.png) no-repeat; }
._empresa_mercados 	{ background:url(images/backgrounds/empresa_mercados.png) no-repeat; }
._produtos 			{ background:url(images/backgrounds/produtos.png) no-repeat; }
._producao 			{ background:url(images/backgrounds/producao.png) no-repeat; }
._ambiente 			{ background:url(images/backgrounds/ambiente.png) no-repeat; }
._contactos 		{ background:url(images/backgrounds/contactos.png) no-repeat; }

	#dHeader {
		height:138px;
		position:relative;
		}	
		#dLogo {
			width:407px;
			position:absolute; top:20px; left:35px;
			}
		#dMainNav {
			position:absolute; top:85px; left:456px;
			}
		._index #dMainNav {
			left:250px; top:250px;
			}
	#dContent {
		padding-left:480px;
		padding-right:70px;
		}
		#dContent h1 { display:none; }
	#dFooter {
		bottom:25px;
		position:absolute;
		right:45px;
		background:url(images/common/footer.png) no-repeat;
		width:837px;
		height:20px;
		text-indent:-9999px;
	}
			


/* @ LOGO
   ==================================================================== */


#dLogo a {
	height:103px;
	display:block;
	text-indent:-9999px;
	background:url(images/common/logo.png) no-repeat;
}



/* @ MAIN NAVIGATION
   ==================================================================== */

#mainNav li { float:left; margin-right:15px; height:19px; }

#mainNav a { 
	display:block;
	padding-left:23px; padding-top:1px;
	color:#2d2d2d;
	text-decoration:none; text-transform:uppercase; 
	background:url(images/backgrounds/navigation_sprite.png) no-repeat left top;
	font: normal normal normal 13px/17px "Century Gothic", Arial, "Sans Serif";
	text-transform:lowercase;
	}

#mainNav a.empresa { background-position:0 0; }
#mainNav a.produtos { background-position:0 -18px; }
#mainNav a.producao { background-position:0 -36px; }
#mainNav a.ambiente { background-position:0 -54px; }
#mainNav a.contactos { background-position:0 -72px; }

#mainNav a.empresa:hover { color:#3EB2EA; }
#mainNav a.produtos:hover { color:#253A62; }
#mainNav a.producao:hover { color:#D10A67; }
#mainNav a.ambiente:hover { color:#A7C228; }
#mainNav a.contactos:hover { color:#EA5729; }

#mainNav a.empresa_current { color:#3EB2EA; }
#mainNav a.produtos_current { color:#253A62; }
#mainNav a.producao_current { color:#D10A67; }
#mainNav a.ambiente_current { color:#A7C228; }
#mainNav a.contactos_current { color:#EA5729; }



/* SECUNDARY NAVIGATION */
#secundaryNav {  left:20px; }

ul.empresa li a:hover, 
ul.empresa li a.current { color:#3bc1f0 !important; }





/* @ Secundary NAVIGATION
   ==================================================================== */

#secundaryNav { position:absolute; top:110px; left:480px; }
#secundaryNav li { float:left; margin-right:15px; height:19px; }
#secundaryNav a { color:#8b8b8b; text-transform:lowercase; font-family:normal normal normal 12px "Century Gothic", Arial, "Sans Serif"; }



/* @ LANGUAGE
   ==================================================================== */

fieldset#language { 
	width:46px; height:11px;
	position:absolute; top:35px; right:40px;
	background:url(images/backgrounds/language.png) no-repeat;
	padding-left:55px;
	}
fieldset#language a.pt { 
	width:19px; height:11px; 
	display:inline-block;
	text-indent: -9999px;
	background:url(images/common/lang_pt.png) no-repeat center top; 
	margin-right:4px;
	}
fieldset#language a.en {
	width:19px; height:11px; 
	display:inline-block;
	text-indent: -9999px;
	background:url(images/common/lang_en.png) no-repeat center top; 
	}

fieldset#language a:hover, fieldset#language a.current { background-position:center bottom;}


._index fieldset#language { width:200px; top:377px; right:128px; font-size:10px; }


/* @ PAGE CONTACTOS
   ==================================================================== */

.contactos .text { width:660px; }
.contactos .text p.fLeft { margin-right:40px; }

.contactos fieldset { width:430px; }
.contactos fieldset p { margin-bottom:9px; }
.contactos fieldset label { display:inline-block; width:60px; margin-right:5px; text-align:right; vertical-align:top; padding-top:2px; }
.contactos fieldset input { background:#d9d8d9; border:none; width:350px; padding:3px 0; }
.contactos fieldset textarea { background:#d9d8d9; border:none; width:350px; height:125px; font:normal normal normal 12px "Myriad Pro", Myriad, Helvetica, Arial, sans-serif; padding:2px; }
.contactos a.btnSend { background-color:#a2a2a2; padding:1px 6px; margin-left:66px; }

.contactos fieldset.map { 
	width:371px; height:279px; 
	background:url(images/common/map.png); 
	position:absolute; top:111px; right:20px;
	}

	
/* @ PAGE AMBIENTE
   ==================================================================== */
   
.thumb_certificado { 
	background:url("images/common/certificado.png") no-repeat scroll 0 0 transparent;
	bottom:74px;
	display:block;
	height:76px;
	position:absolute;
	width:129px;
	}
