/************************************/
/**************** ELEMENTOS VARIOS****/

.navbar .nav>li>a.secundario {
  color: #483729;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    padding: 10px 25px;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
    border: 1px solid transparent;
    border-radius: 3px;
    font-family: Futura,Trebuchet MS,Arial,sans-serif; 
}

.navbar .nav>li>a {
    color: #483729;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    padding: 10px 25px;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
    border: 1px solid transparent;
    border-radius: 3px;
    font-family: Futura,Trebuchet MS,Arial,sans-serif; 
}

.navbar .nav>li>a.primario {
  color: #483729;
}

.navbar .nav>li>a.secundario {
  color: #ffffff;

}

.navbar .nav>li>a.primario:hover{
background-color: #cecece;
border-radius: 25px !important;
}

.navbar .nav>li>a.secundario:hover{
  color: #e9e508;
  }


  .lineaseparador {
    background: #2C2E30;
    height: 5px;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
  }

  
element.style {
  width: auto;
  display: none;
  top: auto;
  left: 0px;
  margin-left: 0px;
  margin-top: 0px;
  min-width: 10em;
  max-width: 20em;
}
.navbar .nav li .dropdown-menu {
  z-index: 2000;
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
header ul.nav li ul {
  margin-top: 1px;
}


  .dropdown-menu li a {
    color: #ffffff !important;
    text-align: center;

  }


  .separador {
    padding: 2px 20px;;
  background: #fff; 
  display: inline-block;
  margin-top: -15px;
  color: #483729;
  text-align: center;
  font-size: 1.1em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-family: Futura,Trebuchet MS,Arial,sans-serif; 

}

.has-submenu {
  text-align: center;
  top:0;
  right: 0;

}

footer {
  background: #2C2E30;
  padding: 50px 0 0 0;
  color: #fff;
  border-bottom: #fff solid 1px;
}

#bottom {
  background: #fcfcfc;
  padding: 0 0;
}

#sub-footer {
  background: #161617;
  text-shadow: none;
  color: #fff;
  padding: 0;
  padding: 30px 0;
  margin: 20px 0 0 0;
}

.icon-circled {
  background: none;
  border: #fff solid 2px;
}


#inner-headline {
  background: #161617;
  position: relative;
  margin: 0;
  padding: 0;
  color: #fefefe;
}

/************************************/
/**************** ELEMENTOS VARIOS****/

/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  width: 100%;
  height: 200px;
  /* border: 1px solid #f1f1f1; */
  border-radius: 5px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  border-radius: 5px;
  padding: 5px 20px;
}

/* Style the front side */
.flip-box-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-box-back {
  background-color: #440412;
  color: white;
  transform: rotateX(180deg);
}