@charset "utf-8";
/* CSS Document */

@import url(common.css);

/*tabs jorge*/
.tab-container{
    position:relative; 

    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    
    /*-webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;*/
    }
.tab-container .tab-radio{ display:none;}
.tab-container .tab {
    display:block;
    width:auto;
    height:58px;
    float: right;
    position:relative;
    line-height:38px;
    top:0px;
    /*font-size:1.5em;*/
    padding:10px 10px !important;
    -webkit-border-radius:1ex 1ex 0ex 0ex;
    -moz-border-radius:1ex 1ex 0ex 0ex;
    -o-border-radius:1ex 1ex 0ex 0ex;
    -ms-border-radius:1ex 1ex 0ex 0ex;
    border-radius:1ex 1ex 0ex 0ex;
    margin: 0ex 0.8ex 0ex 0ex;
    /*padding:0.5ex;*/
    width:194px;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    background:#E7E7E5;
    color:#4D4E4C;
    font-weight:normal;
    box-shadow: 3px -1px 0px 1px #ccc;
    font-size:2.5em;
    }
.tab:hover{height:68px;top: -10px;}
.tab-container .tab-radio:checked ~ .tab,
.tab-container .tab-radio:active ~ .tab{
    background-color:#E6AF40;
    color:#FFF;
    }
.tab-container .tab-radio:checked ~ .tab-page{ background-color:#E6AF40;} 
.tab-container .tab-radio:checked ~ .tab{}
.tab-container .tab-page{
    visibility:hidden;
    z-index=50;
    background-color:#E7E7E5;
    color:#4D4E4C;
    display:block;
    position:absolute;
    top:57px;
    left:0px;
    height:26em;
    width:99%;
    float:left;
    padding:0.5em;
    margin:0ex;	
    
    -webkit-border-radius:0ex 1ex 1ex 1ex;
    -moz-border-radius:0ex 1ex 1ex 1ex;
    -ms-border-radius:0ex 1ex 1ex 1ex;
    -o-border-radius:0ex 1ex 1ex 1ex;
    border-radius:0ex 1ex 1ex 1ex;
    
    -moz-transition: visibility 0s ease-out 0.3s;
    -ms-transition: visibility 0s ease-out 0.3s;
    -o-transition: visibility 0s ease-out 0.3s;
    -webkit-transition: visibility 0s ease-out 0.3s;
    transition: visibility 0s ease-out 0.3s;
    }
.tab-container .tab-radio:checked ~ .tab-page{visibility: visible;}
.tab-container .tab-page > *
{
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -moz-transition: opacity 0.3s ease-out 0s;
    -ms-transition: opacity 0.3s ease-out 0s;
    -o-transition: opacity 0.3s ease-out 0s;
    -webkit-transition: opacity 0.3s ease-out 0s;
    transition: opacity 0.3s ease-out 0s;
}
.tab-container .tab-radio:checked ~ .tab-page > *
{
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -moz-transition: opacity 0.3s ease-in 0.15s;
    -ms-transition: opacity 0.3s ease-in 0.15s;
    -o-transition: opacity 0.3s ease-in 0.15s;
    -webkit-transition: opacity 0.3s ease-in 0.15s;
    transition: opacity 0.3s ease-in 0.15s;
}
/*fin tabs jorge*/


.stack{height: 341px;
width: 336px;
position: relative;
display: block;
overflow: hidden;
left: 0px;}
.stack img{width:93%;}

.border{ padding: 5px; }

.links1 { width 80%; text-align: center;}
.links1 div{ float: left;  font-size: 1.5em; margin-left: 30px;}

.ggd_flechaAvanzar {
    right: -60px;
}

.ggd_flechaVolver {
    left: -60px;
}
.pop{z-index: 560;}
.pop #close{z-index: 559;}

#pop1{position: absolute; height: 280px; width: 800px; left: 265px; top: 160px; }
#pop2{position: absolute; height: 340px; width: 1100px; left: 125px; top: 160px;}
#pop3{position: absolute; height: 300px; width: 1250px; left: 50px; top: 160px; font-size: 1em;}
#imgTab2{ position: absolute; top: 50px; right: 60px; z-index: 200; height: 340px; }
#txtTitulo1{ padding: 20px; font-size: 2.5em;}


#metaBoton1 {position: absolute; left: 30px; width: 95%; font-size: 1em; top: 30px; height: 350px; overflow: hidden; padding-top: 0px;}

#metaBoton1 .btMeta{ position: relative;  margin-bottom: 10px; width: 35%; height: 45px; font-size: 2.2em;
    -webkit-border-radius: 12px; 
    -moz-border-radius: 12px; 
    border-radius: 12px; 
    padding-left: 20px;
    box-shadow: 0px 3px rgba(0,0,0,0.4);
    z-index: 555;
}

#metaBoton1 .txtMeta{ position: absolute; width: 60%; overflow-wrap: break-word; font-size: 2.2em; text-align: left; border: 4px dashed; padding: 30px; border-radius: 20px; background: #fff; z-index: 554; }

#btEjercicio {position: relative; font-size: 2em; color: #fff; padding: 3px 40px; border-radius: 10px; box-shadow: 3px 3px #999; width: 240px; font-size: 1.3em; bottom: 0px; right: -420px;}
#popEjercicio{width: 1100px; height: 680px; top: -40px; left: 140px;}
#popEjercicio table { font-size: 0.9em}
#popEjercicio td{ padding-left: 5px;}
#popEjercicio th{ text-align: center; }


.checkAcierto{  height:40px; width: 40px; } 
.checkError{ height:40px; width: 40px; } 
.imgAcierto{ background-image: url('../img/img_correcto.png'); width:40px;  height: 40px;  background-repeat: no-repeat; background-size: 100% auto;} 
.imgError{ background-image: url('../img/img_incorrecto.png'); width:40px;  height: 40px;  background-repeat: no-repeat; background-size: 100% auto;} 
