@charset "utf-8";
/* CSS Document */
@import url(common.css);

.contenedor_int{ position: absolute; height: 540px; width: 1255px; left: 0px; top: 30px; padding: 10px; border-radius: 3ex; overflow: hidden;}
.contenedor_int2{position: absolute; height: 495px; width: 1255px; left: 0px; top: 77px; padding: 10px; border-radius: 3ex; overflow: hidden;}

.border{ padding: 10px;}

#tab1, #tab2, #tab3{ height:370px; padding:10px;}
.tag-container { margin-top: -20px}
.tab-container .panel-container{ background: #76a9da !important; }
.tab-container .etabs .tab.active { background: #76a9da !important; }

.vspacer {
    margin-top: 20px; /* define margin as you see fit */
}

.vspacer1 {
    margin-top: 10px; /* define margin as you see fit */
}


#botonera{position: absolute; left: 40px; bottom: 20px; width: 480px; height: 100px; z-index: 100;}

#botonera button{  margin-left: 15px; position:relative;   width: 50px; height: 50px; padding: 4px; float: left; z-index: 101;}

#btEjercicios{ position: absolute; right: 40px; bottom:40px;}

.ggd_Flecha_Avanzar { right: -50px !important;}
.ggd_Flecha_volver { left: -50px !important;}

   ::-webkit-input-placeholder { /* WebKit browsers */ color:    #777; }
   :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #777; opacity:  1; }
   ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #777; opacity:  1; }
   :-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #777; }

textarea{ 
    overflow: auto;
    width: 99%;
    height: 90%;
    position: relative;
    left: 0px;
    top: 10px;
    background-color: #fff;
    border: none;
    outline: none;
    font-size: 2.2em;
    resize: none;
    color: #777;
   }
.selected{background-color:#999; transition:background-color ease 1s;}