html{
	min-height: 100%;
}

body {
	font-family: 'Open Sans', serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-font-smoothing: antialiased !important;
}

body.modal-open {
	overflow: auto;
	padding: 0 !important;
}

.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

#botoes button {
	background-color: red;
	color: white;
}

#botoes .feito {
	background-color: dodgerblue;
}
#botoes .feito:after {
	content: "\2714";
	position: relative;
	color: greenyellow;
	margin-left: 3px;
}

#botoes .emandamento {
	background-color: yellow;
	color: black;
}

#game_containner {
	/*position: relative;*/
	background: white;
	border: 0px solid #cecece;
	/*width: 100%;*/
	/*max-width:960px;*/
	/*min-height:100px;*/
	/*height: 600px;*/
	margin: 0px auto;
}
#game_containner .modal-dialog {
	width: 96%;
	margin: 2%	
}
h3.modal-title {
	color: #FF9100;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
}

.modal-body h1.instrucoes {
	font-size: 22px;
	margin: 20px 0 30px;
	color: #666;
}

.modal-body p { margin: 0 0 10px; }

#modal-perguntas .modal-body {
	min-height: auto;
	max-height: 440px;
    overflow-y: auto;
}
#modal-perguntas .modal-header.topoFundo {
    padding: 0 10px;
}
.modal-footer button { font-family: 'Arial', 'Verdana'; text-transform: uppercase;}


#game_containner .modal{
	position: absolute!important;
	overflow: initial!important;
	bottom: inherit!important;
}

#game_containner .gameBt{
	position: absolute;
	text-align: center;
	border: 0;
}
#game_containner .gameBt:hover{
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

#game_containner #bg_escuro{
	background: rgba(0,0,0,0.7);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	z-index: 12;
}

#game_containner #backgroundGame{
	width: 100%;
}

#game_containner .tutorialGame{
	display: none;
}

#game_containner .divRadio{
	padding-left: 20px;
	color: #525252;
	/*font-weight: bold;*/
}

#game_containner #pergunta{
	text-align: justify;
}

#game_containner #btEscolher{
	float: left;
}
#game_containner #btContinuar{
	float: right;
}
#game_containner #btBotaoDicas{
	float: right;
	color: #333;
}

#game_containner #campoDicas{
	text-align: justify;
	margin: 10px 0 0 0;
	float: left;
}

#game_switch_audio{
	position: absolute;
	top:10px;
	right: 10px;
}


#game_containner .msgFeedback{
	width: 50%;
	height: 50%;
    position: absolute;
    left: 10%;/*133px;    */
    top: 0; /*128px;    */
    z-index: 10;
    
}
#game_containner .msgFeedback .circulo {
	width: 250px;
	height: 250px;/**/
	/*box-shadow: 0px 0px 20px rgba(0, 0, 0, .4);*/
	/*border-radius: 50%;*/
	border: 6px solid white;
	margin: 0 auto;
	position: relative;
}
#game_containner .msgFeedback span {
	bottom: 185px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 2px rgba(0,0,0,0.2);
    width: 70%;
    left: 10%;
    margin-left: 0px;
}

#game_containner .msgFeedback span.especial {
	/*bottom: 20px;*/
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

#game_containner .msgFeedback .circulo.errou{

	/*background: radial-gradient(#ffaeae 10%, red 70%);
	background: -webkit-radial-gradient(#ffaeae 10%, red 70%);
	background: -o-radial-radial-gradient(#ffaeae 10%, red 70%);
	background: -moz-radial-gradient(#ffaeae 10%, red 70%);*/
	background-color: red;
}

#game_containner .msgFeedback .circulo.errou .icone {

	height: 40%;
    margin: 70px auto;
    transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    -webkit-transform: scale(1,-1);/**/
}

#game_containner .msgFeedback .circulo.acertou {
	/*background: radial-gradient(#40da40 10%, green 70%);
	background: -webkit-radial-gradient(#40da40 10%, green 70%);
	background: -o-radial-radial-gradient(#40da40 10%, green 70%);
	background: -moz-radial-gradient(#40da40 10%, green 70%);/**/
	background-color: green;
}


#game_containner span.resposta-certa:after {
	content: " ";
	color: green;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url('../imagens/acerto.png');
}

#game_containner .icone svg {
    margin: 0 auto;
    display: block;
    position: relative;
    height: 100px;
    animation-name: deuBom;
    animation-duration: .5s;
    animation-iteration-count: 4;
}

#game_containner .acertou .icone svg {
	top: 65px;
    
}
#game_containner .errou .icone svg {
	top: 0px;
}

#game_containner .acertou svg #linha {
    fill: #308330;
}

#game_containner .errou svg #linha {
    fill: #E73030;
}

@keyframes deuBom {
    0%   {margin-top: 0px;}
    50% {margin-top: -10px;}
    100% {margin-top: 0px;}
}




/*
@media screen and (max-height: 768px) { #game_containner { margin-top: 40px; } }
@media screen and (min-height: 768px) { #game_containner { margin-top: 150px; } }
*/