/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family: 'Lato', sans-serif;
	font-size:100%; 
	color:#717171;
	min-width:960px;
	background:#fff;
}

a {color:#c03751; text-decoration:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left; width:100px;}
.col-1 {margin-right:5px;}
.column-1, .column-2 {float:left; width:192px;}
.column-1 {margin-right:22px;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}


.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}





/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
	
}

.row-top {
	width:100%;
	background:#c2c2c2;
	
	height:150px;
}
	
.logo{
width:350px;
margin:0 auto;
padding-top:15px;
padding-left:60px;
margin-left:-50px;

}

hr{
color:#fff;
border:1px #fff solid;
}
	
/***** menu *****/
.menu {
	width:980px;
margin:0 auto;
	
}
.menu-dois{
top:40px;
position:absolute;
margin-left:430px;

}
.menu-dois li {
	float:left; 
	position:relative;
	margin:0 10px 0 10px;
	
}
.menu li {
	float:left; 
	position:relative;
	margin:0 10px 0 10px;
	
}
.menu li:first-child {background:none; padding-left:0;}
.menu > li > a {
	display:inline-block; 
	font-family: 'Raleway', sans-serif;
	
	font-size:12px; 
	line-height:1.2em; 
	padding:0; 
	color:#000; 
	
}
.menu-dois > li > a {
	display:inline-block; 
	font-family: 'Raleway', sans-serif;
	
	font-size:17px; 
	line-height:1.2em; 
	padding:0; 
	color:#000; 
	
}
.menu li a.active,
.menu > li > a:hover,
.menu > li.sfHover > a {color:#fff;}
.menu li a .sf-sub-indicator {
	display:block;
	width:10px;
	height:5px;
	text-indent:-9999px;
	background:url(../images/icon.png) 0 0 no-repeat;
	position:absolute;
	left:30px;
	top:-999em;
	z-index:99;
	color:#f00;
}

.menu-dois li a.active,
.menu-dois > li > a:hover,
.menu-dois > li.sfHover > a {color:#fff;}
.menu-dois li a .sf-sub-indicator {
	display:block;
	width:10px;
	height:5px;
	text-indent:-9999px;
	background:url(../images/icon.png) 0 0 no-repeat;
	position:absolute;
	left:30px;
	top:-999em;
	z-index:99;
	color:#f00;
}
	.menu li.sfHover a .sf-sub-indicator {top:38px;}
.menu ul {
	position:		absolute;
	padding:		6px 0 8px 20px;
	top:			-999em;
	width:			131px;
	background:		#303030;
}
.menu ul ul {background:#434343;}
.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {background:none; padding:7px 0 6px;}
.menu li li a {
	display:		inline-block;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	line-height:	15px;
	font-weight:	bold;
	color:			#a5a5a5;
	text-transform:capitalize;
}
.menu li li > a:hover, 
.menu li li.sfHover > a {
	color:#6bd800; 
}

.menu li:hover ul, .menu li.sfHover ul {
	left:			7px;
	top:			43px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			123px;
	top:			-5px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}
.icon{
position:absolute;
top:20px;
left:50%;


}

/***** slider *****/
.slider-wrapper {
	width:940px;
	height:495px;
	padding:0;
	margin:-41px 0 -46px;
	background:url(../images/slider-bg.png) 0 0 no-repeat;
	overflow:hidden;
}
.slider {
	position:relative;
	width:940px;
	height:397px;
}
.items {display:none;}

.banner {
	width:319px;
	height:397px;
	font-size:13px;
	line-height:18px;
	color:#fff;
	background:url(../images/banner-bg.jpg) 0 0 no-repeat;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:621px;
	z-index:99;
}
.banner-bg {
	width:319px;
	height:397px;
	background:url(../images/banner-bg.jpg) 0 0 no-repeat;
	position:absolute;
	top:0px;
	left:621px;
}

	.banner .padding {padding:65px 40px 40px 40px;}
	.banner p {text-shadow:1px 1px #56ad00;}
	.title-1 {
		display:block;
		font-family: 'PT Sans Narrow', sans-serif;
		font-size:30px;
		line-height:1.2em;
		color:#fff;
		font-weight:700;
		text-transform:uppercase;
		margin-bottom:-5px;
	}
		.title-1 span {
			display:block;
			margin-top:-8px;
		}
	.title-2 {
		display:block;
		font-family: 'PT Sans Narrow', sans-serif;
		font-size:76px;
		line-height:1.2em;
		color:#fff;
		font-weight:400;
		margin-bottom:15px;
	}
	.title-3 {
		display:block;
		font-family: 'PT Sans Narrow', sans-serif;
		font-size:59px;
		line-height:1.2em;
		color:#fff;
		font-weight:400;
		margin-bottom:15px;
		letter-spacing:-1px;
	}
		
.pagination {
	position:absolute;
	bottom:-20px;
	left:27px;
	z-index:99;
}
.pagination li {
	float:left;
	margin:0 21px 0 0;
}
	.pagination li a {
		display:block;
		width:101px;
		height:46px;
		text-indent:-9999px;
		background:url(../images/slider-padination.jpg) 0 top no-repeat;
		cursor:pointer;
	}
	.pagination li a.item-1 {background-position:-121px top;}
	.pagination li a.item-2 {background-position:-243px top;}
	.pagination li a.item-3 {background-position:-365px top;}
	.pagination li.current a {cursor:default;}
	.pagination li a:hover,
	.pagination li.current a {background-position:left bottom;}
	.pagination li a.item-1:hover,
	.pagination li.current a.item-1 {background-position:-121px bottom;}
	.pagination li a.item-2:hover,
	.pagination li.current a.item-2 {background-position:-243px bottom;}
	.pagination li a.item-3:hover,
	.pagination li.current a.item-3 {background-position:-365px bottom;}

/*********************************content*************************************/
.conteudo {
margin-top: 5px;
}
	section #content {padding:0}

.spacer-1 {
	width:100%; 
	background:url(../images/pic-1.gif) 217px 0 repeat-y;
}

h3 {
	font-family: 'Raleway',sans-serif;
	font-size:30px; 
	line-height:2em; 
	color:#777;
	font-weight:400;
	
}
h4 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:24px; 
	line-height:2em; 
	color:#232323;
	font-weight:400;
	margin-bottom:5px;
}
h5 {
	color:#68d600;
	font-weight:normal;
}
h6 {
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
	color:#68d600;
}

.border-bot {
	width:100%; 
	
	background:url(../images/pic-4.gif) 0 bottom repeat-x;
}

.box {
	width:100%; 
	background:#eee;
	font-size:13px;
	line-height:18px;
}
	.box .padding {padding:15px 15px 18px 18px;}
	
.block {
	width:291px; 
	background:#eee;
}
.block:hover {background:#222; color:#fff;}
	.block .padding {padding:15px;}
	
.block-1 {
	width:100%; 
	background:#eee;
}
	.block-1 .padding {padding:15px;}
	
.numb {
	padding-bottom:13px;
	background:url(../images/numb-bot.jpg) left bottom no-repeat;
}
	.numb strong {
		display:block;
		width:51px;
		height:51px;
		overflow:hidden;
		text-align:center;
		font-size:35px;
		line-height:51px;
		color:#fff;
		background:url(../images/numb.jpg) 0 0 no-repeat;
	}
	
blockquote {
	width:100%;
	padding-bottom:29px;
	background:url(../images/quote-bot.jpg) left bottom no-repeat;
	line-height:20px;
}
.quote-tail {
	border-top:1px solid #e1e0df;
	border-left:1px solid #e1e0df;
	border-right:1px solid #e1e1e1;
	background:url(../images/quote-tail.gif) left top repeat-x #eae8e6;
	border-radius:10px 10px 0 0;
}
	.quote {
		width:100%;
		background:url(../images/quote.png) 18px 13px no-repeat;
	}
		.quote .padding {padding:25px 10px 18px 35px;}

.button-1 {
	display:inline-block; 
	padding:4px 17px;
	font-size:11px;
	line-height:2em;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff; 
	background:url(../images/button1-tail.gif) 0 0 repeat-x #1e1e1e;
	box-shadow:1px 1px 2px #4a9300;
	margin-bottom:2px;
	cursor:pointer;
}
.button-1:hover {background:#1e1e1e;}

.button-2 {
	display:inline-block; 
	padding:2px 47px 3px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:26px;
	line-height:2em;
	font-weight:700;
	text-transform:uppercase;
	color:#323232; 
	border:1px solid #c1c1c1;
	background:url(../images/button2-tail.gif) 0 0 repeat-x #ededed;
	box-shadow:1px 1px 3px #e9e9e9;
	margin-bottom:3px;
	cursor:pointer;
}
.button-2:hover {background:#4bbb00; color:#fff;}

.button-3 {
	display:inline-block; 
	padding:4px 17px;
	font-size:11px;
	line-height:2em;
	font-weight:bold;
	text-transform:uppercase;
	color:#414141; 
	background:url(../images/button3-tail.gif) 0 0 repeat-x #eee;
	border:1px solid #c1c1c1;
	box-shadow:1px 1px 3px #e9e9e9;
	border-radius:2px;
	margin-bottom:3px;
	cursor:pointer;
}
.button-3:hover {background:#414141; color:#eee; border-color:#414141;}

.list-1 li {
	line-height:22px; 
	padding-left:12px; 
	background:url(../images/marker-2.gif) 0 8px no-repeat;
}
	.list-1 li a {
		display:inline-block;
		color:#fff;
	}
	.list-1 li a:hover {color:#1799cf;}

.list-2 li {
	font-size:14px; 
	line-height:24px; 
	padding:0px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
	.list-2 li a {
		display:block; 
		color:#1799cf; 
		padding-left:12px; 
		background:url(../images/marker-1.gif) 0 10px no-repeat;
	}
	.list-2 li a:hover {color:#fff;}
	.list-2 .last-item {background:none;}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-size:14px; 
	padding-right:8px; 
	background:url(../images/marker-3.gif) right 8px no-repeat;
}
.link-1:hover {color:#fff;} 

.text-1 {line-height:20px;} 
.text-2 {
	display:block;
	font-size:12px;
	line-height:20px;
	color:#4e4e4e;
}  

dl {line-height:20px;}
dl span {float:left; width:71px;}

/***** contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label {
				display:block;
				min-height:46px;
			}
			#contact-form label.message {height:258px;}
			#contact-form input {
				width:322px;
				padding:11px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#717171; 
				border:1px solid #e1e1e1;
				background:#fff;
				outline:none;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				height:240px;
				overflow:auto;
				width:598px;
				padding:8px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#717171; 
				border:1px solid #e1e1e1;
				background:#fff;
				outline:none;
			}
			#contact-form a {cursor:pointer;}
				#contact-form .success {display:none; margin-bottom:20px;}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:11px;
					line-height:2em;
					display:none;
					overflow:hidden;
				}
		.buttons-wrapper { padding:0px 0 30px 0; text-align:right;}
		.buttons-wrapper a { margin-left:25px;}
		
/****************************footer************************/
footer {
	width:100%; 
	padding:45px 0 80px;
	background:#111212;
	text-align:center;
}


.footer-text {
	display:block;
	
}
.info-footer{
width:980px;
color:#fff;
font-size:12px;
font-family: 'Lato', sans-serif;
}
.info-footer a{
color:#000;
font-size:12px;
}
.info-footer a:hover{
color:#c2c2c2;
font-size:12px;
}
.icon-link:hover{
opacity:0.7;
}

 .active a{
color:#fff; !important
}
.img-contato{
position:absolute;
margin-left:400px;
top:10px;
}
.center{
padding-left:15px;
}
.border{
border:solid 1px #e2e2e2;

}

.clear{
clear:both;
}
.single a{
float:left;
padding:20px 20px 20px 0 ;

}
.imageRow{
clear:both;
}
.ambientes{
padding-left:35px;

}
.fleft{
float:left;
}
.tendencias{
padding:20px 20px 20px 0;
float:left;

}
.tendencias a{

color:#777;
}
.todas-as-fotos{
padding: 20px 20px 20px 0;
}
.paginationControl{
padding:15px;
}
.produto{
width:200px;
height:250px;
background:#111212;
margin: 0 3px 15px;
    padding: 0 8px 20px;
color:#fff;
 -moz-border-radius:3px; /* Para Firefox */
-webkit-border-radius:3px; /*Para Safari e Chrome */
border-radius:3px; /* Para Opera 10.5+*/
float:left;
}
.produto img{
 -moz-border-radius:3px; /* Para Firefox */
-webkit-border-radius:3px; /*Para Safari e Chrome */
border-radius:3px; /* Para Opera 10.5+*/
}

.ambiente{
width:200px;
height:200px;
background:#111212;
padding: 0 10px 20px 10px;
margin:20px 2px 15px 2px;
color:#fff;
 -moz-border-radius:3px; /* Para Firefox */
-webkit-border-radius:3px; /*Para Safari e Chrome */
border-radius:3px; /* Para Opera 10.5+*/
float:left;
}
.ambiente img{
 -moz-border-radius:3px; /* Para Firefox */
-webkit-border-radius:3px; /*Para Safari e Chrome */
border-radius:3px; /* Para Opera 10.5+*/
}
.projeto{
width:200px;
height:180px;
background:#111212;
padding: 10px 10px 20px 10px;
margin:20px 2px 15px 2px;
color:#fff;
 -moz-border-radius:3px; /* Para Firefox */
-webkit-border-radius:3px; /*Para Safari e Chrome */
border-radius:3px; /* Para Opera 10.5+*/
float:left;
}
.projeto a{

color:#fff;

}
.projeto img{
 -moz-border-radius:3px; /* Para Firefox */
-webkit-border-radius:3px; /*Para Safari e Chrome */
border-radius:3px; /* Para Opera 10.5+*/
}
.projeto-dois{
width:200px;
height:150px;
background:#111212;
padding: 10px 10px 20px 10px;
margin:10px 2px 5px 2px;
color:#fff;
 -moz-border-radius:3px; /* Para Firefox */
-webkit-border-radius:3px; /*Para Safari e Chrome */
border-radius:3px; /* Para Opera 10.5+*/
float:left;
}
.h2-inicio{
font-size:40px;
font-family: 'Raleway',​sans-serif;
}
.novidades{
width:94%;
height:180px;
background:#111212;
text-align:center;

 -moz-border-radius:3px; /* Para Firefox */
-webkit-border-radius:3px; /*Para Safari e Chrome */
border-radius:3px; /* Para Opera 10.5+*/
text-align:center;
margin: 0 auto;
margin-bottom:25px;
}
.line{
width:100%;
height:1px;
background:#111212;
margin-bottom:5px;
}
.box-nov{
background:#fff;
padding:2px;
margin:2px;
float:left;
width:24%;
 -moz-border-radius:3px; /* Para Firefox */
-webkit-border-radius:3px; /*Para Safari e Chrome */
border-radius:3px; /* Para Opera 10.5+*/
}
.box-nov img{

 -moz-border-radius:3px; /* Para Firefox */
-webkit-border-radius:3px; /*Para Safari e Chrome */
border-radius:3px; /* Para Opera 10.5+*/

}
.sobre{
width:800px;
margin:0 auto;
}
.texto{
width:700px;
text-align:justify;
padding:30px;
}
.texto h1{
font-size:25px;
padding-bottom:15px;
}
.foto{
padding:30px;
}
.foto img{
border: solid 4px #333;
 -moz-border-radius:3px; /* Para Firefox */
-webkit-border-radius:3px; /*Para Safari e Chrome */
border-radius:3px; /* Para Opera 10.5+*/
}