#sidebar a, #sidebar li>ul>li>a { 
    color: #999;
    border-left: 2px solid transparent;
    padding: 2px 12px !important;
    font-size: 13px;
}
#sidebar >.active>a, #sidebar a:hover, #sidebar a:focus, #sidebar li>ul>li.active>a{ 
    color: #008bcb;
    text-decoration: none;
    background-color: transparent;
    border-left-color: #008bcb;
}
#sidebar ul.nav{
	display: none;
	margin-left:10px;
}
#sidebar li.active>ul.nav{
	display: block;
}
#aside-afix{
	background-color:#f9f9f9; 
}
.panel-transparente {
    background: transparent !important;
}
.panel-rojo {
border-style: solid; 
border-width:1px; 
border-color:#f0493f;
}
.panel-rojo > .panel-heading {
background-color: #f0493f; 
background-image: linear-gradient(to bottom, #f0493f 0%, #f0493f 100%);
color: #fff; 
}
.panel-rojo > .panel-body {
background-color: RGB(223,223,223); 
}
.panel-verde {
    border-style: solid; 
    border-width:1px; 
    border-color:#648c1c;
}
.panel-verde > .panel-heading {
    background-color: #648c1c; 
    background-image: linear-gradient(to bottom, #648c1c 0%, #648c1c 100%);
    color: #fff; 
}
.panel-verde > .panel-body {
    background-color: RGB(223,223,223); 
}
.panel-naranjo {
border-style: solid; 
border-width:1px; 
border-color:#ff5a00;
}
.panel-naranjo > .panel-heading {
background-color: #ff5a00; 
background-image: linear-gradient(to bottom, #ff5a00 0%, #ff5a00 100%);
color: #fff; 
}
.panel-naranjo > .panel-body {
background-color: RGB(223,223,223); 
}
.panel-celeste {
border-style: solid; 
border-width:1px; 
border-color:#009ddb;
}
.panel-celeste > .panel-heading {
background-color: #009ddb; 
background-image: linear-gradient(to bottom, #009ddb 0%, #009ddb 100%);
color: #fff; 
}
.panel-celeste > .panel-body {
background-color: RGB(223,223,223); 
}
.panel-cafe {
border-style: solid; 
border-width:1px; 
border-color:#6c491d;
}
.panel-cafe > .panel-heading {
background-color: #009ddb; 
background-image: linear-gradient(to bottom, #6c491d 0%, #6c491d 100%);
color: #fff; 
}
.panel-cafe > .panel-body {
background-color: RGB(223,223,223); 
}
.panel-azul {
border-style: solid; 
border-width:1px; 
border-color:#004ebc;
}
.panel-azul > .panel-heading {
background-color: #009ddb; 
background-image: linear-gradient(to bottom, #004ebc 0%, #004ebc 100%);
color: #fff; 
}
.panel-azul > .panel-body {
background-color: RGB(223,223,223); 
}
.panel-rosado {
border-style: solid; 
border-width:1px; 
border-color:#ba0d81;
}
.panel-rosado > .panel-heading {
background-color: #ba0d81; 
color: #fff; 
}
.panel-rosado > .panel-body {
background-color: RGB(223,223,223); 
}
.panel-amarillo-aula {
border-style: solid; 
border-width:1px; 
border-color:#feb808;
}
.panel-amarillo-aula > .panel-heading {
background-color: #feb808; 
color: #fff; 
}
.panel-amarillo-aula > .panel-body {
background-color: RGB(223,223,223); 
}
#progressbar-kimgen {
  margin: 30px 0 30px 0;
  padding: 0;
  overflow: hidden;
}
#progressbar-kimgen li{
    list-style-type: none;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 500;
    text-align: center
}
#progressbar-kimgen li:before{
    content: "\e007";
    width: 50px;
    height: 50px;
    font-family: Glyphicons Halflings;
    font-size: 25px;
    line-height: 50px;
    border-radius: 50%;
    background-color: white;
    display: block;
    margin: 0 auto 5px auto;
}
#progressbar-kimgen.generico li:before{
    border: 2px solid #008bcb;
}
#progressbar-kimgen.volcanismo li:before{
    border: 2px solid #f0493f;
}
#progressbar-kimgen.terremoto li:before{
    border: 2px solid #648c1c;
}
#progressbar-kimgen.tsunami li:before{
    border: 2px solid #009ddb;
}
#progressbar-kimgen.remocion li:before{
    border: 2px solid #ff5a00;
}
#progressbar-kimgen.inundacion li:before{
    border: 2px solid #004ebc;
}
#progressbar-kimgen.aluvion li:before{
    border: 2px solid #6c491d;
}
#progressbar-kimgen.riesgos li:before{
    border: 2px solid #ba0d81;
}
#progressbar-kimgen.seguridad li:before{
    border: 2px solid #feb808;
}
#progressbar-kimgen li.active:before {
    content: "\e006";
    color: #a94442;
}
#progressbar-kimgen li:after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 25px;
    z-index: -1;
    left: -50%;
}
#progressbar-kimgen.generico li:after {
    background-color: #008bcb;
}
#progressbar-kimgen.volcanismo li:after {
    background-color: #f0493f;
}
#progressbar-kimgen.terremoto li:after {
    background-color: #648c1c;
}
#progressbar-kimgen.tsunami li:after {
    background-color: #009ddb;
}
#progressbar-kimgen.remocion li:after {
    background-color: #ff5a00;
}
#progressbar-kimgen.inundacion li:after {
    background-color: #004ebc;
}
#progressbar-kimgen.aluvion li:after {
    background-color: #6c491d;
}
#progressbar-kimgen.riesgos li:after{
    border: 2px solid #ba0d81;
}
#progressbar-kimgen.seguridad li:after{
    border: 2px solid #feb808;
}
#progressbar-kimgen li:first-child:after {
    content: none;
}
#video-controls{
    position:absolute;
    top:0;
    left:0;
}
table.remocion {
	border: 1px solid #ff5a00;
}
table.remocion > thead{
	background-color:#ff5a00;
	color:#FFF;
}
table.remocion > tbody > tr:nth-of-type(2n+1){
	background-color: #fff;
}
table.remocion > tbody > tr:nth-of-type(2n){
	background-color: #f2f2f2;;
}
table.tsunami {
	border: 1px solid #009ddb;
}
table.tsunami > thead{
	background-color:#009ddb;
	color:#FFF;
}
table.tsunami > tbody > tr:nth-of-type(2n+1){
	background-color: #fff;
}
table.tsunami > tbody > tr:nth-of-type(2n){
	background-color: #f2f2f2;;
}
table.aluviones {
	border: 1px solid #6c491d;
}
table.aluviones > thead{
	background-color:#6c491d;
	color:#FFF;
}
table.aluviones > tbody > tr:nth-of-type(2n+1){
	background-color: #fff;
}
table.aluviones > tbody > tr:nth-of-type(2n){
	background-color: #f2f2f2;
}
table.volcanismo {
	border: 1px solid #f0493f;
}
table.volcanismo > thead{
	background-color:#f0493f;
	color:#FFF;
}
table.volcanismo > tbody > tr:nth-of-type(2n+1){
	background-color: #fff;
}
table.volcanismo > tbody > tr:nth-of-type(2n){
	background-color: #f2f2f2;
}
table.terremoto {
	border: 1px solid #648c1c;
}
table.terremoto > thead{
	background-color:#648c1c;
	color:#FFF;
}
table.terremoto > tbody > tr:nth-of-type(2n+1){
	background-color: #fff;
}
table.terremoto > tbody > tr:nth-of-type(2n){
	background-color: #f2f2f2;
}
table.riesgos {
	border: 1px solid #ba0d81;
}
table.riesgos > thead{
	background-color:#ba0d81;
	color:#FFF;
}
table.riesgos > tbody > tr:nth-of-type(2n+1){
	background-color: #fff;
}
table.riesgos > tbody > tr:nth-of-type(2n){
	background-color: #f2f2f2;
}
table.seguridad {
	border: 1px solid #feb808;
}
table.seguridad > thead{
	background-color:#feb808;
	color:#FFF;
}
table.seguridad > tbody > tr:nth-of-type(2n+1){
	background-color: #fff;
}
table.seguridad > tbody > tr:nth-of-type(2n){
	background-color: #f2f2f2;
}
.btn-cafe {
	color: #fff;
	background-color: #ae5c00;
	border-color: #ae5c00;
}
.btn-cafe:focus, .btn-cafe:hover {
  color: #fff;
  background-color: #834500;
  border-color: #834500;
}
.btn-rosado {
	color: #fff;
	background-color: #ba0d81;
	border-color: #ba0d81;
}
.btn-rosado:focus, .btn-rosado:hover {
  color: #fff;
  background-color: #c0599d;
  border-color: #ba0d81;
}
.btn-amarillo-aula {
	color: #fff;
	background-color: #F7C33F;
	border-color: #F7C33F;
}
.btn-amarillo-aula:focus, .btn-amarillo-aula:hover {
  color: #fff;
  background-color: #feb808;
  border-color: #feb808;
}
.btn-pto-encuentro {
	color: #fff !important;
	background-color: #008bcb !important;
}
.btn-pto-encuentro:hover, .btn-pto-encuentro:focus {
  color: #fff !important;
  background-color: #00afff !important;
  border-color: #008bcb !important;
}
.btn-atlas {
	color: #fff !important;
	background-color: #fea407 !important;
}
.btn-atlas:hover, .btn-atlas:focus {
  color: #fff !important;
  background-color: #ffc359 !important;
  border-color: #fea407 !important;
}
.btn-centro-recursos {
	color: #fff !important;
	background-color: #68037e !important;
}
.btn-centro-recursos:hover, .btn-centro-recursos:focus {
  color: #fff !important;
  background-color: #68037e !important;
  border-color: #68037e !important;
}
.matriculado{
  background-color: #b7f2b7; 
  padding: 10px;
}

.header-volcanismo{
  background-color: #f0493f; 
  color: #fff; 
}
.header-riesgos{
  background-color: #ba0d81; 
  color: #fff; 
}
.header-tsunami{
  background-color: #009ddb; 
  color: #fff;
}
.header-terremoto{
  background-color: #648c1c; 
  color: #fff;
}
.header-remocion{
  background-color: #ff5a00; 
  color: #fff;
}
.header-aluvion{
  background-color: #6c491d; 
  color: #fff;
} 
.header-inundaciones{
  background-color: #004ebc; 
  color: #fff;
}
.header-seguridad{
  background-color: #feb808; 
  color: #fff;
}