@charset "utf-8";
/* CSS Document */gridBox1{  height: 540px; min-width: 200px; width: 410px; top: 20px;}
#gridBox2{  height: 540px; min-width: 200px; width: 410px; top: 20px;}
#gridBox3{  height: 540px; min-width: 200px; width: 410px; top: 20px;}


#gridBox1 img {   height: 440px; width: auto; display: block; margin: auto;}
#gridBox2 img {   height: 440px; width: auto; display: block; margin: auto;}
#gridBox3 img {   height: 440px; width: auto; display: block; margin: auto;}


#gridBox1 .col-1-1 {   padding-right: 0px;}
#gridBox2 .col-1-1 {   padding-right: 0px;}
#gridBox3 .col-1-1 {   padding-right: 0px;}

#btPop1 { margin-left: 55px;}
#btPop2 { margin-left: 115px;}
#btPop3 { margin-left: 115px; }
#btPop5 { position: absolute; top: 260px; left: 265px;}
#btPop6 { position: absolute; top: 260px; right: 335px; }

#gridBox4, #gridBox5, #gridBox6, #gridBox7, #gridBox8, #gridBox9 {  height: 430px; min-width: 200px; width: 410px; top: 20px;}

.colSelect { padding-left: 0px; padding-right: 0px;}

.padTxt2 { padding: 90px 0px; }
.padTxt3 { padding: 70px 0px; }
.padTxt4 { padding: 70px 0px; }
.padTxt5 { padding: 120px 0px; }
.padTxt6 { padding: 0px 0px; font-size: 34px;}

.resultado{ width: 40px; height: 40px;   display:block; margin: auto; }
.bgAcierto{ background-image: url('../img/img_correcto.png'); width:40px;  height: 40px;  background-repeat: no-repeat; background-size: 100% auto;} 
.bgError{ background-image: url('../img/img_incorrecto.png'); width:40px;  height: 40px;  background-repeat: no-repeat; background-size: 100% auto;} 

#gridBox10, #gridBox11 { height: 540px; top: 20px;  }

#imgIL08 {  position: absolute; height: 70px; width: auto; right: 415px; visibility: hidden;}
#btSemilla1 {  width: 200px; position: absolute; right: 650px; bottom: 50px;}
#psemilla1 { position: absolute; right: 460px; bottom: 10px;  visibility: hidden;}

#btPop7 { position: absolute; right: 40px; top: 65px;}

#imgIL09, #imgIL10 {   height: 410px; width: auto; margin: auto; display: block;}
input{}