body{
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 300;
  font-style: normal;
}
.modal-backdrop{
  display: none;
}
.show-on-hover:hover > ul.dropdown-menu {
    display: block;
}

.container {
  padding-right: 0px;
  padding-left: 0px;
}

.novisible{
  display: none;
}

.borde-b{
  border-bottom: solid 1.5px #b99c7d;
}
.borde-t{
  border-top: solid 1.5px #b99c7d;
}
.borde-l{
  border-left: solid 1.5px #b99c7d;
}
.borde-r{
  border-right: solid 1.5px #b99c7d;
}

.fondo-clall{
  background-color: #f6f5f4;
}

.fondo-cl{
  background: #a49382;
}
.pad-x{
      padding: 10px;
}
.pad-b {
  padding-bottom: 3px;
}
.pad-o{
      padding-left: 0px;
      padding-right: 0px;
}
.pad-l{
  padding-left: 5px;
}
.pad-r{
  padding-right: 5px;
}

.pad-t {
  padding-top: 3px;
}

.pad-tI{
  padding-top: 20px;
}
.mar-t{
  margin-top: 5px;
}

.mar-b{
  margin-top: 5px;
}

.txt-r{
  text-align: right;
}
.allancho{
  height: 100%;
}
.txt-oscuro{
  color: #5f452a;
  /*font-weight: bold;*/
}
.txt-color{
  color: #5f452a;
}

.txt-color{
  color: #5f452a;

}

.icon-lg{
  font-size: 30px;
}

.icon-xlg{
  font-size: 70px;
}

.txttransparenta{
  color: rgba(255, 255, 255, 0.64);
}

.ali-centro{
  text-align: center;
}

.clickeable{
  cursor: pointer;
}

.clickeable:hover{
    background: #a59481;
    transition: .5s;
}
span.clickeable:hover{
    background: transparent;
    color: #fff;
    transition: .5s;
}

@media (min-width: 1200px){
  ul.topnav li a {
    font-size: 1.5em;
  }
}

@media (max-width: 992px){
  ul.topnav li a {
    font-size: .8em;
  }
}
/********************Controles Mision y vision*****************************/
.divcontrol{
  position: absolute;
  right: 15px;
  top: 40%;
}
/*********************LOGO HEADER*******************/
#headerlogo{
  width: 90%;
      max-width: 750px;
  position: relative;
  margin: auto;
  margin-top: -3%;
}
/*******************TITULOS********************/
.titulo{
  color: #f6f5f4;
  padding-right: 30px;
}
/*********************NAV BAR PRINCIPAL***********************/
@media (min-width: 768px){
    .navbar-nav{
        margin: 0 auto;
        display: table;
        table-layout: fixed;
        float:none;
    }
    .navbar-nav li{
        padding: 0px 7px;
        font-size: 18px;
    }
}

@media (max-width: 992px){
  .navbar-nav li{
        padding: 0px 0px;
        font-size: 15px;
    }
}

@media (min-width: 1200px){
  .navbar-nav li{
        padding: 0px 20px;
        font-size: 18px;
    }
}

#NavPrincipal {
     background-color: transparent;
}

#NavPrincipal li.active ,#NavPrincipal .navbar-toggle{
      background: #5f452a;
}

#NavPrincipal li.open ,#NavPrincipal .navbar-toggle{
      background: #f6f5f4;
}


#NavPrincipal li.active> a{
      color: #f6f5f4;
}

#NavPrincipal li a:hover , #NavPrincipal li.open > a , #NavPrincipal .navbar-toggle .icon-bar{
    background: #a59481;
    color: #5f452a;
}

#NavPrincipal li a{
      color: #5f452a;
      /*font-weight: bold;*/
      transition: .5s;
}
/****************BOTONES*********************/
.btn-especial{
  color: #f6f5f4;
  background-color: #5f452a;
  border-color: #a49382;
  transition: .5s;
}

.btn-especial:hover{
  color: #5f452a;
  background-color: #a49382;
  border-color: #a49382;
}

.btn-transparent{
  color: #f6f5f4;
  background-color: transparent;
  border-color: #a49382;
  transition: .5s;
}

.btn-transparent:hover{
  color: #f6f5f4;
  background-color: rgba(60, 27, 0, 0.67);
  border-color: #a49382;
}
/***************SLIDE SHOW****************/
#aniv{
  position: absolute;
  z-index: 500;
  height: 70%;
  max-width: 300px;
  right: 10%;
  opacity: .7;
  top: 10%;
}
.cycle-slideshow img { width: 100%; height: auto }

.cycle-pager {
  text-align: center;
  width: 100%;
  z-index: 500;
  position: absolute;
  top: -20px;
  overflow: hidden;
}

.cycle-pager span {
  font-family: arial;
  font-size: 50px;
  width: 16px;
  height: 16px;
  display: inline-block;
  color: rgba(221, 221, 221, 0.13);
  cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
  color: rgba(95, 69, 42, 0.47);
}

.cycle-pager > * {
  cursor: pointer;
}

/* prev / next links */
.cycle-prev, .cycle-next {
  position: absolute;
  top: 0;
  width: 30%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 800;
  height: 100%;
  cursor: pointer;
}

.cycle-prev {
    left: -10%;
    background: url("../../views/imagenes/graficos/prev.png") 50% 50% no-repeat;
}

.cycle-next {
    right: -10%;
    background: url("../../views/imagenes/graficos/next.png") 50% 50% no-repeat;
}

.cycle-prev:hover, .cycle-next:hover {
  opacity: .7;
  filter: alpha(opacity=70);
}

/******************FOOTER**********************/
.orlafondo{
  position: absolute;
  bottom: 0;
  z-index: -1;
}

/********************IMAGENES EN MOSAICO***********************/
.wrapper,#container{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.demo li {
    list-style-type: none;
    display: inline-block;
}

@media (min-width: 500px){
  li img {
      height: 170px;
      border: 5px solid #a49382;
      margin: 2px;
  }
}

@media (max-width: 500px){
  li img {
      height: 70px;
      border: 5px solid #a49382;
      margin: 2px;
  }
}

.highlight{
  overflow: auto;
}

.heart{
  color: red;
}

/****************************CORNER ANIMATION*************************************/

.content-item {
  -moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 150px;
overflow: hidden;
position: relative;
width: 100%;
}
.content-item .overlay {
  border-bottom: 100px solid #1c1c1c;
  border-right: 100px solid transparent;
  bottom: 0;
  height: 0;
  opacity: .95;
  position: absolute;
  left: 0;
  text-indent: -9999px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 0;
}
.content-item:hover .overlay {
  border-bottom: 800px solid #1c1c1c;
  border-right: 800px solid transparent;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.content-item .corner-overlay-content {
  bottom: 15px;
  color: #fff;
  position: absolute;
  left: 15px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.content-item:hover .corner-overlay-content {
  opacity: 0;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.content-item .overlay-content {
  bottom: 0;
  color: #333;
  left: 0;
  opacity: 0;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.content-item .overlay-content h2 {
  border-bottom: 1px solid #333;
  padding: 0 0 12px;
}
.content-item .overlay-content a {
  color: #bbbbbb;
  text-decoration: none;
}
.content-item .overlay-content a:hover {
  color: #fff;
}
.content-item:hover .overlay-content {
  opacity: 1;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/***************************************************/
.fadeInLeft {
  -vendor-animation-duration: 10s;
}