/*
	Estilos del Template de Header
*/

.navbar
{
	padding: 0 !important;
	background-color: rgba(255,255,255,0.9) !important;
}
.navbar-nav li
{
	padding: 2.65vw !important;
	font-size: 100%;
	color: rgba(0,0,0,0.76);
	-webkit-user-select: none;
	user-select: none;
	transition: 0.12s;
}
.navbar-nav li:hover
{
	cursor: pointer;
	background-color: rgba(0,0,0,0.08);
}

.nohover:hover
{
	cursor: default !important;
	background-color: transparent !important;
}
.nohover-cursor:hover
{
	cursor: default !important;
}
.nohover-bg:hover
{
	background-color: transparent !important;
}

@media screen and (max-width: 400px)
{
	.navbar-nav
	{
		width: 100% !important;
	}
	.navbar-nav li
	{
		width: 200px;
	}
}

@media screen and (max-width: 576px)
{
	.container-navbar-sm
	{
		padding-left: 5.25% !important;
		padding-right: 5.25% !important;
	}
}

@media screen and (min-width: 768px)
{
	.navbar-nav li
	{
		font-size: 154% !important;
	}
}

@media screen and (max-width: 768px)
{
	.navbar-nav
	{
		text-align: center;
	}
	.navbar-nav li
	{
		font-size: 112% !important;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.navbar-nav li:hover
	{
		cursor: pointer;
		background-color: transparent;
		border-left: 10px solid rgba(0,0,0,0.1);
	}
	.logo-md
	{
		width: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.navbar-collapse
	{
		margin-bottom: 12px;
	}
}

@media screen and (max-width: 991px)
{
	.navbar-nav li
	{
		font-size: 134% !important;
	}
}

@media screen and (min-width: 1540px)
{
	.logo-md a img
	{
		width: 160px;
	}
}

@media screen and (min-width: 2048px)
{
	.logo-md a img
	{
		width: 190px;
	}
}