html {
    position: relative;
    min-height: 100%;
  }
  
  
  body{
      /*font-family: 'Josefin Sans', sans-serif;*/
      margin-bottom: 98px;
  }
  
  a {
      color: #50b296;
      text-decoration: none;
  }
  
  a:focus, a:hover {
      color: #046549;
      text-decoration: underline;
  }
  
  .footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 98px;
      color:#acc1f9;
      padding:10px;
      /*background: url(../images/footer.png);*/
      font-weight:300;
  }
  
  
  .pagina_titulo{
      font-size:22px;
  }
  
  @media (min-width: 1200px)
  {
      .pagina_titulo{
          font-size:26px;
      }
  }
  
  .pagina_subtitulo{
      background-color: #acc1f9;
      padding:5px;
      padding-left:15px;
      margin-top:-19px;
      margin-bottom:15px;
  }
  
  @media (max-width: 768px)
  {
      .pagina_subtitulo{
          margin-top:0px;
      }
  }
  
  
  .navbar-inverse{
      background-color: #069169;
      border-color: #e7e7e7;
      border-radius: 0px;
      border : 0px;
      
  }
  
  .navbar-inverse .navbar-toggle {
      border-color: #046549;
  }
  .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
      background-color: #046549;
  }
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
      border-color: #046549;
  }
  
  .navbar-inverse .navbar-nav>li>a {
      color: #fff;
      border-right:1px #046549 solid;
  }
  
  .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
      background-color: #0056b3;
  }
  
  .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
      /*color: #9d9d9d;*/
      color: #444242;
      background-color: #fff;
  }
  
  .btn.btn-login{
      border-radius: 0px;
      background-color: #3f3f41;
      color : #fff;
  }
  
  
  .pagina_slider{
      margin-top:-20px;
  }
  
  .pagina_slider_titulo{
      font-size:23px;
      margin-bottom: 0;
      font-weight: 300;
  }
  
  .pagina_slider_texto{
      font-size:20px;	
      font-weight: 300;
  }
  
  .carousel-caption {
      text-align: left;
      right: 0;
      left: 40%;
      bottom: 40px;
      padding-bottom: 0px;
      padding-top: 0px;
      background-color: rgba(0,0,0,0.5);
      padding-left:20px;
  }
  
  .carousel img {
      min-width: 100%;
  }
  
  @media (max-width: 768px)
  {
      .carousel-caption{
          right: 0%;
          left: 0%;
          bottom: 0px;
      }

      .padding-carouser{
          padding-left: 0;
          padding-right: 0;
      }
  }
  
  .pagina_tarjeta {
      padding-top: 15px;
      padding-left:9px;
      padding-right:9px;
      background-color: #fff;
      border-right:1px #e2e4e7 solid;
      border-left:0;
      border-image: linear-gradient(to top, #ccc, rgba(0, 0, 0, 0)) 1 100%;
      min-height: 180px;
    cursor: pointer;
    transition: 600ms;
    border-radius: 10px;
    /*font-family:  sans-serif;*/
  }
  .pagina_tarjeta.active, .pagina_tarjeta:hover {
      padding-left:9px;
      padding-right:9px;
      background-color: #e2e4e7;
      
  }
  

  /*.texto-terri{
    font-family:  sans-serif;
  }*/

  .pagina_tarjeta h4{
      font-size:16px;
      font-weight:600;
      color:#8e8d91;
  }
  
  .pagina_tarjeta.disabled {
    /* color : #ccc; */
    opacity: 0.3;
    cursor: auto;
  }

  label{
      font-size:16px;
  }
  
  .nopadding {
     padding: 0 !important;
     margin: 0 !important;
  }
  
  .nopadding-first { 
      margin-right: 0 !important;
      padding-right: 0 !important;
  }
  
  .nopadding-last { 
      margin-left: 0 !important;
      padding-left: 0 !important;
  }
  
/*icon buttons*/

.btn-xlsx {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 20px;
    border: 1px solid #7698f6;
    border-radius: 1px;
    background: #7698f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#7698f6), to(#7698f6));
    background: -moz-linear-gradient(top, #7698f6, #7698f6);
    background: linear-gradient(to bottom, #7698f6, #7698f6);
    -webkit-box-shadow: #ffffff 0px 0px 0px 0px;
    -moz-box-shadow: #ffffff 0px 0px 0px 0px;
    box-shadow: #ffffff 0px 0px 0px 0px;
    text-shadow: #ffffff 0px 0px 0px;
    font: normal normal bold 14px;
	font-size: 14px;
	font-weight: 800;	
    color: #ffffff;
    text-decoration: none;
}
.btn-xlsx:hover,
.btn-xlsx:focus {
    border: 1px solid #88afff;
    background: #8eb6ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#8eb6ff), to(#8eb6ff));
    background: -moz-linear-gradient(top, #8eb6ff, #8eb6ff);
    background: linear-gradient(to bottom, #8eb6ff, #8eb6ff);
    color: #ffffff;
    text-decoration: none;
}
.btn-xlsx:active {
    background: #0056b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#0056b3), to(#0056b3));
    background: -moz-linear-gradient(top, #0056b3, #0056b3);
    background: linear-gradient(to bottom, #0056b3, #0056b3);
}
.btn-xlsx:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
	background: url("../../../assets/img/xlsx-icon-white.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

.btn-pdf {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 20px;
    border: 1px solid #7698f6;
    border-radius: 1px;
    background: #7698f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#7698f6), to(#7698f6));
    background: -moz-linear-gradient(top, #7698f6, #7698f6);
    background: linear-gradient(to bottom, #7698f6, #7698f6);
    -webkit-box-shadow: #ffffff 0px 0px 0px 0px;
    -moz-box-shadow: #ffffff 0px 0px 0px 0px;
    box-shadow: #ffffff 0px 0px 0px 0px;
    text-shadow: #ffffff 0px 0px 0px;
    font: normal normal bold 14px;
	font-size: 14px;
	font-weight: 800;	
    color: #ffffff;
    text-decoration: none;
}
.btn-pdf:hover,
.btn-pdf:focus {
    border: 1px solid #88afff;
    background: #8eb6ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#8eb6ff), to(#8eb6ff));
    background: -moz-linear-gradient(top, #8eb6ff, #8eb6ff);
    background: linear-gradient(to bottom, #8eb6ff, #8eb6ff);
    color: #ffffff;
    text-decoration: none;
}
.btn-pdf:active {
    background: #0056b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#0056b3), to(#0056b3));
    background: -moz-linear-gradient(top, #0056b3, #0056b3);
    background: linear-gradient(to bottom, #0056b3, #0056b3);
}
.btn-pdf:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
	background: url("../../../assets/img/pdf-icon-white.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

.btn-txt {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 20px;
    border: 1px solid #7698f6;
    border-radius: 1px;
    background: #7698f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#7698f6), to(#7698f6));
    background: -moz-linear-gradient(top, #7698f6, #7698f6);
    background: linear-gradient(to bottom, #7698f6, #7698f6);
    -webkit-box-shadow: #ffffff 0px 0px 0px 0px;
    -moz-box-shadow: #ffffff 0px 0px 0px 0px;
    box-shadow: #ffffff 0px 0px 0px 0px;
    text-shadow: #ffffff 0px 0px 0px;
    font: normal normal bold 14px;
	font-size: 14px;
	font-weight: 800;	
    color: #ffffff;
    text-decoration: none;
}
.btn-txt:hover,
.btn-txt:focus {
    border: 1px solid #88afff;
    background: #8eb6ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#8eb6ff), to(#8eb6ff));
    background: -moz-linear-gradient(top, #8eb6ff, #8eb6ff);
    background: linear-gradient(to bottom, #8eb6ff, #8eb6ff);
    color: #ffffff;
    text-decoration: none;
}
.btn-txt:active {
    background: #0056b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#0056b3), to(#0056b3));
    background: -moz-linear-gradient(top, #0056b3, #0056b3);
    background: linear-gradient(to bottom, #0056b3, #0056b3);
}
.btn-txt:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
	background: url("../../../assets/img/txt-icon-white.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

/*****/
 
 .btn-sec {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 20px;
    border: 1px solid #7698f6;
    border-radius: 1px;
    background: #7698f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#7698f6), to(#7698f6));
    background: -moz-linear-gradient(top, #7698f6, #7698f6);
    background: linear-gradient(to bottom, #7698f6, #7698f6);
    -webkit-box-shadow: #ffffff 0px 0px 0px 0px;
    -moz-box-shadow: #ffffff 0px 0px 0px 0px;
    box-shadow: #ffffff 0px 0px 0px 0px;
    text-shadow: #ffffff 0px 0px 0px;
    /* font: normal normal bold 14px; */
	font-size: 14px;
	font-weight: 600;		
    color: #ffffff;
    text-decoration: none;
}
.btn-sec:hover,
.btn-sec:focus {
    border: 1px solid #88afff;
    background: #8eb6ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#8eb6ff), to(#8eb6ff));
    background: -moz-linear-gradient(top, #8eb6ff, #8eb6ff);
    background: linear-gradient(to bottom, #8eb6ff, #8eb6ff);
    color: #ffffff;
    text-decoration: none;
}
.btn-sec:active {
    background: #0056b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#0056b3), to(#0056b3));
    background: -moz-linear-gradient(top, #0056b3, #0056b3);
    background: linear-gradient(to bottom, #0056b3, #0056b3);
}

  .btn-primary {
      color: #fff;
      background-color: #434244;
      border-color: #a4a3a5;
    /*display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 30px 30px;
    border: 1px solid #b3b3b3;
    border-radius: 1px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b3b3b3));
    background: -moz-linear-gradient(top, #ffffff, #b3b3b3);
    background: linear-gradient(to bottom, #ffffff, #b3b3b3);
    text-shadow: #ffffff 1px 1px 1px;
    color: #111111;
    text-decoration: none;*/
  }
  
  .btn-primary:hover {
      color: #fff;
      background-color: #0056b3;
      border-color: #a4a3a5;
  }
  
  .head-title {
	  padding-right: 15px; 
	  padding-left: 15px; 
	  /*background-color: #7698F6; */
	  background-color: #0056b3;
	  color: white; 
	  border-radius: 0px;
	  height: 50px;
	  margin-right: 0px;
  }
  
  .nav-left-bar{
      background-color:#edeef0;
      color:#444242;
      margin-top:-19px;
  }
  
  
  
  .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
      color: #444242;
      background-color: #d8d9dd;
  }
  
  .nav-pills>li>a {
      border-radius: 0px;
      color: #444242;
      border-bottom: 1px #ccc solid;
  }
  
  .nav>li>a:focus, .nav>li>a:hover {
      text-decoration: none;
      background-color: #d8d9dd;
  
  }

  .stk {
    position: -webkit-sticky;
    position: sticky;
    /* top: -1px; */
    top: 59px;
    z-index: 1000;
  }

  .stk-tab {
    position: -webkit-sticky;
    position: sticky;
    /* top: -1px; */
    top: 87px;
    z-index: 998;
  }
  
    .stk-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 999;
  }
  
  .stk-nav {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 1000;
  }

  .logo_mini {
      position: absolute;
      float: right;
      top : 10px;
      right : 10px;
      z-index: 5000;
  }