@charset "utf-8";



@font-face {
	font-family: "NeoSansLight";
	src: url("../css/font/neosans-light-webfont.ttf") format("truetype");
}



@font-face {
	font-family: "NeoSansRegular";
	src: url("../css/font/neosans-webfont.ttf") format("truetype");
}



body,html {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	/*overflow:hidden;*/
	/*height:100%;*/

}



a {
outline: none;
text-decoration:none;
color:#FFFF00;
}

a:active { outline: none; }

.titles
{
font-family: "NeoSansRegular",arial;
	font-size:35px;
	line-height: 35px;
	padding: 0px;
	padding-right:15px;
	width:auto;
	display:block;
	float: left;
	height: 35px;
	clear: right;
	color:#FFFF00;
}

.titles_sub
{
	font-size:16px;
	padding: 0px;
	padding-right:0;
	color:#FFFF00;
	font-family: "NeoSansRegular",arial;
}

.titles_sub a, .titles_sub a:link, .titles_sub a:hover, .titles_sub a:visited
{
	font-size:16px;
	padding: 0px;
	padding-right:0;
	color:#FFFF00;
	text-decoration:none;
	font-family: "NeoSansRegular",arial;
}

.titles_sub_thin
{
	font-size:13px;
	padding: 0px;
	padding-right:0;
	color:#FFFF00;
    font-family: "NeoSanslight", arial;
}



.maintext
{
	font-size:15px;

}

.maintext a, .maintext a:link, .maintext a:hover, .maintext a:visited, .maintext a:active
{
	font-size:15px;
	padding: 0px;
	padding-right:0;
	color:#FFFF00;
	text-decoration:none;
}

.maintext br
{
	padding-bottom:2px;
}

img {
	border: 0;
}

img a {
	border: 0;
}

img a:hover {
	border: 0;
}

img a:visited {
	border: 0;
}

.mymainwrap {
	width:1025px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#000000;
	position:relative;
	min-height:100%;
	height: auto !important;
	_height:100%; /* for IE6 as it doesnt understand min-height */
}

.footer{
	font-size:9px;
	margin:0;
	padding:0;
	width: 750px;
	color: #999999;
	position:relative;
	z-index:100;
	padding-left:125px;
	float:left;
}

#leftbar{
	float:left;
	height:450px;
	width:120px;
	position:fixed;
	padding-top: 30px;
	
}

.content{
	position:relative;
	height:auto;
	float:right;
	width: 900px;
	overflow: hidden;
	background-color: #000000;

}

#contentw{
	position:relative;
	height:auto;
	float:right;
	width: 900px;
	overflow: hidden;
	background-color: #000000;

}

#content{
	position:relative;
	height:600px;
	float:right;
	width: 900px;
	overflow: hidden;
	background-color: #000000;

}

.sector
{
	width:700px;
	height:auto;
	margin-top: 174px;
}

.clientes {
	height:30px;
	padding-right:1px;
	margin-bottom:16px;
	vertical-align:top;
	padding-left: 1px;
	font-size:30px;
	color:#FFFF00;
	font-family: "NeoSansRegular",arial;

}

.clientes2 {
	height:30px;
	padding-right:1px;
	margin-bottom:16px;
	vertical-align:top;
	padding-left: 1px;
	font-size:30px;
	color:#FFFFFF;
	font-family: "NeoSansRegular",arial;

}
.clientes img{
width:80px;
height:80px;
float:left;
padding-right:8px;
}


.menu
{
	font-size:12px;
	width: auto;
	position: fixed;
	left: 120px;
	top: 20px;
}

.main_navi
{
	height: 120px;
	width:auto;
	padding-top:30px;
	padding-bottom:10px;
	margin-left:0px;
	background-image: url(../images/menu_black.png);
	position:fixed;
	z-index:100;
	clear: both;
	background-repeat: repeat-x;
	background-position: center bottom;
	font-family:"NeoSansRegular",arial;
} 
.main_navi a 
{ 
color: #FFF; 
font-family:"NeoSansRegular", NeoSansRegularff, arial;
} 
.main_navi ul 
{
	height: 40px;
	width: 900px;
	position: relative;
	margin: 0;
	padding: 0;
	clear:both;
} 
.main_navi li 
{
	float: left;
	height: 40px;
	list-style: none;
	margin: 0;
} 

.main_navi li a 
{
	display: block;
	height: 40px;
	font-size: 40px;
	font-family:"NeoSansRegular", NeoSansRegularff, arial;
	text-decoration: none;
	margin-right: 0px;
	background-color:#000000;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
	
} 
 
.main_navi li a:hover, .main_navi li a.selected 
{
	color: #FFFF00;
	font-family:"NeoSansRegular", NeoSansRegularff, arial;
} 

.main_navi li a.myselected
{
	color: #FFFF00;
} 

.myselected a:active, .myselected a:hover, .myselected a:link 
{
	color: #FFFF00;
} 

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

.portdiv
{
	float:right;
	display:block;
} 


.sub_navi ul 
{
	height: 35px;
	position: relative;
	margin: 0;
	padding: 0;
	width: 900px;
	/*background-color:#000000;*/
	font-family: "NeoSansLight",arial;
	padding-top: 10px;
}


.sub_navi li 
{
	float: left;
	height: 30px;
	list-style: none;
	margin: 0;
	color:#444444;
	font-size: 30px;
	padding-right:6px;
} 

.sub_navi li a 
{
	height: 30px;
	padding: 0px 00px 0;
	font-size: 30px;
	text-decoration: none;
	margin-right: 0px;
	/*background-color:#000000;*/
	color:#333333;
} 

.sub_navi li a:hover
{
	/*background-color:#FFFF00;*/
	color:#FFFF00;
}

.sub_navi li a.selected, .sub_navi li a.active  
{ 
/*background-color:#FFFF00;*/

}

.sub_navi2 ul 
{
	height: auto;
	position: relative;
	margin: 0;
	padding: 0;
	width:100%;
	float:left;
	clear:right;
	z-index:10;
	padding-top: 5px;
}
.sub_navi2 li 
{
	float: left;
	list-style: none;
	margin: 0;
	clear:right;

} 

.sub_navi2 li a 
{
	display: block;
	height: auto;
	font-size: 35px;
	text-decoration: none;
	margin-right: 8px;
	width:100%;
	float:left;
	clear:right;
	color:#FFFF00;
	/*background-color:#333333;*/
	margin-top: 6px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
} 

.sub_navi2 li a:hover
{
	/*background-color:#FFFF00;*/

}

.sub_navi2 li a.selected2, .sub_navi2 li a.active  
{
	/*background-color:#FFFF00;*/

}

#legendamenu{
	float:left;
	height: 14px;
	width: 400px;
	font-family: "NeoSansRegular", arial;
	font-size: 14px;
	display: block;
	clear: right;
}



.current
{
	background-color:#FFFF00;
	color:#000000;
}

.gyslinks{
position:relative;
font-family: "NeoSansRegular",arial;
}

.gyslinks, .gyslinks a, .gyslinks a:link, .gyslinks a:hover, .gyslinks a:visited, .gyslinks a:active{
 padding-top:0px; padding-bottom:25px; font-size:35px; color:#FFFF00; z-index:1; text-decoration:none; font-family: "NeoSansRegular",arial;
}


#portlist{
	visibility:visible;
}

.cufon { }

.highslide-caption{
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	font-family: "NeoSansRegular",arial;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.style1 {
	font-size: 14px;
	color: #000000;
	padding:0;
	margin:0;
}

/* main vertical scroll */
	#main {
	position:relative;
	overflow:hidden;
	height: 665px;
	width: 800px;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {
	padding:0px;
	height: 500px;
	/*background:#222 url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;
		width:520px;*/
		padding-top:158px;
	margin-bottom:1000px;
	width: 780px;
	}
	
		#portfolio, #clientes, #contactos, #getyourside, #oqfazemos, #producao, #tempo, #segredo {
	padding:0px;
	height: 500px;
	/*background:#222 url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;
		width:520px;*/
		padding-top:170px;
	margin-bottom:800px;
	width: 740px;
	}
	
	
		#portscroll {
	position:relative;
	width: 800px;
	height:400px;
	overflow: auto;
	background-color: #000000;

	}	



html>/**/body .page, x:-moz-any-link, x:default {
  padding-top:136px;
}
	
	/* root element for horizontal scrollables */
	.scrollable {
	position:relative;
	overflow:hidden;
	width: 665px;
	height: 500px;
	}
	
	.scrollable .less, .scrollable .less a {
		color:#999 !important;
		font-size:11px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:200000em;
		position:absolute;
		clear:both;
	}
	
		.scrollable2 {
	position:relative;
	overflow:hidden;
	width: 665px;
	height: 500px;
	}
	
	.scrollable2 .less, .scrollable2 .less a {
		color:#999 !important;
		font-size:11px;
	}
	
	/* root element for scrollable items */
	.scrollable2 .items {
		height:200000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		float:left;
		cursor:pointer;
		width:665px;
		height:500px;
		padding:0px;
		padding-right:0px
	}
	
		.item img {

		padding:0px;
		margin:3px;
		border:0;
		cursor:pointer;
		
	}


/* the overlayed element */
.overlay {
	/* initially overlay is hidden */
	display:none;
	/* growing background image */
	background-image:url(_site_files/images/transparent.png);
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:600px;
	/* some padding to layout nested elements nicely  */
	padding:35px;
	/* a little styling */	
	font-size:11px;
}
/* default close button positioned on upper right corner */
.overlay .close {
	background-image:url(_site_files/images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.pointer img {
	cursor:pointer;
}
.thumbwrapper {
	/*width:auto;
	height:auto;
	float: left;*/
}


.highslide img {
	border: none;
	padding-left:0px;
	padding-bottom: 4px;
}
.highslide:hover img {
	border: none;
}
.highslide-active-anchor img {
   visibility: visible;
}

.gyslinks, .gyslinks a, .gyslinks a:link, .gyslinks a:visited{
position:relative;
 padding-top:0px; padding-bottom:25px; font-size:35px; color:#ffffff; z-index:1; text-decoration:none;
}

.gyslinks a:hover, .gyslinks a:active{
 padding-top:0px; padding-bottom:25px; font-size:35px; color:#FFFF00; z-index:1; text-decoration:none; 
}

.colorcorner{
	height: 30px;
	width:30px;
	padding-top:0px;
	margin-left:0px;
	padding-left:0px;
	position:fixed;
	left: 0px;
	top: 0px;	/*background-image: url(../images/menu_black.png);
	position:fixed;
	z-index:100;
	clear: both;
	background-repeat: repeat-x;
	background-position: center bottom;*/
}

.logo{
	background-attachment: fixed;
	background-image: url(../images/getside_producao_logo.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 90px;
	height: auto;
}

.limit {
height:500px;
overflow:hidden;
}