@charset "iso-8859-1";
/* CSS Document */


@font-face {
    font-family: arialn;
    src: url('../fontes/ArialNarrow.eot');
    src: url('../fontes/ArialNarrow.eot?#iefix') format('embedded-opentype'),
         url('../fontes/ArialNarrow.woff') format('woff'),
         url('../fontes/ARIALN.ttf') format('truetype'),
         url('../fontes/ArialNarrow.svg#arialn') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {
	padding: 0;
	margin: 0;		
}

body{
	padding: 0px;
	margin: 0px;	
}



#container{
	width: 100%;
	max-width: 1600px;
	min-width:1600px;
	margin: 0 auto;
	height: 100%;
	min-height: 100%;
	position: relative;
	overflow-x:hidden;
	padding: 0;

}



.logo{
	width: 145px;
	height: 69px;
	margin: 0 auto;
	padding: 20px;	
	display: none;
}


.monitor{
	width: 100%;
	height: 505px;
	background: transparent url(../images/bg-monitor.png) no-repeat top center;
	background-size: 1400px;
	max-width: 1400px;
	min-width: 1400px;
	position: relative;
	margin: 0 auto;
	overflow:hidden;
	z-index: 2;
		
	
	
}

.texto{
	width: 100% -14px;
	
	height: auto;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 0px;

}

.texto .titulo{
	 width: 100% -14px;
	 max-width: 727px;
	 background-color: #ffcd27;
	font-family: "arialn";
	font-size: 20px;
	text-align: left;
	overflow: hidden;
	padding: 5px;
	padding-right: 0px;
}


 .texto .conteudo{
	 width: 100%;
	 max-width: 727px;
	 
	 
	 }

 .texto .conteudo p{
	 text-align: justify;
	 font-family: "arialn";
	 font-size: 18px;
	 padding: 10px;
	 padding-top: 5px;
}

 .texto .conteudo p:last-child{
 	padding-bottom: 0px;
 }
.teclado{
		width: 100%;
		min-height: 350px;
		background: transparent url(../images/bg-teclado.png) no-repeat top center;
		max-width: 1600px;
		min-width: 1590px;
		background-size: 1600px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
		z-index: 0;
	

	
}

@media screen and (max-width: 1441px) {



	#container{
		width: 100%;
		max-width: 1440px;
		min-width:1400px;
		margin: 0 auto;
		height: 100%;
		min-height: 100%;
		position: relative;
		overflow-x:hidden;
		padding: 0;
	
	}
	
	.teclado{
		width: 100%;
		min-height: 340px;
		background: transparent url(../images/bg-teclado.png) no-repeat top center;
		max-width: 1590px;
		min-width: 1400px;
		background-size: 1590px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
		z-index: 0;
	
		
	}



}

.teclado .botoes{
	width: 1172px;
	height: 86px;
	background: transparent url(../images/sprite_menu.png) top center no-repeat;	
	background-size: 100%;
	position: relative;
	top: 52px;
	margin: 0 auto;
	
}

.teclado .btn-sobre{
	width: 1172px;
	height: 86px;
	background: transparent url(../images/sprite_menu.png) center -86px no-repeat;	
	position: relative;
	top: 52px;
	margin: 0 auto;
	
}


.teclado .btn-comunicacao{
	width: 1172px;
	height: 86px;
	background: transparent url(../images/sprite_menu.png) center -172px no-repeat;	
	position: relative;
	top: 52px;
	margin: 0 auto;
}

.teclado .btn-marketing{
	width: 1172px;
	height: 86px;
	background: transparent url(../images/sprite_menu.png) center -258px no-repeat;	
	position: relative;
	top: 52px;
	margin: 0 auto;
	
}

.teclado .btn-producao{
	width: 1172px;
	height: 86px;
	background: transparent url(../images/sprite_menu.png) center -344px no-repeat;	
	position: relative;
	top: 52px;
	margin: 0 auto;
	
}


.teclado .btn-downloads{
	width: 1172px;
	height: 86px;
	background: transparent url(../images/sprite_menu.png) center -430px no-repeat;	
	position: relative;
	top: 52px;
	margin: 0 auto;
	
}

.teclado .btn-noticias{
	width: 1172px;
	height: 86px;
	background: transparent url(../images/sprite_menu.png) center -516px no-repeat;	
	position: relative;
	top: 52px;
	margin: 0 auto;
	
}

.teclado .btn-contato{
	width: 1172px;
	height: 86px;
	background: transparent url(../images/sprite_menu.png) center -602px no-repeat;	
	position: relative;
	top: 52px;
	margin: 0 auto;
	
}




.teclado .botoes div:hover{
	cursor: pointer;
}

.teclado .botoes .home{
	width: 39px;
	height: 32px;
	position: relative;
	top: 29px;
}


.teclado .botoes .sabryne{
	width: 122px;
	height: 57px;
	position: relative;
	bottom: 25px;
	left: 110px;
}

.teclado .botoes .comunicacao{
	width: 100px;
	height: 57px;
	position: relative;
	bottom: 80px;
	left: 255px;
}

.teclado .botoes .marketing{
	width: 80px;
	height: 57px;
	position: relative;
	bottom: 140px;
	left: 383px;
}

.teclado .botoes .producao{
	width: 130px;
	height: 57px;
	position: relative;
	bottom: 195px;
	left: 745px;
}

.teclado .botoes .downloads{
	width: 90px;
	height: 57px;
	position: relative;
	bottom: 253px;
	left: 895px;
}

.teclado .botoes .noticias{
	width: 80px;
	height: 57px;
	position: relative;
	bottom: 310px;
	left: 1000px;
}

.teclado .botoes .contato{
	width: 70px;
	height: 57px;
	position: relative;
	bottom: 367px;
	left: 1105px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	color: transparent;
}

#after_footer{
	width: 100%;
	height: 550px;
	background: transparent url(../images/bg-madeira.png) top;
	background-size: 100%;	
	position: absolute;
	margin-top: -470px;
	z-index: -1;	
}

.titulo_comunica{
	width: 100%;
	padding: 10px 15px;
	padding-right: 0px;
	text-align: left;
	font-family: "arialn";
	font-size: 18px;

		
}

.titulo_comunica .titulo_comunica2{
	width: 70%;
	float: left;
	text-align: left;
     font-family: "arialn";
	 font-size: 18px;
	
	
}

.titulo_comunica a{
	color: #000;	
}




#tabela_downloads img{
	width: 90%;
}

#tabela_contato img{
	width: 70%;
}

/*ADAPTAÇÃO FIREFOX*/

/*@-moz-document url-prefix(){
.teclado{
	width: 100%;
	background: transparent url(../images/bg-teclado.png) no-repeat top center;
	background-size:100%;
	min-width:1280px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	
}



.teclado .botoes{
	width: 1152px;
	height: 84px;
	background: transparent url(../images/sprite_menu.png) top center no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}

.teclado .btn-sobre{
	width: 1152px;
	height: 84px;
	background: transparent url(../images/sprite_menu.png) center -85px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}


.teclado .btn-comunicacao{
	width: 1152px;
	height: 84px;
	background: transparent url(../images/sprite_menu.png) center -168px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}

.teclado .btn-marketing{
	width: 1050px;
	height: 75px;
	min-height: 50px;
	max-height: 80px;
	background: transparent url(../images/sprite_menu.png) center -231px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}

.teclado .btn-producao{
	width: 1050px;
	height: 75px;
	min-height: 50px;
	max-height: 80px;
	background: transparent url(../images/sprite_menu.png) center -308px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}


.teclado .btn-downloads{
	width: 1050px;
	height: 75px;
	min-height: 50px;
	max-height: 80px;
	background: transparent url(../images/sprite_menu.png) center -385px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}

.teclado .btn-noticias{
	width: 1050px;
	height: 75px;
	min-height: 50px;
	max-height: 80px;
	background: transparent url(../images/sprite_menu.png) center -462px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}

.teclado .btn-contato{
	width: 1050px;
	height: 75px;
	min-height: 50px;
	max-height: 80px;
	background: transparent url(../images/sprite_menu.png) center -539px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}




.teclado .botoes div:hover{
	cursor: pointer;
}

.teclado .botoes .home{
	width: 37px;
	height: 30px;
	position: relative;
	top: 27px;
}


.teclado .botoes .sabryne{
	width: 105px;
	height: 50px;
	position: relative;
	bottom: 25px;
	left: 100px;

}

.teclado .botoes .comunicacao{
	width: 85px;
	height: 50px;
	position: relative;
	bottom: 77px;
	left: 230px;

}

.teclado .botoes .marketing{
	width: 60px;
	height: 50px;
	position: relative;
	bottom: 129px;
	left: 350px;

}

.teclado .botoes .producao{
	width: 110px;
	height: 50px;
	position: relative;
	bottom: 181px;
	left: 670px;
}

.teclado .botoes .downloads{
	width: 70px;
	height: 50px;
	position: relative;
	bottom: 233px;
	left: 806px;
}

.teclado .botoes .noticias{
	width: 50px;
	height: 50px;
	position: relative;
	bottom: 285px;
	left: 905px;
}

.teclado .botoes .contato{
	width: 50px;
	height: 50px;
	position: relative;
	bottom: 337px;
	left: 996px;
}

	
}*/

/* ADAPTAÇÃO TECLADO CHROME */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {




.teclado .botoes{
	width: 1172px;
	height: 87px;
	background: transparent url(../images/sprite_menu.png) top center no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}

.teclado .btn-sobre{
	width: 1050px;
	height: 75px;
	height: 75px;
	min-height: 50px;
	max-height: 80px;
	background: transparent url(../images/sprite_menu.png) center -77px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}


.teclado .btn-comunicacao{
	width: 1050px;
	height: 75px;
	min-height: 50px;
	max-height: 80px;
	background: transparent url(../images/sprite_menu.png) center -154px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}

.teclado .btn-marketing{
	width: 1050px;
	height: 75px;
	min-height: 50px;
	max-height: 80px;
	background: transparent url(../images/sprite_menu.png) center -231px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}

.teclado .btn-producao{
	width: 1050px;
	height: 75px;
	min-height: 50px;
	max-height: 80px;
	background: transparent url(../images/sprite_menu.png) center -308px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}


.teclado .btn-downloads{
	width: 1050px;
	height: 75px;
	min-height: 50px;
	max-height: 80px;
	background: transparent url(../images/sprite_menu.png) center -385px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}

.teclado .btn-noticias{
	width: 1050px;
	height: 75px;
	min-height: 50px;
	max-height: 80px;
	background: transparent url(../images/sprite_menu.png) center -462px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}

.teclado .btn-contato{
	width: 1050px;
	height: 75px;
	min-height: 50px;
	max-height: 80px;
	background: transparent url(../images/sprite_menu.png) center -539px no-repeat;	
	background-size: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
	
}




.teclado .botoes div:hover{
	cursor: pointer;
}

.teclado .botoes .home{
	width: 37px;
	height: 30px;
	position: relative;
	top: 27px;
}


.teclado .botoes .sabryne{
	width: 105px;
	height: 50px;
	position: relative;
	bottom: 25px;
	left: 100px;

}

.teclado .botoes .comunicacao{
	width: 85px;
	height: 50px;
	position: relative;
	bottom: 77px;
	left: 230px;

}

.teclado .botoes .marketing{
	width: 60px;
	height: 50px;
	position: relative;
	bottom: 129px;
	left: 350px;

}

.teclado .botoes .producao{
	width: 110px;
	height: 50px;
	position: relative;
	bottom: 181px;
	left: 670px;
}

.teclado .botoes .downloads{
	width: 70px;
	height: 50px;
	position: relative;
	bottom: 233px;
	left: 806px;
}

.teclado .botoes .noticias{
	width: 50px;
	height: 50px;
	position: relative;
	bottom: 285px;
	left: 905px;
}

.teclado .botoes .contato{
	width: 50px;
	height: 50px;
	position: relative;
	bottom: 337px;
	left: 996px;
}

	
}*/


.div-iframe{
	width: 727px;
	height: 361px;
	position: relative;
	margin: 0 auto;
	top: 15px;


}

#iframe{
	width: 727px;
	height: 361px;
	border: none;
	overflow:hidden;
}