@import "common.css";

.act_content{
	/*text-align: center;*/
}
.content-earth{
	background-image:url("../img/tarea/SB_S_G10_U01_L04planetagira.png");
	background-position: center;
	background-repeat: no-repeat;
	background-color: #B4E2F3;
	margin: 15px;
	/*width: 98%;*/
	height: 87%;
	border-radius: 15px;
}

.numeric{
	font-size: 7em;
	font-weight: bold;
	color: #DF615C;
	background-image: url(../img/tarea/SB_S_G10_U01_L04botonverde.png);
	background-position: center center;
	display: inline-block;
	width: 166px;
	height: 167px;
	text-align: center;
	position: absolute;
}

.numeric:nth-child(1){
	top: 140px;
  	left: 155px;
}
.numeric:nth-child(2){
	top: 140px;
  	left: 950px;
}
.numeric:nth-child(3){
	top: 430px;
  	left: 155px;
}
.numeric:nth-child(4){
	top: 430px;
  	left: 950px;
}


p.basic-phara{
	font-size: 1.75em;
	padding: 20px;
	padding-left: 90px;
	position: relative;
	border-radius: 15px;
	/*margin-right: 60px;*/

}

p.basic-phara:before{
	position: absolute;
	font-size: 2.6em;
	top: 50%;
	margin-top: -15px;
	margin-left: -60px;
	font-weight: bold;	
}



	
p.basic-phara:before{
	color: white;
}
div[data-sg-id='item-popup'][data-sg-key='1'] p.basic-phara:before{
	content:"1";
}


div[data-sg-id='item-popup'][data-sg-key='1'] p.basic-phara{
	background-color: #A0CB58;
	color: #30858C;
	top: -31px;
	font-weight: bold;
	border-bottom-left-radius: 0px;
  	border-bottom-right-radius: 0px;
}


div[data-sg-id='item-popup']{
	background-color: white;
	color: #666;

}


div[data-sg-id='item-popup'] .grid div[class*=col]{
	text-align: center;
	font-size: 1.81em;
}

div[data-sg-id='item-popup'] .colu-out{
	  background-color: #A0CB58;
	  height: 100%;
	  position: absolute;
	  left: 0px;
	  top: 0px;
	  width: 104px;
	  border-top-left-radius: 15px;
	  border-bottom-left-radius: 15px;
}
div[data-sg-id='item-popup'] .colu-out p{
	position: relative;
	top: 50%;
	margin-top: -50px;
	color: white;
	font-size: 3.5em;
	font-weight: bold;
	text-align: center;

}