@import url(./commons.css);
.prevNext{
	position:absolute;
	top:73px;
	left: 21px;
}
.p_prev, .p_next{
	display: inline-block;
	width: 234px;
	height: 70px;
	cursor: pointer;
	background-repeat: no-repeat;
}
.p_prev{
	background-image: url(../img/INTRO/S_G10_U05_L05_botonaprenderestado1.png);
}
.p_prev.off, .p_prev:active{
	background-image: url(../img/INTRO/S_G10_U05_L05_botonaprenderestado2.png);
}
.p_next{
	background-image: url(../img/INTRO/S_G10_U05_L05_botonjugarestado1.png);
}
.p_next.off, .p_next:active{
	background-image: url(../img/INTRO/S_G10_U05_L05_botonjugarestado2.png);
}

/*TAB1*/
.board-quest{
	width: 486px;
	height: 290px;
	background-image: url(../img/INTRO/S_G10_U05_L05_cajapreguntas.png);
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 203px;
	padding: 23px;
}
.board-quest div[data-sg-id="game-item-quest"]{
	color: white;
	font-size: 1.3em;
}
.options_group{
	margin-top: 32px;
	padding: 30px;
}
.options{
	display: block;
	margin-bottom: 23px;
  	border: 0px;
  	background-color: white;
  	color: #005D58;
  	font-size: 1.5em;
  	width: 250px;
  	text-align: left;
  	border-radius: 5px;
}
.options:hover,.correct-option, .select-option{
	background-color: #CCCCCC;
}
.error-option{
	background-color: #7F7F7F;
}
.standby{
    -moz-animation: blink 1s ease infinite normal;
    -webkit-animation: blink 1s ease infinite normal;
    animation: blink 1s ease infinite normal;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes blink{
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

@-moz-keyframes blink{
    0% { opacity: 1;}
    50% { opacity: 0.5;}
    100% { opacity: 1;}
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}
#chronometer{
	width: 160px;
	height: 186px;
	position: absolute;
	top: 130px;
	right: 281px;
	background-image: url(../img/INTRO/S_G10_U05_L05_cronometro.png);
	background-repeat: no-repeat;
	display: none;
}
#chronometer canvas{
	position: absolute;
	top: 49px;
	left: 28px;
}
div[data-sg-id="item-popup"] p{
	position: absolute;
  	top: 225px;
  	left: 101px;
  	font-size: 1.4em;
  	color: #005D58;
}
.icon_close_button{
	position: absolute;
	right: -28px;
	top: 60px;
}
div[data-sg-key="won"] .icon_close_button{
	top:183px;
	right: -16px;
}
.page2{
	background-image: url(../img/INTRO/S_G10_U05_L05_fondojuegointro.png);
	background-repeat: no-repeat;
	background-position: 50% 89%;
	height: 664px;
}
.content_a{
	/*background-image: url(../img/INTRO/S_G10_U05_L05_mapacolombiaconchucho.png);
	background-repeat: no-repeat;
	background-position: 30% 85%;
	height: 614px;*/
}
.department{
	position: absolute;
	background-image: url(../img/INTRO/S_G10_U05_lineasdepartamentos-29.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 407px;
	height: 444px;
	top: 137px;
	right: 16px;
}
.department ul{
	float: left;
	width: 202px;
	height: 444px;
	margin-top: 1px;
	padding: 0px;
}
.department ul li{
	height: 46px;
	padding-top: 14px;
	padding-left: 10px;
	font-size: 1.4em;
	color: #005D58;
	margin-top: 9px;
	margin-left: 15px;
	width: 160px;
	margin-bottom: 17px;
	cursor: pointer;
}
.department ul li:hover, .department ul li.active{
	background-color: #CCCCCC;
}
.comunidades{
	height: 573px;
	width: 587px;
	position: absolute;
	background-image: url(../img/INTRO/S_G10_U05_L05_mapacolombiaconchucho.png);
	background-repeat: no-repeat;
	left: 196px;
	top: 80px;
}
.point{
	background-image: url(../img/INTRO/S_G10_U05_L05_indicadormapa.png);
	background-repeat: no-repeat;
	width: 12px; 
	height: 12px;
	margin-top: 17px;
	margin-right: 10px;
	float: left;
	/*cursor: pointer;*/
}
.comunidad{
	position: absolute;
	width: 200px;
	display: none;
}
#c1{
	top: 59px;
	left: 348px;
}
#c2{
	top: 154px;
	left: 218px;
}
#c3{
	top: 312px;
	left: 222px;
}
#c4{
	top: 400px;
	left: 358px;
}
#c5{
	top: 360px;
	left: 241px;
}
#c6{
	top: 28px;
	left: 356px;
}
#c7{
	top: 448px;
	left: 490px;
}
#c8{
	top: 34px;
	left: 304px;
}
#c9{
	top: 242px;
	left: 332px;
}
#c10{
	top: 305px;
	left: 241px;
}
#c11{
	top: 333px;
	left: 188px;
}
#c12{
	top: 297px;
	left: 424px;
}
#c13{
	top: 279px;
	left: 293px;
}
#c14{
	top: 510px;
	left: 477px;
}
#c15{
	top: -6px;
	left: 414px;
}
#c16{
	top: 81px;
	left: 352px;
}
#c17{
	top: 357px;
	left: 439px;
}
.label{
	/*display: none;*/
	background-repeat: no-repeat;
	width: 171px;
	height: 41px;
	float: left;
}
#label1{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja1.png);
}
#label2{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja2.png);
}
#label3{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja3.png);
	margin-top: 35px;
}
#label4{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja4.png);
}
#label5{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja5.png);
}
#label6{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja6.png);
	margin-top: 8px;
}
#label7{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja7.png);
}
#label8{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja8.png);
}
#label9{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja9.png);
}
#label10{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja10.png);
}
#label11{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja11.png);
}
#label12{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja12.png);
}
#label13{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja13.png);
}
#label14{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja14.png);
}
#label15{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja15.png);
}
#label16{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja16.png);
	margin-top: 21px;
}
#label17{
	background-image: url(../img/INTRO/S_G10_U05_L05_caja17.png);
}
/*END TAB1*/

/*TAB2*/
#tabs2 .content{
	border:solid 1px;
}
#mapa{
	background-image: url(../img/INTRO/S_G10_U05_L05_mapacolombia.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 419px;
	height: 573px;
	position: absolute;
	top: 88px;
	left: 148px;
	z-index: 2;
}
.construccion{
	width: 659px;
	height: 424px;
	background-repeat: no-repeat;
	display: none;
	position: absolute;
	left: 493px;
	top: 175px;
	z-index: 1;
}
#cons1{
	background-image: url(../img/INTRO/S_G10_U05_L05_rancheriawayu.png);
}
#cons2{
	background-image: url(../img/INTRO/S_G10_U05_L05_bohiokogui.png);
}
#cons3{
	background-image: url(../img/INTRO/S_G10_U05_L05_tamboembera.png);
}
#cons4{
	background-image: url(../img/INTRO/S_G10_U05_L05_malocayagua.png);
}
#cons5{
	background-image: url(../img/INTRO/S_G10_U05_L05_churuatapiaroa.png);
}
#cons6{
	background-image: url(../img/INTRO/S_G10_U05_L05_viviendamuisca.png);
}
.construccion.active{
	display: block;
}
.region{
	width: 110px;
	height: 110px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	cursor: pointer;
}
#region1{
	top: -6px;
	left: 195px;
	width: 90px;
	height: 90px;
}
#region2{
	top: 36px;
	left: 102px;
	width: 90px;
	height: 90px;
}
#region3{
	top: 119px;
	left: 19px;
}
#region4{
	top: 457px;
	left: 241px;
}
#region5{
	top: 203px;
	left: 314px;
}
#region6{
	top: 167px;
	left: 134px;
}
.region.active{
	background-color: rgba(255,0,0,0.5);
}
/*END TAB2*/