body {
	margin: 0;
	font: 10px/1.5em Verdana, Arial, Sans-serif;
	text-align: center;	
	background: #d9d9d9 url("img/bg_main.jpg") repeat-x;
}

#layout {
	width: 418px;
	margin: 15px auto 0;	
	padding: 26px 26px 0 26px;
	text-align: left;
	background: #ffffff url("img/bg_layout.jpg") no-repeat;
}

#main {
	padding: 0 0 280px 0;
	text-align: left;
	background: url("img/banner_water.jpg") no-repeat bottom;
	
}

a { color: #38599e; text-decoration: none; }
a:hover { color: #38599e; background-color: #e9eaf5; text-decoration: none; }

.inicio #main { padding: 0 0 280px 0; background: url("img/banner_water.jpg") no-repeat bottom; }
.servicos #main { padding: 0 0 270px 0; background: url("img/banner_strawberries.jpg") no-repeat bottom; }
.sobre #main { padding: 0 0 320px 0; background: url("img/banner_grass.jpg") no-repeat bottom; }
.portfolio #main { padding: 0 0 285px 0; background: url("img/banner_splash.jpg") no-repeat bottom; }
.contactos #main { padding: 0 0 240px 0; background: url("img/banner_plants.jpg") no-repeat bottom; }

.servicos a { color: #d52b21; }
.servicos a:hover { color: #910000; background-color: #ffebee; text-decoration: none; }

.sobre a { color: #629f11; }
.sobre a:hover { color: #336600; background-color: #e9f4db; text-decoration: none; }

.portfolio a { color: #38599e; text-decoration: none; }
.portfolio a:hover { color: #38599e; background-color: #e9eaf5; text-decoration: none; }

.contactos a { color: #629f11; }
.contactos a:hover { color: #336600; background-color: #e9f4db; text-decoration: none; }



:focus { -moz-outline-style: none; }

.hide { display: none; }
.nomargin { margin: 0; }
.break { margin: 1em 0 0 0; }
.nobreak { margin-top: 0; }

.dummy { clear: both; padding-top: 0.5em !important; padding-top: 0; }


#header {
	height: 70px;
	margin: 0 0 14px 0; padding: 0;
	background: #000000 url("img/header.jpg") no-repeat right;
}

#lang { font-size: 9px; padding: 42px 20px 0 0; }
#lang p { text-align: right; margin: 0; padding: 0; }
#lang a { color: #ffffff; text-decoration: none; }
#lang a.selected { font-weight: bold; }
#lang a:hover { color: #d33520; /*text-decoration: underline;*/ background: none; }

#logo {
	position: absolute;
	display: block;
	width: 45px; height: 41px;
	margin: 15px 0 0 15px;
	padding: 0;
	background: url("img/logo.jpg") no-repeat;
}

#logo h1 { display: none; }


#nav {
	margin: 0 auto 30px; padding: 0;
	height: 15px;
	text-align: center;
}

.pt #nav { width: 252px; }
.en #nav { width: 244px; }

#nav_menu {
	margin: 0; padding: 0;
	height: 15px;
	display: inline;
	overflow: hidden;	
}

#nav_menu li {
	display: inline;
	list-style: none;
	margin: 0; padding: 0;
}

#nav_menu a {
	float: left;
	margin: 0 6px 0; padding: 15px 0 0 0;
	text-indent: -6000em; 
	overflow: visible !important;
	overflow: hidden;
	height: 0px !important;
}

.pt #menu_inicio a { width: 26px; background: url("img/menu_pt_inicio.jpg") no-repeat; }
.pt #menu_servicos a { width: 42px; background: url("img/menu_pt_servicos.jpg") no-repeat; }
.pt #menu_sobre a { width: 29px; background: url("img/menu_pt_sobre.jpg") no-repeat; }
.pt #menu_portfolio a { width: 45px; background: url("img/menu_pt_portfolio.jpg") no-repeat; }
.pt #menu_contactos a { width: 50px; background: url("img/menu_pt_contactos.jpg") no-repeat; }

.en #menu_inicio a { width: 25px; background: url("img/menu_en_home.jpg") no-repeat; }
.en #menu_servicos a { width: 42px; background: url("img/menu_en_services.jpg") no-repeat; }
.en #menu_sobre a { width: 29px; background: url("img/menu_en_about.jpg") no-repeat; }
.en #menu_portfolio a { width: 45px; background: url("img/menu_en_portfolio.jpg") no-repeat; }
.en #menu_contactos a { width: 43px; background: url("img/menu_en_contacts.jpg") no-repeat; }

#nav_menu a { background-position: 0 0; }
#nav_menu a:hover { background-position: 0 -15px; }
#nav_menu a.selected { background-position: 0 -15px; }
#nav_menu a.selected:hover { background-position: 0 -15px; }


#content {
	/*margin: 0 16px;*/
	margin: 0;
}

#content p { margin: 1em 0 0 0; color: #000000; }
#content p.crumbs { margin: 0; font-size: 9px; color: #333333; }
#content p.note { font-size: 9px; color: #555555; }

#content h2 { height: 24px; margin: 0; padding: 0 0 6px 0; text-indent: -9000px; }

#content h3 { font-size: 13px; margin: 1.5em 0 0 0; }
#content h4 { font-size: 11px; }

#content dl { }
#content dt { float: left; margin: 0 5px 0 0; font-weight: bold; }
#content dd { margin: 0 0 1em 0; padding: 0; }

#content ul { margin: 1em 0 0 10px; padding: 0 0 0 18px; list-style: square; color: #000000; }
#content ol { list-style-type: decimal; }
#content li { }

#content img.left { float: left; background-color: #cccccc; }
#content img.right { float: right; margin: 10px 0 10px 10px; background-color: #cccccc; }

.pt #content h2.inicio { background: url("img/h_pt_inicio.jpg") no-repeat; }
.pt #content h2.servicos { background: url("img/h_pt_servicos.jpg") no-repeat; }
.pt #content h2.sobre { background: url("img/h_pt_sobre.jpg") no-repeat; }
.pt #content h2.portfolio { background: url("img/h_pt_portfolio.jpg") no-repeat; }
.pt #content h2.contactos { background: url("img/h_pt_contactos.jpg") no-repeat; }
.pt #content h2.noticias { background: url("img/h_en_noticias.jpg") no-repeat; }
.pt #content h2.design { background: url("img/h_pt_design.jpg") no-repeat; }

.en #content h2.inicio { background: url("img/h_en_inicio.jpg") no-repeat; }
.en #content h2.servicos { background: url("img/h_en_servicos.jpg") no-repeat; }
.en #content h2.sobre { background: url("img/h_en_sobre.jpg") no-repeat; }
.en #content h2.portfolio { background: url("img/h_en_portfolio.jpg") no-repeat; }
.en #content h2.contactos { background: url("img/h_en_contactos.jpg") no-repeat; }
.en #content h2.noticias { background: url("img/h_en_noticias.jpg") no-repeat; }
.en #content h2.design { background: url("img/h_en_design.jpg") no-repeat; }

#content h2.emprego { background: url("img/h_pt_emprego.jpg") no-repeat; }
#content h2.standards { background: url("img/h_pt_standards.jpg") no-repeat; }
#content h2.acessibilidades { background: url("img/h_pt_acessibilidades.jpg") no-repeat; }

#content h2.internet { background: url("img/h_internet.jpg") no-repeat; }
#content h2.marketing { background: url("img/h_marketing.jpg") no-repeat; }
#content h2.emarketing { background: url("img/h_emarketing.jpg") no-repeat; }


#port_container { margin: 1.5em 0 0 0; padding: 0; line-height: 1.2em; }

#port_container a { font-size: 9px; color: #000000; font-weight: bold; }
#port_container a:hover { font-size: 9px; color: #000000; background: none; font-weight: bold; text-decoration: none; }

#port_container span { font-size: 9px; color: #555555; }

#port_container img { 
	margin: 0 0 0 0; padding: 0;
	border: 1px solid #888888;
}

.port, .port_hover {
	float: left;
	width: 90px;
	margin: 0; padding: 6px;
	border: 1px solid #ffffff;
}

.port:hover, .port_hover {
	border: 1px solid #e8e8e8;
	background-color: #f8f8f8;
	/*border: 1px solid #abbadf;
	background-color: #dae1f3;*/
}



#footer {
	width: 470px;
	height: 80px;
	margin: 0 auto; padding: 0;
	color: #333333;
	background: url("img/bg_bottom.jpg") no-repeat top;
}

#footer #info_1 { float: left; text-align: left; }
#footer #info_2 { float: right; text-align: right; }

#footer p { 
	/*margin: 10px 10px 0;*/
	margin: 32px 10px 0;
	font-size: 9px;
}

#footer a { color: #1e408f; text-decoration: none; background: none; }
#footer a:hover { color: #38599e; text-decoration: underline; }



#news {
	margin: 30px 0 0 0;
	/*padding: 30px 0 0 0;
	background: url("img/separator.jpg") no-repeat top;*/
}

#news ul { 
	margin:  1em 0 0 0; padding: 0;
	list-style: none;
}

#news li { }

#news li a { display: block; padding: 1px 0; color: #000000; text-decoration: none; font-weight: bold; }
#news li a:hover { color: #1a3982;  background-color: #e9eaf5; }

#news li span { font-weight: normal; font-size: 9px; }


.news_post h3 span { font-weight: normal; font-size: 10px; }