﻿.menugora{
	display: flex;
}

.menu-social-1-poziom{
    width: auto;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 0 0 20px;

}

.menu-social-1-poziom li a {
	color:#fff;
	margin: 0px 8px;
	padding: 8px;
}

.menu-social-1-poziom li a:hover{
	opacity: 0.7;
}

.menu-social-1-poziom li a span span{
	display:none;
}



.menu-social-1-poziom li{
	list-style: none;
}

.menu-gora{
	width: 100%;
	margin:0px auto 0px auto;
	font-family: 'Open Sans', sans-serif;
}
.menu-gora-1-poziom {
}
.menu-gora-1-poziom > ul{
	margin:0px;
	padding:0px;
}

.menu-gora-1-poziom {
	/*max-width: 920px;*/
}

.menu-gora-1-poziom >li >a, .menu-gora-1-poziom >li > span{
	text-align: center;
}
.menu-gora-1-poziom > li > button {
	font-size: 16px;
	padding: 8px 16px;
	background-color: #bd9564;
	/* border: 1px solid rgba(255,255,255,0.9); */
	border: 1px solid transparent;
	font-style: normal;
	cursor: pointer;
}

.menu-gora-1-poziom > li > button.aktywna{
	border: 1px solid rgba(255,255,255,0.9);
}

.menu-gora-1-poziom {
	display: flex;
	justify-content: flex-end;
	margin:0px auto;
	padding:0px 0px;
	position: relative;
	/*margin-top: 22px;*/
	align-items: center;
	height:66px;
}

.menu-gora-1-poziom li{
	list-style: none;
	display: block;
	padding: 0px;
  	margin: 0px;
  	position: relative;
 	cursor:pointer;
}


.menu-gora-1-poziom li a{
	padding: 6px 6px 6px 6px;
	margin:0px;
	display: block;
	color:#fff;
	text-decoration: none;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;

}

.menu-gora-1-poziom li span{
    color: #fff;
    padding: 6px 4px;
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
}


li.menu-rozwijka:after{
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	color: #9f0108;
	right: 4px;
	position: absolute;
	top: 12px;
}

/*Efekt hover background*/

.menu-gora-1-poziom ul li:hover > a{
	color: #96b1d2;
}

.menu-gora-1-poziom > li:hover > a, .menu-gora-1-poziom > li:hover > span {
	/*background: #707070;*/
	opacity: 0.8;
}

/*Aktywna zakładka menu*/

.menu-gora-1-poziom > li > a.aktywna span
{
	/*background: #ee7f01;*/
	color:#c69c6d;
	border-bottom:1px solid #c69c6d;
}

.rozwijka-gora > ul, .rozwijka-zawartosc {
	display:none;
}

.rozwijka-gora:hover > ul, .rozwijka-zawartosc{
	display: block;
	position: absolute;
	background-color: #bd9564;
	right:0;
	left:auto;
	width: 243px;
}

.menu-gora-2-poziom{
	padding: 8px 16px 16px 16px;
	margin:0;
}

.menu-gora-2-poziom li{
	border-bottom:1px solid #906e41;
}

.menu-gora-2-poziom li a span{
	text-transform: none;
}

.menu-gora-2-poziom li a:hover span{
	color:#f4f4f4;
}

@media all and (min-width: 1279px) and (max-width: 1380px){
	.menu-gora-1-poziom li a, .menu-gora-1-poziom li button {font-size: 16px; padding: 6px 1px;}
}

@media all and (min-width: 1024px) and (max-width: 1279px){
	.menu-gora-1-poziom{max-width: 820px;}
	.menu-gora-1-poziom li a, .menu-gora-1-poziom li button {font-size: 13px; padding: 6px 1px;}
	.menu-social-1-poziom{margin:0px;}
}


@media all and (min-width: 1024px) and (max-width: 1060px){
	.menu-gora-1-poziom li a, .menu-gora-1-poziom li button {font-size: 11px!important; padding: 6px 1px;}
}

@media all and (min-width: 320px) and (max-width: 1023px){
	.menugora{display:none;}
}
