@charset "utf-8";
/*List-produtos*/
.list-produtos {
	width:730px;
	height:805px;
	position:relative;
	background:#FFF;
	left:50%;
	padding:13px;
	z-index:20;
	margin-top:-90px;
	margin-left:-620px;
	-webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.42);
	box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.42);}
	.list-produtos ul {
		width:100%;
		height:100%;
		position:relative;
		list-style:none;
		float:left;}
		.list-produtos ul li {
			width:359px;
			height:397px;
			position:relative;
			float:left;
			overflow:hidden;
			margin-right:12px;
			margin-bottom:12px;}
			.list-produtos ul li img {
				position:absolute;
				left:0;
				top:0;
				bottom:0;
				right:0;
				z-index:1;
				margin:auto;}
			
			/*Title-list-produto*/
			.title-list-produto {
				width:359px;
				height:96px;
				position:absolute;
				z-index:3;
				top:0;
				background:#009;}
				.title-list-produto h2 {
					font:26px Open Sans;
					font-weight:300;
					letter-spacing:-1px;
					margin-left:20px;
					margin-top:20px;
					line-height:22px;}
			    
				.title-black {
					background:url(../imagens/title-produto-black.jpg) no-repeat center top;
					color:#fff;}
				.title-gold {
					background:url(../imagens/title-produto-gold.jpg) no-repeat center top;
					color:#000;}
			
			
			/*Info-list-produto*/
			.info-list-produto {
				width:359px;
				height:397px;
				position:absolute;
				z-index:2;
				background:rgba(0,0,0, 0.80);
				top:400px;
				-moz-transition:0.3s;
				-webkit-transition:0.3s;
				cursor:pointer;
				border-top:1px solid #fff;}	
				.info-list-produto p {
					text-align:center;
					font:15px Open Sans;
					color:#fff;
					font-weight:300;
					padding:30px 20px 0 20px;}
					.list-produtos ul li:hover .info-list-produto {
						top:96px!important;}				

/*About-unigran*/
.about-unigran {
	width:780px;
	overflow:hidden;
	height:697px;
	position:relative;
	margin-top:-695px;
	margin-left:170px;
	margin-bottom:50px;
	left:50%;}
	.about-unigran h2 {
		font:42px Open Sans;
		color:#da892c;
		font-weight:300;
		line-height:40px;
		margin-bottom:20px;
		letter-spacing:-1px;}
		.about-unigran p {
			width:319px;
			float:left;
			text-align:justify;
			font:17px Open Sans;
			color:#3e3e3e;
			line-height:30px;
			font-weight:300;
			padding-top:25px;}
			.about-unigran p button {
				float:right;
				text-align:center;
				font:21px Open Sans;
				color:#4a4a4a;
				padding:15px 10px 15px 10px;
				border:none;
				background:#fff;
				outline:none;
				cursor:pointer;
				font-weight:300;
				border-radius:10px;
				border:2px solid #dedede;}
				.about-unigran p button:hover {
					border-color:#CCC;}
	.textil {
		width:100%;
		height:1px;
		background:#000;
		float:left;
		
		}
		.textil h3 {
			float:left;
			font:25px Open Sans;
			color:#525252;
			background:#fff;
			letter-spacing:3px;
			margin-top:-20px;
			margin-left:60px;
			padding:0 10px 0 10px;
			font-weight:300;}


/*------------------------------------------------------------ / CONTATO / --------------------------------------------------------------------*/
.title-form-contato {
	width:1100px;
	height:auto;
	position:relative;
	text-align:center;
	padding:30px 0 30px 0;}
	.title-form-contato h2 {
		font:31px Open Sans;
		text-transform:uppercase;
		font-weight:300;
		letter-spacing:-1px;
		line-height:30px;}	
	

/*form-contato*/
.form-contato {
	width:1100px;
	height:504px;
	position:relative;
	float:left;
	z-index:2;
	background:url(../imagens/bg-form-contato.png) no-repeat center top;
	clear:both;}
	
	/*Info-contato*/
	.info-contato {
		width:349px;
		height:387px;
		position:relative;
		float:left;
		margin-left:5px;
		margin-top:30px;}
		.info-contato h2 {
			font:29px Open Sans;
			color:#fff;
			font-weight:300;
			margin-left:20px;
			margin-bottom:20px;
			margin-top:20px;}
			.info-contato span {
				float:left;
				width:250px;
				margin-left:20px;
				margin-bottom:30px;
				font:15px Open Sans;
				font-weight:300;
				padding-left:40px;
				color:#fff;}
				.info-contato span.phone-contato {
					background:url(../imagens/phone-icon-contato.png) no-repeat left top;}	
				.info-contato span.mail-contato {
					background:url(../imagens/mail-icon-contato.png) no-repeat left center;}
				.info-contato span.map-contato {
					background:url(../imagens/map-icon-contato.png) no-repeat left center;}		
	/*Content-contato*/
	.content-contato {
		width:633px;
		height:422px;
		float:right;
		margin-top:40px;
		margin-right:47px;}
		.content-contato input {
			padding:10px;
			float:left;
			border:none;
			font:14px Open Sans;
			color:#fff;
			border:1px solid #a09685;
			width:610px;
			margin-bottom:10px;
			outline:none;
			background:rgba(0,0,0, 0.50);}
			.content-contato input:focus {
				border-color:#dca864;}
			.content-contato textarea {
			padding:10px;
			float:left;
			border:none;
			font:14px Open Sans;
			color:#fff;
			border:1px solid #a09685;
			width:610px;
			height:200px;
			margin-bottom:10px;
			outline:none;
			background:rgba(0,0,0, 0.50);}
			.content-contato button {
				width:223px;
				height:56px;
				position:relative;
				float:left;
				cursor:pointer;
				background:url(../imagens/btn-send-mensagem-contato.png) no-repeat center top;
				outline:none;
				border:none;
				margin-left:180px;}
				.content-contato button:hover {
					opacity:0.80;}
					.select{
						padding:9px;
					float:left;
					border:none;
					font:14px Open Sans;
					color:#fff;
					border:1px solid #a09685;
					width:312px;
					margin-bottom:10px;
					outline:none;
					background:rgba(0,0,0, 0.50);
						
					}

/*MAP*/
.map {
	width:100%;
	height:460px;
	position:relative;
	border-top:5px solid #896330;
	clear:both;
	z-index:1;
	float:left;
	margin-top:-150px;}	





/*------------------------------------------------------------ / PRODUTO-INSIDE / --------------------------------------------------------------------*/
/*sub-header-produto*/	
.sub-header-produto {
	width:100%;
	height:190px;
	position:relative;
	z-index:1;
	background:url(../imagens/bg-sub-header-produto.png) no-repeat center top;}

/*Content-produto*/
.content-produto {
	width:1100px;
	height:auto;
	position:relative;
	float:left;
	z-index:2;
	margin-top:-150px;
	text-align:center;}
	.content-produto p {
		font:15px Open Sans;
		color:#676767;
		line-height:24px;
		padding:20px 0 20px 0;}
		.content-produto span {
			width:328px;
			height:auto;
			float:left;
			font:15px Open Sans;
			color:#676767;
			line-height:24px;
			text-align:justify;
			padding:20px 0 20px 0;
			margin-right:55px;}

/*Tabela-de-cores*/
.tabela-cores {
	width:1100px;
	height:auto;
	position:relative;
	float:left;
	margin-top:30px;}
	.tabela-cores span {
		width:1100px;
		height:1px;
		background:#000;
		margin-bottom:30px;
		padding:0 0 0 0;}
		.tabela-cores span h2 {
			font:29px Open Sans;
			color:#000;
			font-weight:300;
			background:#fff;
			margin-top:-20px;
			padding:0 20px 0 0;
			float:left;}
			.tabela-cores ul {
				width:100%;
				height:100%;
				position:relative;
				float:left;
				list-style:none;}
				.tabela-cores ul li {
					width:126px;
					height:126px;
					position:relative;
					float:left;
					margin-bottom:13px;
					margin-right:11px;
					-webkit-box-shadow: 7px 4px 5px 0px rgba(243,243,243,1);
-moz-box-shadow: 7px 4px 5px 0px rgba(243,243,243,1);
box-shadow: 7px 4px 5px 0px rgba(243,243,243,1);}
					.tabela-cores ul li img {
						position:absolute;
						z-index:1;
						left:0;}
					.tabela-cores ul li p {
						position:absolute;
						width:126px;
						font:14px Open Sans;
						height:auto;
						padding:0 0 0 0;
						text-align:center;
						bottom:10px;
						line-height:15px;
						z-index:2;
						color:#fff;}




/*------------------------------------------------------------ / EMPRESA / --------------------------------------------------------------------*/
/*Content-produto*/
.content-empresa {
	width: 1100px;
	height: auto;
	position: relative;
	float: left;
	z-index: 2;
	margin-top: -150px;
}	
	.content-empresa p {
		width:619px;
		height:auto;
		position:relative;
		float:left;
		text-align:justify;
		font:15px Open Sans;
		line-height:24px;
		color:#676767;
		padding:25px 0 25px 0;}
		.galeria-empresa{
			
			width:600px;
			height:280px;
			position:relative;
			float:left;
			
		}
		
		.galeria-empresa ul{
			
			width:600px;
			height:280px;
			position:relative;
			margin-left:20px;
						
		}
		
		.galeria-empresa ul li{
			
			width:180px;
			height:120px;
			position:relative;
			background:#dadada;
			float:left;
			margin:6px;
			
						
		}

/*form-contato-page*/
.form-contato-page {
	width:428px;
	height:588px;
	position:relative;
	float:right;
	background:url(../imagens/bg-form-contato-page.jpg) no-repeat center top;
	margin-top:30px;}
	.form-contato-page h2 {
		font:35px Open Sans;
		color:#fff;
		text-align:center;
		padding-top:25px;
		line-height:35px;
		font-weight:300;
		margin-bottom:20px;
		letter-spacing:-1px;}
		.form-contato-page input {
			padding:12px;
			border:1px solid #fff;
			border-radius:2px;
			outline:none;
			float:left;
			font:14px Open Sans;
			color:#000;
			width:360px;
			margin-left:20px;
			margin-bottom:5px;}	
		.form-contato-page textarea {
			padding:12px;
			border:1px solid #fff;
			border-radius:2px;
			outline:none;
			height:215px;
			font:14px Open Sans;
			color:#000;
			float:left;
			width:360px;
			margin-left:20px;
			margin-bottom:5px;}
			.form-contato-page button {
				float:left;
				padding:8px 15px 8px 15px;
				font:21px Open Sans;
				color:#fff;
				letter-spacing:-1px;
				font-weight:300;
				background:#262321;
				margin-left:20px;
				cursor:pointer;
				border:none;
				border-bottom:3px solid #1a1916;}			
																	
.transparencia{
				width:126px;
				height:126px;
				position:absolute;
				z-index:200;
			}
			
.img-central-produtos{
	width:838px;
	height:274px;
	position:relative;
	float:none!important;
	
	
}