@charset "UTF-8";
.mensaje {
  background-image: url("../img/mensaje.png");
  width: 22px;
  height: 15px;

}
.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;
}
.texto-encima{
    position: absolute;
    top: -2px;
    left: 26px;
    font-weight: bold;
    font-size: 14px;
    color: #705118;

}
.sidebar-nav > ul > li.active > a > i > img {
    filter: invert(1);
      -webkit-filter: invert(1);
}

.sidebar-nav > ul > li > ul > li > a:hover {
  filter: contrast(0) sepia(100%);
    -webkit-filter: contrast(0) sepia(100%);
}
.dt-button > span > img:hover {
  filter: contrast(0) sepia(100%);
    -webkit-filter: contrast(0) sepia(100%);
}
.container-fluid{
  background: rgba(226,226,226,1);
  background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(209,209,209,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(51%, rgba(254,254,254,1)), color-stop(100%, rgba(209,209,209,1)));
  background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(209,209,209,1) 100%);
  background: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(209,209,209,1) 100%);
  background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(209,209,209,1) 100%);
  background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(209,209,209,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#d1d1d1', GradientType=1 );
}
.card{
  background: rgba(254,254,254,1);
background: -moz-linear-gradient(45deg, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 51%, rgba(221,221,221,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(254,254,254,1)), color-stop(51%, rgba(254,254,254,1)), color-stop(100%, rgba(221,221,221,1)));
background: -webkit-linear-gradient(45deg, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 51%, rgba(221,221,221,1) 100%);
background: -o-linear-gradient(45deg, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 51%, rgba(221,221,221,1) 100%);
background: -ms-linear-gradient(45deg, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 51%, rgba(221,221,221,1) 100%);
background: linear-gradient(45deg, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 51%, rgba(221,221,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dddddd', GradientType=1 );
}
.row.page-titles{
  background: rgba(235,235,235,1);
background: -moz-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 62%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,235,235,1)), color-stop(40%, rgba(255,255,255,1)), color-stop(62%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
background: -webkit-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 62%, rgba(235,235,235,1) 100%);
background: -o-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 62%, rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 62%, rgba(235,235,235,1) 100%);
background: linear-gradient(to right, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 62%, rgba(235,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ebebeb', GradientType=1 )
}
.sidebar-nav.active{
  background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(31%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(235,235,235,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(235,235,235,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(235,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=1 );
font-family: "Roboto", serif;
}
.bloque{
  background: #080d36;

}
.circulo{
  background: #efefef;
}
.column {
    width: 220px;
    float: left;
    padding-bottom: 100px;
  }
  .portlet {
    margin: 0 1em 1em 0;
    padding: 0.3em;
  }
  .portlet-header {
    padding: 0.2em 0.3em;
    margin-bottom: 0.5em;
    position: relative;
  }
  .portlet-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
  }
  .portlet-content {
    padding: 0.4em;
  }
  .portlet-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
  }
  .orientacion-v {
    vertical-align: middle;
  }
  .texto-flujo-tiem {
    padding: 0px 10px 0px 10px;
  }
  .imagen-flujo-tiem {
    padding: 10px 0px 10px 0px;
  }
.columnli2 {
  list-style-type: none; margin: 0; padding: 0;
  }
.columnli2 li {
  padding: 10px 10px 10px 10px;
  }
  .divider{
      position:absolute;
      left:50%;
      border-left:1px solid white;
  }
  .divider-h{
    position:absolute;
    left:8%;
    border-bottom-style: groove;
    border-bottom-color: white;
    border-bottom-width: 2px;
  }