﻿/* The CSS */
.kontrast_tlo select {
    padding:0px 0 0 16px;
    margin: 0;
    color:#FFF;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width:60px;
	height:40px;
	background:#696969;
	font-size:14px;
	text-shadow: 1px 1px #000;
	-webkit-box-shadow: inset 5px 5px 5px 0px rgba(104,104,104,1);
	-moz-box-shadow: inset 5px 5px 5px 0px rgba(104,104,104,1);
	box-shadow: inset 5px 5px 5px 0px rgba(104,104,104,1);
	border-bottom-right-radius: 5px!important;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

.kontrast_tlo label {
	position:relative;
	background:#696969;
	border-bottom-right-radius: 5px!important;
}

.kontrast_tlo label:after {
    content:'>';
    font:13px "Consolas", monospace;
    color:#FFF;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:10px; top:10px;
    padding:0 0 2px;
    position:absolute;
   /* pointer-events:none;*/
}
.kontrast_tlo label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    position:absolute;
}
.displayn {
	display:none!important;
}
#menu_gora_mobile {
	position: relative;
	margin: 0px;
	z-index: 1000;
	background: #343434;
	background-image: linear-gradient(to bottom, #343434 0%, #616161 100%);
	height: 46px;
	width: 100vw;

}
#menu_gora_mobile .menu {
    width: 38px;
    height: 37px;
    border-radius: 4px;
}
#menu_gora_mobile .menu:hover {
	cursor: pointer;
}
#menu_gora_mobile .menu strong.fa {
	font-size: 28px;
	color: #FFFFFF;
	margin: 4px 0px 0px 42px;
}
#menu_gora_mobile .menu strong {
	padding: 8px;
}

.res_menu {
	width: 100vw;
	position: absolute;
	z-index: 1;
	background: #5E5E5E;
}

ul.menu_mobile_1 {
	width: 100vw;
	height: 90vh;
	overflow-y: scroll;
	text-align: left;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 15px;
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: bolder;
	font-size: 16px;
	line-height: 1.5em
}
ul.menu_mobile_1 li {
	margin: 20px 0px;
}
ul.menu_mobile_1 a,
ul.menu_mobile_1 span {
	color: #FFFFFF;
	position: relative;
	top: -4px;
	text-decoration-color: transparent !important;
}
ul.menu_mobile_n {
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url('../../grafika/podstawowy/m.menu.png');
	/*font-size: 0.875em;*/
	font-weight: normal;
}
ul.menu_mobile_n li {
	margin: -3px 0px -3px 0px;
}
ul.menu_mobile_1 em,
ul.menu_mobile_n em {
	margin: 0px 6px;
	color: rgba(255,255,255,0.5) !important;
}
