@font-face {
    font-family: 'trade-gothic-lt';
    src: url('lib/fonts/trade-gothic-lt.ttf');
}

body{
    color:#505050;
    font-family: 'trade-gothic-lt';
}

/* TELA INICIAL */
#ini-logo{
	position:absolute;
	top:40px;
	width:100%;
	height:70px;
	padding:15px;
	background-color:rgba(255,255,255,.60);
	z-index:100;
}
.ini-box{
	padding:0;
	margin:0;
}
.ini-box1, .ini-box2, .ini-box3, .ini-box4{
	padding:0;
	margin:0;
	background-color:#F5F5F5;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
	background-image:url('../img/capa-colchoes.jpg');
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition:all 0.75s;
}
.ini-box1:hover, .ini-box2:hover, .ini-box3:hover, .ini-box4:hover{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.ini-box2{
	background-color:#E7E7E7;
	background-image:url('../img/capa-bilhar.jpg');
}
.ini-box3{
	background-color:#D9D9D9;
	background-image:url('../img/capa-moveis-1.jpg');
}
.ini-box4{
	background-color:#CBCBCB;
	background-image:url('../img/capa-moveis-2.jpg');
}