@charset "utf-8";
/* CSS Document */
/*clear float*/

.ajuste {
    width: 100%;
    height: 1px;
    clear: both;
}
/*fondoSol*/

.fondoIntro {
    background-image: url(../img/S_G06_U02_L05/observaAnimacion.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
}

.cntPregunta {
     background-image: url(../img/S_G06_U04_L03_01/imgAct1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1127px;
    height: 613px;
    position: absolute;
    top: 6%;
    left: 5%;
}

.ggc_textArea1 {
      font-family: "cabinmedium" !important;
  width: 1078px;
  height: 122px;
  background-color: transparent;
  font-size: 35px;
  display: table;
  margin: 8% auto 0 auto;
  padding: 5px;
  resize: none;
    border: none;
    color: #706F6F;
    
}

.ggc_textArea2:focus {
    outline: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0;
}
.ggc_textArea2 {
    font-family: "cabinmedium" !important;
  width: 1078px;
  height: 150px;
  background-color: transparent;
  font-size: 35px;
  display: table;
  margin: 12% auto 0 auto;
  padding: 5px;
  resize: none;
  border: none;
  color: #706F6F;
    
}
.ggc_textArea3:focus {
    outline: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0;
}
.ggc_textArea3 {
    font-family: "cabinmedium" !important;
  width: 1078px;
  height: 375px;
  background-color: transparent;
  font-size: 35px;
  display: table;
  margin: 12% auto 0 auto;
  padding: 5px;
  resize: none;
  border: none;
  color: #706F6F;
    
}

.ggc_textArea1:focus {
    outline: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0;
}
.next{
    background-image: url(../img/S_G06_U02_L05/next-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 56.27px;
  height: 56.27px;
  position: absolute;
  top: 90%;
  left: 50.2%;
}
.prev{
    background-image: url(../img/S_G06_U02_L05/prev-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 56.27px;
  height: 56.27px;
  position: absolute;
  top: 90%;
  left: 50.2%;
}
.home1{
    background-image: url(../img/S_G06_U02_L05/home-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 56.27px;
  height: 56.27px;
  position: absolute;
  top: 5%;
  left: 94.2%;
}

.area1{
      background-image: url(../img/S_G06_U02_L05/imgAct1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1181.56px;
    height: 570.95px;
    position: absolute;
    top: 4.5%;
  left: 3%;
}

.area2{
      background-image: url(../img/S_G06_U02_L05/imgAct2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width:1184px;
    height: 577.18px;
    position: absolute;
      top: 4.5%;
  left: 2.85%;
}
.area3{
      background-image: url(../img/S_G06_U02_L05/imgAct3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width:1190px;
    height: 580px;
    position: absolute;
     top: 3.5%;
  left: 2.85%;
}



.lab1{
  background-image: url(../img/S_G06_U02_L05/imgClick1-01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;  
  width: 234.63px;
  height: 76px;
  position: absolute;
  top: 83.5%;
  left: 42%;
}
.lab2{
  background-image: url(../img/S_G06_U04_L03/imgClick2-01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;  
  width: 350.63px;
  height: 75.76px;
  position: absolute;
  top: 83.5%;
  left: 58%;
}
.clic1{
width: 206.63px;
  height: 73.76px;
  position: absolute;
  top: 36.5%;
  left: 31%;
}
.clic2{
width: 216.63px;
  height: 73.76px;
  position: absolute;
  top: 36.5%;
  left: 47.5%;
}
.clic3{
width: 193.63px;
  height: 73.76px;
  position: absolute;
  top: 36.5%;
  left: 65%;
}
.clic4{
  width: 201.63px;
  height: 73.76px;
  position: absolute;
  top: 36.5%;
  left: 80.5%;
}

.clic5{
width: 206.63px;
  height: 88.76px;
  position: absolute;
  top: 59%;
  left: 31%;
}
.clic6{
width: 216.63px;
  height: 88.76px;
  position: absolute;
  top: 59%;
  left: 47.5%;
}
.clic7{
width: 193.63px;
  height: 88.76px;
  position: absolute;
  top: 59%;
  left: 65%;
}
.clic8{
  width: 201.63px;
  height: 88.76px;
  position: absolute;
  top: 59%;
  left: 80.5%;
}
.clic9{
  width: 200.63px;
  height: 73.76px;
  position: absolute;
  top: 37.5%;
  left: 30%;
}
.clic10{
  width: 218.63px;
  height: 73.76px;
  position: absolute;
  top: 37.5%;
  left: 47%;
}
.clic11{
  width: 195.63px;
  height: 73.76px;
  position: absolute;
  top: 37.5%;
  left: 65.3%;
}
.clic12{
    width: 205.63px;
  height: 73.76px;
  position: absolute;
  top: 37.5%;
  left: 81.5%;
}

.clic13{
width: 200.63px;
  height: 88.76px;
  position: absolute;
  top: 64%;
  left: 30%;
}
.clic14{
width: 218.63px;
  height: 88.76px;
  position: absolute;
  top: 64%;
  left: 47%;
}
.clic15{
width: 195.63px;
  height: 88.76px;
  position: absolute;
  top: 64%;
  left: 65.3%;
}
.clic16{
  width: 205.63px;
  height: 88.76px;
  position: absolute;
  top: 64%;
  left: 81.5%;
}


.clic17{
  width: 200.63px;
  height: 73.76px;
  position: absolute;
  top: 38.5%;
  left: 30%;
}
.clic18{
  width: 218.63px;
  height: 73.76px;
  position: absolute;
  top: 38.5%;
  left: 47%;
}
.clic19{
  width: 195.63px;
  height: 73.76px;
  position: absolute;
  top: 38.5%;
  left: 65.3%;
}
.clic20{
    width: 205.63px;
  height: 73.76px;
  position: absolute;
  top: 38.5%;
  left: 81.5%;
}

.clic21{
width: 200.63px;
  height: 88.76px;
  position: absolute;
  top: 65%;
  left: 30%;
}
.clic22{
width: 218.63px;
  height: 88.76px;
  position: absolute;
  top: 65%;
  left: 47%;
}
.clic23{
width: 195.63px;
  height: 88.76px;
  position: absolute;
  top: 65%;
  left: 65.3%;
}
.clic24{
  width: 205.63px;
  height: 88.76px;
  position: absolute;
  top: 65%;
  left: 81.5%;
}
.equis1{
    background-image: url(../img/S_G06_U02_L05/cerrar-01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;  
  width: 27.09px;
  height: 27.91px;
  position: absolute;
    top: 40.5%;
  left: 72%;
}
.equis2{
    background-image: url(../img/S_G06_U02_L05/cerrar-01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;  
  width: 27.09px;
  height: 27.91px;
  position: absolute;
    top: 63.5%;
  left: 72%;
}

.equis3{
    background-image: url(../img/S_G06_U02_L05/cerrar-01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;  
  width: 27.09px;
  height: 27.91px;
  position: absolute;
    top: 40.5%;
  left: 72%;
}
.equis4{
    background-image: url(../img/S_G06_U02_L05/cerrar-01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;  
  width: 27.09px;
  height: 27.91px;
  position: absolute;
      top: 69.5%;
  left: 90%;
}
.equis5{
    background-image: url(../img/S_G06_U02_L05/cerrar-01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;  
  width: 27.09px;
  height: 27.91px;
  position: absolute;
   top: 42.5%;
  left: 89%;
}

.equis6{
    background-image: url(../img/S_G06_U02_L05/cerrar-01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;  
  width: 27.09px;
  height: 27.91px;
  position: absolute;
    top: 70.5%;
  left: 72%;
}
.equis7{
    background-image: url(../img/S_G06_U02_L05/cerrar-01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;  
  width: 27.09px;
  height: 27.91px;
  position: absolute;
   top: 70.5%;
  left: 89%;
}

/*tabs MENCO*/


/*tab*/


#cntBtnTabs {
    display: inline-block;
    position: absolute;
     top: 2.6%;
  left: 75.7%;
    z-index: 2;
}

.tab {
    width: 96px;
    height: 60px;
    
    
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    text-align: center;
    line-height: 56px;
    font-family: 'cabinregular';
    font-size: 45px;
    color: #fff;
     background-color: #706F6F;
    font-weight: normal;
}

.tab:hover {
   
    
     font-weight: normal;
}



.tabActiva.tab {
   
   
    background-color: #AACD4C;
     font-weight: normal;
    
}



#tabContainer1 {
    background-image: url(../img/S_G06_U03_L02/imgAct1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1232px;
    height: 607px;
    position: absolute;
      top: 10%;
      left: 0.5%;
    z-index: 0;
}

#tabContainer2 {
    background-image: url(../img/S_G06_U03_L02/imgAct2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1224px;
    height: 590px;
    position: absolute;
    top: 10%;
      left: 0.5%;
    z-index: 0;
}
#tabContainer3 {
    background-image: url(../img/S_G06_U03_L02/imgAct3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1224px;
    height: 591px;
    position: absolute;
    top: 10%;
      left: 0.5%;
    z-index: 0;
}

.clicTab1{
        background-image: url(../img/click/clickPregunta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 25px;
  height: 27px;
  position: absolute;
  top: 27%;
  left: 72.5%;
    z-index: 2;
}
.clicTab2{
        background-image: url(../img/click/clickPregunta.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 25px;
  height: 27px;
  position: absolute;
  top: 27%;
  left: 85.5%;
    z-index: 2;
}




/*fintabs*/

.nextTab{
    background-image: url(../img/nav/flechaSiguiente5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 60px;
  height: 60px;
  position: absolute;
}
.prevTab{
    background-image: url(../img/nav/flechaAtras5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     width: 60px;
  height: 60px;
  position: absolute;
}


