html, body {height: 100%;}

body {
	margin: 0;
	color: #2d3642;
	background: #465061;
	min-width: 1200px;
	font: 12px tahoma, geneva, sans-serif;
}
/*--- geral ---*/
a {
   outline: none;
}

form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
img {border-style: none;}

input, select, textarea {
	color: #2d3642;
	vertical-align: middle;
	font: 12px arial, helvetica, sans-serif;
}
a {
	color: #175385;
	text-decoration: underline;
    outline: none;
}
a:hover {text-decoration: none;}

.wrap-page {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.wrap-page-1 {
	left: 50%;
	float: left;
	width: 1280px;
	position: relative;
}
.wrap-page-2 {
	left: -50%;
	float: left;
	width: 1280px;
	position: relative;
}
#page {
	width: 1280px;
	height: 750px;
	position: relative;
	background: url("images/bg-page.jpg") no-repeat;
}
.contact-info-1 {
	top: 132px;
	left: 37px;
	width: 396px;
	height: 259px;
	position: absolute;
	background: url("../images/bg-vcard-1.png") no-repeat;
}
.contact-info-1 ul {display: none;}

.decor-1 {
	top: 429px;
	left: 495px;
	position: absolute;
}
.decor-2 {
	top: 386px;
	left: 174px;
	position: absolute;
}
.decor-3 {
	top: 91px;
	left: 140px;
	position: absolute;
}
.decor-4 {
	top: 34px;
	left: 233px;
	position: absolute;
}
.contact-info-2 {
	top: 313px;
	left: -9px;
	width: 396px;
	height: 241px;
	position: absolute;
}
/*.wrap-contact-info-2 {
	width: 396px;
	height: 241px;
	background: url("../images/bg-vcard-2.png") no-repeat;
}
*/
.wrap-contact-info-2 {
	display: block;
	width: 500px;
	height: 241px;
}

.contact-info-2 .list-1 {display: none;}

.contact-info-2 .list-2 {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	list-style: none;
}
.contact-info-2 .list-2 li {
	width: 100%;
	float: left;
	position: relative;
}
.contact-info-2 .list-2 li a {
	left: 222px;
	width: 69px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	background: url("../images/transparent.gif");
}
.contact-info-2 .list-2 li a.l-orcamentos {top: 147px;}
.contact-info-2 .list-2 li a.l-producao {top: 162px;}
.contact-info-2 .list-2 li a.l-contabilidade {top: 175px;}

.contact-info-2 .list-2 li a.l-orcamentos:hover {background: url("../images/link-1.gif") no-repeat;}
.contact-info-2 .list-2 li a.l-producao:hover {background: url("../images/link-2.gif") no-repeat;}
.contact-info-2 .list-2 li a.l-contabilidade:hover {background: url("../images/link-3.gif") no-repeat;}

.paper {
	top: 51px;
	left: 274px;
	position: absolute;
}
.logo {
	top: -164px;
	left: 128px;
	position: absolute;
	text-indent: -9999px;
}
.logo a {
	width: 305px;
	height: 397px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	background: url("../images/logo.png") no-repeat;
}
.coffee {
	display:block;
	width: 299px;
	height: 296px;
	top: -75px;
	left: 434px;
	position: absolute;
}
.decor-5 {
	display:block;
	width: 374px;
	height: 347px;
	top: -120px;
	left: 795px;
	position: absolute;
}
.decor-6 {
	top: 210px;
	left: 969px;
	position: absolute;
}
.newsletter {
	top: 285px;
	left: 956px;
	width: 287px;
	height: 203px;
	position: absolute;
}
.form-newsletter {
	width: 214px;
	height: 171px;
	padding: 32px 37px 0 36px;
	background: url("../images/bg-newsletter.png") no-repeat;
}
.form-tellafriend {
	left: 0;
	width: 100%;
	bottom: -9px;
	position: absolute;
}
.btn-enviar {
	width: 78px;
	height: 29px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
	border: 0px;
	background: url("../images/btn-enviar-1.png") no-repeat;
}
.btn-enviar:hover {background: url("../images/btn-enviar-2.png") no-repeat;}

.form-newsletter h3 {
	width: 100%;
	height: 19px;
	margin: 0 0 10px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/txt-newsletter.gif") no-repeat;
}
.form-newsletter label,
.form-tellafriend label {
	width: 100%;
	color: #5e6e85;
	display: block;
	font-size: 13px;
	line-height: 16px;
}
.form-newsletter label {margin: 0 0 14px;}
.form-tellafriend label {margin: 0 0 7px;}

.form-newsletter .input,
.form-tellafriend .input {
	height: 27px;
	overflow: hidden;
}
.form-newsletter .input {
	width: 211px;
	margin: 0 0 0 3px;
	background: url("../images/input-1.gif") no-repeat;
}
.form-tellafriend .input {
	width: 141px;
	background: url("../images/input-2.gif") no-repeat;
}
.form-newsletter .input input,
.form-tellafriend .input input {
	border: 0;
	float: left;
	background: none;
	margin: 6px 0 0 6px;
}
.form-newsletter .input input {width: 198px;}
.form-tellafriend .input input {width: 128px;}

.form-newsletter .row,
.form-tellafriend .row {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.form-newsletter .row {margin: 0 0 8px;}
.form-tellafriend .row {margin: 0 0 9px;}
.form-newsletter .btn-enviar,
.form-tellafriend .btn-enviar {float: right;}
.form-newsletter .btn-enviar {margin: 0 2px 0 0;}
.form-tellafriend .btn-enviar {margin: 0 9px 0 0;}

#content {
	top: 159px;
	left: 324px;
	width: 634px;
	height: 475px;
	position: absolute;
}
.primary-content {
	float: left;
	width: 467px;
}
.wrap-main-nav {
	width: 100%;
	height: 61px;
	overflow: hidden;
}
.main-nav {
	margin: 0;
	float: right;
	list-style: none;
	overflow: hidden;
	padding: 12px 22px 0 0;
}
.main-nav li {
	float: left;
	margin: 0 0 0 -1px;
	padding: 0 7px 0 7px;
	background: url("../images/sep-1.gif") no-repeat 0 4px;
}
.main-nav li a {
	float: left;
	color: #4a5566;
	padding: 0 0 5px;
	text-decoration: none;
	background: url("../images/transparent.gif");
	font: bold 12px/18px arial, helvetica, sans-serif;
}
.main-nav li a.nav-1 {border-bottom: 2px solid #181818;}
.main-nav li a.nav-2 {border-bottom: 2px solid #F8F029;}
.main-nav li a.nav-3 {border-bottom: 2px solid #F11889;}
.main-nav li a.nav-4 {border-bottom: 2px solid #1FA9CE;}

.main-nav li a.nav-11 {border-bottom: 4px solid #181818; padding: 0 0 3px; position: relative;}
.main-nav li a.nav-21 {border-bottom: 4px solid #F8F029; padding: 0 0 3px; position: relative;}
.main-nav li a.nav-31 {border-bottom: 4px solid #F11889; padding: 0 0 3px; position: relative;}
.main-nav li a.nav-41 {border-bottom: 4px solid #1FA9CE; padding: 0 0 3px; position: relative;}


.main-nav li a:hover {
	padding: 0 0 3px;
	position: relative;
	border-bottom-width: 4px;
}

/*
.main-nav li.active a {
	padding: 0 0 3px;
	position: relative;
	border-bottom-width: 4px;
}
*/
#description-info {
	width: 467px;
	height: 414px;
	overflow: auto;
	position: relative;
	outline: none;

}
.wrap-description-info {width: 440px;}

#description-info h1,
#description-info h2 {
	width: 100%;
	height: 23px;
	overflow: hidden;
	text-indent: -9999px;
}
#description-info h1 {
	margin: 0 0 13px;
	background: url("../images/txt-welcome.gif") no-repeat;
}
#description-info h2 {
	margin: 0 0 12px;
	background: url("../images/txt-our-team.gif") no-repeat;
}
#description-info p {
	line-height: 15px;
	margin: 0 0 14px 6px;
}
.teams-list {
	padding: 0;
	width: 435px;
	overflow: hidden;
	list-style: none;
	position: relative;
	margin: 0 -34px 15px 0;
}
.teams-list li {
	float: left;
	padding: 0 4px 0 0;
}
.teams-list li a {
	width: 83px;
	height: 111px;
	display: block;
	cursor: pointer;
	position: relative;
	text-decoration: none;
}
.teams-list li a strong {
	bottom: 0px;
	left: 10px;
	width: 64px;
	height: 21px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}
.teams-list li a .p-tara {background: url("../images/txt-tara.png") no-repeat;}
.teams-list li a .p-mike {background: url("../images/txt-mike.png") no-repeat;}
.teams-list li a .p-suzie {background: url("../images/txt-suzie.png") no-repeat;}
.teams-list li a .p-james {background: url("../images/txt-james.png") no-repeat;}
.teams-list li a .p-dana {background: url("../images/txt-dana.png") no-repeat;}

.wrap-pages-nav {
	width: 100%;
	overflow: hidden;
}
.pages-nav {
	margin: 0;
	float: right;
	list-style: none;
	padding: 12px 7px 0 0;
}
.pages-nav li {float: left;}

.pages-nav li a {
	color: #fff;
	float: left;
	padding: 2px;
	cursor: pointer;
	text-decoration: none;
}
.pages-nav li a:hover,
.pages-nav li.active a {
	padding: 1px;
	border: 1px solid #6B7A94;
}
.pages-nav li a span {
	float: left;
	font-size: 9px;
	padding: 0 4px;
	line-height: 13px;
}
.pages-nav li a.c-1 span {background: #FCC50A;}
.pages-nav li a.c-2 span {background: #E42222;}
.pages-nav li a.c-3 span {background: #C4027D;}
.pages-nav li a.c-4 span {background: #0496BB;}
.pages-nav li a.c-5 span {background: #8DBB24;}

.secondary-content {
	float: right;
	width: 155px;
	height: 475px;
	position: relative;
}
.side-nav {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 350px;
	list-style: none;
}
.side-nav li {
	width: 100%;
	float: left;
	padding: 0 0 4px;
}
.side-nav li a {
	width: 155px;
	height: 30px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.side-nav li a.n-inicio { width:1px; height:1px;}
.side-nav li a.n-gazela {background: url("../images/txt-gazela.gif") no-repeat;}
.side-nav li a.n-services {background: url("../images/txt-services.gif") no-repeat;}
.side-nav li a.n-portfolio {background: url("../images/txt-portfolio.gif") no-repeat;}

.side-nav li a.n-area {	background: url("../images/txt-area.gif") no-repeat;}

.side-nav li a.n-faq {background: url("../images/txt-faq.gif") no-repeat;}
.side-nav li a.n-contact {background: url("../images/txt-contact.gif") no-repeat;}
.side-nav li a:hover,
.side-nav li.active a {background-position: 0 -30px;}

.side-nav li.selected a {background-position: 0 -30px;}

.artifact { position: relative; z-index:100; bottom:15px; margin-left:auto; margin-right:90px; width:141px; height:5px; }

/* clear float  */
.side-nav:after {
	clear: both;
	content: "";
	display: block;
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
/*	padding: 1px 1px ;
	border: 10px solid #fff;
*/	float: left;
	width: auto;
	position: fixed;
	top: 5%;
	left: 50%;
	margin: 0 0 0 -300px;
	z-index: 100;
	height:auto;
}
.popup_block .popup {
	float: left;
	width: auto;
height:auto;	
background: #fff;
	margin: 1px 2px;
	padding: 4px 2px;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:14px;
}
.vscrollerbar {
background-image: url(scrollbar.png);
width: 14px;
/* following is the bit that allows us fixed height scrollbars */
height: 102px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(scrollbar_handle.gif);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 14px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}
input,

textarea,

select{


	vertical-align:middle;

	font-size:12px;

	padding:2px 5px;

	color:#666;

	background:#d3d8df;

	border:1px solid #afb4b9;

}

form,fieldset{

	margin:0;

	padding:0;

	border:none;

}


.tbmain{ 
 /* Changes on the form */

}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
div.backButton{
    background: transparent url("http://www.jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float:left;
    margin-bottom:15px;
    padding-right:5px;
}
div.backButton:hover{
    background: transparent url("http://www.jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
    background: transparent url("http://www.jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
    background: transparent url("http://www.jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float: left;
    margin-bottom:15px;
    padding-right:5px;
}
div.nextButton:hover{
    background: transparent url("http://www.jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
    background: transparent url("http://www.jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
    padding-right:5px;
    margin-bottom:15px;
    float:left;
}

 #pedidoorcamento  {
	background: url(images/pedidoorcamento.gif) no-repeat;
	visibility: visible;
	position: absolute;
	left: 8px;
	top: 8px;
	z-index: 1;
	width: 196px;
	height:29px;
}
 #candidatura  {
	background: url(images/candidatura.gif) no-repeat;
	visibility: visible;
	position: absolute;
	left: 8px;
	top: 8px;
	z-index: 1;
	width: 196px;
	height:29px;
}

#cliquenaimagemparaampliar p  {
   font: 11px Verdana;
   margin: 0px;
   color: #5E6E85;
   text-align: right;
}

#stickerdetailscopy3  {
	background: url(images/stickerdetailscopy3.gif) no-repeat;
	visibility: visible;
	position: absolute;
	left: 92px;
	top: 402px;
	z-index: 2;
	width: 53px;
	height: 53px;
}


#contacto01  {
   margin: 0px auto 0px 0px;
   width: 449px;
   position: relative;
}

#morada  {
   background: url(images/morada.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 8px;
   top: 8px;
   z-index: 1;
   width: 65px;
   height: 20px;
}