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

@import url(common.css);

#contenedor { padding: 10px; }
.contenedor_int{ height: 90%; }
.cont{display:table;margin: 1px 0 10px -0;}
.cont div{display: table-cell;vertical-align: middle;padding: 10px;}
.cont img{display: table-cell;vertical-align: middle;}
#imagenesCentro { position: absolute;  top: 80px; width: 90%; padding-left: 20px;}
#imagenesCentro img { padding-left: 70px; }


.stack {position: relative; display: table-cell;overflow: hidden; width: 32%;}
.stack p{margin: 0;font-size: 0.8em;word-break: break-all;padding: 10px;background: rgba(0,0,0,0.7);color: rgba(255,255,255,0.8);text-shadow: 1px 1px #000;text-align:left;position:absolute;bottom:-100px; transition:all 0.5s ease;width: 80%;left: 9px}
.stack img{ margin: 5px; padding-left: 20px;}
.stack:hover p{bottom:0px;}
.stack p:hover{bottom:0px;}


.transitionReady {
      -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
       -o-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;

    }

/*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:38px;
    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:48px;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:375px;
    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.1s;
    -ms-transition: visibility 0s ease-out 0.1s;
    -o-transition: visibility 0s ease-out 0.1s;
    -webkit-transition: visibility 0s ease-out 0.1s;
    transition: visibility 0s ease-out 0.1s;
    }
.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*/

#imgOlaCapilar { width: 290px; padding: 20px; z-index: 10;}
#btRespuesta1 { position: absolute; top: 180px; left: 800px; width: 150px; height: 40px; padding-right: 105px; padding-left: 70px; padding-bottom: 20px; font-size: 3em;}
#txtRespuesta1 { position: absolute; top: 270px; left: 800px; width: 310px; padding: 5px 10px; text-align: center; font-size: 3em; text-align:center;}
#txtOndaCapilar{ font-size:2.5em;}

#imgOlaGravedad { width: 290px; z-index: 12;}
#btRespuesta2 {position: absolute; top: 180px; left: 760px; width: 150px; height: 40px; padding-right: 141px; padding-left: 110px; padding-bottom: 20px; font-size: 3em;}

#txtRespuesta2 { position: absolute; top: 270px; left: 760px; width: 370px; padding: 4px 17px; text-align: center; font-size: 3em;}

#btRespuesta3 {position: absolute; top: 140px; left: 415px; width: 150px; height: 40px; padding-right: 141px; padding-left: 110px; padding-bottom: 20px; font-size: 3em;}
#txtRespuesta3 { position: absolute; top: 55px; left: 60px; width: 90%; padding: 15px 10px; text-align: left; font-size: 2.5em;}

.stack { height: 334px; top: -10px; width: auto; }
