/* The CSS */
.kontrast_tlo select, .div_kontrast, .div_czcionka {
    padding:0px 0 0 16px;
    margin: 0;
    color:#000;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width:60px;
	height:50px;
	background: rgba(238,238,238,1);
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(241,241,241,1) 16%, rgba(231,231,231,1) 62%, rgba(231,231,231,1) 73%, rgba(225,225,225,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(16%, rgba(241,241,241,1)), color-stop(62%, rgba(231,231,231,1)), color-stop(73%, rgba(231,231,231,1)), color-stop(100%, rgba(225,225,225,1)));
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(241,241,241,1) 16%, rgba(231,231,231,1) 62%, rgba(231,231,231,1) 73%, rgba(225,225,225,1) 100%);
	background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(241,241,241,1) 16%, rgba(231,231,231,1) 62%, rgba(231,231,231,1) 73%, rgba(225,225,225,1) 100%);
	background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(241,241,241,1) 16%, rgba(231,231,231,1) 62%, rgba(231,231,231,1) 73%, rgba(225,225,225,1) 100%);
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(241,241,241,1) 16%, rgba(231,231,231,1) 62%, rgba(231,231,231,1) 73%, rgba(225,225,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e1e1e1', GradientType=0 );
	font-size:12px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(188,188,188,1);
	-moz-box-shadow: 1px 1px 1px 1px rgba(188,188,188,1);
	box-shadow: 1px 1px 1px 1px rgba(188,188,188,1);
	border-radius: 5px!important;
	float:left;
	margin:5px;	
}

.div_kontrast a,
.div_czcionka a {
	color:transparent!important;
	font-size:0px!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}
}

.szerokosc23 {
	position:relative;
	margin-top:15px;
	text-align:right;
}

label {
	position:relative;
	background:#7A7A7A;
	border-bottom-right-radius: 5px!important;
}

label:after {
    content:'>';
    font:13px "Consolas", monospace;
    color:#000;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:10px; top:20px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    position:absolute;
}

#menu_gora_mobile {
	position: relative;
	margin: 0px;
	z-index: 1000;
	background: #4BAF1C;
	background: linear-gradient(to bottom,  #4F4F4F 0%, #4F4F4F 50%, #DC2B19 50%, #DC2B19 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: #DC2B19;
}

ul.menu_mobile_1 {
	width: 90vw;
	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: none !important;
}
ul.menu_mobile_n {
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url('../grafika/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;
}