/* CSS Document */
@import url(common.css);

#gridBox1 { height: 540px; top: 20px;  }

.tab-container { position: relative; top: -10px !important; margin-top: 0px; }
#tab1, #tab2, #tab3 { height: 380px; }
.tab-container .panel-container{ background: #97be13  !important;}
.tab-container .etabs .tab.active { background: #97be13 !important; }

.selected { background-color: #76a9da; }
.azulTitle { color: rgb(121, 135, 185); }
.verdeTitle { color:  rgb(191, 203, 89); }
#btEjercicios { position: absolute; left: 20px; top: 110px; z-index: 20;}
#btVideo { position: absolute; bottom: 30px; right: 60px;  }

/******** Padding Helpers *******/
.padTop10  { padding-top: 10px;}
.padTop20  { padding-top: 20px;}
.padTop40  { padding-top: 40px;}
.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;}
.padLeft30  { padding-left: 30px;}
.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;}
.padSide120 { padding-left: 120px; padding-right: 120px;}

.padRight20 { padding-right: 20px !important; }
