body{
   background-image: url('../img/banda.png');
   background-repeat: repeat-x;
   margin-bottom: 10px;
}
.container{
   margin-left: auto;
   margin-right: auto;
   
}
.login-usuario{
   text-align: right;
}
.encabezado{
   margin-top: 10pt;
}
.cuerpo{
   margin-top: 20pt;
}
.pie{
   margin-top: 20pt;
   text-align: center;
}
.pie-pagina{
   padding: 5pt;
   background-color: darkgrey;
}
#cap-captcha{
   position: relative;
   height: 90px;
}
#cap-captcha #cap-imagen{
   position: absolute;
   bottom: 0px;
   left: 0px;
}
#cap-captcha #cap-boton{
   position: absolute;
   top: 10px;
   left: 260px;
}
#cap-captcha #cap-audio{
   position: absolute;
   top: 10px;
   left: 225px;
}
#cap-captcha #cap-text{
   position: absolute;
   bottom: 0px;
   left: 220px;
   
}
#cap-captcha #cap-text input{
   width: 120px;
}
.help-block{
   color: #777;
   width: 70%;
}
/* Sidenav for Docs
-------------------------------------------------- */

.bs-docs-sidenav {
  margin: 0 0 0;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
  width: auto;
  display: block;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav > li > a > .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav > li > a:hover .icon-chevron-right {
  opacity: .5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  background-image: url(../bootstrap/img/glyphicons-halflings-white.png);
  opacity: 1;
}
.bs-docs-sidenav.affix {
  top: 20px;
}
#nav_ins.affix {
  top: 0px;
  background-color: #F5F5F5;
  z-index: 100;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}
/* Chevrons */
/*
.bs-docs-sidenav .icon-home {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav a:hover .icon-home {
  opacity: .5;
}
.bs-docs-sidenav .active .icon-home,
.bs-docs-sidenav .active a:hover .icon-home {
  background-image: url(../bootstrap/img/glyphicons-halflings-white.png);
  opacity: 1;
}
*/

abbr{
   border-bottom: 1px dotted #777;
   cursor: help;
}

.accordion-toggle .icon-thumbs-down, 
.accordion-toggle .icon-edit, 
.accordion-toggle .icon-eye-open, 
.accordion-toggle .icon-print, 
.accordion-toggle .icon-download-alt,
.accordion-toggle .icon-lock{
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}

.accordion-inner{
   background-color: #FFF;
}

table.graph #td_cell{
   position: relative;
   height: 20px;
}

table.graph td #td_active{ 
   text-align: left;
   background-color: #DFF0D8;
   position: absolute;
   top: -8px;
   left: -8px;
   right: -8px;
   padding: 8px;
   color: #0088CC;
}

table{
   background-color: #FFF;
}

table.graph td #td_active:hover{ 
   cursor: pointer;
}

#radio_control{
   width: 250px;
   position: relative;
}

#radio_control #radio_label, #radio_control #radio_label_agotado{
   float: left;
   margin-top: 1px;
   width: 200px;
}

#radio_control #radio_label{
   color: #0088CC;
}

#radio_label_agotado{
   color: #9d261d;
}

#radio_control #radio_label:hover{
   cursor: pointer;
}

#radio_control #radio_input{
   float: left;
   width: 20px;
}
#radio_control #radio_progres{
   position: absolute;
   top: -5px;
   width: 30px;
   right: 0px;
}
#scroll_tr #radio_progres{
   position: absolute;
   top: 0px;
   right: 0px;
   z-index: 1;
}
#scroll_tr #radio_progres .progress{
   height: 10px;
   width: 30px;
}
#radio_control #radio_progres .progress{
   height: 8px;
}
.scroll_content{
   position: relative;
}
.scroll_table{
   overflow-x: auto; 
}
#tabla_alumnos{
   margin-bottom: 0px;
}
.scroll_right{
   top: 0px;
   position: absolute;
   background-color: #FFF;
   border: 1px solid #DDD;
   width: 30px;
   opacity: .7;
   -moz-opacity: .70;
   filter:alpha(opacity=70);
   right: 0px;
   height: 100%;
   z-index: 100;
}   
.scroll_left{
   top: 0px;
   position: absolute;
   background-color: #FFF;
   border: 1px solid #DDD;
   width: 30px;
   overflow: hidden;
   opacity: .7;
   -moz-opacity: .70;
   filter:alpha(opacity=70);
   height: 100%;
   z-index: 100;
}
.scroll_right:hover, .scroll_left:hover{
   opacity: 10;
   -moz-opacity: 1;
   filter:alpha(opacity=1);
   cursor: pointer;
}

#scroll_btn_left, #scroll_btn_right{
   position: absolute;
   background-color: #F5F5F5;
   width: 30px;
   border-top: 1px solid #DDD;
   border-bottom: 1px solid #DDD;
   height: 35px;
}

#scroll_btn_left i, #scroll_btn_right i{
   position: absolute;
   top: 35%;
   left: 10px;
}
.popover.left {
  margin-left: -10px;
}
.alert-white{
   background-color: #FFF;
   padding: 4px 10px;
   margin-bottom: 7px;
   overflow: hidden;
   cursor: no-drop;
}
.alert-white div{
   width: 1200px;
}
#fila_hover{
   background-color: #DDD;
   opacity: .3;
   -moz-opacity: .30;
   filter:alpha(opacity=30);
   position: absolute;
   left: 0px;
   display: none;
}
#tabla_alumnos th[class|="type"]{
  cursor:pointer;
  background-repeat: no-repeat;
  background-position: right 0px top 15px;
  padding-right: 20px;
}
#tabla_alumnos th[class|="type"]:hover{
   background-image: url('../images/bg.gif');
}
#noticia{
   position: relative;
   text-align: justify;
   margin-bottom: 20px;
   padding-left: 20px;
}
#noticia #noticia-fecha{
   position: relative;
   padding-top: 20px;
}
#noticia #noticia-fecha h4{
   position: absolute;
   top: 0px;
   left: 0px;
}
#noticia #noticia-fecha #fecha{
   position: absolute;
   top: 0px;
   right: 0px;
}
#noticia li{
   padding-bottom: 5px;
}

div[class^="regu-varias"]{
   display: none;
}