*{
	padding:0;
	font-family: Arial;
	margin:0;
}
body{
	background-color: rgb(46,125,225);
}
.linea-azul{
	background-color:rgb(46,125,225);
	height: 14px;
	min-height: 14px;
	max-height: 14px;
}
.linea-blanca{
	background-color: #fff;
	height: 100px;
	min-height: 100px;
	max-height: 100px;
}
.idim-copy{
    color: #5d5d5d;
    background-color: transparent;
    position: fixed;
    bottom: 27px;
    left: 50px;
    font-weight: bold;
    font-size: 18pt;
}

.blue-idim{
	background-color:#2e7de1;
}
.logo-idim{

	position: relative;
	top: 29px;
	left:41px;
}
#display-game{
	background-repeat: no-repeat;
	background-size: cover;
}
.body-osteoporosis{
	/*
	position: absolute;
	left:300px;
	top:200px;
	*/
}
a.partes-corporales:hover,
a.partes-corporales:focus{
	color:white;
}
a:hover{
	text-decoration: none !important;
}


.blue-message-container{
	background-color:rgba(46,125,225,0.6);
	position: absolute;
	font-size: 24pt;
    /* text-align: center; */
    padding: 20px;
	color:white;
	margin-left:4px;
}

.blue-message-container h1, 
.blue-message-container p{
	font-size: 24pt;
	/* font-weight: bold; */
	color:white;	
}


.btn-level-3{
	background-color:rgba(46,125,225,0.6);
	-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      -ms-border-radius: 5px;
          border-radius: 5px;


	font-size: 24pt;
    text-align: center;
    padding: 20px;
	font-weight: bold;
	color:white;	

}

.btn-option,#message-level-2{
	-webkit-border-radius: 10px;
     -moz-border-radius: 10px;
      -ms-border-radius: 10px;
          border-radius: 10px;
}
.btn-option:hover,.btn-level-3:hover{
	/*background-color:rgba(46,125,225,0.8);*/
	cursor:pointer;
}
.siguiente-word{
	display: table-cell;
}
.btn-siguiente::before,
.btn-siguiente::after{
	clear:both;
}
span + span{
	margin-left: 30px;
}
.flotante::before,
.flotante::after
{
	clear:both;
}
.flotante{
	position:absolute;
}
.tipo-lista{

}
.tipo-lista ul,.tipo-lista-level-4 ul{
	list-style-type: none;
    font-size: 20pt;
    color: #2e7de1;
}

.tipo-lista ul>li,.tipo-lista-level-4 ul>li{
	line-height: 60px;
}
.tipo-lista-level-4 >ul{
	width: 90%;
	padding: 0 5%;
	border-bottom:2px solid white;
}
.tipo-lista-level-4>ul>li{
	color:white;
}
.btn-siguiente{
	display: none; 
    float: right;
    font-size: 20pt;
    line-height: 100px;
    margin-right: 50px;
    cursor:pointer;
}

.finger-button{
	width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #425363;
    
    -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
      -ms-border-radius: 50%;
          border-radius: 50%;
    text-align: center;
    color: white;
    font-weight: bold;
    margin-left: 18px;

}
.body-tag{
	background-color:rgba(46,125,225,0.6);
	
	-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      -ms-border-radius: 5px;
          border-radius: 5px;
	/* padding:8px; */
	text-align: center;
	position: absolute;
	font-size:12pt;
	font-weight: bold;
	color:white;
	width: 82px;
	height: 44px;
	line-height: 44px;
}
.blue-fade-fixed{
	background-color: rgba(46,125,225,0.5);
}
.resumen {
	font-size:22pt;
	color:white;
	text-align: center;
	padding: 20px;
}
.resumen span.points{
	background-color: rgba(46,125,225,0.8);	
	padding:20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.body-tag:hover{
	cursor:pointer;
	/*background-color: rgba(46,125,225,0.8);*/
}

.correct{
	background-color:rgba(0,118,85,0.6);
	font-weight: normal;
	text-align: center;
}
.incorrect{
	background-color:rgba(227,5,19,0.6);
	font-weight: normal;
	text-align: center;
}
.incorrect > h1,.correct > h1{
	font-weight: bold;
	text-align: center;
}
.incorrect > p,.correct > p{
	text-align: center;
}
.body-tag-correct{
	background-color:rgba(0,118,85,0.6);
	
		-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      -ms-border-radius: 5px;
          border-radius: 5px;
	/* padding:8px; */
	text-align: center;
	position: absolute;
	font-size:12pt;
	font-weight: bold;
	color:white;
	width: 82px;
	height: 44px;
	line-height: 44px;
	
}
.body-tag-incorrect{
	background-color:rgba(227,5,19,0.6);
		-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      -ms-border-radius: 5px;
          border-radius: 5px;
	/* padding:8px; */
	text-align: center;
	position: absolute;
	font-size:12pt;
	font-weight: bold;
	color:white;
	width: 82px;
	height: 44px;
	line-height: 44px;
}
.btn-level-5{
	background-color: rgb(255,255,255);
	color:#2e7de1;
}
.btn-level-5:hover{
	/*background-color: rgba(255,255,255,0.8);*/
}


.btn-option{
	text-align: center !important;
}


.bold{
	font-weight: bold;
}


@media (max-width: 768px) {
	.idim-copy {
		color: #5d5d5d;
	    background-color: transparent;
	    position: fixed;
	    bottom: 12px;
	    left: 20px;
	    /* font-weight: bold; */
	    font-size: 14pt;
	}
	
	.siguiente-word{
		display:none;
	}
	.tipo-lista, 
	.tipo-lista ul,
	.tipo-lista ul li
	{
		font-size: 15pt;
	}
	
	.tipo-lista-level-4{
		left:0;
		padding:2%;
	}
	.tipo-lista-level-4 > ul {
    	width: 100%;
	    font-size: 15pt;
	    padding-bottom: 20px;
	    border-bottom: 1px solid white;
	}
	.tipo-lista-level-4 > ul li{
		line-height: 25px !important;
	}
	.resumen{
		padding:0;
		font-size: 15pt;
	}
	.resumen span.points {
	    background-color: rgba(46,125,225,0.8);
	    padding: 10px;
	    height: 40px;
	    width: 40px;
	    line-height: 57px;
	    text-align: center;
	}
	.blue-message-container {
		margin-left:0px;
		font-size: 14pt;
		text-align: left;
	}
	.btn-option{
		text-align: center !important;
	}
	.incorrect > h1,.correct > h1{
		font-size:15pt;
		text-align: center;
	}
	.incorrect > p,.correct > p{
		font-size:15pt;
	}

	
	.tipo-lista ul{
		padding-left:20px;
	}
	span + span {
    	margin-left: 10px;
	}

	.tipo-lista ul{
		width: 70%;
	}
	 li.tipo-lista + li, 
	 li.primero
	{
		margin-top: 20px;
		line-height: 25px !important;
		text-shadow: 1px 1px #ffffff;
	}
	 li.li-tipo-lista-level-4 + li, 
	 li.primero-4
	{
		margin-top: 20px;
		line-height: 25px !important;
	}
}