/*
html {
     overflow: -moz-scrollbars-vertical; 
}
*/

body {
	margin: 0;
	padding: 0;
	background: url(../imagens/barraMSIM.gif) top left repeat-x;
}

#page {
	width: 740px;
	margin: 0 auto;
	padding: 0;
}

h1 {
	font: normal 18px/18px 'trebuchet ms',trebuchet, 'Times New Roman', Serif;
	color: #FFFFFF;
	background-color: transparent;
	padding-bottom:0px;
	margin: 0;
}


h2 {
	font: normal 14px/14px 'trebuchet ms',trebuchet, 'Times New Roman', Serif;
	color: #566F9C;
	background-color: transparent;
	padding: 5px 0 0 0;
	margin: 0;
}

h3 {
	font: normal 12px/14px 'trebuchet ms',trebuchet, 'Times New Roman', Serif;
	color: #222;
	background-color: transparent;
	margin: 5px 0 0 0;
	padding: 0;
}

p {
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 7px 0;
	color: #222;
	background-color: transparent;
	text-align:justify;
}

.email {
	color: #222;	
	 background-color: transparent;
	 text-decoration:none;
}

.email:hover {
	text-decoration:underline;
}

/* =============== < header > =============== */

#header {
	position: relative;
	top: 0;
	left: 0;
	height: 77px;
}

#header #imagem {
	position: absolute;
	top: 0;
	left: 0;
}

#header #logo {
	position: absolute;
	top: 0;
	right: 0;
}

/* ===============  < MENU > =============== */  
	
#menu{
	position:relative;
	width:450px;
	height:45px;
	top:0px;
	float:right;
}

#menu ul { 
	margin: 0;
	padding: 0;
	list-style: none;
	background: url("../imagens/menu.gif"); width: 450px; height: 45px; 
}

#menu ul li { position: absolute; top: 0; height: 45px; margin: 0; padding: 0; }

/*#menu ul li a { height: 75px; } */

#menu ul li a {
	height: 45px;
	width:85px;
	float: left;
	display: block;
	text-decoration: none;
	text-align: center;
}

/*#menu ul li:last-child { margin-right: 0; }*/
#menu ul li a:hover, #header ul li.current a { 
background-image: url("../imagens/menu.gif");  }

#menu li#inicio 	{ left: 0; width: 60px;  }
#menu li#inicio a	{ width: 60px;  }

#menu li#empresa 	{ left: 65px; width: 80px;  }
#menu li#servicos 	{ left: 155px; width: 85px;  }
#menu li#portfolio	{ left: 250px; width: 90px;  }
#menu li#contactos	{ left: 350px; width: 105px;  }

#menu li#inicio 	a { background-position: 0 -45px;  }
#menu li#empresa 	a { background-position: -65px -45px;  }
#menu li#servicos 	a { background-position: -155px -45px;  }
#menu li#portfolio 	a { background-position: -250px -45px;  }
#menu li#contactos 	a { background-position: -350px -45px;  }
#menu li#contactos 	a { width: 95px;  }



/* =============== < bottom > =============== */

#bottom {
	position: relative;
	top: 25px;
	left: 0;
}


 /* =============== < sideLeft > =============== */

#sideLeft {
	position: relative;
	width: 250px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
	top: 80px;
	left: 0;
}

 /* =============== < sidenavPortfolio > =============== */
 
#sidenavPortfolio
{
	font: normal 12px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	position: relative;
	float: left;
	width: 200px;
	padding: 10px 0 0 10px;
	margin: 0;
	top: 30px;
/*	visibility:hidden;*/
}

#sidenavPortfolio li.foto {
	background: url(../imagens/portfolio.gif) top no-repeat ;
	float: left;
	width: 200px;
	height: 51px;
}

#sidenavPortfolio ul {
	margin: 0;
	padding: 0;
	list-style: none;
}	

/* =============== < sidenavContactos > =============== */

#sidenavContactos {
	font: normal 12px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	position: relative;
	float:left;
	width: 200px;
	height: 100px;
	padding: 10px 0 0 10px;
	margin: 0;
	top: 50px;
}

#sidenavContactos li.foto {
	background: url(../imagens/contactos4.gif) top no-repeat ;
	float: left;
	width: 200px;
	height: 50px;
}

#sidenavContactos ul {
	margin: 0;
	padding: 0;
	list-style: none;
}	
	
#sidenavContactos ul li {
	width: 145px; 
	padding: 2px;
	float: right;
}

#sidenavContactos a {
	text-decoration:none;
}

#sidenavContactos a:hover {
	text-decoration:underline;
}


/* =============== < sidenavServicos > =============== */

#sidenavServicos {
	font: normal 14px/20px 'trebuchet ms',trebuchet, 'Times New Roman', Serif;
	position: relative;
	float: left;
	width: 200px;
	height: 150px;
	padding: 10px 0 0 10px;
	margin: 0 0 0 0;
	top: 45px;
}

#sidenavServicos li.foto {
	background: url(../imagens/servicos.gif) top no-repeat;
	float: left;
	width: 200px;
	height: 51px;
}

#sidenavServicos ul {
	margin: 0;
	padding: 0;
	list-style: none;
}	
	
#sidenavServicos ul li {
	width: 145px; 
	padding: 5px;
	float: right;
}

#sidenavServicos ul li a {
	text-decoration: none;
	text-align: center;
	color: #9A9FA5;
	background-color: transparent;
	margin-left: 10px;
}

#sidenavServicos ul li a:hover {
	color: #566F9C;
	background-color: #F1F8FF;	
}

#sidenavServicos ul li.o1:hover{
	color: #566F9C;
	background-color: #F1F8FF;
}

#sidenavServicos ul li.o2:hover{
	color: #566F9C;
	background-color: #F1F8FF;
}

#sidenavServicos ul li.o3:hover{
	color: #566F9C;
	background-color: #F1F8FF;
}

/* =============== < sidenavParceiros > =============== */

#sidenavParceiros {
	font: normal 14px/20px 'trebuchet ms',trebuchet, 'Times New Roman', Serif;
	float: left;
	position: relative;
	width: 200px;
	padding: 10px 0 0 10px;
	margin: 0 0 0 0;
	top: 45px;
}

#sidenavParceiros li.foto {
	background: url(../imagens/parceiros.gif) top no-repeat ;
	float: left;
	width: 200px;
	height: 53px;
}

#sidenavParceiros ul {
	margin: 0;
	padding: 0;
	list-style: none;
}	
	
#sidenavParceiros ul li {
	width: 145px; 
	padding: 5px;
	float: right;
}

#sidenavParceiros ul li a {
	text-decoration: none;
	text-align: center;
	color: #9A9FA5; 
	background-color: transparent;
	margin-left: 10px;
}

#sidenavParceiros ul li a:hover {
	color: #566F9C;
	background-color: #F1F8FF;	
}


#sidenavParceiros ul li.o1:hover{
	color: #566F9C;
	background-color: #F1F8FF;
}

#sidenavParceiros ul li.o2:hover{
	color: #566F9C;
	background-color: #F1F8FF;
}

#sidenavParceiros ul li.o3:hover{
	color: #566F9C;
	background-color: #F1F8FF;
}

#sidenavParceiros ul li.o4:hover{
	color: #566F9C;
	background-color: #F1F8FF;
}

#sidenavParceiros ul li.o5:hover{
	color: #566F9C;
	background-color: #F1F8FF;
}

#sidenavParceiros ul li.o6:hover{
	color: #566F9C;
	background-color: #F1F8FF;
}

#sidenavParceiros ul li.o7:hover{
	color: #566F9C;
	background-color: #F1F8FF;
}

#flashcontent {
	position:relative;
	float:left;
	top:70px;
	padding: 0 0 0 60px;
}

/* ===============  FIM < sideLeft> =============== */ 

/* ===============  < content> =============== */ 

#sideRight {
	position: relative;
	top: 0px;
	width: 450px;
	padding: 0 10px 0 5px;
	margin: 0 0 0 0;
	float: right;
}

#content {
	background: url(../imagens/content.gif) top left repeat-x;
	font: normal 11px/18px "lucida grande", tahoma, arial, verdana, sans-serif;
	float: right;
	position: relative;
	top: 10px;
	width: 439px;
	padding: 10px 10px 0 5px;
	margin: 0 0 0 0;
}


/* ===============  PAGINA CONTACTOS =============== */ 

#morada {
	position: relative;
	top:30px;
}

#morada p {
text-align:center;
}

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

#btnEnviar {
	display: block;
	width: 80px;
	float: left;
	margin-left: 80px;
}

label {
	text-align: left;
	width: 60px;
	padding-right: 20px;
}

br {
	clear: left;
}

.InputRed {
	border: 1px solid red;
	width: 152px;
	height:18px;
}

.InputNormal {
	border: 1px solid #7F9DB9;
	width: 152px;
	height:18px;
}

.InputRedMsg {
	border: 1px solid red;
}

.InputNormalMsg {
	border: 1px solid #7F9DB9;
}

/* ===============  DIVS DA PAGINA INICIAL =============== */ 

#contentBottom1 {
	position: relative;
	width: 440px;
	top: 20px;
}

#contentBottom1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}	

#contentBottom1 ul li.foto {
	background: url(../imagens/gesposbox.gif) bottom left repeat-x;
	float: left;
	width: 113px; 
	height: 124px;
}

#contentBottom1 ul li.text {
	margin: 10px;
	float: left;
	text-align: justify;
	width: 190px;
	height: 80px;
}

#contentBottom2 {
	position: relative;
	width: 440px;
	top: 5px;
}

#contentBottom2 ul {
	padding: 0;
	list-style: none;
	margin: 0 0 0 135px;
}	

#contentBottom2 ul li.foto {
	background: url(../imagens/tb2.gif) center left repeat-x;
	float: right;
	width: 90px; 
	height: 95px;
}

#contentBottom2 ul li.text {
	margin: 0;
	float: left;
	text-align: justify;
	width: 180px;
}

#imgParceiros {
	position:relative;
	top:20px;
	float: left;
	width: 715px;
	padding: 0 0 0 20px;
}

/* ===============  DIVS DA PAGINA EMPRESA =============== */ 

#textEmpresa{
	position:relative;
	top: 10px;
	float: right;
	width: 320px;
	height: 120px;
}

#photoEmpresa {
	background: url(../imagens/team.jpg) center left repeat-x;
	position: relative;
	top: 10px;
	float: left;
	width: 100px;
	height: 89px;
}

/* ===============  < footer > =============== */ 
	
#footer {
	background: url(../imagens/footer.gif) top left repeat-x;
	height: 45px;
	width: 100%;
	text-align: center;
	position:relative;
	top:20px;
	padding: 30px 0 0 0;
}

#footer_content {
	width: 740px;
	text-align: left;
	margin: 0 auto;
}

#footer_content p {
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	line-height: 190%;
	color: #999;
	background-color: transparent;
	padding: 0;
	margin: 0;

}

#footer a {
	 color: #566F9C; 
	 background-color: transparent;
	 text-decoration: none;
}

#footer a:hover { 
	color: #A72C02; 
	background-color: transparent;
	text-decoration: underline;
}