#splash {
	width:703px;
	height:346px;
	margin:0 auto;
}

#panelReel {
	position: absolute;
	top: 0;
	left: 0;
}

#panelReel > * {
	position:relative;
	display:block;
	width: 790px;
	height:560px;
	}

#activity {
	width: 790px;
	height:560px;
	
	/*Estas propiedades pueden modificarse si llegase a ser necesario*/	
	margin:auto;
	overflow:hidden;
	border: dashed 3px;	
}

#panelReel{

	position:relative;
	margin-top:-40px
}

.elementos
{
	width: 790px;
	height:560px;
	position:absolute;
	top:2px;
	left:0px;
}


#panel1 {
background:url(../img-html/activity.png);
	position:relative;
}


#panel2 {
background:url(../img-html/activity2.png);
	position:relative;
}





.elementos
{
	width: 790px;
	height:560px;
	position:absolute;
	top:2px;
	left:0px;
}

.btns
{
	position:absolute;
}


.btnVerdadero1
{
	background: url(../img/p2_btnVerdadero.png) 0 0 no-repeat;
	width: 87px;
	height: 50px;
	top: 67px;
	left: 342px;
}

.btnFalso1
{
	background: url(../img/p2_btnFalso.png) 0 0 no-repeat;
	width: 60px;
	height: 50px;
	top: 67px;
	left: 430px;
}

.btnVerdadero2
{
	background: url(../img/p2_btnVerdadero.png) 0 0 no-repeat;
	width: 87px;
	height: 50px;
	top: 162px;
	left: 342px;
}

.btnFalso2
{
	background: url(../img/p2_btnFalso.png) 0 0 no-repeat;
	width: 60px;
	height: 50px;
	top: 162px;
	left: 430px;
}

.btnVerdadero3
{
	background: url(../img/p2_btnVerdadero.png) 0 0 no-repeat;
	width: 87px;
	height: 50px;
	top: 257px;
	left: 342px;
}

.btnFalso3
{
	background: url(../img/p2_btnFalso.png) 0 0 no-repeat;
	width: 60px;
	height: 50px;
	top: 257px;
	left: 430px;
}

.btnVerdadero4
{
	background: url(../img/p2_btnVerdadero.png) 0 0 no-repeat;
	width: 87px;
	height: 50px;
	top: 352px;
	left: 342px;
}

.btnFalso4
{
	background: url(../img/p2_btnFalso.png) 0 0 no-repeat;
	width: 60px;
	height: 50px;
	top: 352px;
	left: 430px;
}

.btnVerdadero5
{
	background: url(../img/p2_btnVerdadero.png) 0 0 no-repeat;
	width: 87px;
	height: 50px;
	top: 457px;
	left: 342px;
}

.btnFalso5
{
	background: url(../img/p2_btnFalso.png) 0 0 no-repeat;
	width: 60px;
	height: 50px;
	top: 457px;
	left: 430px;
}

.alerta1c
{
	background: url(../img/p2_1correcto.png) 0 0 no-repeat;
	width: 286px;
	height: 272px;
	position: absolute;
	top: 57px;
	left: 495px;
	display : none;
}

.alerta1i
{
	background: url(../img/p2_1incorrecto.png) 0 0 no-repeat;
	width: 286px;
	height: 272px;
	position: absolute;
	top: 57px;
	left: 495px;
	display : none;
}


.alerta2c
{
	background: url(../img/p2_2correcto.png) 0 0 no-repeat;
	width: 286px;
	height: 272px;
	position: absolute;
	top: 142px;
	left: 495px;
	display : none;
}

.alerta2i
{
	background: url(../img/p2_2incorrecto.png) 0 0 no-repeat;
	width: 286px;
	height: 272px;
	position: absolute;
	top: 142px;
	left: 495px;
	display : none;
}


.alerta3c
{
	background: url(../img/p2_3correcto.png) 0 0 no-repeat;
	width: 286px;
	height: 272px;
	position: absolute;
	top: 237px;
	left: 495px;
	display : none;
}

.alerta3i
{
	background: url(../img/p2_3incorrecto.png) 0 0 no-repeat;
	width: 286px;
	height: 272px;
	position: absolute;
	top: 237px;
	left: 495px;
	display : none;
}


.alerta4c
{
	background: url(../img/p2_4correcto.png) 0 0 no-repeat;
	width: 286px;
	height: 272px;
	position: absolute;
	top: 142px;
	left: 495px;
	display : none;
}

.alerta4i
{
	background: url(../img/p2_4incorrecto.png) 0 0 no-repeat;
	width: 286px;
	height: 272px;
	position: absolute;
	top: 170px;
	left: 495px;
	display : none;
}


.alerta5c
{
	background: url(../img/p2_5correcto.png) 0 0 no-repeat;
	width: 286px;
	height: 272px;
	position: absolute;
	top: 247px;
	left: 495px;
	display : none;
}

.alerta5i
{
	background: url(../img/p2_5incorrecto.png) 0 0 no-repeat;
	width: 286px;
	height: 272px;
	position: absolute;
	top: 247px;
	left: 495px;
	display : none;
}



#images, #numbers, #texts {
	
	width:710px;
	height:438px;
	margin:0 auto;
	margin-top:40px;
	}
	
	
#texts {
    
    
   margin-top: -440px; 
}
	

#texts, #texts > * {
    
  
    position:absolute;
    top: 6;
    
}


 #texts > * {
     
    display:none;
     
 }


#texts :nth-child(1){
top: 2px;
left: 226px;
}


#texts :nth-child(2){
top: 57px;
left: 453px;
}


#texts :nth-child(3){
top: 100px;
left: 349px;
}


#texts :nth-child(4){
top: 253px;
left: 286px;
}


#texts :nth-child(5){
top: 195px;
left: 9px;
}


#texts :nth-child(6){
top: 218px;
left: 41px;
}


#texts :nth-child(7){
top: 344px;
left: 131px;
}



#texts :nth-child(8){
top: 405px;
left: 236px;
}


#texts :nth-child(9){
top: 328px;
left: 428px;
}


#texts :nth-child(10){
top: 61px;
left: 504px;
}


	

#numbers >*{
	cursor:pointer;
    color:maroon;
    font-size:24px;
    text-align:left;
    padding:8px 16px;
    margin:60px 50px;;
    width:20px;
    background:yellow;
    moz-border-radius: 50%;
webkit-border-radius: 50%;
border-radius: 50%;
text-shadow: #FFFFFF 0px 1px 0px;
text-shadow: #FFFFFF 0px 1px 0px;
-webkit-box-shadow: 6px 6px 9px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    6px 6px 9px rgba(50, 50, 50, 0.55);
box-shadow:         6px 6px 9px rgba(50, 50, 50, 0.55);
display:none;
  
}




	

#images > *{
 
    position:absolute;
    display:none;
    
}



#numbers :nth-child(2){
display:block;
}



#images :nth-child(1){
    left: 51px;
    top:40px;
    display:block;
}

#images :nth-child(2){
    left: 214px;
    top: 34px;
}
#images :nth-child(3){
    left: 371px;
    top: 28px;
}

#images :nth-child(4){
    left: 404px;
    top: 135px;
}

#images :nth-child(5){
    left: 226px;
    top: 179px;
}
#images :nth-child(6){
    left: 53px;
    top: 154px;
}
#images :nth-child(7){
    left: 64px;
    top: 238px;
}
#images :nth-child(8){
    left: 131px;
    top: 336px;
}
#images :nth-child(9){
    left: 185px;
    top: 298px;
}
#images :nth-child(10){
    left: 316px;
    top: 284px;
}

#images :nth-child(11){
    left: 520px;
    top:40px;
}