/* CSS Document */

@import url("screen.css");
@import url("constants.css");

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



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

*/

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

/* =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:#041a2d;
	text-shadow: #f1f5f8 1px 1px 0px;
	height:auto;
	font-weight:bold;
	}

h1{font-weight:normal;}
h2{margin:0;font-weight:normal; font-size:2.5em; letter-spacing:-1px;}
h4{font-size:1.30em; font-weight:normal; color:#51769b;}
h3, h4, h5{margin-bottom:0;}
h5{line-height:1.25em;}

h1+h3{margin-top:0; margin-bottom:1.5em;}
h2+h4{font-weight:normal; color:#4d5760; font-size:1.2em; margin:0em 0 0.5em 0;}
h3+h4{font-weight:normal; color:#4d5760; font-size:1.1em; margin:0.2em 0 0.5em 0;}

#content h3{
	margin-bottom:0.5em;
	}

#secHome h3 a,
#secHome h4 a{
	color:#041a2d;
	}

#header{color:#fff;}

#contentFooter{
	font-size:0.90em;
	color:#5b687a;
	}

#contentFooter h4 {
	font-size:1.55em;
	color:#8d9db4;
	text-transform:none;
	letter-spacing: -1px;
	}
#contentFooter h4 a{color:#8d9db4;}

#content quote{
	font-size:1.40em;
	font-style:italic;
	float:right;
	max-width:350px;
	margin:1em 0 1.5em 1.5em;
	}
#content q{
	font-size:1.40em;
	font-style:italic;
	float:right;
	max-width:350px;
	margin:1em 0 1.5em 1.5em;
	}
#footer{
	font-size:0.85em;
	color:#7d8791;
	}
	#secHome #footer .container{
		padding-top:15px;
		background: url(../../images/home.footer.fundo.png) no-repeat left top;
		}
#footer p{margin:0;}

p img{float:none; margin:0;}

p.small{
	font-size:1em;
	color:#a9a9a9;
	}

h2 sup{
	font-size: 0.50em;
	}

a:link, a:visited{color:#006699; text-decoration:none;}
a:hover, a:active{color:#0489cf;}


/* =LAYOUT SPECIFICS
------------------------------------------------------------------------ */
body{background:#01061a;}
	body#secHome{background:#fff;}
div#globalContainer{
	background: url(../images/globalContainer.fundo.gif) repeat-x left top;
	position:relative;
	z-index:2;
	}
	#secHome div#globalContainer{background: url(../images/home.globalContainer.fundo.gif) repeat-x left top;}
	div#globalContainer:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

div#header{
	height:94px;
	}
	#secHome div#header{
		height:630px;
		z-index: 1;
		}
	#secHome div#banner{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:638px;
		overflow:hidden;
		text-align:center;
		z-index: 1;
		}
	#secHome div#banner.loading{
	background: url(../images/banner_loader.gif) no-repeat center center;
	}
		#secHome div#banner img{
			position:relative!important;
			left:0!important;
			top:110px!important;
			display: inline-block!important;
			}
		#secHome div#banner h1{
			position: absolute;
			left: 50%;
			width: 900px;
			height: 500px;
			margin-left: -450px;
			top: 110px;
			display: block;
			z-index: 50;
			}
		#secHome div#banner h1 a:link,
		#secHome div#banner h1 a:visited{
			display: block;
			width: 100%;
			height: 500px;
			text-indent: -9999px;
			}
	img#headerLogo{
		position:absolute;
		left:40px;
		top:33px;
		}
	img#headerFundo{
		position:absolute;
		left:0;
		top:0;
		z-index:1;
		width:100%;
		}

div#mainContent{
	}
	#secHome div#mainContent{padding:0;}
	div#mainContent div#content{
		padding-top:60px;
		padding-bottom:60px;
		}
		#secHome div#mainContent div#content{
			padding-top:0;
			padding-bottom:0;
			}
	div#mainContent div#sidebar{
		padding-top:60px;
		padding-bottom:60px;
		background:  url(../images/sidebar.fundo.png) no-repeat left top;
		}
		#secHome div#mainContent div#sidebar{}

#contentHeader{
	padding:60px 0 0 40px;
	}

div#contentFooter{
	background:#d6dde4;
	padding:2em 0;
	}

div#footer{
	position:relative;
	z-index:5;
	text-align:right;
	padding:15px 0;
	color: #4978a5;
	}
	#secHome div#footer{color:#3a5d7f;}
	#secHome div#footer a:link, #secHome div#footer a:visited{color:#3a5d7f;}
	#secHome div#footer a:hover, #secHome div#footer a:active{color:#5e76a7;}
	div#footer a:link, div#footer a:visited{color: #7eaac4;}
	div#footer a:hover, div#footer a:active{color: #b5e2ff;}
	div#footer p.copyright{
		display:block;
		padding:0 40px 0 0;
		text-align: right;
		}


/* =layoutA1 - Institucional, com navegação lateral - BLOG*/
.layoutA1{}
	.layoutA1 h1{
		border-bottom:1px solid #ccd5e0;
		padding-bottom:0.5em;
		margin:0 0 0.6em 0;
		}
	body.layoutA1 h2.pagetitle{
		margin-bottom: 0.8em;
		}
	.layoutA1 #sidebar{
		min-height: 650px;
		}
	.layoutA1 #sidebar h4{
		font-size: 1.2em;
		text-transform: uppercase;
		margin: 1em 0 0 0;
		color: #082631;
		}
	.layoutA1 hr{
		border: none;
		background: url(../images/LA1.sidebar.hr.bg.png);
		margin: 15px 0 15px 0;
		}
	.layoutA1 li#search hr{display: none;}
	.layoutA1 li#search input{
		border: 1px solid #dbe6eb;
		padding-right: 8px;
	background: url(../images/LA1.sidebar.input.bg.png) no-repeat right center;
	}
 .layoutA1 p.postmetadata{font-size:0.90em;}


/* =layoutA2 - Institucional, com conteudos em tabs */
.layoutA2{}
	.layoutA2 h1{
		border-bottom:1px solid #ccd5e0;
		padding-bottom:0.5em;
		margin:0;
		}

/* =layoutC1 - Detalhe de projecto */
.layoutC1{}
	.layoutC1 h3{
		border-bottom:1px solid #e2e8ee;
		padding-bottom:0.5em;
		margin-bottom:0.5em;
		}
	.layoutC1 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;
		}
	.layoutC1 div#mainContent #content{
		padding-top:30px;
		height: 460px;
		}
	.layoutC1 div#mainContent #sidebar{
		padding-top:38px;
		background:none;
		/*background: url(../images/LC1.sidebar.fundo.png) no-repeat 15px top;*/
		}
	.layoutC1 div#mainContent #sidebar h2{
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:-1px;
		}

	.layoutC1 div#mainGallery{
		background: url(../images/LC1.mainGallery.fundo01.png) no-repeat 7px 3px;
		width:640px;
		margin-top:-30px;
		margin-left:-25px;
		margin-right:-10px;
		height:420px;
		/*overflow:hidden;*/
		position:relative;
		}
		.layoutC1 div#mainGallery img.photo{
			position:absolute;
			left:15px;
			top:0;
			clip:rect(15px, 600px, 400px, 10px);
			}


/* =layoutC0 - Entrada Categoria Projectos */
.layoutC0{}
	.layoutC0 h2{
		font-weight:bold;
		}
	.layoutC0 h2 a:link,
	.layoutC0 h2 a:visited{
		color:#171b20;
		}

/* =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 #content{
		padding-top:30px;
		}
	.layoutC2 div#mainContent #sidebar{
		padding-top:30px;
		background:none;
		}
	.layoutC2 div#mainContent #sidebar h2{
		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;
				}



	#galleryNav{
		padding:1em 0;
		margin-top:-0.8em;
		margin-bottom:1.2em;
		text-align:center;
		height:20px;
		/*background: url(../images/galleryNav.fundo.gif) repeat-x left bottom;*/
		}
		#galleryNav ul{}
			#galleryNav ul li{
				display:inline-block;
				height:25px;
				line-height:2.0em;
				}
				#galleryNav ul li.counter{padding:0 8px;}
				#galleryNav ul li a{
					display:block;
					padding:0 8px;
					}
				#galleryNav ul li.previous a:link,
				#galleryNav ul li.previous a:visited{
					padding-right:25px;
					background: url(../images/galleryNav.previous.fundo.gif) no-repeat right -25px;
					}
				#galleryNav ul li.previous a:hover,
				#galleryNav ul li.previous a:active{
					background: url(../images/galleryNav.previous.fundo.gif) no-repeat right top;
					}
				#galleryNav ul li.next a:link,
				#galleryNav ul li.next a:visited{
					background: url(../images/galleryNav.next.fundo.gif) no-repeat left -25px;
					padding-left:25px;
					}
				#galleryNav ul li.next a:hover,
				#galleryNav ul li.next a:active{
					background: url(../images/galleryNav.next.fundo.gif) no-repeat left top;
					}

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

/* =LAYOUT SNIPPETS
------------------------------------------------------------------------ */

.box{}
.box.type01{
	padding:0;
	background:#edeeef;
	border-bottom:1px solid #b9bfc4;
	}
	.span-15.box.type01{
		padding:15px 25px;
		width:555px;
		border:none;
		min-height:200px;
		/*background: url(../images/home.featured01.fundo.png) no-repeat left top;*/
		}

#sectionsIntro{
	/*intro de secção*/
	float: left;
	width: 100%;
	background: url(../images/featuredServices.bg.png) repeat-x left bottom;
	padding-bottom: 2em;
	margin-bottom: 2em;
	}
#sectionsIntro div.span-7{
	background: url(../images/featuredServices.column.bg.png) no-repeat 305px center;
	}
#sectionsIntro div.span-7{
	width: 270px;
	padding: 0 20px 0 20px;
	}	
#sectionsIntro div.last{background: none; padding: 0;}
#sectionsIntro div.span-7 h3{
	font-weight: normal!important;
	font-size: 1.25em;
	margin-bottom: 1em;
	}

div#sectionsIntro2{
	float: left;
	width: 100%;
	}
div#sectionsIntro2 h4{
	margin-bottom: 1em;
	}
div#sectionsIntro2 img.thumb{
	float: left;
	margin: 0 8px 5px 0;
	}

	
#featuredServices{
	width:280px;
	padding:0;
	margin:0 0 0 10px;
	}
	#featuredServices h3{
		padding:0 10px;
		}
	#featuredServices ul ul li a{
		padding-left: 8px;
		width: 120px;
		background: url(../images/featuredServices.bullet.png) no-repeat left 5px;
		}
	
#featuredProjects{}
	#secHome #featuredProjects{
		min-height:200px;
		padding-top:15px;
		width:605px;
		background: url(../images/home.featuredProjects.bg01.png) no-repeat left top;
		position:relative;
		float:left;
		margin-right:10px;
		}	
	#secHome #featuredProjects .project{
		padding:0 25px 15px 20px;
		width:555px;
		}
	#featuredProjects .project div.thumb{
		width:205px;
		height:177px;
		overflow:hidden;
		float:left;
		position:relative;
		}
		#featuredProjects .project img.thumb{
			position:absolute;
			z-index:1;
			left:0;
			top:0;
			clip:rect(5px, 240px, 170px, 8px);
			}
		#featuredProjects .project img.mask{
			position:absolute;
			z-index:2;
			left:0;
			top:0;
			}
	#featuredProjects .project .details{
		float:left;
		width:260px;
		margin-left:0px;
		}
		#featuredProjects .project .details h2{
			font-weight:bold;
			margin:0.5em 0 0 0;
			line-height: 1em;
			}
		#featuredProjects .project .details p{margin: 0 0 0.3em 0;}

#featuringOthers{
	margin-top:0px;
	padding:25px 0 0 0;
	width:910px;
	position:relative;
	background: url(../images/home.featuringOthers.bg01.png) no-repeat left top;
	}
	#featuringOthers div.inner{
		background: url(../images/home.featuringOthers.bg02.png) no-repeat left bottom;
		padding:0 25px 15px 25px;
		float:left;
		}
	#featuringOthers div.span-14{
		width:270px;
		padding:0;
		padding-right:309px;
		background:none;
		}
	#featuringOthers div.span-7{
		width:253px;
		padding:0;
		background:none;
		}

#featuredFooter{
	margin:15px 0;
	padding:0 25px;
	}
	#featuredFooter div.column{
		width:180px;
		}
	#featuredFooter h4{
		font-weight:bold;
		color:#051829;
		margin-bottom:0.6em;
		}
	#featuredFooter p{
		margin: 0;
		}


#blogFeed{}
	#blogFeed p{
	display:block;
	margin:0 0 0.5em 0;
	padding:0 0 0 15px;
	background: url(../images/blogFeed.bullet.png) no-repeat left 2px;
		}
	#blogFeed a:link,
	#blogFeed a:visited{
		font-weight:bold;
		color:#041A2D;
		}
	#blogFeed a:hover,
	#blogFeed a:active{
		color:#49a4cf;
		}

div#socialLinks{
	display: block;
	width: 100%;
	float: left;
	margin: -35px 0 0 -15px;
	}

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

/* =WEBPARTS
------------------------------------------------------------------------ */	

.partAccordion{
	margin:0 0 1em 0;
	}
	.partAccordion li{
		clear:both;
		}
	.partAccordion li a{
		display:block;
		padding:5px 0 6px 10px;
		background:url(../images/partAccordion.li.fundo01.png) left top;
		/*background:url(../images/partAccordion.li.fundo01.gif) left center;*/
		margin-bottom:1px;
		color:#03111d;
		font-weight:bold;
		}
		.partAccordion li.selected a{
			background:url(../images/partAccordion.li.fundo02.png) left top;
			color:#fff;
			text-shadow: #96a6b6 1px 1px 0px;
			}
		.partAccordion li a span{
			/*display:block;	
			padding:0;*/
			/*background:url(../images/partAccordion.li.fundo02.gif) right center;*/
			}
		.partAccordion li ul{
			font-size:0.95em;
			padding:3px 12px;
			margin: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:50%;
				float:left;
				background:none;
				font-weight:normal;
				padding:0;
				color:#006699;
				}

.uiTabs{
	margin-bottom:1.2em;
	}
	.uiTabs ul.tabsNavigation{
		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;
		}
	.uiTabs ul.tabsNavigation h3{
		font-size:1.0em;
		font-weight:normal;
		margin:0;
		padding:0;
		}
	.uiTabs ul.tabsNavigation li{
		display:inline-block;
		margin:0;
		background:#fff;
		}
		.uiTabs ul.tabsNavigation li.ui-tabs-selected{
			background: url(../images/uiTabs.li.active.fundo.gif) repeat-x left top;
			}
		.uiTabs ul.tabsNavigation li a:link,
		.uiTabs ul.tabsNavigation li a:visited{
			padding:16px 22px;
			border-right:1px solid #ebebeb;
			display:block;
			}
		.uiTabs ul.tabsNavigation li.active a:link,
		.uiTabs ul.tabsNavigation li.active a:visited{
			color:#000;
			}
	.uiTabs .content{
		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;
		}

#uiTagCloud{}
	#uiTagCloud div{
		width:215px;
		height:230px;
		margin:1em -10px 1em -25px;
		padding:1.5em 25px 1.5em 25px;
		font-size:0.85em;
		background: url(../images/uiTagCloud.div.fundo.png) no-repeat left top;
		}

div.intro{
	clear:both;
	/*background:#f4f5f7;*/
	border-bottom:1px solid #dce2e9;
	
	padding:20px 0 25px 0;
	margin-bottom:2em;
	font-size:1.2em;
	}
	div.intro h4{
		font-weight:normal;
		color:#092d4d;
		font-size:1.7em;
		margin-bottom:0.3em;
		letter-spacing:-1px;
		}
	div.intro p{margin:0;}
	
div.articleDetails{}
	div.articleDetails.noIntro{
		clear:both;
		padding-top:1.5em;
		}
	div.articleDetails p{
		margin-bottom:1.5em;
		}
	div.articleDetails h3{
		font-weight:normal;
		color:#3f4954;
		font-size:1.9em;
		margin-bottom:0.3em;
		color:#6788a5;
		text-shadow: #fff 1px 1px 0px;
		}
	div.articleDetails h4{
		font-weight:normal;
		color:#3f4954;
		font-size:1.50em;
		margin-bottom:0.3em;
		color:#6788a5;
		text-shadow: #fff 1px 1px 0px;
		}
	div.articleDetails div.topics{
		padding:0 0 0 25px;
		}
		div.articleDetails div.topics h4{
			margin-left:-25px;
			}
	
	div.articleDetails div.topics2{
		padding:20px 0 0 185px;
		background: url(../images/articleDetails.topics2.bg.gif) repeat-x left top;
		}
		div.articleDetails div.topics2 h4{
			display:block;
			width:165px;
			float:left;
			margin-left:-185px;
			}
	div.intro+div.articleDetails div:first-child{
		background: none;
		}

	
	div.articleDetails div.topics3{
		padding:60px 0 0 330px;
		width: 580px;
		background: url(../images/articleDetails.topics2.bg.gif) repeat-x left top;
		float: left;
		clear: both;
		}
	div.articleDetails div.topics3 img{
		float: left;
		margin: -40px 0 0 -330px;
		}
		div.articleDetails div.topics3 h4{
			display:block;
			margin-left:0;
			}



div#projectNav{
	clear:both;
	margin:15px 0 0 35px;
	background: url(../images/projectNav.bg.png) repeat-x left bottom;
	display:none;
	}
	div#projectNav ul{
		clear:both;
		padding:15px 0;
		}
	div#projectNav ul li{
		display:inline-block;
		margin:0 3px 0 0;
		}
		div#projectNav ul li a:link,
		div#projectNav ul li a:visited{
			display:block;
			padding:4px;
			width:72px;
			height:72px;
			position:relative;
			background: url(../images/projectNav.thumb.bg.png) no-repeat center center;
			}
			div#projectNav ul li img.mask{
				position:absolute;
				left:4px;
				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:4px;
				top:4px;
				clip:rect(0, 72px, 72px, 0);
				z-index:1;
				}
	div#projectNavControls{
		position:relative;
		clear:both;
		}
		div#projectNavControls ul{
			position:absolute;
			left:40px;
			top:0;
			list-style:none;
			}
		div#projectNavControls ul li{
			display:inline-block;
			}
		div#projectNavControls ul li a{
			background: url(../images/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;
					}	


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

/* type01 = lista de projectos recentes*/
.dataTable.type01{}
	.dataTable.type01 caption{
		font-size:1.3em;
		background:none;
		color:#03111d;
		text-shadow: #fff 1px 1px 0px;
		padding-left:7px;
		font-style:italic;
		}
		.dataTable.type01 caption strong{
			text-transform:uppercase;
			font-style:normal;
			}
	.dataTable.type01 td{
		border-bottom:1px solid #dee4ec;
		padding:12px;
		padding-left:65px;
		}
		.dataTable.type01 td:hover{
			background-color:#f6f7f9;
			}
		.dataTable.type01 td img{
			-moz-opacity: 0.50;
			opacity: 0.50;
			}
	.dataTable.type01 img{
		float:left;
		border:1px solid #c6d1df;
		margin:0 0 0 -58px;
		}
	.dataTable.type01 td:hover img,
	.dataTable.type01 td.active img
		{
		-moz-opacity: 1.00;
		opacity: 1.00;
		}


/*modelo de listagem entrada projecto com thumbs grandes*/
.dataTable.projectList{
	margin-bottom:3.5em;
	}
	.dataTable.projectList td{
		padding:0;
		border-right:1px solid #ffffff;
		border-bottom:1px solid #ffffff;
		}
	.dataTable.projectList a.project{
		display:block;
		width:226px;
		height:165px;
		overflow:hidden;
		position:relative;
		}
		.dataTable.projectList a.project img{
			position:absolute;
			left:0;
			top:0;
			z-index:1;
			}
		.dataTable.projectList a.project div.details{
			/*visibility:hidden;*/
			position:relative;
			z-index:2;
			width:226px;
			height:100%;
			background:url(../images/projectList.thumb.fundo.png) no-repeat left bottom;
			}
			.dataTable.projectList a.project div.details h4{
				visibility:hidden;
				}
			.dataTable.projectList td:hover a.project div.details{
				visibility:visible;
				}
				.dataTable.projectList td:hover a.project div.details h4{
					visibility:visible;
					}
			.dataTable.projectList td:hover a.project img{
				/*display:none;*/
				}
			.dataTable.projectList a.project div.details h4{
				color:#fff;
				font-size:1.8em;
				font-weight:normal;
				position:absolute;
				left:10px;
				bottom:10px;
				}

/*modelo de listagem entrada projecto com thumbs pequenos*/
.dataTable.projectList1{
	margin-bottom:3.5em;
	}
	.dataTable.projectList1 div.project{
		background:#f4f5f7;
		position:relative;
		padding-top:140px;
		width:200px;
		margin-bottom:15px;
		}
		.dataTable.projectList1 div.project img{
			position:absolute;
			left:0;
			top:0;
			clip:rect(5px, 195px, 135px, 5px);
			}
		.dataTable.projectList1 div.details{
			padding:8px 8px 8px 15px;
			}
		.projectList1 div.details h4 a:link,
		.projectList1 div.details h4 a:visited{
			color:#171b20;
			font-weight:bold;
			font-size:0.85em;
			letter-spacing:0;
			}

/*modelo de listagem entrada para design gráfico projecto com thumbs pequenos*/
.projectList1b{
	margin-bottom:3.5em;
	}
	.projectList1b div.project{
		background:#f4f5f7;
		position:relative;
		padding-top:205px;
		width:200px;
		margin-bottom:15px;
		}
		.projectList1b div.project img{
			position:absolute;
			left:0;
			top:0;
			clip:rect(5px, 195px, 200px, 5px);
			}
		.projectList1b div.details{
			padding:8px 8px 8px 15px;
			display: none;
			}
		.projectList1b div.details h4 a:link,
		.projectList1b div.details h4 a:visited{
			color:#171b20;
			font-weight:bold;
			font-size:0.85em;
			letter-spacing:0;
			}

.dataTable.projectList2{
	}
	.dataTable.projectList2 td{
		padding:0 5px 5px 0;
		}
	.dataTable.projectList2 a{
		width:210px;
		display:block;
		padding:6px;
		background: url(../images/dTable.projectList2.a.fundo01.gif) no-repeat 0 0;
		}
	.dataTable.projectList2 div.thumb{
		width:210px;
		height:130px;
		overflow:hidden;
		margin-bottom:8px;
		}
	.dataTable.projectList2 h4,
	.dataTable.projectList2 p{
		margin-left:10px;
		}
	.dataTable.projectList2 a h4{
		color:#171b20;
		}
	.dataTable.projectList2 a p{
		color:#8b9aaa;
		}

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/featureList.td.bg.png) 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: url(../images/featureList.th.bg.png) no-repeat;
		}
	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;}

.blogList01{}
	.blogList01 td{
		padding:1em 0 2.5em 0;
		background: url(../images/blogList01.td.fundo.gif) repeat-x left bottom;
		}
	.blogList01 td div.post{
		position: relative;
		}
	.blogList01 h4{
		font-size: 2.0em;
		}
	.blogList01 ul.date,
	.blogPost ul.date{
		width:52px;
		padding:8px 10px 0 0;
		height:51px;
		position: absolute;
		right: -63px;
		top: 0;
		background: url(../images/blogList01.date.fundo.png) no-repeat left top;
		text-align:center;
		}
		.blogList01 ul.date li.day,
		.blogPost ul.date li.day{
			font-size:2.0em;
			margin:0 -1px 0 0;
			line-height:0.8em;
			color:#fff;
			text-align:center;
			}
		.blogList01 ul.date li.month,
		.blogPost ul.date li.month{
			color:#092d4d;
			text-transform:uppercase;
			letter-spacing:1px;
			}
	.blogList01 ul.tags{}
		.blogList01 ul.tags li{
			display:inline-block;
			padding-left:12px;
			background: url(../images/tags.li.fundo.gif) no-repeat left center;
			}
			.blogList01 ul.tags li a:link,
			.blogList01 ul.tags li a:visited{color:#95afc7;}
			.blogList01 ul.tags li a:hover,
			.blogList01 ul.tags li a:active{color:#0489cf;}
			
.blogPost{
	position: relative;
	}
.blogPost h1{border-bottom: none; margin: 0 0 0 0;}

.blogPost a.backLink{
	display: block;
	margin: -20px 0 10px 0;
	font-size: 0.90em;
	padding-left: 10px;
	background: url(../images/LA1.backlink.bg.gif) no-repeat left center;
	}
.blogPost div#content{position: relative;}
.blogPost ul.date{
	top: 45px;
	}
.blogPost blockquote{
	font-size: 1.2em;
	font-style: italic;
	color: #8d9293;
	padding-left: 35px;
	background: url(../images/blockquote.bg.gif) no-repeat left top;
	}
	.blogPost blockquote p{margin: 0;}



ul.projectList02{}
	ul.projectList02 li{
		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:5px;
			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*/
	}
	ul.projectList03 li{
		margin-bottom:25px;
		width:150px;
		height:150px;
		overflow:hidden;
		position:relative;
		float:left;
		}
	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;
		}


/* =LISTS
------------------------------------------------------------------------ */
.articleDetails ul{
	margin:0 0 1.5em 0;
	}
	.articleDetails ul li{
		padding-left:18px;
		background: url(../images/content.ul.li.bg.gif) no-repeat left 3px;
		}
/* =siteNav */
ul#siteNav {list-style:none; width:535px; height:100px; position:absolute; left:400px; top:0px; z-index:5; margin:0 auto; }
	#secHome ul#siteNav {height:33px; top:35px; left: 400px;}
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;
	background: url(../images/sitenav.ops2.s.png) no-repeat;
	}
	#secHome ul#siteNav li a {
		height:33px;
		background: url(../images/sitenav.ops.s.png) no-repeat;
		}
	ul#siteNav li a span {display:none;}

ul#siteNav li#siteNav_op5 a:link, ul#siteNav li#siteNav_op5 {}
ul#siteNav li#siteNav_op6 a:link, ul#siteNav li#siteNav_op6 {}

ul#siteNav li#siteNav_op1 a:link, ul#siteNav li#siteNav_op1 a:visited{width:105px; background-position:0 0;}
ul#siteNav li#siteNav_op2 a:link, ul#siteNav li#siteNav_op2 a:visited{width:77px; background-position:-105px 0;}
ul#siteNav li#siteNav_op3 a:link, ul#siteNav li#siteNav_op3 a:visited{width:80px; background-position:-182px 0;}
ul#siteNav li#siteNav_op4 a:link, ul#siteNav li#siteNav_op4 a:visited{width:95px; background-position:-262px 0;}
/*ul#siteNav li#siteNav_op5 a:link, ul#siteNav li#siteNav_op5 a:visited{width:52px; background-position:-348px 0;}*/
ul#siteNav li#siteNav_op5 a:link, ul#siteNav li#siteNav_op5 a:visited{width:75px; background-position:-355px 0;}
ul#siteNav li#siteNav_op6 a:link, ul#siteNav li#siteNav_op6 a:visited{width:75px; background-position:-430px 0;}


#secHome ul#siteNav li#siteNav_op1 a:link, #secHome ul#siteNav li#siteNav_op1 a:visited{width:104px; background-position:0 0;}
#secHome ul#siteNav li#siteNav_op2 a:link, #secHome ul#siteNav li#siteNav_op2 a:visited{width:75px; background-position:-104px 0;}
#secHome ul#siteNav li#siteNav_op3 a:link, #secHome ul#siteNav li#siteNav_op3 a:visited{width:81px; background-position:-179px 0;}
#secHome ul#siteNav li#siteNav_op4 a:link, #secHome ul#siteNav li#siteNav_op4 a:visited{width:95px; background-position:-260px 0;}
/*#secHome ul#siteNav li#siteNav_op5 a:link, #secHome ul#siteNav li#siteNav_op5 a:visited{width:52px; background-position:-346px 0;}*/
#secHome ul#siteNav li#siteNav_op5 a:link, #secHome ul#siteNav li#siteNav_op5 a:visited{width:75px; background-position:-355px 0;}
#secHome ul#siteNav li#siteNav_op6 a:link, #secHome ul#siteNav li#siteNav_op6 a:visited{width:89px; background-position:-430px 0;}

ul#siteNav li#siteNav_op1 a:hover{background-position:0px -100px;}
ul#siteNav li#siteNav_op2 a:hover{background-position:-105px -100px;}
ul#siteNav li#siteNav_op3 a:hover{background-position:-182px -100px;}
ul#siteNav li#siteNav_op4 a:hover{background-position:-262px -100px;}
/*ul#siteNav li#siteNav_op5 a:hover{background-position:-348px -100px;}*/
ul#siteNav li#siteNav_op5 a:hover{background-position:-355px -100px;}

#secHome ul#siteNav li#siteNav_op1 a:hover{background-position:0px -33px;}
#secHome ul#siteNav li#siteNav_op2 a:hover{background-position:-104px -33px;}
#secHome ul#siteNav li#siteNav_op3 a:hover{background-position:-179px -33px;}
#secHome ul#siteNav li#siteNav_op4 a:hover{background-position:-260px -33px;}
/*#secHome ul#siteNav li#siteNav_op5 a:hover{background-position:-346px -33px;}*/
#secHome ul#siteNav li#siteNav_op5 a:hover{background-position:-355px -33px;}
#secHome ul#siteNav li#siteNav_op6 a:hover{background-position:-430px -33px;}

ul#siteNav li#siteNav_op1.active a:link, ul#siteNav li#siteNav_op1.active a:visited {background-position:0 -200px;}
ul#siteNav li#siteNav_op2.active a:link, ul#siteNav li#siteNav_op2.active a:visited {background-position:-105px -200px;}
ul#siteNav li#siteNav_op3.active a:link, ul#siteNav li#siteNav_op3.active a:visited {background-position:-182px -200px;}
ul#siteNav li#siteNav_op4.active a:link, ul#siteNav li#siteNav_op4.active a:visited {background-position:-262px -200px;}
/*ul#siteNav li#siteNav_op5.active a:link, ul#siteNav li#siteNav_op5.active a:visited {background-position:-348px -200px;}*/
ul#siteNav li#siteNav_op5.active a:link, ul#siteNav li#siteNav_op5.active a:visited {background-position:-355px -200px;}
ul#siteNav li#siteNav_op6.active a:link, ul#siteNav li#siteNav_op6.active a:visited {background-position:-430px -200px;}

#secHome ul#siteNav li#siteNav_op1 .active a:link, #secHome ul#siteNav li#siteNav_op1 .active a:visited {background-position:0 -66px;}
#secHome ul#siteNav li#siteNav_op2 .active a:link, #secHome ul#siteNav li#siteNav_op2 .active a:visited {background-position:-104px -66px;}
#secHome ul#siteNav li#siteNav_op3 .active a:link, #secHome ul#siteNav li#siteNav_op3 .active a:visited {background-position:-179px -66px;}
#secHome ul#siteNav li#siteNav_op4 .active a:link, #secHome ul#siteNav li#siteNav_op4 .active a:visited {background-position:-260px -66px;}
/*#secHome ul#siteNav li#siteNav_op5 .active a:link, #secHome ul#siteNav li#siteNav_op5 .active a:visited {background-position:-346px -66px;}*/
#secHome ul#siteNav li#siteNav_op5 .active a:link, #secHome ul#siteNav li#siteNav_op5 .active a:visited {background-position:-355px -66px;}
#secHome ul#siteNav li#siteNav_op6 .active a:link, #secHome ul#siteNav li#siteNav_op6 .active a:visited {background-position:-430px -66px;}

ul#sectionNav{
	margin-bottom:1.5em;
	}
	ul#sectionNav li{}
	ul#sectionNav li h3{
		font-style:italic;
		font-weight:normal;
		margin-bottom:0.5em;
		}
	ul#sectionNav li h3 strong{
		text-transform:uppercase;
		font-style:normal;
		}
	ul#sectionNav li a:link,
	ul#sectionNav li a:visited{
		display:block;
		padding:5px 8px 4px 8px;
		border-bottom:1px solid #d5dce5;
		}
	ul#sectionNav li a:hover,
	ul#sectionNav li a:active{}

/*ul#sectionNav2{
	float:left;
	width:100%;
	border-bottom:1px solid #ccd5e0;
	}
	ul#sectionNav2 li{
		display:block;
		float:left;
		}
	ul#sectionNav2 li h1{
		font-weight:bold;
		margin-right:25px;
		}
	ul#sectionNav2 li h2{
		color:#8696a6;
		font-weight:normal;
		line-height:1.40em;
		}*/

ul#sectionNav2{
	float:left;
	width:100%;
	background: url(../images/sectionNav2.bg.gif) repeat-x left bottom;
	margin-bottom: 10px;
	}
	ul#sectionNav2 li{
		display:block;
		float:left;
		}
	ul#sectionNav2 li h1{
		margin-right:25px;
		margin-bottom:5px;
		display:block;
		float:left;
		/*background: url(../images/element_headersH1.png) no-repeat;*/
		text-indent:-9000px;
		width:430px;
		}
	
	ul#sectionNav2 li h2{
		margin-right:25px;
		margin-bottom:5px;
		display:block;
		float:left;
	
		}
	ul#sectionNav2 li h2.header00{		
		font-size:20pt;
		color:#03202b;
		font-weight:bold;
		
	}/*hd*/	
	
	
	ul#sectionNav2 li h2.header01{
		font-size:20pt;
		color:#84b1c8;
	
	}/*sub header*/
		
	
	ul#sectionNav2 li h1.header50{background-position:left -200px;}/*SOLUÇÕES*/	
	ul#sectionNav2 li h1.header48{background-position:left -160px;}/*SERVIÇOS*/
	ul#sectionNav2 li h1.header54{background-position:left -200px;}/*SERVIÇOS / WEBDESIGN */
	ul#sectionNav2 li h1.header55{background-position:left -240px;}/*SERVIÇOS / DESIGN COMUNICAÇÃO */
	ul#sectionNav2 li h1.header56{background-position:left -280px;}/*SERVIÇOS / APLICAÇÕES */
	ul#sectionNav2 li h1.header57{background-position:left -320px;}/*SERVIÇOS / CONSULTORIA */
	ul#sectionNav2 li h1.header58{background-position:left -360px;}/*SERVIÇOS / SEO */
	ul#sectionNav2 li h1.header53{background-position:left -400px;}/*SOLUÇÕES*/
	ul#sectionNav2 li h1.header59{background-position:left -440px;}/*SOLUÇÕES / WEBIPACK */
	ul#sectionNav2 li h1.header60{background-position:left -480px;}/*SOLUÇÕES / MULTIADMIN */
	ul#sectionNav2 li h1.header61{background-position:left -520px;}/*SOLUÇÕES / MULTIHOST */
	ul#sectionNav2 li h1.header42{background-position:left -560px;}/*PROJECTOS*/
	ul#sectionNav2 li h1.header43{background-position:left -600px;}/*PROJECTOS/WEBDESIGN*/
	ul#sectionNav2 li h1.header44{background-position:left -640px;}/*PROJECTOS/DESIGN GRAFICO*/
	ul#sectionNav2 li h1.header45{background-position:left -680px;}/*PROJECTOS/OUTROS*/
	ul#sectionNav2 li h1.header52{background-position:left -720px;}/*PROJECTOS/CLIENTES*/
	ul#sectionNav2 li h1.header64{background-position:left -800px;}/*CONTACTOS / CONTACTOS*/
	ul#sectionNav2 li h1.header65{background-position:left -840px;}/*CONTACTOS / ORÇAMENTOS*/
	ul#sectionNav2 li h1.header66{background-position:left -880px;}/*CONTACTOS / RECRUTAMENTO*/
	ul#sectionNav2 li h1.headerNewsletter{background-position:left -920px;}/*NEWSLETTER*/
	ul#sectionNav2 li h1.headerSitemap{background-position:left -960px;}/*MAPA DO SITE*/
	
	
ul#sectorNav{
	position:absolute;
	right:45px;
	top:170px;
	font-size:0.9em;
	text-transform:uppercase;
	}
	ul#sectorNav li{
		display:inline;
		}
		ul#sectorNav li a:link,
		ul#sectorNav li a:visited{
			display:block;
			float:left;
			margin-left:18px;
			color: #8e9baa;
			font-weight:bold;
			}
			ul#sectorNav li.active a:link,
			ul#sectorNav li.active a:visited{
				color:#171b20;
				}
		ul#sectorNav li a:hover,
		ul#sectorNav li a:active{
			color:#0489cf;
			}			

#footerNav{
	margin:0 0 0 35px;
	}
	#footerNav li{
		display:block;
		float:left;
		padding:0 0 0 5px;
		margin: 0 6px 0 0;
		}

ul.pageNav{
	text-align:right;
	margin-bottom:1em;
	width: 100%;
	clear: both;
	}
	div.intro + ul.pageNav{margin-top:-1em;}
	ul.pageNav li{
		display:inline;
		}
		ul.pageNav li a:link,
		ul.pageNav li a:visited{
			display:inline-block;
			margin:0 3px;
			}
		ul.pageNav li.next a:link,
		ul.pageNav li.next a:visited{
			padding:0 8px 0 8px;
			background: url(../images/pageNav.next.fundo01.gif) no-repeat right center;
			border-left:1px solid #ebecef;
			}
		ul.pageNav li.active a:link,
		ul.pageNav li.active a:visited{
			color:#1b1f23;
			}
			
ul#siteMap{
	list-style: none;
	}
ul#siteMap li{
	padding: 0;
	width: 20%;
	float: left;
	}
ul#siteMap li.level0{
	font-size: 1.9em;
	width: 100%;
	background: none;
	border-bottom: 1px solid #e1e7ee;
	margin: 0.7em 0 0.2em 0;
	}
ul#siteMap li.level1{
	width: 150px;
	padding: 0 0 0 14px;
	margin-left: 15px;
	}			

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
------------------------------------------------------------------------ */

form{}
	form fieldset{	
		border:none;
		padding:0;
		margin:0;
		}
	form table{}
		form table th{
			width:20%;
			background:none;
			text-align:right;
			vertical-align:top;
			line-height:30px;
			}
		form table td{
			width:80%;
			}
	form button{
		display:block;
		float:left;
		width:146px;
		height:44px;
		text-align:center;
		background: url(../images/button.bg.png) no-repeat left top;
		color:#000;
		margin:0 0 0 -12px;
		border:none;
		font-size:1.1em;
		font-weight:bold;
		}
		form button:hover{
			background-position:left -44px;
			cursor:pointer;
			}
		form button.active{background-position:left -106px;}
	form input,
	form textarea,
	form select{
		border:2px solid #d6dde4;
		padding:3px 5px;
		font-size:1.1em;
		font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color:#8d9db4;
		}
	form input:focus,
	form textarea:focus,
	form select:focus{
		border:2px solid #9ad4ff;
		color:#78b4e0;
		}
	

#subscribeNews{}
	#subscribeNews input.textxx{
		float:left;
		width:160px;
		height:16px;
		line-height:25px;
		padding:6px 0 4px 6px;
		background: url(../images/subscribeNews.input.bg.png) no-repeat left top;
		border:none;
		}
	#subscribeNews input{	
		border:none;
		}	
	
	#subscribeNews button{
		display:block;
		float:left;
		width:42px;
		margin-left:-30px;
		height:25px;
		line-height:25px;
		background: url(../images/subscribeNews.button.bg.png) no-repeat left top;
		border:none;
		}
		#subscribeNews button span{
			display:block;
			text-indent:-9000px;
			}
		#subscribeNews button:hover{
			cursor:pointer;
			background-position:left -27px;
			}




#contentFooter{}
	#contentFooter .inner{
		width: 990px;
		margin: 0 auto;
		text-align: left;
		}
	#contentFooter .inner:after{
		content: ".";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
		}
	#contentFooter h4{
		border-bottom:none;
		padding-bottom:0;
		margin-bottom:0.5em;
		}
	#contentFooter .column01 h5,
	#contentFooter .column01 p{
		display:block;
		}
	#contentFooter h5{
		margin-bottom:0.5em;
		}
	#contentFooter img{
		float:left;
		margin:0;
		}
	#contentFooter form p{
		display:block;
		width:100%;
		float:left;
		margin:0;
		padding:0.3em 0;
		}
	#contentFooter form label{
		display:block;
		float:left;
		width:20%;
		}
	#contentFooter form input[type=text]{
		background:#ced6de;
		border-top:1px solid #8d9db4;
		border-right:1px solid #eceff2;
		border-bottom:1px solid #eceff2;
		border-left:1px solid #8d9db4;
		width:75%;
		}


/* @group COMPONENTS */

/* @group jquery twitter */

div#twitter {
	padding:1em 0 0 35px;
	font-size: 0.90em;
	margin: 0 0 1em 0;
	background: url(../images/twitterFeed.bg2.gif) no-repeat left 8px;
	}
#secHome div#twitter {
	background: url(../images/twitterFeed.bg.png) no-repeat left 8px;
	}


div#twitter h2 {
	margin: 0;
	padding: 0.4em 1em;
	font-size: 1.1em;
	color: #fff;
	background-color: #888;
	}

p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url(../images/ajax-loader.gif) no-repeat 1em center;
	}
#secHome p#preloader {
	background: transparent url(../images/ajax-loader_home.gif) no-repeat 1em center;
	}

ul#twitter_update_list {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	list-style-type: none;
	}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;
	}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #f00;
	}

ul#twitter_update_list li span {
	display: block;
	}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #00f;
	}

ul#twitter_update_list li.firstTweet {
	}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
	}

a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #888;
	}

/* @end */

/* jquery scrollable */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 600px;	 
	height:195px;
	z-index: 1;	
	}
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	}

/* single item */ 
#thumbs div { 
    float:left; 
    width:555px; 
    height:180px;
    padding: 0 25px 15px 20px;  
    cursor:pointer; 
	} 
 
/* style when mouse is over the item */ 
#thumbs div.hover { 
	} 
 
/* style when element is active (clicked) */ 
#thumbs div.active { 
    cursor:default; 
	}
/* custom positioning for navigational links */
a.prev, a.next {
	display: block;
	position: absolute;
	width: 19px;
	height: 19px;
	z-index: 50;
	top: 105px;
	cursor: pointer;
	}
a.prev.disabled,
a.next.disabled {display: none;}
a.prev {
	left: -5px;
	}
a.next {
	right: -5px;
	}
/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	position: absolute;
	left: 25px;
	top: 190px;
	width:200px;
	height:20px;
	z-index: 50;
	}
/* items inside navigator */
div.navi a {
	width:5px;
	height:5px;
	float: left;
	margin:3px 2px;
	/*background:url(img/navigator.png) 0 0 no-repeat;*/     
	background-color: #ccc;
	cursor:pointer;	
	}

/* mouseover state */
div.navi a:hover {
	/*background-position:0 -8px;*/      
	}

/* active state (current page state) */
div.navi a.active {
	/*background-position:0 -16px;*/     
	background: #006699;
	} 




/* @group jQueryUI */
/*UI accordion*/
.ui-accordion {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	}
.ui-accordion-group {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	border-bottom: none;
	}
.ui-accordion-header {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	cursor: pointer;
	}
.ui-accordion-header a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	display: block;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	}
.ui-accordion-header a:hover {}
.ui-accordion-header:hover {}
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {}
.ui-accordion-content {}
.ui-accordion-content p {
	padding: 0;
	}

/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	position: relative;
	z-index: 1;
	}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none;
	border-right: none;
	}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: .5em 1.7em;
	color: #555555;
	}
.ui-tabs-nav li a:hover {}
.ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	clear:left;
	}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
	}

/* @end */

/*CODA SLIDER*/
/* --- nativas ---*/
p#cross-links { text-align: center }
p#cross-links { margin-bottom: 30px; padding-bottom: 30px }
a:focus { outline:none }
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0;
	}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	padding-top:22px;
	margin: 20px 0 0 0;
	position: relative;
	width: 100%;
	}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 160px; background: #1f2123; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: none; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 580px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 380px;
	clear: both;
	overflow:hidden;
	}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
	-moz-user-select: none; /*/ This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 580px; /* Also specified in  .stripViewer  above */
	}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding:0 0;
	text-align:center;
	}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	position:absolute;
	left:23px;
	bottom:-75px;
	z-index:5;
	margin: 0 auto;
	min-width:113px;
	width:92%!important;
	margin-bottom:18px;
	}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	width:100%;
	background: url(../images/slider.nav.ul.fundo.png) no-repeat center center;
	height:32px;
	min-width:113px;
	text-align:center;
	margin:0;
	}

.stripNav ul li {
	/*float: left;*/
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	display:inline;
	}

.stripNav a { /* The nav links */
	display:inline-block;
	width:5px;
	height:15px;
	padding:0;
	background: none;
	}
	.stripNav a span{display:none;}

.stripNav a:link,
.stripNav a:visited{
	width:9px;
	background: url(../images/stripNav.a.fundo01.png) no-repeat center center;
	color:#999999;
	}
.stripNav a.current{
	background: url(../images/stripNav.a.fundo02.png) no-repeat center center;
	}	

.stripNav li.tab1 a {}
.stripNav li.tab2 a {}
.stripNav li.tab3 a {}
.stripNav li.tab4 a {}
.stripNav li.tab5 a {}

.stripNav li a:hover {/*background: #333;*/}		
.stripNav li a.current {color: #fff;}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 185px;
	text-indent: -9000em;
	z-index:10;
	}
.stripNavL a, .stripNavR a {
	display: block;
	height: 27px;
	width: 21px;
	}
.stripNavL {
	left: 0;
	}
.stripNavR {right: 0;}
.stripNavL {
	background: url(../images/mainGallery.nav.png) no-repeat left bottom;
	}
	.stripNavL:hover {
		background-position: left top;
		}
.stripNavR {
	background: url(../images/mainGallery.nav.png) no-repeat right bottom;
	}
	.stripNavR:hover {
		background-position: right top;
		}	

/* @group jGrowl */
/* jgrowl-1.1.2 */
div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}


/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	left: 				50%;
	top: 				50%;
	margin-left:-150px;
	margin-top:-80px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
	}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	-moz-opacity: 0.75;
	opacity: 0.75;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	text-align:center;
	vertical-align:middle;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
	}
	div.jGrowl div.message {}
		div.jGrowl div.message img {
			margin:2.5em;
			}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}

/* @end */


/* @end */