@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:'GreyscaleBasicRegular';
	src:url('../fonts/GreyscaleBasicRegular.eot');
	src:url('../fonts/GreyscaleBasicRegular.eot?#iefix') format('embedded-opentype'),
		/*url('../fonts/GreyscaleBasicRegular.woff') format('woff'),*/
		url('../fonts/GreyscaleBasicRegular.ttf') format('truetype'),
		url('../fonts/GreyscaleBasicRegular.svg#GreyscaleBasicRegular') format('svg');
	font-weight:normal;
	font-style: normal;
}
@font-face {
	font-family:'GreyscaleBasicBold';
	src:url('../fonts/GreyscaleBasicBold.eot');
	src:url('../fonts/GreyscaleBasicBold.eot?#iefix') format('embedded-opentype'),
		/*url('../fonts/GreyscaleBasicBold.woff') format('woff'),*/
		url('../fonts/GreyscaleBasicBold.ttf') format('truetype'),
		url('../fonts/GreyscaleBasicBold.svg#GreyscaleBasicBold') format('svg');
	font-weight:normal;
	font-style: normal;
}

body,p,h1,h2,h3,h4,h5,h6,ul,li,form,fieldset,label,input,textarea,div,img {
	background:none;
	border:none;
	display:block;
	margin:0;
	padding:0;
	font:12px/150% Arial, Helvetica, sans-serif;
}

body {background-color:#28212d;min-width:974px;}

a {
	cursor:pointer;
	outline:none;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.center {
	width:974px;
	margin:0 auto;
}

#header {
	background:#28212d url(../img/bg-header.png) no-repeat center 0;
	border-bottom:4px solid #372e3e;
	position:absolute;
	left:0;
	top:0;
	z-index:50;
	clear:both;
	float:left;
	width:100%;
	min-width:974px;
	height:211px;

	transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
#header.fixed {
	background-image:url(../img/bg-header-fix.png);
	position:fixed;
	height:158px;
}
#header h1 {
	background:url(../img/automacao-residencial.png) no-repeat;
	width:195px;
	height:52px;
	float:right;
	display:inline;
	margin:62px 23px 0 0;
	font-size:0;
	text-indent:-9999px;

	transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
#header.fixed h1 {
	background-image:url(../img/automacao-residencial-fix.png);
	width:153px;
	height:42px;
	margin-top:48px;
}
#header .logo {
	float:left;
	display:inline;
	margin:15px 0 0 17px;
	height:136px;

	transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
#header.fixed .logo {height:101px;}

#header #menu {
	background:url(../img/bg-menu.png) no-repeat;
	position:absolute;
	left:50%;
	top:162px;
	width:977px;
	height:62px;
	padding:18px 20px 27px;
	margin:0 0 0 -509px;

	transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
#header.fixed #menu {top:112px;}

#header #menu li {
	background:url(../img/over-menu.png) no-repeat right -59px;
	float:left;
	display:inline;
	margin:0 -1px 0 0;
	height:62px;
	font-size:24px;
	line-height:62px;
	text-align:center;
	text-transform:uppercase;
	font-family:'GreyscaleBasicRegular';
}
#header #menu li.active {background-position:right 0;}

#header #menu li a {
	background:url(../img/div-menu.png) no-repeat 0 -59px;
	position:relative;
	color:#413a34;
	display:block;
}
#header #menu li .home {width:125px;z-index:6;}
#header #menu li .cases {width:147px;z-index:5;}
#header #menu li .sobre {width:147px;z-index:4;}
#header #menu li .portfolio {width:204px;z-index:3;}
#header #menu li .parceiros {width:200px;z-index:2;}
#header #menu li .contato {width:154px;z-index:1;}

#header #menu li .home img {
	position:absolute;
	left:0;
	top:2px;
}
#header #menu li.active .home img {top:-2px;}
#header #menu li.active a {background-position:0 0;border-top:4px solid #a8b738;height:58px;line-height:54px;}

#header #menu li a:hover {
	color:#a8b738;
	text-decoration:none;
}

#home {
	clear:both;
	float:left;
	width:100%;
	height:215px;
}

#cases {
	clear:both;
	float:left;
	width:100%;
	height:561px;
}
#cases .bg {
	clear:both;
	float:left;
	width:100%;
	height:561px;
	overflow:hidden;
}
#cases .bg ul {
	clear:both;
	float:left;
	width:100%;
	height:561px;
}
#cases .bg ul li {
	background-position:center top;
	background-repeat:no-repeat;
	float:left;
	width:100%;
	height:561px;
	position:relative;
}
#cases .bg ul li.item-1 {background-image:url(../../images/home-1.jpg);}

#cases .bg ul li .bt-open {
	background:url(../img/ico-open.png) no-repeat;
	width:63px;
	height:63px;
	position:absolute;
	z-index:10;
	left:50%;
	top:120px;
	margin:0 0 0 -178px;
}
#cases .bg ul li .bt-descricao {
	background:url(../img/bt-descricao.png) no-repeat;
	width:144px;
	height:46px;
	position:absolute;
	z-index:1;
	left:50%;
	top:369px;
	margin:0 0 0 -460px;
}
#cases .bg ul li .info {
	background:rgba(0,0,0,.7);
	position:absolute;
	z-index:5;
	left:50%;
	top:0;
	width:100%;
	height:561px;
	margin:0 0 0 -154px;
	display:none;
}
#cases .bg ul li .info .titulo {
	width:460px;
	color:#a8b738;
	font-size:30px;
	position:absolute;
	left:90px;
	top:130px;
	font-family:'GreyscaleBasicBold';
}
#cases .bg ul li .info .descricao {
	width:460px;
	color:white;
	font-size:14px;
	position:absolute;
	left:90px;
	top:180px;
}
#cases .bg ul li .info .bt-fechar {
	background:url(../img/bt-fechar.png) no-repeat;
	width:145px;
	height:46px;
	position:absolute;
	z-index:15;
	left:-307px;
	top:369px;
}

#sobre {
	background:url(../img/bg-sobre.png) repeat center top;
	clear:both;
	float:left;
	width:100%;
	height:600px;
}
#sobre .bg {
	background:url(../img/border-sobre.png) repeat-x center bottom;
	clear:both;
	float:left;
	width:100%;
	height:600px;
}
#sobre .bgs {
	background:url(../img/bgs.png) no-repeat center 0;
	clear:both;
	float:left;
	width:100%;
	height:560px;
	padding-top:40px;
}
#sobre .intro {
	background:url(../img/intro-sobre.png) no-repeat center bottom;
	width:934px;
	float:left;
	display:inline;
	margin:45px 0 0 20px;
	padding:0 0 35px;
}
#sobre .intro h3 {
	color:#fff;
	font-size:35px;
	text-transform:uppercase;
	font-family:'GreyscaleBasicRegular';
}
#sobre .intro h3 strong {
	font-family:'GreyscaleBasicBold';
}
#sobre .intro p {
	color:#fff;
	font-size:13px;
	padding:15px 0 0;
	line-height:120%;
}
#sobre ul {
	clear:both;
	float:left;
	display:inline;
	margin:30px 0 0;
	width:100%;
}
#sobre ul li {
	color:#9bba3c;
	float:left;
	display:inline;
	margin:0 53px 0 20px;
	width:170px;
}
#sobre ul li strong {
	background-position:center 0;
	background-repeat:no-repeat;
	float:left;
	padding:140px 0 5px;
	font-size:29px;
	text-transform:uppercase;
	font-weight:normal;
	line-height:120%;
	font-family:'GreyscaleBasicRegular';
}
#sobre ul li.biometria strong {background-image:url(../img/ico-biometria.png);}
#sobre ul li.iluminacao strong {background-image:url(../img/ico-iluminacao.png);}
#sobre ul li.audiovideo strong {background-image:url(../img/ico-audiovideo.png);}
#sobre ul li.wireless strong {background-image:url(../img/ico-wireless.png);}

#sobre ul li span {
	clear:both;
	float:left;
	width:100%;
	line-height:125%;
}

#portfolio {
	background:url(../img/bg-portfolio.png) repeat center top;
	clear:both;
	float:left;
	width:100%;
	height:640px;
}
#portfolio .bg {
	background:url(../img/border-portfolio.png) repeat-x center bottom;
	clear:both;
	float:left;
	width:100%;
	height:640px;
}
#portfolio .bgs {
	background:url(../img/bgs.png) no-repeat center 0;
	clear:both;
	float:left;
	width:100%;
	height:600px;
	padding-top:40px;
}
#portfolio h4 {
	padding:60px 20px 20px;
	color:#322936;
	font-size:35px;
	text-transform:uppercase;
	font-family:'GreyscaleBasicBold';
}
#portfolio .portfolio {
	background:url(../img/box-portfolio.png) no-repeat;
	width:930px;
	height:400px;
	margin:0 auto;
	position:relative;
}
#portfolio .portfolio h5 {
	position:absolute;
	right:0;
	top:50px;
	width:180px;
	color:#c2d248;
	font-size:20px;
	padding:0 25px;
	text-transform:uppercase;
	font-family:'GreyscaleBasicBold';
}
#portfolio .portfolio p {
	position:absolute;
	right:0;
	top:90px;
	width:180px;
	color:white;
	font-size:13px;
	padding:0 25px;
	line-height:120%;
}
.jcarousel {
	position:relative;
	overflow:hidden;
	width:700px;
	height:400px;
}
.jcarousel ul {
	width:20000em;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}
.jcarousel li {
	float:left;
	width:700px;
	height:400px;
	position:relative;
}
.jcarousel li img {
	width:700px;
	position:absolute;
	left:0;
	bottom:0;
}
.jcarousel-control-prev,
.jcarousel-control-next {
	background-repeat:no-repeat;
	position:absolute;
	bottom:15px;
	width:48px;
	height:49px;
	font-size:0;
	text-indent:-9999px;
}
.jcarousel-control-prev {right:115px;background-image:url(../img/prev.png);}
.jcarousel-control-next {right:60px;background-image:url(../img/next.png);}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
	opacity:.7;
	cursor:default;
}

#parceiros {
	border-bottom:4px solid #483b4e;
	background:#322936 url(../img/bg-shadow.png) repeat-x center 0;
	clear:both;
	float:left;
	width:100%;
	height:600px;
}
#parceiros .bgs {
	background:url(../img/bgs.png) no-repeat center 0;
	clear:both;
	float:left;
	width:100%;
	height:560px;
	padding-top:40px;
}
#parceiros .intro {
	background:url(../img/bg-parceiros.png) no-repeat right center;
	width:300px;
	height:490px;
	float:left;
	display:inline;
	padding:70px 0 0 20px;
}
#parceiros .intro h5 {
	color:#9bba3c;
	font-size:35px;
	text-transform:uppercase;
	font-family:'GreyscaleBasicBold';
}
#parceiros .intro p {
	color:#fff;
	padding:25px 45px 0 0;
	line-height:120%;
}
#parceiros ul {
	float:left;
	display:inline;
	margin:15px 0 0;
	width:654px;
}
#parceiros ul li {
	float:left;
	display:inline;
	margin:35px 0 0 20px;
	width:260px;
	height:91px;
	text-align:center;
}
#parceiros ul li img {
	display:inline;
}

#contato {
	background:url(../img/bg-contato.png) repeat center top;
	clear:both;
	float:left;
	width:100%;
	height:607px;
}
#contato .bg {
	background:url(../img/border-contato.png) repeat-x center bottom;
	clear:both;
	float:left;
	width:100%;
	height:607px;
}
#contato .bgs {
	background:url(../img/bgs.png) no-repeat center 0;
	clear:both;
	float:left;
	width:100%;
	height:567px;
	padding-top:40px;
}
#contato .intro {
	width:285px;
	float:left;
	display:inline;
	margin:70px 0 0 20px;
}
#contato .intro h6 {
	color:#fff;
	font-size:35px;
	text-transform:uppercase;
	font-family:'GreyscaleBasicBold';
}
#contato .intro p {
	color:#322936;
	font-size:14px;
	padding:25px 0 0;
	line-height:120%;
}
#contato .intro p.email {
	font-size:15px;
	font-weight:bold;
	padding:25px 0 0;
}
#contato .intro p.email a {
	color:#2b222f;
}
#contato .intro p.phone {
	background:url(../img/ico-phone.png) no-repeat 0 30px;
	padding-left:40px;
	color:#2b222f;
	font-size:20px;
}
#contato .intro p.phone a {
	display:block;
	line-height:22px;
}
#contato form {
	position:relative;
	width:412px;
	float:left;
	display:inline;
	margin:70px 0 0 175px;
}
#contato form .alert {
	position:absolute;
	left:-459px;
	bottom:58px;
	border:1px solid transparent;
	border-radius:4px;
	padding:13px 15px;
	line-height:150%;
}
#contato form .alert strong {
	margin-right:10px;
}
#contato form .alert-success {
	background-color:#dff0d8;
	border-color:#d6e9c6;
	color:#3c763d;
}
#contato form .alert-danger {
    background-color:#f2dede;
    border-color:#ebccd1;
    color:#a94442;
}
#contato form .alert-load {
    background-color:#fff;
    border-color:#999;
    color:#999;
	width:100px;
	bottom:0;
	left:auto;
	right:0;
	margin-bottom:0;
}
#contato form label {
	clear:both;
	float:left;
	display:inline;
	margin:5px 0 0;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	font-family:'GreyscaleBasicBold';
}
#contato form input,
#contato form textarea {
	border:1px solid #b4c47d;
	clear:both;
	float:left;
	display:inline;
	margin:0 0 5px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	background:#e1e1e1;
	padding:0 10px;
	width:390px;
	height:43px;
}
#contato form textarea {
	height:83px;
	padding:10px;
	resize:none;
	overflow:auto;
}
#contato form input.error,
#contato form textarea.error {
	border-color:red;
}
#contato form .bt-enviar {
	background:url(../img/bt-enviar.png) no-repeat;
	border:none;
	color:#dcdad8;
	cursor:pointer;
	clear:both;
	float:right;
	display:inline;
	margin:7px 0 0;
	width:129px;
	height:45px;
	font-size:0;
	text-align:right;
}

#footer {
	background:#2b222f url(../img/bgs.png) no-repeat center 0;
	clear:both;
	float:left;
	width:100%;
	height:144px;
}
#footer img {
	float:left;
	display:inline;
	margin:18px 0 0 17px;
	width:191px;
}
#footer p {
	float:left;
	display:inline;
	margin:54px 0 0 132px;
	width:634px;
	font-size:15px;
}
#footer p a {
	border-left:1px solid #fff;
	color:#fff;
	float:left;
	display:inline;
	height:18px;
	line-height:18px;
	padding:0 20px;
}
#footer p .facebook {
	padding:0;
	position:relative;
}
#footer p .facebook span {
	background:url(../img/ico-facebook.png) no-repeat;
	position:absolute;
	top:-10px;
	left:20px;
	display:block;
	font-size:0;
	text-indent:-9999px;
	width:38px;
	height:38px;
}