﻿:root {
--bs-bg-nav1: #575757;
--bs-bgh-nav1: #F7F7F7;
--bs-color-nav1: #ffffff;
--bs-colorh-nav1: #333333;


--bs-bg-nav2: #F7E455;
--bs-bgh-nav2: #F8F3A7;

--bs-color-nav2: #575757;
--bs-colorh-nav2: #000000;




/*--bs-bg-nav1: #D90000;
--bs-bgh-nav1: #59B200;

--bs-color-nav1: #59B200;
--bs-colorh-nav1: #FF7F00;*/

/*--bs-bg-nav2: #FF7F00;
--bs-bgh-nav2: #007FFF;

--bs-color-nav2: #FF00FF;
--bs-colorh-nav2:#ffffff;*/
}



/*nav{float:right}*/
nav ul{list-style:none;margin:0;padding:0}
nav ul li{float:left;position:relative}
nav ul li a{display:block;padding:0 20px;line-height:70px;background:var(--bs-bg-nav1);color:var(--bs-color-nav1);text-decoration:none}
nav ul li a:hover{background:var(--bs-bgh-nav1);color:var(--bs-colorh-nav1);text-decoration: none}



ul li a:link,a:visited{text-decoration: none}
ul li a:link:active, a:visited:active{color:#333; text-decoration: none}
nav ul li a:not(:only-child):after{padding-left:4px;content:' ▾'}
nav ul li ul li{min-width:190px}
nav ul li ul li a{padding:15px;line-height:20px;z-index:1}
.nav-dropdown{position:absolute;display:none;z-index:1;/*box-shadow:0 3px 12px rgba(0,0,0,0.15)*/}
.nav-dropdown2{position:absolute;display:none;padding-left: 190px;top:0}
.nav-mobile{display:none;position:absolute;top:0;right:0;background:#878c94;height:70px;width:70px}
.nav-mobile2{display:none;position:absolute;top:0;right:0;background:#002463;height:70px;width:70px}
#nav-toggle{position:absolute;left:18px;top:22px;cursor:pointer;padding:10px 35px 16px 0px}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{cursor:pointer;border-radius:1px;height:5px;width:35px;background:#fff;position:absolute;display:block;content:'';transition:all 300ms ease-in-out}
#nav-toggle span:before{top:-10px}
#nav-toggle span:after{bottom:-10px}
#nav-toggle.active span{background-color:transparent}
#nav-toggle.active span:before,#nav-toggle.active span:after{top:0}
#nav-toggle.active span:before{transform:rotate(45deg)}
#nav-toggle.active span:after{transform:rotate(-45deg)}
#nav-toggle2{position:absolute;left:18px;top:22px;cursor:pointer;padding:10px 35px 16px 0px}
#nav-toggle2 span,#nav-toggle2 span:before,#nav-toggle2 span:after{cursor:pointer;border-radius:1px;height:5px;width:35px;background:#fff;position:absolute;display:block;content:'';transition:all 300ms ease-in-out}
#nav-toggle2 span:before{top:-10px}
#nav-toggle2 span:after{bottom:-10px}
#nav-toggle2.active span{background-color:transparent}
#nav-toggle2.active span:before,#nav-toggle2.active span:after{top:0}
#nav-toggle2.active span:before{transform:rotate(45deg)}
#nav-toggle.active span:after{transform:rotate(-45deg)}

/*.navigation2 .nav-container .nav .nav-list ul li { color:yellow; }
.navigation2 .nav-container .nav .nav-list  li { color:yellow; }
.navigation2 .nav-container .nav  li { color:yellow; }
.navigation2 .nav-container  li { color:yellow; }*/
.navigation2  li { color:var(--bs-color-nav2); }
.navigation2  li a:hover { background:var(--bs-bgh-nav2); 	color: var(--bs-colorh-nav2);  } /* se agrego*/




/*.navigation2-li{ color:yellow; }*/

@media only screen and (max-width: 1260px){
	.nav-mobile{display:block}
	.nav-mobile2{display:block}
	nav{width:100%;padding:70px 0 0}
	nav ul{display:none}
	nav ul li{float:none}
	nav ul li a{padding:12px 30px;line-height:20px}
	nav ul li ul li a{padding-left:60px}
	.nav-dropdown{position:static;}
	.nav-dropdown2{position:static;padding-left: 0}
	.navigation2 nav ul li a,.navigation2 nav ul li ul li a{padding:12px 30px;line-height:20px;background: none;}
	.navigation2 nav ul li a:hover,.navigation2 nav ul li ul li a:hover{background:var(--bs-bgh-nav2);color:var(--bs-colorh-nav2)}
	.navigation2 nav ul li ul li a{padding-left:60px}
	.navigation2 nav ul li ul li ul li a{padding-left:90px}
}

@media screen and (min-width: 1260px){
	.nav-list{display:block !important}
}
.navigation{min-height:70px;background:#002463}
.nav-container{/*max-width:1366px*/ /*border: 2px solid red;*/ }
.brand{position:absolute;padding-left:20px;float:left;line-height:70px;text-transform:uppercase;font-size:1.4em}
.brand a,.brand,.nav-container{color:var(--bs-color-nav1);text-decoration:none}

.navigation{
	font-size: 14px;
	font-weight: 600;
	/*font-family: 'Montserrat', sans-serif;*/
	/*font-family: 'Raleway', sans-serif;*/
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: Lato;
	/*padding-left: 190px;*/
	/*max-width: 1366px;*/
	width: 100% !important;
	background: var(--bs-bg-nav1);
	position: fixed;
	z-index: 1000; 
}

.navigation2 nav{
	padding: 0;
}
.navigation3 nav{
	padding: 0;
}

.navigation2{
	font-size: 12px;
	font-weight: 600;
	font-family: Lato;
	position: fixed;
	/*padding-left: 190px;*/
	/*max-width: 1366px;*/
	width: 100%;
	background: var(--bs-bg-nav2);

	z-index: 999;
}
.navigation3{
	font-size: 10px;
	position: fixed;
	padding-left: 100px;
	max-width: 1366px;
	width: 100%;
	background: #D6D6D6;
	z-index: 998;
}

.navigation2 ul li a{
	background: none;
	line-height:50px;
	padding:0 5px;	
}

.navigation2 ul li ul li a{
	background: var(--bs-bg-nav2);
	padding-left: 15px;
	line-height: 40px;
	color: var(--bs-color-nav2);
}

.navigation2 ul li ul li a:hover{
	background: var(--bs-bgh-nav2);
	color: var(--bs-colorh-nav2);
}

.navigation2 ul li ul li ul li{
	
}



@media screen and (max-width:1260px){
	.navigation{
		font-size: 12px;
		position: relative;
		padding-left: 0;
	}
	.navigation2{
		font-size: 12px;
		background: #E8E8E8;
		position: relative;
		padding-left: 0;
	}
	.navigation3{
		font-size: 12px;
		background: var(--bs-bg-nav2);
		position: relative;
		padding-left: 0;
	}
}