/*---HEADER----*/
body{

	margin-bottom: 170px;
}
html {
  position: relative;
  min-height: 100%;
}

header{
	margin-bottom: 55px;
}

header.sin-menu{
	margin-bottom: 0;
}

.menu-mobile{
	width: 250px;
	position: absolute;
	top:0;
	left: -320px;
	z-index: 99999;
	background: #33393d;
}
.menu-mobile ul {
  list-style: outside none none;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
.menu-mobile ul li {
  padding: 9px 0;
}
.menu-mobile ul li a{
	color:#fff;
}
.menu-mobile .dropdown-menu{
	background: #292e31;
}
.menu-mobile .dropdown-menu{
	padding-left: 0;
}
.sombra{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 8888;
	background: rgba(0,0,0,0.8);
	display: none;
}
.cerrar-menu-mobile {
  background: #33393d none repeat scroll 0 0;
  border-radius: 0 10px 10px 0;
  left: 250px;
  padding: 15px;
  position: absolute;
  text-align: center;
  top: 0;
  cursor: pointer;
}
.cerrar-menu-mobile i {
  color: #fff;
  font-size: 32px;
}

.boton-menu-mobile{
	display: none;
}

.nav li.separador {
  color: var(--color);
  font-size: 6px;
  margin-top: 19px;
}
.nav li.separador i{}

.logo{
	height: 120px;
}
.logo img {
  height: auto;
  margin-top: 38px;
  width: 280px;
}

.snifamenu{
	z-index: 99;
	height: 50px;
}


#bs-example-navbar-collapse-1 {
  text-align: center;
  width: 100%;
}
.navbar-nav{
	float: none;
	margin: 0 auto;
	display: inline-block;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 10px;
  height: 50px;
  line-height: 14px;
  max-width: 150px;
  min-width: 80px;
  padding: 0 12px;
  text-align: center;
  text-transform: uppercase;
    display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;

  align-items: center;
  justify-content: center;
}

.dropdown-toggle i{
	font-size: 14px;
	margin-left: 5px;
}

.navbar-nav > li > .dropdown-menu{
	width: 230px;
}

.dropdown-menu > li > a {
  line-height: 15px;
  margin-bottom: 5px;
  white-space: normal;
  font-size: 13px;
}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 150px;
  font-size: 11px;
}

footer li{
	font-size: 10px;
	margin-top: 10px;
}
footer li:last-child{
	margin-right: 0;
}
footer .logo-pie{
	float: left;
	margin-right: 10px;
}
footer .info-pie{
	float: left;
	margin-top: 7px;
}
footer .info-pie span{
	display: blocK;
	font-weight: 600;
	font-size: 11px;
}
footer .info-pie p{
	font-weight: 300;
	font-size: 11px;
}
footer .datos-pie{
	margin-top: 20px;
}



/* responsive responsive */
@media (max-width:1199px){
#bs-example-navbar-collapse-1{

}
  .navbar-default .navbar-nav > li > a {
	font-size: 9px;
	min-width: 70px;
	padding: 0 8px;
  }

	.navbar-nav > li > .dropdown-menu{
		width: 160px;
	}


}
@media (max-width: 991px) {


	.snifamenu{
		z-index: 99;
		height: auto;
		display: none;
	}

	.snifamenu-mobile{
		
	}


.navbar-nav{
	padding-left: 0;
}

.navbar-default .navbar-nav > li > a {
	font-size: 12px;
	max-width: 100%;
}

.navbar-default .navbar-nav > li > a br{
	display: none;
	float: left;
}

.navbar-header {
  float: none;
  padding-left: 0;
  padding-right: 30px;
}
    .nav{
    	border-radius: 0;
    	width: 100%;
    	padding: 0;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
	.navbar-toggle {
	  display: block;
	  color: #fff;
	}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        margin-top: 10px;
        padding: 0;
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
    .navbar-collapse.in {
        overflow-y: auto !important;
    }
	.navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
    .dropdown-menu > li > a {
	  line-height: 15px;
	  margin-bottom: 5px;
	  white-space: normal;
	  color: #fff;
	  font-size: 12px;
	  text-align: center;
	}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, 
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
        background-image:none;
    }

    .wrap-menu .navbar {
	  text-align: center;
	  z-index: 9999;
	}

	.nav li.separador {
		display: none;
	}

	.menu-mobile{
		
	}

	.boton-menu-mobile{
	  display: block;
	  position: absolute;
	  top:0;
	  left: 25px;
	  font-size: 40px;
	  cursor: pointer;
	}

	header.sin-menu{
		height: 62px;
	}

	.logo {
	  height: 60px;
	  text-align: center;
	}
	.logo img {
	  height: auto;
	  margin: 10px auto;
	  width: 200px;
	}
	header {
	  border: medium none;
	  height: 62px;
	  background: #ededed;
	  position: fixed;
	  width: 100%;
	  z-index: 999;
	}
	header .container{
		position: relative;
	}
	footer .datos-pie{
		width: 48%;
		float: left;
	}
	footer .logo-pie{
		width: 40px;
	}
	footer .nav_footer{
		width: 48%;
		float: right;
	}
	footer .nav_footer li{
		margin-left: 0;
		margin-right: 0;
		max-width: 33%;
	}

}
@media (max-width:768px) {

	body{
		margin-bottom: 0;
	}

	.logo {
	  height: 60px;
	  text-align: center;
	}
	.logo img {
	  height: auto;
	  margin: 10px auto;
	  width: 200px;
	}
	header {
	  border: medium none;
	  height: 62px;
	  background: #ededed;
	  position: fixed;
	  width: 100%;
	  z-index: 999;
	}
	header.sin-menu {
	  border: medium none;
	  height: 62px;
	  background: #ededed;
	}
   .navbar-header {
	  float: none;
	  padding-left: 25px;
	  padding-right: 30px;
	}

	.nav{
		padding-left:0px;
		margin-right: 0;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	  color: #fff;
	}

	.footer {
	  position: relative;
	  bottom: auto;
	  width: 100%;
	  /* Set the fixed height of the footer here */
	  height: auto;
	  font-size: 11px;
	}


	footer{
		text-align: center;
		color: #8c8c8c;
		border: none;
		padding-top: 0;
	}
	footer .logo-pie{
		float: none;
	}
	.item-mobile.hidden-desktop{
		display: block;
	}
	.hidden-mobile{
		display: none;
	}
	.hidden-desktop{
		display: block;
	}
	.padding-mobile{
		padding-top: 60px;
	}
	footer .datos-pie{
		width: 100%;
		float: left;
	}
	footer .logo-pie{
		width: auto;
	}
	footer .nav_footer{
		width: 100%;
		float: right;
	}
	footer .nav_footer li{
		margin-left: 0;
		margin-right: 0;
		max-width: 33%;
	}

	header{
	height: 80px;
}
}


@media (max-width:480px) {
.boton-menu-mobile {
  cursor: pointer;
  display: block;
  font-size: 34px;
  left: 15px;
  position: absolute;
  top: 5px;
}

}