@charset "utf-8";
@import url(reset.css);
@font-face {
    font-family: 'FuturaBkBTBook';
    src: url('futura/futura_bk_bt_book-webfont.eot');
    src: url('futura/futura_bk_bt_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('futura/futura_bk_bt_book-webfont.woff') format('woff'),
         url('futura/futura_bk_bt_book-webfont.ttf') format('truetype'),
         url('futura/futura_bk_bt_book-webfont.svg#FuturaBkBTBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
html,body{
	height:100%;
	min-height:100%;
	background:url(../imgLayout/bg-geral.jpg) repeat-x #E3E8EE;
	font:normal 12px/18px 'FuturaBkBTBook', Arial, Helvetica, sans-serif;
}
*{margin:0;	padding:0}
a {outline: none;}
div{background:transparent}
img{background:transparent}
#main{width:960px; position:relative; margin:0 auto; display:block;
^padding-top: 150px; /* this targets all IE, including 7. It must go first, or it overrides the following hack */  }
section {width: 960px; display: block; margin: 0; padding: 0; padding-top:130px;
*width: 960px; *display: block; *margin: 0; *padding: 0; *padding-top:130px}
.sectiontitle {width: 120px; height: 120px; background: url(../imgLayout/circulo.png) no-repeat; text-align: center; float: left; margin-bottom:20px; position:relative}
.sectiontitle p {
	font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	line-height:130%;
	color: #FFFFFF;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/*------------------------ HEADER ----------------------------*/
#header {
	position:fixed;
	width:100%;
	*width:960px;
	height:130px;
	z-index:999;
	background:url(../imgLayout/bg-geral.jpg) repeat-x;
}
#contheader{
	position:relative;
	width:960px;
	left:0px;
	*width:960px;
	margin:0 auto;
	*margin:0 auto
}
.logo {background:  width: 250px; height: 90px; display:block; position:absolute; left:15px; top:15px}
.logo:hover {-webkit-animation-name: logo;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: linear;-moz-animation-name: logo;-moz-animation-duration: 2s;-moz-animation-iteration-count: 1;-moz-animation-timing-function: linear;}

#buscar {position:absolute; width:265px; height:40px; top:5px; left:680px; background:url(../imgLayout/botoes.png) no-repeat 3px -80px
} 
#buscar input {border:none; width:205px; height:25px; background:none; position:absolute; top:9px; left:10px; padding-left:5px;}
#buscar .submit{ background:url(../imgLayout/botoes.png) no-repeat 3px -123px; width:45px; height:42px; border:none; position:absolute; top:5px; left:215px}
#buscar .submit:hover{ background:url(../imgLayout/botoes.png) no-repeat -45px -123px; cursor:pointer; position:absolute; top:5px; left:215px}

/*--------------------- MENU ------------------------------*/
	
#menu {
	position:absolute;
	width:610px;
	left:350px;
	height:40px;
	top:70px;
	z-index:999;

}
/*------------------------------------*\
	NAV
\*------------------------------------*/
#menu ul {
	padding: 0;
	list-style: none;
	float: left;
	clear: left;

	
}

#menu ul li {
	float: left;
	display: inline; 
	margin: 0 10px;

	
}

#menu ul li a {
	text-decoration: none;
	float:left;
	color:#FFF;
	font:bold 14px "FuturaBkBTBook", arial, sans-serif;
	background: url(../imgLayout/bg-menu.png) no-repeat center right;
	cursor:pointer;
	
	
}


#menu ul li a span {
	margin: 0 10px 0 -10px;
	padding: 10px 8px 0px 18px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	height:30px;
	background: url(../imgLayout/bg-menu.png) no-repeat center left;
	
}

#menu ul.nav li a.current, #menu ul.nav li a:hover {
	background: url(../imgLayout/bg-menu-hover.png) no-repeat center right;
 	color: #FFF;
	text-decoration:none;
}

#menu ul.nav li a.current span, #menu ul.nav li a:hover span {
	background: url(../imgLayout/bg-menu-hover.png) no-repeat center left;
}
/*--------------------- SLIDER ------------------------------*/
#bg-slider { width:960px; height:330px; background:url(../imgLayout/bg-slide.png) no-repeat center bottom}
#wrap-slider{position:relative; width:880px; height:235px; top:40px; left:40px; overflow:hidden}
#wrap-slider li{ width:960px; height:260px}
#bt-wrap{width:68px; height:39px; position:relative; background:url(../imgLayout/bt-detalhes.png) no-repeat right; float:right; right:40px; bottom:-1px}
#bt-wrap a{color:#FFF; font:normal 10px "FuturaBkBTBook", arial, sans-serif; position:relative; top:20px; left:23px; text-decoration:none}
#bt-wrap a:hover{ color:#030}
/*--------------------- CAROUSEL ------------------------------*/
#bg-carousel {width:960px; height:230px; background:url(../imgLayout/bg-carousel.png) no-repeat; overflow:hidden; position:relative; top:-30px}

.image_carousel {
	padding: 40px 0 0 55px;
	
}
.image_carousel img {
	background:url(../imgLayout/bg-produto.png);
	padding: 10px 20px;
	margin: 0px;
	display: block;
	float: left;
}
.image_carousel a {
	margin: 0px;
	display: block;
	float: left; 
}


a.prev, a.next {
	background: url(../imgLayout/sprite-carousel.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 90px;
}
a.prev {			left: 18px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: 18px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}
/*------------------------ HEADER ----------------------------*/
/*------------------------ HOME ------------------------------*/
.home {height: 880px; background:url(../imgLayout/separador1.png) no-repeat center bottom;}

.box-home1{height:200px; width:420px; float:left; margin:10px 0 0 10px; }
.box-home2{height:200px; width:250px; float:left; margin:10px 0 0 10px;}
.box-home1 p, .box-home2 p {padding:15px}

/*------------------------ HOME ------------------------------*/
/*------------------------ ABOUT -----------------------------*/
.about {height: 880px; padding: 130px 0 0 0; background:url(../imgLayout/separador1.png) no-repeat center bottom}
.atitle {width: 120px; height: 120px; background: url(../imgLayout/circulo.png) no-repeat; text-align: center; float: left; margin-bottom:20px; position:relative}
.atitle p {font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;text-transform:uppercase;line-height:130%;color: #FFFFFF;padding-top: 40px;padding-right: 0;padding-bottom: 0;padding-left: 0;}
#atxt {position:relative; float:right; width:800px; top:10px}
#atxt p {font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;line-height: 18px;}
#atxtul {  position:relative; list-style:none; float:left}
#atxt ul{width:800px; position:relative; float:left; list-style:none}
#atxt li{float:left}
/*------------------------- ABOUT --------------------------------*/
/*------------------------- PRODUTOS -----------------------------*/
.product {padding: 140px 0 0 0; background:url(../imgLayout/separador1.png) no-repeat center bottom}
.ptitle {width: 120px; height: 120px; background: url(../imgLayout/circulo.png) no-repeat; text-align: center; float: left; margin-bottom:20px; position:relative}
.ptitle p {font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;text-transform:uppercase;line-height:130%;color: #FFFFFF;padding-top: 40px;padding-right: 0;padding-bottom: 0;padding-left: 0;}
#ptxt {position:relative; float:right; width:800px; top:10px}
#ptxt p {font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;line-height: 18px;}
#ptxt p a{font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;line-height: 18px; text-decoration:none; color:#f36f21}
#ptxt p a:hover {
	color:#008CD0;
}

#ulprod{width:300px; position:relative; list-style:none; float:left; margin:10px; text-align:center; padding-bottom:30px}
#prod{position:relative; width:300px; height:185px; background:url(../imgLayout/bg-produto.jpg) no-repeat; border-radius: 10px 10px;-moz-border-radius: 10px 10px;-webkit-border-radius: 10px 10px; float:left}
#prod img{padding:10px}
#prod img:hover{opacity: 0.2; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear}
#ulprod span{position:relative; font-family:'FuturaBkBTBook', Arial, Helvética, sans-serif; font-size:14px; font-weight:normal; color:#008CD0; text-align:center; margin:0 auto; padding:10px}
#ulprod p{width:300px; height:50px; position:relative; font-family:'FuturaBkBTBook', Arial, Helvética, sans-serif; font-size:12px; font-weight:normal; line-height:18px; color:#3a3a3a; text-align:left; margin:0 auto; top:5px}


/*------------------------- PRODUTOS -----------------------------*/
/*------------------------- COMPRAR ------------------------------*/
.aplicacao {height:1150px;padding: 150px 0 0 0; background:url(../imgLayout/separador1.png) no-repeat center bottom}
.ctitle {width: 120px; height: 120px; background: url(../imgLayout/circulo.png) no-repeat; text-align: center; float: left; margin-bottom:20px; position:relative}
.ctitle p {font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;text-transform:uppercase;line-height:130%;color: #FFFFFF;padding-top: 40px;padding-right: 0;padding-bottom: 0;padding-left: 0;}
#ctxt {position:relative; float:right; width:800px; top:20px}
#ctxt p {font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;line-height: 18px;}

/*------------------------- COMPRAR ------------------------------*/
/*------------------------- LED ------------------------------*/
.led {height: 880px;padding: 130px 0 0 0; background:url(../imgLayout/separador1.png) no-repeat center bottom}
.ltitle {width: 120px; height: 120px; background: url(../imgLayout/circulo.png) no-repeat; text-align: center; float: left; margin-bottom:20px; position:relative; margin-top:20px}
.ltitle p {font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;text-transform:uppercase;line-height:130%;color: #FFFFFF;padding-top: 40px;padding-right: 0;padding-bottom: 0;padding-left: 0;}
#ltxt {position:relative; float:right; width:800px; top:20px}
#ltxt p {font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;line-height: 18px; padding-top:20px}

/*------------------------- LED ------------------------------*/
/*------------------------- CONTATO ------------------------------*/
.contact { height: 930px;padding: 130px 0 0 0}
.cotitle {width: 120px; height: 120px; background: url(../imgLayout/circulo.png) no-repeat; text-align: center; float: left; margin-bottom:20px; position:relative}
.cotitle p {font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;text-transform:uppercase;line-height:130%;color: #FFFFFF;padding-top: 40px;padding-right: 0;padding-bottom: 0;padding-left: 0;}
#cotxt {position:relative; float:right; width:800px; top:20px}
#cotxt p {font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;line-height: 18px;}
#contato {position:relative; left:0px; top:0px; overflow:hidden; width:800px; height:260px;}
#contato label {display: block; text-align:right; float: left; clear: left; width: 70px;	font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;  margin-top:7px;	margin-right:5px;}
#contato input, #contato select {float: left; padding: 5px; border: 1px solid #CFCFCF; width: 300px; margin-bottom: 7px; -moz-border-radius:4px; -webkit-border-radius:4px;	font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.3; color: #333333}
#contato .small{float: left; padding: 5px; border: 1px solid #CFCFCF; width: 200px; margin-bottom: 7px; margin-right:100px; -moz-border-radius:4px; -webkit-border-radius:4px; font-family: Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.3; color: #333333;}
 #contato textarea{left:450px; position:absolute; padding: 5px; border: 1px solid #CFCFCF; width:300px; margin-bottom: 7px; -moz-border-radius:4px; -webkit-border-radius:4px;	font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.3; color: #333333; top:30px; height: 100px}
.msg{position:absolute; left:450px; display: block; text-align:right; float: left; clear: left; width: 70px;font-family: 'FuturaBkBTBook', Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;margin-top:7px;	margin-right:5px}
#contato input:focus, #contato textarea:focus { border: 1px solid #ccc; text-align: left;}

#contato .submit {width:60px; font:bold 14px "FuturaBkBTBook", arial, sans-serif;float:right; margin-right:35px; background:#75b386; color:#FFF}
#contato .submit:hover {background:#7abf27}

/*------------------------- CONTATO ------------------------------*/
/* animations */
@-webkit-keyframes logo {
  from   { -webkit-transform: scale(1)}
  60% { -webkit-transform: scale(1.05);}
  to {-webkit-transform: scale(1);}
}
/* animations */
@-moz-keyframes logo {
  from   { -moz-transform: scale(1)}
  60% { -moz-transform: scale(1.05);}
  to {-moz-transform: scale(1);}
}
/* JQUERY */
.jquery-lightbox-buttons .share {font:16px 'FuturaBkBTBook', sans-serif; text-decoration:none; padding-left:25px; background:url(../imgLayout/icones/fb.png) no-repeat left}
.jquery-lightbox-buttons .share:hover{ color:#2c9042}

/* PARRALLAX*/
.parallax-viewport {
    position: relative;     /* relative, absolute, fixed */
    overflow: hidden;
}
.parallax-layer {
    position: absolute;
}

/*--------------------- GERAIS ------------------------------*/
h1 { font:bold 24px 'FuturaBkBTBook',arial, serif; text-transform:uppercase;  padding-bottom:10px
}

h2 {font:normal 20px 'FuturaBkBTBook', arial, sans-serif; margin-bottom:5px; text-transform:uppercase; color:#008CD0
}
h3 {font:16px 'FuturaBkBTBook', sans-serif; color:#FFF;
}
h4 {font:12px 'FuturaBkBTBook', sans-serif; color:#F58220;
}

a{color:#603; text-decoration:none; background:none}
a:hover{color:#636; text-decoration:underline; background:none}

.botao a{ width:95px; height:22px; text-decoration: none;	float:right; color:#FFF; background: url(../imgLayout/botoes.png) no-repeat 2px -5px; font-weight:bold; color:#FFF; text-decoration:none; padding-top:3px; text-align:center; margin-top:15px
}
.botao a:hover {background: url(../imgLayout/botoes.png) no-repeat 2px -36px; }

/*--------------------- tweteer ------------------------------*/
#tweets {
	width:300px;
	
}

#tweets p{padding:0; }

#tweets li {
	margin:5px;
	color:#000;
	line-height:180%;

}


#tweets li a{ font-weight:normal; color:#008CD0; background:none;}
/*------------------ FOOTER ------------------------------------*/
#footer{
	background: url(../imgLayout/bg-footer.jpg) repeat-x;
	position: relative;
	width:100%;
	margin-top: -150px;
	height: 150px;
	clear:both;
}

#rodape{
	background:url(../imgLayout/separador1.png) no-repeat center top;
	position:relative;
	width:960px;
	height:150px;
	margin:0 auto;
	font:normal 12px 'FuturaBkBTBook', sans-serif;
}
.nav-rodape {position:absolute; width:430px; height:30px; top:15px; left:265px}

.nav-rodape li {
	float:left;
	margin:0px;
	padding:0 10px;
	position:relative;
	display:block;
}
.nav-rodape li a {
	display:block;
	padding:10px 5px 10px 5px;
	color:#000;
	text-decoration:none;
	
}
.nav-rodape li a:hover {
	color:#008CD0;
}

.dados-rodape{ width:auto; height:60px; float:left; margin:65px 0 0 55px; font-weight:bold; white-space:nowrap}
.dados-rodape img{ float:left; margin-right:5px}
.dados-rodape p{ padding:10px}

#copyright{
	position:absolute;
	width:100%;
	height:15px;
	top:130px;
	color:#000;
	text-align:center;
	left: 0px;
}

.clear {clear: both; margin: 0; padding: 0;}