/* Ficheiro de estilos para o site novorosamar.com
 * produzido em Abr 2010 por Insert - de Jaime de A. Teixeira (http://insert.pt.vu) 
 */
 
/***** Reset *****/
html,
body,
div,
span,
h1,h2,h3,h6,
p,
a,
address,
img,
ol,ul,li,
form,label,
table,caption,tbody,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent }	
ul {
	list-style:none }
	
/***** Layout *****/

#alinhador {
	position: relative;	
	width: 960px;	
	margin: 0 auto;		
	text-align: left;	
	background: url('images/fundo.png') top repeat-x;	
	overflow: hidden; }
#topo {
	width: 960px;
	height: 119px;
	background: #fff url('images/topo.png') no-repeat;
	border-bottom: 1px solid #457886; }
#logotipo img {
	float: left;
	margin-top: 45px;
	margin-left: 50px;	
	width: 152px;
	height: 43px; }
#slogan {
	float: left;	
	margin-left: 45px;
	}
#slogan h1 {	
	margin-top: 45px;
	font: 20px 'Trebuchet MS', verdana, arial, helvetica, sans-serif;			 
	color: #fff; }
#topo p {
	font: bold 16px 'Trebuchet MS', sans-serif;
	color: #a4ecff; }
#menu {
	padding-left: 50px;
	height: 35px;		
	font: 15px arial;	
	line-height: 35px;	
	color: #e1fbff;	
	border-top: 1px solid #4a97ae;
	border-bottom: 1px solid #034555;
	background: url('images/menu.png') no-repeat;
	}
#menu li {	
	display: inline;
	padding: 10px; }
.primeiro {
	border-right: 1px solid #034658; }
.meio {
	border-left: 1px solid #87a6af;
	border-right: 1px solid #034658; }
.ultimo {
	border-left: 1px solid #87a6af; }
#menu a {
	font-weight: bold;			
	color: #d4f3ff; }
#menu a:hover, #menu a.selected {		
	color: #002631; }
#idiomas {	
	position: absolute;
	top: 5px;
	right: 50px;						
	font-family: verdana, arial, helvetica, sans-serif; }
#idiomas li {
	float: left;
	margin-right: 5px;
	font-weight: bold;	
	color: #8dcbdc;	}
#idiomas a {
	color: #8dcbdc; }
#idiomas a:hover, #idiomas a.selected {
	color: #161e1f;
	text-decoration: underline; }
#area_principal {
	clear: left;
	margin: 15px auto 0;	
	width: 860px;	
	overflow: hidden;
	background-color: #fff;
	background: #fff url('images/fundo_area_central.png') bottom left repeat-x;
	border: 1px solid #cecece;	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; }
#area_principal h1 {	
	padding-bottom: 20px;
	font-size: 1.9em;
	font-weight: normal;
	color: #6d939e;
	border-bottom: 1px solid #cecece; }
#conteudo_100, #conteudo_602 {
	overflow: hidden; }	
#conteudo_100 {	
	width: 100%; }
#conteudo_602 {	
	width: 602px; }
.colunas {
	float: left;	
	width: 49.5%; }	
#footer {
	clear: both;	 
	height: 35px;
	margin: 10px 0;	
	text-align: center;
	font-size: 0.9em;
	line-height: 35px;
	color: #0f4f60; }
#footer a {
	color: #0f2731; }
.interior {
	padding: 40px 60px; }	
.interior_esq {
	padding: 40px 50px 0 60px; }
.interior_dir {
	padding: 40px 60px 0 50px; }
	
/***** Página Home *****/
#home h1 {
	font: 42px calibri, tahoma, sans-serif;
	color: #034556;
	border: none; }
#col_esquerda {
	float: left;
	width: 480px;
	margin-bottom: 20px; }
#col_esquerda p {
	margin: 20px 0;
	padding-right: 40px;
	font-size: 18px;	
	line-height: 140%;
	color: #44380f; }
#col_direita {
	float: left;
	width: 260px; }
#col_direita h2 {
	margin: 40px 0 20px;
	text-align: center;
	font: bold 22px 'Trebuchet MS', calibri, sans-serif;
	text-shadow: 3px 2px 5px #274755; }
#caixa_servicos {
	width: 259px;
	height: 192px;
	background: url('images/fundo_servicos.png') no-repeat;
	 }
#caixa_servicos ul {
	width: 230px;	
	margin: 0 auto;
	padding: 10px 0;		 
	font: bold 18px arial, 'Trebuchet MS',calibri, sans-serif;
	 }
#caixa_servicos li {
	line-height: 170%; }
#caixa_inferior {
	clear: left;
	float: left;
	width: 620px;
	height: 128px;	
	border-top: 1px solid #919191; 
	background: url('images/fundo_inferior.png') no-repeat; }
#caixa_inferior p {
	padding-top: 20px;
	text-align: center;
	font: italic 1.4em cambria, serif;
	color: #919191; }
#caixa_contactar {
	float: right;
	width: 240px;
	height: 128px;	
	text-align: center;
	color: #fff;
	border-top: 1px solid #919191; 
	background: url('images/fundo_contactar.png') no-repeat;
 }
#caixa_contactar p {
	padding: 10px 0;
	font-size: 18px; }	                 
#caixa_contactar p span {
	font-size: 20px; }
	
/***** Página Serviços *****/

#servicos a {
	color: #0075d1; }
#servicos a:hover {
	text-decoration: underline; }
.caixa_servicos_esq, .caixa_servicos_dir { 
	float: left;
	width: 310px;
	height: 100px;
	margin-top: 40px;	
	padding: 15px;		 
	border: 1px solid #6d939e;
	background: url('images/fundo_servico.png') no-repeat; }
.ultimas {
	margin-bottom: 40px; }
.caixa_servicos_esq {
	clear: left;
	margin-right: 56px; }
.caixa_servicos_esq p, .caixa_servicos_dir p {
	margin-top: 5px;
	font-size: 14px;
	color: #505050; }
.geral {
	display: inline; /* Fix double margin bug in IE */
	margin-right: 60px; }
#ultimo {
	font-size: 1.3em;
	margin-bottom: 20px; }
#ultimo a {
	color: #001b23; }
#ultimo a:hover {
	text-decoration: underline; }	

/***** Páginas Descrição de Serviços *****/

#descricao_esq {
	float: left;
	width: 60%; }
#descricao div div {
	padding: 40px 20px;
	font-size: 1.1em;
	line-height: 150%;
	color: #503f19; }
#descricao div div p {
	margin: 10px 0; }
#descricao div div span {
	font-weight: bold; }
#descricao_dir {
	float: left;
	width: 39%;
	margin: 40px 0 60px;	
	border-left: 1px solid #cecece; }
#descricao_dir h3 {
	margin: 40px 35px 10px 45px;
	padding-bottom: 5px;	
	border-bottom: 2px solid; }
#descricao_dir ul {
	width: 200px;
	margin: 0 auto 40px; }
#descricao_dir li {
	margin-bottom: 1px; }
#descricao_dir a {
	display: block;
	width: 200px;
	padding: 5px;
	font-size: 1.2em;
	color: #002631;  }
#descricao a:hover, #descricao a.selected {
	background-color: #6d939e; }
 
/***** Página Tecnologias *****/

#tecnologias .caixa_servicos_esq, #tecnologias .caixa_servicos_dir {	
	background: url('images/fundo_tecnologias.png') no-repeat; }
#css {
	color: #6d3232; }
#xml {
	color: #6d4432; }
#javascript {
	color: #586d32; }
#php {
	color: #326d64; }
#mysql {
	color: #6d3257; }

/***** Página Trabalhos *****/

#trabalhos { 
	color: #505050;
}
#trabalhos ul { overflow: hidden; }
#trabalhos li {	
	 display: inline;
	 float: left;
	 width: 250px;	
	 margin: 40px 0 0 80px; }
#trabalhos a {	
	text-decoration: underline; }
#trabalhos img {
	display: block;
	width: 250px;
	height: 219px;
	margin-bottom: 10px;
	border: 2px solid #325b6d; }
#trabalhos a img:hover { border-color: orange; }

.titulo_site {	
	font-weight: bold;
	color: #325b6d; } 
.new_row {
	clear: left; }
#trabalhos li div {
	font-size: 1.1em; }
#jobsoffshore li {
	display: block;
	float: none;	
	margin: 0; }

/***** Página FAQ *****/

#faq ul {
	margin-bottom: 60px;
	}
#faq ul ul {
	margin-bottom: 0;
	padding: 0px 60px 10px;
	font-size: 11px;
	list-style-type: disc;
	}
#faq li {
	font-size: 1.2em;
	line-height: 180%; }
#faq ul div {
	display: none;
	color: #fff;
	background-color: #6d939e; }
#faq h2 {
	margin-bottom: 0;
	padding-left: 20px;
	font-size: 1.2em;
		}
#faq p {
	padding: 10px 60px;
	}
#p1, #p2, #p3, #p4 {
	cursor: pointer;
}
#p1:hover, #p2:hover, #p3:hover, #p4:hover {
	color: #002631;
}

/***** Página Contactos *****/

#caixa_contactos {
	height: 455px;
	margin-top: 40px;
	margin-bottom: 20px;
	background-color: #195666; }
#caixa_contactos h2 {
	color: #203b47;
	border-bottom: 1px solid; }
	
#caixa_contactos .interior {
	height: 396px;
	margin: 20px 0 20px 20px;
	padding: 20px 20px 0 20px;
	background-color: #438192;
	border-right: 2px solid #376977; 
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px; }
#contactos_esq {
	float: left;	
	width: 260px;
	color: #203b47; }
#contactos_esq img {
	width: 64px;
	height: 64px;
	margin: 20px 60px;	}	
#contactos_dir {
	float: left;
	width: 480px;
	 }
.contacte_nos p {
	margin-bottom: 30px; }
address {
	margin-top: 20px;
	margin-bottom: 20px;	
	font-size: 15px;
	font-style: normal;
	line-height: 150%;
	 }
address a {
	color: #e1fbff; }

form {
	margin: 30px 20px 20px 0;
	padding: 20px 60px 20px;
	background-color: #5695a6;
	 }
label {
	display: block;	
	font: bold 14px arial, helvetica, sans-serif; }
label span {
	font-weight: normal; }

input, select {
	display: block;
	height: 20px;	
	margin-bottom: 10px;
	font-weight: bold;
	color: #09181e;
	border: 1px solid #325b6d; }
input:hover, select:hover, textarea:hover {
	border: 1px solid #09181e; }
select {
	width: 190px; }
textarea {
	margin-bottom: 10px;
	color: #09181e;
	border: 1px solid #325b6d; }
#submit {
	height: 25px;	
	margin-top: 10px;
	padding: 2px 5px;		
	font: bold 12px arial;	
	color: #fff;
	border: 2px groove #325b6d;
	background-color: #325b6d;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	}

/***** Página Send *****/

#erro2, #erro1 {
	color: #fd6737; }
#send p {
	margin-top: 10px;
	font-size: 1.2em; }
#send a:hover {
	text-decoration: underline; }

/***** Definições *****/		
body {		
	text-align: center;	
	font: 76% 'trebuchet MS', verdana, arial, helvetica, sans-serif;	
	line-height: 1.3;
	color: #325b6d; 
	background: #f2f2f3 url('images/fundo.png') top repeat-x; }
a {	
	text-decoration: none; }

h2 {		
	font-size: 1.7em; }
h3 {
	text-align: center;	
	font-size: 1.2em; }	
h6 {
	margin: 10px 0 5px; }
p {
	font-size: 1.1em; }