.navbar
{
	overflow: hidden;
	z-index: 99;
}
.navbar li
{
	float: left;
	margin-right:2px;
}
.navbar a.item_link, .dropdown .dropbtn
{
	font-family: fontFB;
	color: #d53019;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
}


@media (max-width: 1280px) {
.navbar a.item_link,.dropdown .dropbtn{
   font-size: 12px;
  }
 }
@media (max-width: 1080px) {
.navbar a.item_link,.dropdown .dropbtn{
   font-size:10px;
  }
 }
.navbar a.item_link
{
	float: left;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	
}
@media (max-width: 1080px) {
	.navbar a.item_link,.dropdown .dropbtn{
  padding: 4px 6px;
	}
 }
 
 
.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn
{
	border: none;
	outline: none;
	
	padding: 14px 10px;
	margin: 0;
	background-color: inherit;
}

.navbar li a.item_link:hover, .dropdown .dropbtn:hover,.nn_activate 
{
	background-color: var(--color1);
	background: linear-gradient(to right,  var(--color2),var(--color1));
	color: #FFFFFF;
	box-shadow: 2px 2px 2px -2px #000;
	-webkit-box-shadow: 2px 2px 2px -2px #000;
	border-color: rgb(144, 190, 174);
	border-width: 5px;
	border-radius: 8px;
}
.nn_activate a
{	
		color: #FFFFFF !important;
	}

.dropdown-content {
  display: none;
  position: absolute;
 
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0);
  z-index: 9;
  
  
 
  
}

.dropdown-content .header
{
	border: 2px solid #FF9900;
	
	padding: 16px;
	color: white;
	margin-top: 60px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0);
	background: linear-gradient(to right, var(--color2),var(--color1));
}

.dropdown:hover .dropdown-content {
  display: block;
}



/* MENU */
.menu_sub_compu
{overflow:auto;
}
.menu_sub_compu_item
{
	width:120px;
	
	margin:5px 0 5px 0;
	padding:5px;
	
	margin:auto;
}
.menu_sub_compu_item a
{
	
	
	
}
.menu_sub_compu_item .image img
{
	width:100%;
}
.menu_sub_compu_item .image img:hover
{
	
		box-shadow: 10px 10px 10px -10px #000;
	-webkit-box-shadow: 20px 20px 20px -20px #000;
}

.menu_sub_compu_item a.caption
{
	display: block;
	color: #FFFFFF;
	font:14px;
	text-align:center;
	height:60px;
}
.menu_sub_compu_item a.caption:hover
{
	color: #FFFF00;
}
.menu_sub_compu_item img
{
	/* border: 1px solid #FFCC00; */
	box-shadow: 1px 1px 1px -1px #000;
	-webkit-box-shadow: 2px 2px 2px -2px #000;

	
	border-width: 2px;
	border-radius: 7px;
	padding: 2px;
}
.menu_sub_compu_item img:hover
{

}

.navbar .column {
  float: left;
  width: 25%;
  padding: 10px;
  
}

/* Style links inside the columns */
.navbar .column a
{
	color: #FFFFFF;
	padding: 1px;
	text-decoration: none;
	display: block;
}

/* Add a background color on hover */
.navbar .column a:hover
{
	color: var(--color6);
}

/* Clear floats after the columns */