@charset "utf-8";
/* CSS Document */
#bt_imagens {
	background :url(../images/btn_imagens.png), url(../images/btn_light.png), url(../images/btn_stripes.png), url(../images/btn_bg.png);
	background-repeat: no-repeat, no-repeat, repeat, repeat-x;
	background-position: 50%,0 0, 0, 0;
	background-size: contain, contain, auto, contain;
}

#bt_palavras {
	background :url(../images/btn_palavras.png), url(../images/btn_light.png), url(../images/btn_stripes.png), url(../images/btn_bg.png);
	background-repeat: no-repeat, no-repeat, repeat, repeat-x;
	background-position: 50%,0 0, 0, 0;
	background-size: contain, contain, auto, contain;
}

#bt_imaepal {
	background :url(../images/imaepal.png), url(../images/btn_light.png), url(../images/btn_stripes.png), url(../images/btn_bg.png);
	background-repeat: no-repeat, no-repeat, repeat, repeat-x;
	background-position: 50%,0 0, 0, 0;
	background-size: contain, contain, auto, contain;
}

#bt_digitar {
	background :url(../images/btn_digitar.png), url(../images/btn_light.png), url(../images/btn_stripes.png), url(../images/btn_bg.png);
	background-repeat: no-repeat, no-repeat, repeat, repeat-x;
	background-position: 50%,0 0, 0, 0;
	background-size: contain, contain, auto, contain;
}


.title {
	text-align:center;
	line-height: 30px;
	margin:15px 0;
	}
	.title p {
		vertical-align: top;
		display: inline-block;
	}
.titulo_audio{
	background-image: url(../images/GUI_Audio.png);
	background-repeat: no-repeat;
	background-position:50%;
	display:inline-block;
	width: 30px;
	height: 30px;
}
.menu {
	display: inline-block;
	vertical-align: top;
	width: 17%;
	margin-top: 25px;
}

	.menu li{
		cursor: pointer;
		border-radius: 10px;;
		line-height: 60px;
		text-align: center;
		margin-top: 20px;
		height: 65px;
		width:100%;
		box-shadow: 0px 2px 0 rgba(255, 255, 255, 0.69), 1px 1px 0 rgba(255,255,255,.03), -1px -1px 0 rgba(0,0,0,.02), inset 1px 1px 0 rgba(255,255,255,0.05);
		border: 1px solid rgba(185, 99, 1, 0.36);
		display: block;
}
		.menu li.disable {
			opacity: 0.5;
			cursor: default;
		}

/*M*/
.text1{
	/*font-family: Trebuchet MS;*/
	font-size:1em;
	text-transform:uppercase;
	color:#000000;
	border:none;
	background-color:transparent;
	margin-top: 35px;
 }
 
 
 /**/

.menu li:first-child {
	margin-top: 0;
}

.sliderarea {
	display: inline-block;
	width: 441px;
	text-align: center;
	margin-left: 10%;
	margin-top: 35px;
} 

.sliderarea #slidercontainer {
	display:inline-block;
}
	
#home11 .btnAudioDrag {
	float: right;
	margin-right: -15%;
	margin-top: -9%;
}

#btnAnimais_i .btnAudioDrag {
	float: right;
	margin-right: 0%;
}

#btnAlimentos_i .btnAudioDrag {
	float: right;
	margin-right: 0%;
}

#btnObjetos_i .btnAudioDrag {
	float: right;
	margin-right: 0%;
}

#btnAnimais_ip .btnAudioDrag {
	float: right;
	margin-right: 0%;
}

#btnAlimentos_ip .btnAudioDrag {
	float: right;
	margin-right: 0%;
}

#btnObjetos_ip .btnAudioDrag {
	float: right;
	margin-right: 0%;
}

/*------------- MQ -------------------*/


@media screen and (max-width: 860px) {
	.menu {
		margin-top: 25px;
		width: 100%;
	}

    /* Comentado para que o menu pegue legal em tablets menores, ex: ipad mini. Lpc.*/
	/*.menu li {
		display: inline-block;
		width:23%;
	}*/

  .sliderarea {
	  width: 441px;
	  margin-left: 0;
  }
	
  #home11 .btnAudioDrag {
  margin-right: -1%;
  margin-top: -9%;
	}
}
@media screen and (max-width: 560px) {
	
s

	.menu li {
		display: inline-block;
		width:100%;
		margin-top: 5px;
	}
	#bt_imagens, #bt_palavras, #bt_imaepal, #bt_digitar {
	background-size: contain, 100%, auto, contain;
	}
	#home11 .btnAudioDrag {
  		margin-right: -1%;
  		margin-top: -2%;
	}
	.sliderarea {
	width: 90%;
	margin-left: 0;
	}

	.sliderarea #slidercontainer {
		max-height: 300px;
	}
	.callbacks_home_nav {
		left: -30px;
		background: url(../images/left_arrow_small.png);
		background-repeat:no-repeat;
		}
	.callbacks_home_nav.next {
		background: url(../images/right_arrow_small.png);
		background-repeat:no-repeat;
		}
}