
/* RESET */
* { margin: 0; padding: 0; vertical-align: baseline; outline: none; }
table, tr, td{ vertical-align: top; }
img{ border: 0; }

/* GLOBAL */
body{
	background: #171b22 url(../imagens/mainBg.png) center top no-repeat;
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}

b, strong{ font-weight: 700; }
a{ color: #fff; text-decoration: none; }
	a:hover{ color: #ccc; }

.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }

#wrapper{
	width: 900px;
	height: auto;
	min-height: 600px;
	text-align: left;
	margin: 0 auto;
}

#header{
	width: 900px;
	height: 125px;
}

	#header #logo{
		width: 204px;
		height: 125px;
	}

	#header #nav{
		width: 637px;
		height: 86px;
		margin: 39px 0 0 0;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 14px;
		font-weight: 400;
	}

		#header #nav ul li{
			list-style: none;
			float: left;
			text-transform: uppercase;
		}
			#header #nav ul li a{
				padding: 33px 15px 34px 14px;
				color: #fff;
				display: block;
				text-decoration: none;
			}
				#header #nav ul li:last-child a{ padding: 33px 17px 34px 17px; }

				#header #nav ul li a:hover{ background-color: #1d2128; }
				#header #nav ul li a.sel{ background: url(../imagens/menuselBg.png) repeat-x; }

#rodape{
	background-color: #090910;
	width: auto;
	height: 30px;
	padding: 30px 0;
	margin: 100px 0 0 0;
}
	#rodapeInner{
		width: 900px;
		margin: 0 auto;
		font-size: 12px;
		text-shadow: 1px 1px #000;
	}
		#rodapeInner img{ margin: 0 30px 0 0; }
		#rodapeInner div{ margin-top: 6px; }

.bttn{
	background: url(../imagens/btnBg.png) repeat-x;
	width: auto;
	padding: 9px 18px 10px 18px;
	text-transform: uppercase;
	display: inline-block;
	line-height: 12px;
	font-size: 12px;
	font-weight: 700;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
}
	.bttn:hover{ background-position: 0 -31px; color: #fff; }

/*HOME*/
#featured{
	background: url(../imagens/featuredSombra.png) no-repeat left bottom;
	width: 900px;
	height: 333px;
}

	#featured { list-style: none !important; overflow: hidden !important; position: relative !important; }
		#featured li { display: none; float: left; margin: 0 !important; position: absolute; width: 100%; }
		#featured li.current { display: block; z-index: 2 !important; }
		#featured li.next { display: block; z-index: 1 !important; }
		#featured li ul li { display: block !important; position: relative !important; }




#homeContainer{
	width: 900px;
	height: auto;
	min-height: 317px;
	padding: 10px 0 0 0;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;

}

	#homeContainer .homeItem, #homeContainer .homeItemProduto{
		background-color: #272b32;
		width: 238px;
		height: 288px;
		padding: 29px 16px 0 16px;
		box-shadow:0 3px 10px #000;
		-webkit-box-shadow:0 3px 10px #000;
		-moz-box-shadow:0 3px 10px #000;
		margin-right: 45px;
		line-height: 20px;
	}

		#homeContainer .homeItemProduto{ background: #272b32 url(../imagens/homeProduto.jpg) no-repeat; }
			#homeContainer .homeItemProduto h2{ font-weight: 700; font-size: 25px; letter-spacing: 1px; margin: 118px 0 23px 0; }

	#homeContainer h1{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 21px;
		font-weight: 700;
		color: #393e46;
		text-transform: uppercase;
		display: inline-block;
		margin: 0 0 14px 0;
	}


/*INTERNAS*/
#container{
	width: 900px;
	height: auto;
	min-height: 500px;
	padding: 50px 0 0 0;
	border-top: 6px solid #183665;
}
	#container #title{ background: url(../imagens/titleBg.png) no-repeat left bottom; width: auto; height: auto;margin: 0 0 50px 0; }
	#container h1{
		background: #171b22;
		padding: 0 10px 0 0;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 21px;
		font-weight: 700;
		color: #393e46;
		text-transform: uppercase;
		line-height: 16px;
		display: inline-block;
	}
	#container p{ margin-bottom: 25px; line-height: 25px; }
	#container ul{ margin: 0 0 25px 25px; }
	#container ul li{ line-height: 25px; }
	#container .lightbox_trigger{
		opacity: 1;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
	}#container .lightbox_trigger:hover{ opacity: 0.5; }

	#container .empresaToggle{
		width: 410px;
		margin: 30px 80px 0 0;
		background-color: #393e46;
		float: left;
	}

		#container .empresaToggle a{ 
			background-color: #393e46;
			width: 380px;
			padding: 15px;
			display: block;
		}

	#container .cliente{
		background: #eee;
		width: 175px;
		height: 115px;
		float: left;
		margin: 0 60px 60px 0;
	}
	
	#container .album{
		width: auto;
		margin: 0 40px 40px 0;
		float: left;
		box-shadow:2px 2px 10px #000;
		-webkit-box-shadow:2px 2px 10px #000;
		-moz-box-shadow:2px 2px 10px #000;
	}
		#container .album a{
			background-color: #eee;
			width: auto;
			height: auto;
			padding: 10px;
			text-align: center;
			font-size: 12px;
			font-weight: 700;
			color: #333;
			display: block;
		}
			#container .album a:hover{ background-color: #d9d9d9; }
			#container .album a img{ margin: 0 0 10px 0; }

	#container .albumfoto{ 
		margin: 0 59px 60px 0;
		float: left;
	}

	#container .produtosInt img{ border: 10px solid #eee; }
	#container .produtosInt .mainImg{ float: left; margin-right: 30px; }
	#container #produtoDesc{ 
		background-color: #393e46;
		width: 305px;
		padding: 20px;
	}

	#container .noticia{ border-bottom: 1px solid #393e46; margin-bottom: 25px; }
		#container .noticia .titulo a{ font-weight: 700; display: block; }
			#container .noticia .titulo a .clique{ float: right; font-size: 12px; color: #393e46; }
		#container .noticia .desc{ margin-left: 10px; color: #686e77; }
			#container .noticia .desc .date{ font-size: 12px; color: #393e46; }



/*PLUGINS*/
#lightbox {
	position:fixed; /* keeps the lightbox window in the current viewport */
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:url(../imagens/overlay.png) repeat; 
	text-align:center;
}
#lightbox p {
	text-align:right; 
	color:#fff; 
	margin-right:20px; 
	font-size:12px; 
}
#lightbox img {
	box-shadow:0 0 25px #000;
	-webkit-box-shadow:0 0 25px #000;
	-moz-box-shadow:0 0 25px #000;
	max-width:940px;
}