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

.tab-container { margin-top: 10px !important; }
#tab1, #tab2 { height: 380px; }
.tab-container .panel-container{ background:  #93b535 !important;}
.tab-container .etabs .tab.active { background: #93b535 !important; }

#palabraVerbo {   position: relative; left: 100px; }

#container2-tab1, #container2-tab2, #container2-tab3, #container2-tab3, #container2-tab4 { height: 430px; }

#act1Seq1Part1 { position: absolute; height: 89px; width: 289px; left: 440px; top:10px; }
#act1Seq1Part2 { position: absolute; height: 67px; width: 915px; left: 119px; top:100px; }
#act1Seq1Part3 { position: absolute; height: 89px; width: 160px; left: 42px; top:165px; }
#act1Seq1Part4 { position: absolute; height: 89px; width: 160px; left: 310px; top:165px; }
#act1seq1part5 { position: absolute; height: 89px; width: 260px; left: 531px; top:165px; }
#act1seq1part6 { position: absolute; height: 89px; width: 260px; left: 890px; top:165px; }
#act1Seq1Part7 { position: absolute; height: 144px; width: 160px; left: 38px; top:255px; }
#act1Seq1Part8 { position: absolute; height: 146px; width: 236px; left: 275px; top:255px; }
#act1Seq1Part9 { position: absolute; height: 189px; width: 241px; left: 564px; top:255px; }
#act1Seq1Part10 { position: absolute; height: 303px; width: 236px; left: 900px; top:255px; }
.position img { width: 100%; height: auto; display: block; }

.scroll1 {  width: 100%; height: 380px; overflow-y: scroll; display: block; }
.scroll2 {  width: 100%; height: 430px; overflow-y: scroll; display: block; }
.scroll3 {  width: 100%; height: 420px; overflow-y: scroll; display: block; }

#btPop1 { position: absolute; top: 40px; right: 50px; width: 200px; } 

.btPadding1 button { padding: 5px 10px !important; }
.selected { background-color: #c04c42; }

#btEjemplos1 { position: relative; bottom: -15px; left: 300px;}
#btEjemplos2 { position: relative; bottom: -40px; left: 300px;}
#btEjemplos3 { cursor: pointer; position: absolute; left: 1000px; bottom: 10px; }
#btEjemplos4 { cursor: pointer; position: absolute; left: 1000px; bottom: 10px; }

#btEjercicio { position: absolute; top: 64px; right: 50px; }


.boxRespuestas { width: 40px; height: 40px; cursor: pointer;  background-color: #dedede; }
.bgAcierto{ background-image: url('../../../common/img/img_correcto.png'); width:40px;  height: 40px;  background-repeat: no-repeat; background-size: 100% auto;} 
.bgError{ background-image: url('../../../common/img/img_incorrecto.png'); width:40px;  height: 40px;  background-repeat: no-repeat; background-size: 100% auto;} 

/******** Padding Helpers *******/
.padTop10  { padding-top: 10px;}
.padTop20  { padding-top: 20px;}
.padTop40  { padding-top: 40px !important;}
.padTop60  { padding-top: 60px;}
.padTop80  { padding-top: 80px;}
.padTop100 { padding-top: 100px;}

.padLeft10  { padding-left: 10px;}
.padLeft20  { padding-left: 20px;}
.padLeft40  { padding-left: 40px !important;}
.padLeft60  { padding-left: 60px;}
.padLeft80  { padding-left: 80px;}
.padLeft100 { padding-left: 100px;}

.padSide10  { padding-left: 10px;  padding-right: 10px;}
.padSide20  { padding-left: 20px;  padding-right: 20px;}
.padSide40  { padding-left: 40px;  padding-right: 40px !important;}
.padSide60  { padding-left: 60px;  padding-right: 60px;}
.padSide80  { padding-left: 80px;  padding-right: 80px;}
.padSide100 { padding-left: 100px; padding-right: 100px;}
