/* @override 
	http://192.168.0.3/multiweb/themes/multiweb/css/main.css
	http://www.multiweb.pt/themes/multiweb/css/main.css
	http://localhost/multiweb/themes/multiweb/css/main.css
*/

/* CSS Document */
@import url("constants.css");
@import url("grid.css");

/*
	-- -- -- -- -- -- --

	MULTIWEB v2009 CSS
	NOVEMBRO/2009
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

	-- -- -- -- -- -- --

*/

/* =TIPOGRAFIA
------------------------------------------------------------------------ */
body, input, textarea{font-family:  Arial, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#616a73;}
h1, h2, h3, h4, h5, h6{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #03111d;
	height:auto;
	font-weight:bold;
	}

h3, h4, h5{}
h1{font-weight:normal;}
h2{
	font-weight:normal; 
	font-size: 1.6em;
	color: #092d4d;
	}
h3{
	font-weight:normal; 
	font-size: 1.4em;
	color: #092d4d;
	}
h4{
	font-weight:normal; 
	font-size: 1.4em;
	color: #6788a5;
	}

p.small{
	font-size:1em;
	color:#a9a9a9;
	}
h2 sup{
	font-size: 0.6em;
	}
#footer p{margin:0;}

#content quote{
	font-size:1.40em;
	font-style:italic;
	float:right;
	max-width:350px;
	margin:1em 0 1.5em 1.5em;
	}

a:link, a:visited{color:#106f9f; font-weight:bold; text-decoration:none; outline: none;}
a:hover, a:active{color: #138bc7;}

h3 a:link, h3 a:visited{
	color: #092d4d;
	}

div#contentFooter{
	font-size: 11px;
	color: #5b687a;
	}
	div#contentFooter h4{
		color: #9fadc1;
		font-size: 1.3em;
		margin: 0 0 1em 0;
		text-shadow: #ebf3fa 1px 1px 0;
		}
	#contentFooter img{
		float:left;
		margin:0 6px 0 0;
		}

div#footer{
	color: #6e7275;
	}
div#footer p.copyright{
	position: absolute;
	right: 40px;
	top: 1.5em;
	}
div#footer a:link, div#footer a:visited{color: #326e92;}
div#footer a:hover, div#footer a:active{color: #4c9fd2;}

/* =LAYOUT
------------------------------------------------------------------------ */
body{background:#01061a;}
	body.secHome{
		background:#fff;
		}

div#globalContainer{
	background: url(../images/layout/globalContainer.fundo.gif) repeat-x left top;
	position: relative;
	z-index: 2;
	}
	.secHome div#globalContainer{
		background: url(../images/layout/home.globalContainer.fundo.gif) repeat-x left top;
		}

div#header{
	height: 94px;
	}
	.secHome div#header{
		height: 580px;
		}
	#header img#headerLogo{
		position: absolute;
		left: 42px;
		top: 28px;
		z-index: 2;
		}


div#mainContent{}
	div#mainContent div#content{
		clear: both;
		padding-top: 4.5em;
		padding-bottom: 3.5em
		}
	div#mainContent div#sidebar{}

div#sectionHeader{
	background: url(../images/layout/sectionHeader.bg.png) repeat-x left bottom;
	position: relative;
	height: 40px;
	padding: 0 6px;
	}

div.intro{
	border-bottom: 1px solid #e3eaf1;
	padding: 1.6em 6px;
	margin: 0 0 1.3em 0;
	font-size:1.2em;
	}
	div.intro h2{margin: 0 0 8px 0; letter-spacing: -1px;}
	div.intro p{margin: 0;}

div#seeAlso{
	font-size: 0.90em;
	}

div#footer{
	position: relative;
	z-index: 2;
	font-size: 11px;
	}
	div#footer div.container{
		height: 50px;
		}
	.secHome div#footer{
		background: url(../images/layout/home.footer.bg.png) no-repeat center top;
		}


body.subscribeNews{}
	body.subscribeNews div#content{
		margin: -110px 0 0 0;
		}

/* =COMPONENTS
------------------------------------------------------------------------ */

div#sectionHeader h1{
	margin-right:25px;
	margin-bottom:0px;
	display:block;
	float:left;
	text-indent:-9000px;
	width:430px;
	}

div.articleDetails{
	margin: 1.5em 0;
	float: left;
	width: 912px;
	padding: 0 6px;
	}

div#headerBg{
	background: #000;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	}
	div#headerBg img{
		position: relative;
		width: 100%;
		}

#featuringMain{
	width: 990px;
	height: 610px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	}
	#featuringMain img#featured01-01{
		position: absolute;
		left: 0;
		top: 18px;
		}
	#featuringMain img#featured01-02{
		position: absolute;
		left: 550px;
		top: 220px;
		}
	#featuringMain a{
		display: block;
		margin: 110px auto 0 auto;
		}
	#featuringMain img{}

#featuredProject{
	float: left;
	width: 660px;
	margin: 0 6px 1.3em 0;
	background: url(../images/layout/featuredProject.bg.png) no-repeat left top;
	}
	#featuredProject div.inner{
		padding: 21px;
		}
	#featuredProject h2{
		font-size: 2.2em;
		font-weight: bold;
		margin: 0.8em 0 0.3em 0;
		}
	#featuredProject div.thumb{
		float: left;
		width: 248px;
		height: 177px;
		position: relative;
		overflow: hidden;
		}
	#featuredProject div.thumb img.thumb{
		position: absolute;
		left: 50%;
		margin-left: -124px;
		top: 10px;
		z-index: 1;
		clip: rect(0 240px 160px 6px);
		}
	#featuredProject div.thumb img.mask{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		}
	#featuredProject div.details{
		margin-left: 20px;
		width: 330px;
		}

#featuredServices{
	float: left;
	width: 324px;
	margin: 0 0 0 6px;
	}
	#featuredServices h3{
		margin: 20px 0 10px 8px;
		}

#contentFooter{
	background: #d6dde4;
	padding: 3.0em 0 1.5em 0;
	}
	#contentFooter div{position: relative;}
	
#seeAlso{}
	#seeAlso div.inner{
		float: left;
		padding: 21px;
		}

#featured03{
	background: url(../images/layout/featured03.bg.png) left top;
	padding-top: 12px;
	position: relative;
	}
	#featured03 div.inner{
		background: url(../images/layout/featured03.bg.png) left bottom;
		padding: 10px 21px;
		}
	#featured03 div.cols-15{
		width: 318px;
		margin: 0 306px 0 0;
		padding-bottom: 1.3em;
		}
	#featured03 div.cols-15 img{
		position: absolute;
		left: 352px;
		bottom: 7px;
		}
	#featured03 div.cols-8{
		padding-left: 24px;
		width: 300px;
		}
	#featured03 div.cols-8 img{
		position: absolute;
		left: 860px;
		top: 27px;
		}
	#featured03 div.cols-8 h3{
		width: 160px;
		}

.boxType01{}
	.boxType01 div.inner{
		float: left;
		padding: 21px;
		}

div#sectionIntro{
	float: left;
	margin: 0 0 2.6em 0;
	padding-bottom: 2.6em;
	background: url(../images/layout/sectionIntro.bg.png) no-repeat center bottom;
	}
	div#sectionIntro div.item{
		padding-bottom: 20px;
		position: relative;
		}
	div#sectionIntro h2{
		font-size: 2em;
		}
	div#sectionIntro h2 a:link,
	div#sectionIntro h2 a:visited{
		font-weight: normal;
		}
	div#sectionIntro a.button{
		position: absolute;
		left: 0;
		bottom: 0;
		}

div#sectionIntro2{
	clear: both;
	float: left;
	padding-bottom: 2.6em;
	}
	div#sectionIntro2 h3{
		margin: 0 0 1em 0;
		padding-left: 4px;
		border-bottom:1px solid #e8eff2;
		}
	div#sectionIntro2 img{
		float: left;
		margin: 6px 12px 0 0;
		}
	div#sectionIntro2 a,
	div#sectionIntro2 p{
		/*display: block;*/
		}

div#blockGotowebsite{
	clear: both;
	background: url(../images/layout/blockGotowebsite.png) no-repeat center top;
	text-align: center;
	padding: 2.6em 0;
	}

div.sectionList{
	margin: 1.5em 0;
	}
	div.sectionList div.section{
		padding: 1.5em 0;
		background: url(../images/layout/sectionList.section.bg.gif) repeat-x left top;
		min-height: 160px;
		}
	div.sectionList div.firstItem{background: none;}
	div.sectionList div.section img.thumb{
		float: left;
		clear: left;
		}
	div.sectionList div.section h3,
	div.sectionList div.section p{
		display: block;
		margin-left:330px;
		}
	div.sectionList div.section h3{
		margin-top: 2em;
		margin-bottom: 0.5em;
		}

div.sectionList2{}
	div.sectionList2 div.section{
		padding: 0.5em 0;
		padding-top: 1.3em;
		background: url(../images/layout/sectionList.section.bg.gif) repeat-x left top;
		}
	div.sectionList2 div.firstItem{background: none;}
	div.sectionList2 div.section p{
		display: block;
		margin-left:180px;
		}
	div.sectionList2 div.section h3{
		display: block;
		float: left;
		width: 160px;
		margin-bottom: 0.5em;
		font-weight: normal;
	color: #6788a5;
	}

#featuredProjects{}
	#featuredProjects h2{
		font-size: 2.2em; 
		margin: 0;
		clear: both;
		}
	#featuredProjects hr{
		background: none;
		border: none;
		margin: 1.3em 0;
		}
	#featuredProjects h2 a:link,
	#featuredProjects h2 a:visited{color: #082631;}

div#socialLinks{
	position: absolute;
	left: 30px;
	top: -45px;
	}

div#projectNav{
	clear:both;
	margin:15px 0 0 0px;
	background: url(../images/layout/projectNav.bg.png) repeat-x left bottom;
	display:none;
	}
	div#projectNav ul{
		clear:both;
		padding:0 0 15px 0;
		}
	div#projectNav ul li{
		display:inline-block;
		margin:0 0 0 0;
		}
		div#projectNav ul li a:link,
		div#projectNav ul li a:visited{
			display:block;
			padding:4px;
			width:71px;
			height:72px;
			position:relative;
			background: url(../images/layout/projectNav.thumb.bg.png) no-repeat center center;
			}
		div#projectNav ul li a:hover{
			-webkit-transform: scale(1.04);
			-moz-transform: scale(1.04);
			}
			div#projectNav ul li img.mask{
				position:absolute;
				left:3px;
				top:4px;
				z-index:2;
				visibility:hidden;
				}
				div#projectNav ul li.active img.mask{
					visibility:visible;
					}
			div#projectNav ul li img.thumb{
				position:absolute;
				left:3px;
				top:4px;
				clip:rect(0, 72px, 72px, 0);
				z-index:1;
				}
	div#projectNavControls{
		position:relative;
		clear:both;
		}
		div#projectNavControls ul{
			position:absolute;
			left:0px;
			top:0;
			list-style:none;
			margin: 0!important;
			}
		div#projectNavControls ul li{
			display:inline-block;
			}
		div#projectNavControls ul li a{
			background: url(../images/layout/projectNavControls.buttons.png);
			height:22px;
			display:block;
			}
		div#projectNavControls ul li.disabled a{
			cursor: default;
			}
			div#projectNavControls ul li a span{display:none;}
			div#projectNavControls ul li.previous a:link,
			div#projectNavControls ul li.previous a:visited{
				width:72px;
				background-position:0px 0px;
				}
				div#projectNavControls ul li.previous a:hover,
				div#projectNavControls ul li.previous a:active{
					background-position:0px -22px;
					}
				div#projectNavControls ul li.previous.disabled a:link,
				div#projectNavControls ul li.previous.disabled a:visited{
					background-position:0px -66px;
					}
			div#projectNavControls ul li.list a:link,
			div#projectNavControls ul li.list a:visited{
				width:45px;
				background-position:-72px 0px;
				}
				div#projectNavControls ul li.list a:hover,
				div#projectNavControls ul li.list a:active{
					background-position:-72px -22px;
					}
				div#projectNavControls ul li.list.active a:link,
				div#projectNavControls ul li.list.active a:visited{
					background-position:-72px -66px;
					}
			div#projectNavControls ul li.next a:link,
			div#projectNavControls ul li.next a:visited{
				width:70px;
				background-position:-117px 0px;
				}
				div#projectNavControls ul li.next a:hover,
				div#projectNavControls ul li.next a:active{
					background-position:-117px -22px;
					}
				div#projectNavControls ul li.next.disabled a:link,
				div#projectNavControls ul li.next.disabled a:visited{
					background-position:-117px -66px;
					}

/* =layoutC2 - Detalhe de projecto WebDesign */
.layoutC2{}
	.layoutC2 h3{
		border-bottom:1px solid #e2e8ee;
		padding-bottom:0.5em;
		margin-bottom:0.5em;
		}
	.layoutC2 #sidebar h4{
		border-bottom:1px solid #e2e8ee;
		padding-bottom:0.5em;
		margin-top:1em;
		margin-bottom:0.5em;
		text-transform:uppercase;
		color:#082631;
		font-size:1em;
		font-weight:bold;
		}
	.layoutC2 div#mainContent #innerContent{
		padding-top:30px;
		}
	.layoutC2 div#mainContent #sidebar{
		padding-top:30px;
		background:none;
		}
	.layoutC2 div#mainContent #sidebar h1{
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:-1px;
		line-height: 1.1em;
		}
	.layoutC2 ul.relatedLinks{
		margin:1em 0 2em 0;
		font-weight:bold;
		}
	.layoutC2 .gallery{
		position:relative;
		}
		.layoutC2 .gallery.mode01{ /*com imagens adicionais*/
			padding-bottom:280px;
			}
		.layoutC2 .gallery img#galleryDeco00{
			position:absolute;
			left:-4px;
			top:-4px;
			z-index:1;
			}
		.layoutC2 .gallery div.mainScreen{
			position:relative;
			z-index:2;
			height:500px;
			width:630px;
			overflow:hidden;
			}
			.layoutC2 .gallery div.mainScreen div.specsBadges{
				text-indent:-9000px;
				width:630px;
				height:250px;
				position:absolute;
				right:0;
				top:0;
				z-index:5;
				}
			.layoutC2 .gallery div.mainScreen div.specsBadges a#badgeWebipack{
				position:absolute;
				right:0;
				top:0;
				display:block;
				width:150px;
				height:100px;
				}
				.layoutC2 .gallery div.mainScreen div.specsBadges a#badgeWebipack img{
					position:absolute;
					right:0;
					top:0;
					z-index:500;
					visibility:visible;
					}
		.layoutC2 .gallery img#galleryDeco01{
			position:absolute;
			left:0;
			bottom:0;
			}
		.layoutC2 .gallery div.screen02{
			position:absolute;
			right:2px;
			bottom:15px;
			width:423px;
			height:373px;
			z-index:2;
			}
		.layoutC2 .gallery div.screen02 img.mask{
			position:absolute;
			left:0;
			top:0;
			z-index:2;
			}
		.layoutC2 .gallery div.screen02 img.thumb{
			position:absolute;
			left:10px;
			top:21px;
			z-index:1;
			clip:rect(0px, 425px, 337px, 0px);
			}
		.layoutC2 .gallery div.screen03{
			position:absolute;
			left:2px;
			bottom:55px;
			width:367px;
			height:287px;
			z-index:3;
			}
		.layoutC2 .gallery div.screen03 img.mask{
			position:absolute;
			left:0;
			top:0;
			z-index:2;
			}
		.layoutC2 .gallery div.screen03 img.thumb{
			position:absolute;
			left:10px;
			top:21px;
			z-index:1;
			clip:rect(0px, 360px, 252px, 0px);
			}
		.layoutC2 ul#relatedClientProjects{}
			.layoutC2 ul#relatedClientProjects li{
				display:block;
				float:left;
				width:60px;
				height:60px;
				overflow:hidden;
				margin:0 0 5px 5px;
				}

div.pageNav{
	float: left;
	width: 904px;
	margin: 0 6px 1.3em 3px;
	font-size: 1.1em;
	}
	div.pageNav div.pag-info{
		border-top: 1px solid #ededed;
		float: left;
		width: 50%;
		padding: 3px 0;
		font-size: 0.85em;
		line-height: 1.8em;
		}
	div.pageNav div.pag-links{
		border-top: 1px solid #ededed;
		float: left;
		width: 50%;
		text-align: right;
		}
	div.pageNav div.pag-links ul{
		margin: 0!important;
		}
	div.pageNav div.pag-links ul li{
		display: inline-block;
		background: none!important;
		padding: 0!important;
		margin: -1px 0 0 0!important;
		border-right: 1px solid #ededed;
		}
	div.pageNav div.pag-links ul li a:link,
	div.pageNav div.pag-links ul li a:visited,
	div.pageNav div.pag-links ul li span{
		display: block;
		padding: 3px 8px;
		}
	div.pageNav div.pag-links ul li a:hover{
		background: #f4f5f7!important;
		}
	div.pageNav div.pag-links ul li.next{
		border-right: none;
		}
	div.pageNav div.pag-links ul li.active{
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ededed;
		}
	div.pageNav div.pag-links ul li.active a:link,
	div.pageNav div.pag-links ul li.active a:visited{
		color: #798188;
		}
	div.pageNav.top div.pag-info,
	div.pageNav.top div.pag-links{
		border-bottom: 1px solid #d5d9dd;
		border-top: none;
		}
	div.pageNav.top div.pag-links ul li{
		margin-top: 0;
		margin-bottom: -1px!important;
		border-right: 1px solid #d5d9dd;
		}
	div.pageNav.top div.pag-links ul li.next{
		border-right: none;
		}
	div.pageNav.top div.pag-links ul li.active{
		border-top: 1px solid #d5d9dd;
		border-bottom: 1px solid #e3e8ec;
		}

#subscribeNews{
	float: left;
	position: relative;
	}
	#subscribeNews input{
		float:left;
		width:226px;
		height:16px;
		line-height:25px;
		padding:6px 0 4px 6px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background-color: #ced6de;
		border-top: 1px solid #bcc2c8;
		border-right: 1px solid #eceff2;
		border-bottom: 1px solid #eceff2;
		border-left: 1px solid #bcc2c8;
		}
	.secHome #subscribeNews input{
		width: 190px;
		border-top: 1px solid #d8dfe6;
		border-right: 1px solid #eceff2;
		border-bottom: 1px solid #eceff2;
		border-left: 1px solid #d8dfe6;
		background-color: #ededf2;
		}
	.secHome #subscribeNews button{left: 193px;}
	#subscribeNews button{
		display:block;
		float:left;
		width:42px;
		height:29px;
		background: url(../images/forms/subscribenews.button.bg.png) no-repeat left top!important;
		border:none;
		padding: 0;
		overflow: hidden;
		position: absolute;
		left: 230px;
		top: 0;
		}
		#subscribeNews button span{
			display:block;
			text-indent:-9000px;
			padding: 0;
			background:none;
			}
		#subscribeNews button:hover{
			cursor:pointer;
			background-position:left -27px;
			}


.partAccordion{
	margin:0 0 1em 0;
	}
	.partAccordion li{
		clear:both;
		}
	.partAccordion li a.head{
		display:block;
		padding:4px 0 3px 10px;
		background:url(../images/layout/partAccordion.li.fundo01.png) left top;
		margin-bottom:1px;
		color:#03111d;
		font-weight:bold;
		/*-webkit-transition: all .2s ease-in-out;*/
		}
	.partAccordion li a.head:hover{
		color: #106f9f;
		-webkit-transform: scale(1.03);
		-moz-transform: scale(1.03);
		-webkit-box-shadow: 0px 2px 4px rgba(151,167,184,0.87);
		-moz-box-shadow: 0px 2px 4px rgba(151,167,184,0.87);
		z-index: 6;
		}
		.partAccordion li.selected a{
			background:url(../images/layout/partAccordion.li.fundo02.png) left top;
			color:#fff;
			text-shadow: #96a6b6 1px 1px 0px;
			}
		.partAccordion li ul{
			font-size:0.95em;
			padding:12px 12px;
			width: 300px;
			margin:0 0 8px 0;
			}
			.partAccordion li ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
			.partAccordion li ul li{
				background:none;
				clear:none;
				}
			.partAccordion li ul li a,
			.partAccordion li.selected ul li a{
				text-shadow:none;
				width:145px;
				float:left;
				background:none;
				font-weight:normal;
				padding:0 5px 0 0;
				color:#006699;
				}
		.partAccordion div.ui-accordion-content{
			padding: 0 0 0 0!important;
			width: 324px!important;
			}

div#langnav{
	position: absolute;
	right: 60px;
	top: 6px;
	z-index: 500;
	color: #4e7ea4;
	font-size: 0.9em;
	}
	div#langnav a:link,
	div#langnav a:visited{
		font-size: 0.9em;
		color: #62768c;
		text-transform: uppercase;
		border: 1px solid #404e64;
		padding: 2px;
		font-weight: bold;
		}
	div#langnav a:hover,
	div#langnav a:active{
		color: #8eaac8;
		}
	div#langnav a.active{
		color: #8eaac8;
		cursor: text;
		border: 1px solid #627698;
		}

a#signatureMultiweb{
	display:block;
	position:absolute;
	width:171px;
	height:21px;
	right:22px;
	top:16px;
	text-indent:-9000px;
	background: url(../images/langEN/layout/footer.multiweb.png) no-repeat left top;
	}

div#logs{
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 1em 0;
	position: relative;
	visibility: hidden;
	clear: both;
	}
	div#logs.active{
		visibility: visible;
		}
	div#logs a.logs-close:link,
	div#logs a.logs-close:visited{
		position: absolute;
		right: 8px;
		top: 12px;
		text-transform: uppercase;
		font-weight: bold;
		color: #fff;
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		}
	div#logs ul{text-align: center;}
	div#logs ul li{
		display: block;
		padding: 12px 8px;
		font-size: 1.1em;
		line-height: 1.3em;
		}
	div#logs ul li.info{
		color: #004e18;
		background: #d2f2cf;
		background: rgba(179,248,173,0.47);
		border: 1px solid #a4f76b;
		}
	div#logs ul li.notice{
		color: #004e18;
		background: rgba(179,248,173,0.47);
		border: 1px solid #a4f76b;
		}
	div#logs ul li.warning{
		color: #510907;
		background: #f7a4a4;
		background: rgba(253,74,76,0.47);
		border: 1px solid #fe2f29;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

/* =DATATABLES
------------------------------------------------------------------------ */
.dataTable td, .dataTable th{padding: 0; background: none;}
.dataTable p{margin:0;}

table.featureList{
	margin: 1em 0;
	}
	table.featureList p,
	table.featureList ul{margin: 0;}
	table.featureList th,
	table.featureList td{
		padding:12px 8px;
		}
	table.featureList td{
		background: url(../images/layout/sectionList.section.bg.gif) repeat-x left bottom;
		}
	table.featureList thead{}
	table.featureList thead th{
		padding: 3px 8px;
		font-weight: normal;
		text-transform: uppercase;
		font-size: 0.80em;
		color: #6788a5;
		line-height: 1.8em;
		background-color: #edf0f3;
		border-bottom: 1px solid #dce6ef;
		}
	table.featureList thead th.firstTD{
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		}
	table.featureList thead th.lastTD{
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		}
	table.featureList thead th.sector{
		background-position: left center;
		}
	table.featureList thead th.description{
		background-position: center center;
		}
	table.featureList thead th.modules{
		background-position: right center;
		}
	table.featureList .sector{
		width: 150px;
		}
	table.featureList .description{}
	table.featureList .modules{
		width: 200px;
		}

/*modelo de listagem entrada projecto com thumbs pequenos*/
.dataTable.projectList1{
	margin-bottom:1.3em;
	}
	.dataTable.projectList1 div.project{
		background:#f4f5f7;
		position:relative;
		padding-top:140px;
		width:200px;
		height: 30px;
		overflow: hidden;
		margin-bottom:30px;
		/*-webkit-transition: all .2s ease-in-out;*/
		}
	.dataTable.projectList1 div.project:hover{
		-webkit-transform: scale(1.03);
		-moz-transform: scale(1.03);
		-webkit-box-shadow: 0px 2px 4px rgba(151,167,184,0.87);
		-moz-box-shadow: 0px 2px 4px rgba(151,167,184,0.87);
		}	
		.dataTable.projectList1 div.project img{
			position:absolute;
			left:0;
			top:0;
			clip:rect(5px 195px 135px 5px);
			z-index: 1;
			}
		.dataTable.projectList1 div.details{
			padding:6px 8px 12px 15px;
			z-index: 2;
			}
		.dataTable.projectList1 div.details h4{
			font-size: 1.2em;
			margin: 0;
			}
		.projectList1 div.details h4 a:link,
		.projectList1 div.details h4 a:visited{
			color:#171b20;
			font-weight:bold;
			font-size:0.85em;
			letter-spacing:0;
			}

.dataTable.projectList1b{
	margin-bottom:3.5em;
	}
	.dataTable.projectList1b div.project{
		background:#f4f5f7;
		position:relative;
		padding-top:205px;
		width:200px;
		margin-bottom:15px;
		}
	.dataTable.projectList1b div.project:hover{
		-webkit-transform: scale(1.03);
		-moz-transform: scale(1.03);
		-webkit-box-shadow: 0px 2px 4px rgba(151,167,184,0.87);
		-moz-box-shadow: 0px 2px 4px rgba(151,167,184,0.87);
		}
		.dataTable.projectList1b div.project img{
			position:absolute;
			left:0;
			top:0;
			clip:rect(5px, 195px, 200px, 5px);
			}
		.projectList1b div.details h4 a:link,
		.projectList1b div.details h4 a:visited{
			color:#171b20;
			font-weight:bold;
			font-size:0.85em;
			letter-spacing:0;
			}

ul.projectList02{
	clear: left;
	margin: 0!important;
	}
	ul.projectList02 li{
		background: none!important;
		margin-bottom:25px;
		width:910px;
		height:262px;
		overflow:hidden;
		position:relative;
		}
		ul.projectList02 li img.mask{
			position:absolute;
			left:0;
			top:0;
			z-index:3;
			}
		ul.projectList02 li img.thumb{
			position:absolute;
			left:0;
			top:0;
			z-index:1;
			clip:rect(5px, 908px, 257px, 5px);
			}
		ul.projectList02 li img.label{
			position:absolute;
			left:5px;
			top:-13px;
			z-index:2;
			}
		ul.projectList02 p.projectSpecifics{
			display:block;
			padding:15px;
			}
	ul.projectList02 div.details{
		position:absolute;
		left:590px;
		top:40px;
		z-index:3;
		width:290px;
		}
		ul.projectList02 div.details h1{
			margin:0;
			font-size:2.8em;
			letter-spacing:-2px;
			font-weight:bold;
			}
			ul.projectList02 div.details h1 a:link,
			ul.projectList02 div.details h1 a:visited{
				color:#171b20;
				}
		ul.projectList02 div.details p.sector{
			color:#97a5b3;
			}
		ul.projectList02 div.details p{margin-bottom:1.5em;}
		ul.projectList02 div.details a{display:block;}

ul.projectList03{
	/* Lista de projectos em identidade*/
	margin: 0!important;
	float: left;
	}
	ul.projectList03 li{
		background: none!important;
		margin-bottom:25px;
		width:150px;
		height:150px;
		overflow:hidden;
		position:relative;
		float:left;
		padding: 0!important;
		}
	ul.projectList03 div.thumb{
		width:150px;
		height:150px;
		overflow:hidden;
		position:relative;
		}
	ul.projectList03 li img.mask{
			position:absolute;
			left:0;
			top:0;
			z-index:3;
			}
	ul.projectList03 li img.thumb{
		position:absolute;
		left:0;
		top:0;
		z-index:1;
		clip:rect(3px, 147px, 147px, 3px);
		}
	ul.projectList03 li img.label{
		position:absolute;
		left:5px;
		top:5px;
		z-index:2;
		}

ul#relatedClientProjects{}
	ul#relatedClientProjects li{
		display:inline-block;
		}
		ul#relatedClientProjects li div.thumb{
			width:65px;
			height:65px;
			overflow:hidden;
			}

/* =LISTS
------------------------------------------------------------------------ */
ul{list-style: none; margin: 0; padding: 0;}
ul li{display: inline;}

ul#siteNav {list-style:none; position:absolute; right:0px; top:0px; z-index:50!important; margin:0 auto; }
ul#siteNav li{display:inline; position:relative;}
ul#siteNav li a:link,
ul#siteNav li a:visited{color:#fff;}
ul#siteNav li a {
	display:block;
	float:left;
	height:100px;
	}
	ul#siteNav li a span {display:none;}
	

ul#sectionNav{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size:0.9em;
	text-transform:uppercase;
	}
	ul#sectionNav li{}
	ul#sectionNav li a:link,
	ul#sectionNav li a:visited{
		display: block;
		float: left;
		padding: 8px;
		color: #8e9baa;
		font-weight:bold;
		}
	ul#sectionNav li.active a:link,
	ul#sectionNav li.active a:visited{
		color:#171b20;
		}
	ul#sectionNav li a:hover,
	ul#sectionNav li a:active{
		color:#0489cf;
		}

ul#footernav{
	position: absolute;
	left: 40px;
	top: 1.5em;
	}
	ul#footernav li{
		margin: 0 8px 0 0;
		}

.articleDetails ul{
	margin:0 0 1.5em 180px;
	}
	.articleDetails ul li{
		display: list-item;
		padding-left:18px;
		background: url(../images/layout/content.ul.li.bg.gif) no-repeat left 3px;
		}

dl.highlights{
	float: left;
	width: 100%;
	}
dl.highlights dt{
	float: left;
	clear: left;
	width: 125px;
	margin: 0 15px 0 0;
	}
dl.highlights dd{
	margin-left: 140px;
	}

/* =FORMS
------------------------------------------------------------------------ */

button{
	float: left;
	border: none;
	background: url(../images/forms/button.bg.png) no-repeat left top;
	padding: 0 0 0 28px;
	color: #27343c;
	text-transform: uppercase;
	cursor: pointer;
	text-shadow: #b9d5a3 0 1px 0;
	margin: 0 0 1.3em -16px;
	}
	button::-moz-focus-inner{padding:0;border:none}
	button span{
		display: block;
		background: none;
		border: none;
		background: url(../images/forms/button.bg.png) no-repeat right top;
		padding: 15px 38px 17px 10px;
		}
	button:hover,
	button:focus{
		background: url(../images/forms/button.bg.png) no-repeat left -49px;
		}
		button:hover span,
		button:focus span{background: url(../images/forms/button.bg.png) no-repeat right -49px;}
	button:active{
		background: url(../images/forms/button.bg.png) no-repeat left -98px;
		color: #4487cb;
		}
		button:active span{background: url(../images/forms/button.bg.png) no-repeat right -98px;}

form h4{
	margin-bottom: 1.3em;
	}
form fieldset{
	clear: left;
	}
form fieldset legend{
	font-size: 1.4em;
	margin: 0 0 1em 0;
	}
form table	{
	border:none!important;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}
form table th,
form table td{
	padding: 4px 6px;
	border:none!important;
	border-bottom: none;
	}
	form table table{
		margin: 0 0 0 0;
		}
	form table table th,
	form table table td{
		padding: 2px 3px;
		border:none!important;
		border-bottom: none;
		}
form table tr.alt td{
	background: none!important;
	}
form table tr.lastRow th,
form table tr.lastRow td{
	border-bottom: none;
	padding-top: 12px;
	}
form table th{
	width: 140px!important;
	background: none!important;
	border-top: none!important;
	text-align: right;
	vertical-align: middle!important;
	}
	form table th.firstTD{
		padding-right: 12px;
		}

form label.error{
	display: block;
	float: left;
	color: #f00;
	width: 110px;
	padding: 8px;
	}
form label.success{
	color: #89c34c;
	}

form table input,
form table textarea{
	padding: 6px;
	border: 2px solid #e6e9ec;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #fff;
	width: 78%;
	float: left;
	margin: 4px 0;
	}
form table input[type=radio]{
	padding: 0;
	width: auto;
	float: none;
	}
form table select{
	margin: 6px 0;
	}
form table input.error,
form table textarea.error{
	border: 1px solid #ef8683;
	background: #fbeae4;
	}
form table textarea{
	height: 60px;
	}

form table.userValidation{
	margin: 6px 0 8px 0;
	}
form table.userValidation th,
form table.userValidation td{
	border: none;

	}
form table.userValidation input,
form table.userValidation img,
form table.userValidation a{
	float: left;
	display: block;
	margin: 8px 6px 0 0;
	}
form table.userValidation a{
	width: 172px;
	padding: 6px 0px 6px 0px;
	}
form table.userValidation label{}

form table table.formCaptcha{}
form table table.formCaptcha td,
form table table.formCaptcha th{
	border: none!important;
	}
form table table.formCaptcha th,
form table table.formCaptcha th label{
	width: 60px!important;
	}

form table.captcha{}
	form table.captcha label.captchaLabel{padding-right: 12px;}
	form table.captcha label.error{
		width: 200px;
		}

/* =COMPONENTS
------------------------------------------------------------------------ */

/* JQUERY UI
------------------------------------------------------------------------ */
/*TABS*/
.ui-tabs {padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*UI accordion*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: visible; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }


	

.ui-tabs{
	margin-bottom:1.2em;
	clear: both;
	}
	.ui-tabs ul.ui-tabs-nav{
		position:relative;
		z-index:2;
		float:left;
		border-top:10px solid #e6e9ec;
		border-right:10px solid #e6e9ec;
		border-bottom:none;
		border-left:10px solid #e6e9ec;
		font-size:1.3em;
		margin:0 0 -10px 0;
		background:#fff;
		}
	.ui-tabs ul.ui-tabs-nav h3{
		font-size:1.0em;
		font-weight:normal;
		margin:0;
		padding:0;
		}
	.ui-tabs ul.ui-tabs-nav li{
		display:inline-block;
		margin:0;
		background:#fff;
		}
		.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected{
			background: url(../images/layout/uiTabs.li.active.fundo.gif) repeat-x left top;
			}
		.ui-tabs ul.ui-tabs-nav li a:link,
		.ui-tabs ul.ui-tabs-nav li a:visited{
			padding:16px 22px;
			border-right:1px solid #ebebeb;
			display:block;
			}
		.ui-tabs ul.ui-tabs-nav li.active a:link,
		.ui-tabs ul.ui-tabs-nav li.active a:visited{
			color:#000;
			}
	.ui-tabs .ui-tabs-panel{
		position:relative;
		z-index:1;
		clear:left;
		border-top:10px solid #e6e9ec;
		border-right:10px solid #e6e9ec;
		border-bottom:10px solid #e6e9ec;
		border-left:10px solid #e6e9ec;
		padding:2.5em 2em 1.0em 2em;
		}


/* =SCROLLABLE */
.layoutC2 div#carousel{
	float: left;
	padding: 0 20px 2.5em 20px;
	position: relative;
	width: 620px;
	}
	.layoutC2 div#carousel a.prevPage,
	.layoutC2 div#carousel a.nextPage{
		cursor: pointer;
		width: 19px;
		height: 25px;
		background-position: left -25px;
		}
	.layoutC2 div#carousel a.prevPage:hover,
	.layoutC2 div#carousel a.nextPage:hover{
		background-position: left top;
		}
	.layoutC2 div#carousel a.prevPage{
		position: absolute;
		left: 0px;
		top: 200px;
		background-image: url(../images/layout/scrollable.previous.bg.gif);
		}
	.layoutC2 div#carousel a.nextPage{
		position: absolute;
		right: 0px;
		top: 200px;
		background-image: url(../images/layout/scrollable.next.bg.gif);
		}
	.layoutC2 div#carousel a.prevPage.disabled,
	.layoutC2 div#carousel a.nextPage.disabled{
		opacity: 0.20;
		}
	.layoutC2 div#carousel h3{
		margin-bottom: 0.6em;
		font-weight: bold;
		}
	.layoutC2 div#carousel a:link,
	.layoutC2 div#carousel a:visited{
		color: #1b91ca;
		}
	.layoutC2 div.scrollable { 
	    /* required settings */ 
	    position:relative; 
	    overflow:hidden; 
	    width: 620px;
	    height:440px; 
		}  
	.layoutC2 div.scrollable div.items { 
	    /* this cannot be too large */ 
	    width:20000em; 
	    position:absolute; 
		} 
	.layoutC2 div.scrollable div.items div { 
	    float: left;
		width: 580px;
		height: 390px;
		padding: 15px 20px 40px 20px;
		background: url(../images/layout/LC1.scrollable.item.bg.png) no-repeat;
		} 
	.layoutC2 div.scrollable div.items div img{
		float: left;
		margin: 0 8px 0 0;
		}
	.layoutC2 div.navi {
		text-align: center;
		} 
		.layoutC2 div.navi a{
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 2px 0 0;
			background: url(../images/layout/scrollable.navi.bg.png) left top;
			cursor: pointer;
			}
		.layoutC2 div.navi a.active{
			background-position: -12px top;
			cursor: default;
			}
	.layoutC2 div.items div.active {}


.secHome div#carousel{
	float: left;
	padding: 0;
	position: relative;
	width: 618px;
	height: 200px;
	}
	.secHome div#carousel a.prevPage,
	.secHome div#carousel a.nextPage{
		cursor: pointer;
		width: 19px;
		height: 19px;
		background: url(../images/layout/home.scrollable.navi.bg.png);
		/*-webkit-transition: all .2s ease-in-out;*/
		}
		.secHome div#carousel a.prevPage:hover,
		.secHome div#carousel a.nextPage:hover{
			-webkit-transform: scale(1.3);
			-moz-transform: scale(1.3);
			}

	.secHome div#carousel a.prevPage{
		position: absolute;
		left: -25px;
		top: 80px;
		background-position: left -19px;
		}
	.secHome div#carousel a.nextPage{
		position: absolute;
		right: -24px;
		top: 80px;
		}
	.secHome div#carousel a.prevPage.disabled,
	.secHome div#carousel a.nextPage.disabled{
		display: none;
		}
	.secHome div#carousel a:link,
	.secHome div#carousel a:visited{
		color: #1b91ca;
		}
	.secHome div.scrollable { 
	    /* required settings */ 
	    position:relative; 
	    overflow:hidden; 
	    width: 600px;
	    height:180px;
		}  
	.secHome div.scrollable div.items { 
	    /* this cannot be too large */ 
	    width:20000em; 
	    position:absolute; 
		} 
	.secHome div.scrollable div.items div { 
	    float: left;
		width: 618px;
		height: 180px;
		padding: 0 0 0 0;
		} 
	.secHome div.scrollable div.items div img{
		float: left;
		margin: 0 8px 0 0;
		}
	.secHome div.navi {
		text-align: left;
		padding-left: 12px;
		} 
		.secHome div.navi a{
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 2px 0 0;
			background: url(../images/layout/home.scrollable.navi2.bg.png) left top;
			cursor: pointer;
			}
		.secHome div.navi a.active{
			background-position: -12px top;
			cursor: default;
			}
	.secHome div.items div.active {}



/* navigation */
#nav {
	background:#ddd url(http://static.flowplayer.org/img/global/gradient/h300_reverse.png);
	border-bottom:1px solid #CCCCCC;
	height:156px;	
	width:745px;
	}

#nav ul {	
	width:600px;
	margin:0 auto;	
	}

#nav li {	
	border-right:1px solid #ddd;
	float:left;
	padding-left:1px;
	width:175px;
	list-style-type:none;
	text-align:center;
	}

#nav a {
	color:#333333;
	display:block;
	padding:17px;
	position:relative;
	word-spacing:-2px;
	font-size:11px;		
	height:122px;
	text-decoration:none;
	}	

#nav a.current {
	background:url(http://static.flowplayer.org/tools/img/tabs/down_large.jpg);	
	}

#nav img {
	background-color:#fff;
	border:1px solid #ccc;
	margin:3px 0 5px 27px;
	padding:4px;		
	display:block;
	}

#nav strong {
	display:block;		
	font-size:13px;
	}

/* panes */
#panes {
	background:#fff url(http://static.flowplayer.org/img/global/gradient/h300_reverse.png) repeat scroll 0 0;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 0;
	width:743px;	
	height:255px;
	margin-bottom:-20px;
	padding-bottom:20px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:20px;
	left:20px;
	font-size:14px;
	color:#444;	
	width:650px; 
	}

#panes img {
	float:left;
	margin-right:20px;		
	}

#panes p.more {
	color:#000;
	font-weight:bold;
	}

#panes h3 {
	margin:0 0 -5px 0;
	font-size:22px;
	font-weight:normal;
	}

.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
	}


/* TWITTER PLUGIN */
#tweets{
	padding: 0 0 0 38px;
	background: url(../images/layout/twitterFeed.bg.png) no-repeat left top;
	}
#tweets li {
	font-size:11px;
	list-style-type:none;
	display: block;
	}
#tweets small{
	display: block;
	} 
#tweets .hash {} 
#tweets .reply {}