header{
	background-image: url("../img/pix_footer.png");
	background-repeat: repeat-x;
	background-position: center bottom;
	display: block;
	overflow: hidden;	
	position: absolute;
	z-index: 10;
	width: calc(100vw - 100px);
}


header .logo_header{
	text-align: center;
	margin-bottom: 20px;
}

.navbar{
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #000000 !important;
	background-image: url("../img/pix_footer.png");
	background-repeat: repeat-x;
	background-position: center bottom;
}

.rrss_cont{
	position: relative;
	height: 0px;
	display: block;
}


.rrss_cont .rrss_menu{
	position: absolute;
	z-index: 10;
	top: 8px;
}

.rrss_cont .rrss_menu ul, .rrss_cont .rrss_menu li {
	margin: 0px;
	padding: 0px;
}

.rrss_cont .rrss_menu li {
	float: left;
	margin-right: 10px;
	list-style: none;
}

.rrss_cont .rrss_menu li a{
	color: #ffffff; 
}






.lang_menu_cont{
	position: relative;
	height: 0px;
	width: 100%;
	display: block;
}

	.lang_menu_mob{
		display: none;
	}
	
	
	.rrss_mob{
		display: none;
	}



.lang_menu_cont .lang_menu{
	position: absolute;
	right: 0px;
	z-index: 10;
	top: 8px;
}

.lang_menu_cont .lang_menu ul, .lang_menu_cont .lang_menu li {
	margin: 0px;
	padding: 0px;
}

.lang_menu_cont .lang_menu li {
	float: left;
	margin-right: 10px;
	list-style: none;
}


.lang_menu_cont .lang_menu li .lang_link{
	font-size: 18px;
	text-transform: uppercase;
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 11px;
	border-bottom: 1px solid #555655;
}

.lang_menu_cont .lang_menu li .lang_link:hover{
	color: #008bb5 !important;
	border-bottom: 1px solid #008bb5 !important;
}
.lang_menu_cont .lang_menu li a.active{
	color: #008bb5 !important;
	border-bottom: 1px solid #008bb5 !important;
}





nav .logomobile{
    display: none
}
.navbar-dark .navbar-nav .nav-link{
	font-size: 18px;
	text-transform: uppercase;
	color: #ffffff;
	padding-left: 25px !important;
	padding-right: 25px !important;
	border-bottom: 1px solid #555655;
}

.navbar-dark .navbar-nav .nav-link:hover{
	color: #008bb5 !important;
	border-bottom: 1px solid #008bb5;	
}



.navbar-dark .navbar-nav .nav-link-contacto{
	color: #000000;
	padding-top: 6px;
	padding-bottom: 8px;	
	line-height: 22px;
}

.navbar-dark .navbar-nav .nav-link-contacto:hover{
	color: #ffffff !important;
}



.nav-item .active{
	color: #008bb5 !important;
	border-bottom: 1px solid #008bb5  !important;	
}


.nav-item .active_contacto{
	color: #ffffff !important;
	border-bottom: 1px solid #008bb5  !important;	
}



.navbar-dark .navbar-nav .nav-link-contacto-marca{
	background-color: #008bb5;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 5px;
	border-radius: 3px;
	
}




@media only screen and (max-width: 1399px) {
	.navbar-dark .navbar-nav .nav-link {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.lang_menu_cont .lang_menu li .lang_link {
		padding-left: 3px;
		padding-right: 3px;
	}	
	
	
}




@media only screen and (max-width: 1199px) {
	.navbar-dark .navbar-nav .nav-link {
		font-size: 16px;
		padding-left: 9px !important;
		padding-right: 9px !important;
	}
	
	.lang_menu_cont .lang_menu li .lang_link {
		font-size: 16px;
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	.navbar-dark .navbar-nav .nav-link-contacto-marca {
    	padding-top: 3px;
	}	
	
	.navbar-dark .navbar-nav .nav-link-contacto {
	    line-height: 21px;
	}
}


@media only screen and (max-width: 991px) {
	
	.logomobile img{
		width: 220px;
	}

	.logo_header{
	    display: none
	}

	.rrss_cont{
		display: none;
	}	

	
	.lang_menu_cont{
		display: none;
	}	

	.rrss_mob{
		display: block;
		margin-top: 40px;
	}
	
	.lang_menu_mob{
		display: block;
		margin-top: 40px;
	}

	.lang_menu_mob ul, .lang_menu_mob li{
		margin: 0px;
		padding: 0px;
	}

	.lang_menu_mob ul{
		margin: 0px auto;
		width: 160px;
	}


	.lang_menu_mob li{
		float: left;
		margin: 0px 10px;
		list-style: none;
	}

	.lang_menu_mob li a{
		color: white;
	}
	
	.lang_menu_mob li a:hover{
		color: #008bb5 !important;
		border-bottom: 1px solid #008bb5;
	}



	.rrss_mob ul, .rrss_mob li{
		margin: 0px;
		padding: 0px;
	}

	.rrss_mob ul{
		margin: 0px auto;
		width: 70px;
	}
	
	.rrss_mob li{
		float: left;
		margin: 0px 10px;
		list-style: none;
	}

	.rrss_mob li a{
		color: white;
	}








	
	.navbar-dark .navbar-nav {
		height: calc(100vh - 120px);
		margin-top: 60px;		
	}
    
    .navbar-dark .navbar-nav .nav-item{
	    text-align: center;
	    margin-bottom: 20px;
    }
    
	.navbar-dark .navbar-nav .nav-link{	    
		font-size: 18px;
      text-align: center;
      color: #ffffff !important;
      border: none;
      display: inline;
      padding-bottom: 2px;
    }

	.navbar-dark .navbar-nav .nav-link-contacto {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.navbar-dark .navbar-nav .nav-link-contacto-marca {
	  padding-top: 6px;
	  width: 150px;
	margin: 0px auto;	  
	}    
  
    nav .logomobile{
        display: block
    }

    .navbar-dark .navbar-toggler-icon {
      background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");  !important;
    }

    .navbar-toggler:focus {
      box-shadow: 0 0 0 0rem;
    }
    
    .navbar-dark .navbar-toggler {
      color: #ffffff;
      border-color: #fff;
      background-color: #000000;
      border: none;
      border-radius: 7px;
      border: none !important;
    } 
    

    .navbar {
      padding-top: 0px;
      padding-bottom: 15px;
    }
    
}


@media only screen and (max-width: 767px) {
	header{
		background-image: none;
		display: block;
		overflow: hidden;	
		position: absolute;
		width: calc(100vw - 30px);
	}
	
	.navbar-toggler {
		padding: .25rem 0rem;
	}

}