@import url('https://fonts.googleapis.com/css?family=PT+Sans');

* {padding:0;margin:0;}
html {width:100%;height:100%; }
body {font-family: 'PT Sans', sans-serif;font-size:medium;line-height:1.5;color:#434343;background:#FFF; padding:0;margin:0;}

@media screen and (max-width: 650px) { body {line-height:1.7;padding:2px;margin:0px;} }

.container {width:100%;margin:0 auto;}
.left { float: left; }
.bottom { margin-bottom: 20px; }
.relative { width: 960px; margin: 0 auto; position: relative; }
:focus {border: 1px solid #d9d9d9;}

#header { margin:auto; width:960px; }
  @media screen and (max-width: 650px) { #header {width: 100%;} }

#header .top { height:27px; width:100%; float:left; -webkit-border-radius: 0px 0px 0px 20px; border-radius: 0px 0px 0px 20px; padding-top:3px;}  
	@media screen and (max-width: 650px) { #header .top {height: auto;} }

#header .lang-pl {margin-right: 15px;}

#header .kontrast {margin-right: 5px; float: none;}
	@media screen and (max-width: 650px) {#header .kontrast { float: right; display: none;}}

#header .top .btn { height:21px; color:#FFF; text-decoration:none; font-size:small; padding:0px 10px; /* margin:2px 5px; */}
	@media screen and (max-width: 650px) { #header .top .btn {height: auto;} }

#header .top .btn.bg { background:url(../images/top_bg_btn.png); -webkit-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px 0px; }
	@media screen and (max-width: 650px) { #header .top .btn.bg { background:none; } }

#header .top .btn-f { margin: 0px; padding:0px; color:#FFF; font-size:small;}
#header .top .btn-f.default { margin-left: 2px; margin-right: 2px;  }
#header .top .btn-f.bigger { margin-right: 2px;  }
#header .top .btn-f.biggest { margin-right: 2px;  }

@media screen and (max-width: 650px) { #header .top .btn-f.default, #header .top .btn-f.bigger, #header .top .btn-f.biggest {display: none;} }



#header .top .btn.bg:hover { background:url(../images/top_bg_btn_hover.png);}
	@media screen and (max-width: 650px) { #header .top .btn.bg:hover { background:none;} }

#header .top .btn.bg img { padding-left: 7px; }

#header .top .ico-w { text-align: center;  width: 21px; height: 21px; float: left; font-size:medium; margin-right: 2px;}

@media screen and (max-width: 650px) { #header .top .ico-w {float: right;} }

#header .top .ico-w.kontrast { text-align: center;  width: 21px; height: 21px; float: left; font-size:medium; margin-right: 2px; border:2px solid black;  background: yellow;  }

#header .top .ico-w.normal { text-align: center;  width: 21px; height: 21px; float: left; font-size:medium; margin-right: 2px; margin-left: 6px; border:2px solid black;  background: white; }
@media screen and (max-width: 650px) { #header .top .ico-w.kontrast, #header .top .ico-w.normal {float: right; display: none;} }

#header .top .icons { margin:0; margin-left: 20px; padding:0; list-style: none; }
#header .top .icons li { float:left; margin:0px 7px;}
#header .top .icons img {margin-top: 3px;}

@media screen and (max-width: 650px) { #header .top .icons li a { display: block; border:1px; float: left;} }

#header .top .icons li.home a { background-position:0 0; width:16px; height:15px;}
#header .top .icons li.dzp a { background-position:0 0; width:15px; height:15px;}
#header .top .icons li.bip a { background-position:0 0; width:23px; height:14px;}
#header .top .icons li.mail a { background-position:0 0 ; width:18px; height:14px;}
#header .top .icons li.deaf a { background-position:0 0 ; width:22px; height:16px;}
#header .top{ background-color:#212121; font-family: Arial;}
#header .top .lang li { background-color:#3384AE;}

 #header .logo { float:left; margin: 10px 10px 0px 5px;} 
  @media screen and (max-width: 650px) { #header .logo { float:left; margin: 8px 8px 0px 4px;}  }

#header nav { float:right; margin:20px 0 0 0;}
	@media screen and (max-width: 650px) { #header nav { margin:0px 0 0 0; width: 100%; } }

#title{ background-image:url(../images/bg_top_wmp.jpg); min-width:960px;}
	@media screen and (max-width: 650px) { #title{ min-width:100%;}  }

#title { width:100%; overflow:hidden; height:99px;} 
	@media screen and (max-width: 650px) { #title { width:100%;height:107px;  }  }

#title div { color:#FFF; position: relative; }
#title div h1 { font-size:large; margin:25px 0 5px 0; padding:0;}
	@media screen and (max-width: 650px) { #title div h1 { font-size:large; margin:15px 0 2px 0; }  }

#title div div { font-size:medium; float: left; }
	@media screen and (max-width: 650px) { #title div div { font-size:medium; float: left; }  }

#title div div div.ico { background: url(../images/arrow_left_top.png) no-repeat; float: left; padding-right: 4px; width: 4px; height: 7px; margin: 9px 12px 0 15px; }
	@media screen and (max-width: 650px) { #title div div div.ico { padding-right: 4px; width: 4px; height: 7px; margin: 10px 0px 3px 3px; }  }

.title_cont {padding:3px;}

.tlo_2 { background:url(../images/tlo_ujk_wmp.png) no-repeat; width: 525px; height: 99px; position: absolute;top: 0px; left: 330px; }

#content { overflow:hidden; min-width:960px; background:url(../images/bg.jpg); padding:30px 0 10px 0;}
	@media screen and (max-width: 650px) { #content { min-width:100%; width:100%;  padding:0;} }

.content { margin:auto; width:960px;}
	 @media screen and (max-width: 650px) { .content { width:100%;} }

.content aside { float:left; width:306px;}
	@media screen and (max-width: 650px) { .content aside { float:none; width:100%;} }


.navigation { background:#FFF; border:1px solid #d7d5d3; width: 276px; }
.navigation ul { margin:0; padding:0;}
.navigation ul li { width:100%; border-bottom:1px solid #d7d5d3; text-indent:15px; background:url(../images/arrow_right.jpg) 256px center no-repeat; position: relative; }
.navigation ul li a { display:block; padding:9px 0px 8px 0; text-decoration:none; color:#252525; font-size:medium; font-weight:bold; text-transform:uppercase;}
.navigation ul li:hover, .navigation ul li.active { border-left:2px solid #7b0113; margin-left:-2px; text-indent:15px}  
.navigation ul li:hover a, .navigation ul li.active a { color:#7b0113;}  
.navigation ul li.last { border-bottom:none;}
.navigation ul li div.box_inside { background: #233143; display: none; left: 277px; position: absolute; top: 0; z-index: 110; }
.navigation ul li div.box_inside ul { width: 229px; }
.navigation ul li div.box_inside ul > li { border-bottom: 1px solid #344860; text-indent: 25px; }
.navigation ul li div.box_inside ul > li > a { background: url(../images/hover_1.jpg) 10px 16px no-repeat; font-family: Arial;font-size:medium; color: #fff !important; font-weight: normal; text-transform: none; }
.navigation ul li div.box_inside ul > li.hover { margin-left: 0px; border-left: 0; }
.navigation ul li div.box_inside ul > li.hover  > a { background: url(../images/hover_2.jpg) 10px 16px no-repeat; background-color: #172333; width: 229px; }


.wydzial { background:#FFF; border:1px solid #d7d5d3; -webkit-border-radius: 0px 0px 22px 0px; border-radius: 0px 0px 22px 0px; margin:20px 0;}
.wydzial ul { margin:0; padding:0;}
.wydzial ul li { background:url(../images/wydzial_bg.png) left 10px no-repeat; border-bottom:1px solid #d7d5d3; line-height:18px;}
.wydzial ul li.last { border-bottom:0;}
.wydzial ul li a { color:#0d4885; text-decoration:none; font-size:small; padding:15px 0 13px 34px; display: block;}
.wydzial ul li:hover { padding-left:15px; }
.wydzial ul li.active { background-image:url(../images/wydzial_bg_hover.png);}  
.wydzial ul li:hover a , .wydzial ul li.active a{ color:#000 !important;}

#breadcrumb a {color:white;}
#breadcrumb a:hover, #breadcrumb a:focus {color:white;}

#bottom { background:url(../images/bg_2.jpg); overflow:hidden; padding-bottom:30px; min-width:960px; }
	@media screen and (max-width: 650px) { #bottom { min-width:100%; } }
.bottom_cont { width:960px; margin:auto;}
	@media screen and (max-width: 650px) { .bottom_cont { width:100%; margin:auto;} }
.bottom_cont nav { float:left; margin:45px 60px 0 0;}
	@media screen and (max-width: 650px) { .bottom_cont nav { float:none; margin:20px 0px 0 0; text-align: center;} }


.bottom_cont nav ul { margin:0; padding:0;}
.bottom_cont nav ul li { line-height: 35px; }
	@media screen and (max-width: 650px) { .bottom_cont nav ul li { line-height: 25px; } }

.bottom_cont nav ul li a { text-decoration:none; color:#73706D; font-size:small;}
.bottom_cont nav ul li a:hover { color:#332d27; }
.bottom_cont .box { float:left; margin-top:45px;}
	@media screen and (max-width: 650px) { .bottom_cont .box { float:none; margin:20px 10px 10px 10px;}}

.bottom_cont .box h6 { margin:0 0 25px 0; padding:0; font-size:large; color:#75726e; padding-bottom:20px; border-bottom:1px solid #acafaf;}
	@media screen and (max-width: 650px) { .bottom_cont .box h6 { margin:0 0 15px 0; padding-bottom:10px; border-bottom:1px solid #acafaf;}}

.bottom_cont .box p.p1 { font-family:Arial; color: #82807D; font-size:medium; line-height:20px; margin:0px 0 18px 0;}

.bottom_cont .box p { font-family:Arial; color: #A9A6A3; font-size:small; line-height:20px; margin:0px 0 18px 0;}
	@media screen and (max-width: 650px) { .bottom_cont .box p { line-height:16px; margin:0px 0 5px 0;} }

.bottom_cont .box.o_nas { width:230px; margin:45px 55px 0 40px;}
	@media screen and (max-width: 650px) { .bottom_cont .box.o_nas { width:95%; margin:20px 10px 10px 10px;} }

.bottom_cont .box ul { margin:0; padding:0; list-style:none;}
.bottom_cont .box ul li { height:26px; line-height:26px; margin-bottom:15px;}
.bottom_cont .box ul li.face { background:url(../images/face.png) left center no-repeat;}
.bottom_cont .box ul li.twitter { background:url(../images/twiter.png) left center no-repeat;}
.bottom_cont .box ul li.youtube { background:url(../images/youtube.png) left center no-repeat;}
.bottom_cont .box ul li.rss { background:url(../images/rss.png) left center no-repeat;}
.bottom_cont .box ul li a { color:#797673; text-decoration:none; font-family:Arial, Helvetica, sans-serifl; font-size:medium; padding-left:37px;}

footer { width:100%; height:220px; overflow:hidden; min-width:960px; background:url(../images/footer.jpg) center; }
	@media screen and (max-width: 650px) { footer { width:100%; height:auto; padding-bottom: 25px;min-width:100%; } }

.footer { margin:auto; width:960px; padding-top:40px; font-family:Arial, Helvetica, sans-serif;}
	@media screen and (max-width: 650px) { .footer {  width:95%; padding-top:40px; }}

.footer .copy { color:#FFF; background:url(../images/logo_small.png) left center no-repeat; padding-left:60px; float:left;  font-size:small;}
	@media screen and (max-width: 650px) { .footer .copy { padding-left:60px; margin: 5px; float:left;  font-size:medium; } }

.footer .copy a { color:#FFF; }
.footer .copy a:hover, .footer .copy a:focus  { color:#aaabac; }
.footer .create { float:right; color:#bfb8b1; font-size:medium;}
.footer .create a { text-decoration:none; color:#FFF;}

.gallery_box {background:#FFF; border:1px solid #d7d5d3; -webkit-border-radius: 0px 0px 22px 0px; border-radius: 0px 0px 22px 0px; margin:20px 0; border-top:3px solid #623673; padding-left:15px; overflow:hidden;}
.gallery_box h2 { margin:18px 0; font-size:large;}
.gallery_box h2 a { color: #623673 !important;}  
.gallery_box ul { margin:0; padding:0; list-style: none;}
.gallery_box ul li { width:100%; overflow:hidden;}
.gallery_box ul li img { float:left; margin:0px 15px 20px 0;}
.gallery_box ul li span { font-family:Arial, Helvetica, sans-serif; font-size:small; font-style:inherit; color:#880100; display:block; margin-bottom:13px;}  
.gallery_box ul li a { color:#747474; text-decoration:none; font-size:small; font-weight:bold; line-height:14px; }
.gallery_box .more { float:right; color:#7b0113; text-transform:uppercase; font-size:medium; font-weight:bold; text-decoration:none; margin:0px 7px 22px 0px;}  
.gallery_box .more span { margin-left:10px; font-weight:normal;}

a.gallery-more { font-family: Century Gothic; text-transform: uppercase; float: right; font-weight: bold; color: #623673; text-decoration: none; font-size:small; margin: -5px 15px 20px 0; }
a.gallery-more:hover, a.gallery-more:focus { font-family: Century Gothic; text-transform: uppercase; float: right; font-weight: bold; color: #8a8b8b; text-decoration: none; font-size:small; margin: -5px 15px 20px 0; }

.article { float:right; padding: 15px 25px; border:1px solid #d7d5d3; border-top:3px solid #7b0113; background:#FFF; margin: 0 0 20px 0; -webkit-border-radius: 0px 0px 15px 0px; border-radius: 0px 0px 15px 0px;} 
	@media screen and (max-width: 650px) { .article {float:none; padding: 0px; margin: 0; }  }

.article h1 { color:#7b0113; font-weight:normal; margin:0px 0 20px 0; padding:0; font-size:large;}
	@media screen and (max-width: 650px) { .article h1 { margin:0px 0 10px 0; font-size:large;}  }

.article ul { margin:0; padding:0; list-style:none;}
.article ul li { background: url(../images/li.png) left 3px no-repeat; /*font-family: Arial; font-size:medium; color: #6d6d6d;*/ padding-left: 30px;margin-bottom: 10px; }

.article {border-top-color:#212121; width: 910px;}
	@media screen and (max-width: 910px) { .article {width: 100%;}  }

.article ul li .data {color:#ac0439; background-image:url(../images/data_icon.jpg);}
.article ul li .more span {color:#ac0439;}
.article ul li .more  span:hover {text-decoration: underline;}
.article ul .main_news span {background-image:url(../images/data.jpg);}
.article .more_news {color:#ac0439;}

article p { font-family: Arial; font-size:medium; color: #6d6d6d; }
article p.first { font-weight: bold; }
article img { float: left; margin: 0 25px 5px 0; }
	@media screen and (max-width: 650px) { article img { margin:3px; float: left; padding: 0px; width: 45%;}   }

article h2 { font-size:large; color: #212121; font-weight: bold;}
article h3 { font-family: Arial; font-weight: bold; font-size:medium; color: #252525; }

.news_box { float:right; width:610px; background-color:#623673; padding:20px; -webkit-border-radius: 0px 0px 15px 0px; border-radius: 0px 0px 15px 0px}   
	@media screen and (max-width: 650px) { .news_box { float:none; width:100%;  padding:0px;  }   }

.news_box h5 { font-weight:normal; font-size:large; color:#ffffff; margin:0; padding:0; margin-bottom:10px;}
	@media screen and (max-width: 650px) { .news_box h5 { font-weight:normal; font-size:large; color:#ffffff; margin:10px; padding:0; margin-bottom:10px;}   }


.news_box ul { margin:5px; padding:0; list-style:none;}

.news_box ul li { width:100%; border-bottom:1px dotted #713b4f; border-color:#eee; padding:18px 0px; overflow:hidden;}


.news_box ul li.last { border-bottom:0px;} 
.news_box ul li a { text-decoration:none; color:#c2b8b9; font-family:Arial, Helvetica, sans-serif; font-size:small; font-weight: bold !important; }
.news_box ul li:hover a { color:#FFF; font-weight:bold;}
.news_box ul li span { display:inline-block;}
.news_box ul li .nr {  text-indent:5px;}
.news_box ul li .data {font-style: italic; }
.news_box ul li .title {  font-weight:bold; font-size:small; font-family: Arial;}
.news_box .more { font-size:small; font-weight:bold; color:#50a8ed; text-decoration:none; text-transform:uppercase; float:right;}
.news_box .more span { margin-left:10px; font-weight:normal}
a.ogl-more { font-size:small; font-family: Century Gothic; text-transform: uppercase; /*color: #eee;*/ font-weight: bold; text-decoration: none; margin: 6px; float: right;}
a.ogl-more:hover, a.ogl-more:focus { font-size:small; font-family: Century Gothic; text-transform: uppercase; color: #50A8ED; font-weight: bold; text-decoration: underline;  }
a.ogl-more em{ background:url(../images/more.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 15px;margin-right: 10px; }


.news_list { float:right; width:915px; padding:19px; border:1px solid #d7d5d3; border-top:3px solid #623673; background:#FFF; margin: 0 0 20px 0; -webkit-border-radius: 0px 0px 15px 0px; border-radius: 0px 0px 15px 0px;} 
	@media screen and (max-width: 650px) { .news_list { float:none; width:100%; padding-left: 1px;  }  }

.news_list h3 { color:#623673; margin:0px 0 20px 0; padding:0; font-size:large;}
	@media screen and (max-width: 650px) { .news_list h3 { color:#0d4885; font-weight:normal; margin:0px 0px 5px 10px; padding:0; font-size:large;}  }



.news_list .h3 { color:#0d4885; font-weight: normal; margin:0px 0 20px 0; padding:0; font-size:large;}

.news_list ul { margin:0; padding:0; list-style:none;}
.news_list ul li { width:280px; float:left; height:auto; margin:0px 25px 30px 0; border-bottom:1px dotted #999999;}
	@media screen and (max-width: 650px) { .news_list ul li { float: none; width:92%; height: auto; margin:0px 10px 10px 10px;} }

.news_list ul li.nomargin { margin-right:0px;}
.news_list ul li .data, span.tooltip_data { font-family:Arial, Helvetica, sans-serif; font-size:small; color:#623673; padding-left:20px; font-style:italic; background:url(../images/data_ico.jpg) left center no-repeat; }
span.tooltip_data { font-family:Arial, Helvetica, sans-serif; font-size:medium; color:#880100; padding-left:20px; font-style:italic; background:url(../images/data_ico.jpg) left center no-repeat; position: relative; top: -10px; }  
.news_list ul li h4 a, h4.tooltip { text-decoration:none; color:#747474; font-size:large;}
.news_list ul li h2 { line-height:20px; margin:5px 0;}
.news_list ul li p { font-size:small; color:#756F69; font-family:Arial, Helvetica, sans-serif;}
	@media screen and (max-width: 650px) { .news_list ul li p { text-align: justify; } }


p.tooltip { font-size:medium; color:#756F69; font-family:Arial, Helvetica, sans-serif; position: relative; top: -10px;}
.news_list ul li .more { font-size:medium; color:#0d4885; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}  
.news_list ul .main_news { width:100%;}
	@media screen and (max-width: 650px) { .news_list ul .main_news { width:92%; min-height: 260px;} } 


.news_list ul .main_news figure { float:left; position:relative; margin-right:19px;}
.data-news { float:left; position:relative;}
	@media screen and (max-width: 650px) { .data-news { margin:0;  display: block; float: none;} }


.news_list ul .main_news span { position:absolute; background:url(../images/data.jpg) #000 left center no-repeat; padding:0px 20px 0px 48px; height:26px; line-height:26px; bottom:24px; left:-2px; font-family:Arial, Helvetica, sans-serif; font-size:small; color:#FFF; font-weight:bold; font-style:italic;}  
	@media screen and (max-width: 650px) { .news_list ul .main_news span { left:3px;top:30px; }  
 }


.news_list ul .main_news h6 { margin-top:0px;}
.news_list ul .main_news h6 a{ font-size:large; line-height:25px;}
.news_list ul .main_news .more{ font-size:small;}
.news_list ul .main_news .more:hover{ text-decoration: underline; }
.news_list .more_news { text-decoration:none; float:right; text-transform:uppercase; font-size:medium; font-weight:bold; color:#0d4885; margin:-10px 20px 5px 0;}  
.news_list .more_news span.ico { background:url(../images/news.png) 148px 5px; background-repeat: no-repeat; width: 160px; font-weight:normal; display: block; }

a.news-more { font-family: Arial; color: #623673; font-size:small; text-decoration: none;}
a.news-more:hover, a.news-more:focus { font-family: Arial; color: #0D4885; font-size:small; text-decoration: underline;}
a.news-more em{ background:url(../images/more.png) no-repeat; display: inline-block; width: 4px; height: 7px; font-weight:normal; margin-left: 7px;}
a.news-more1 { font-family: Century Gothic; text-transform: uppercase; float: right; font-weight: bold; color: #623673; text-decoration: none; font-size:small; margin: -5px 15px 20px 0; }
a.news-more1:hover, a.news-more1:focus  { font-family: Century Gothic; text-transform: uppercase; float: right; font-weight: bold; color: #0D4885; text-decoration: underline; font-size:small; margin: -5px 15px 20px 0; }
a.news-more1 em { background:url(../images/news.png) no-repeat; width: 7px; height: 9px; display: inline-block; margin-left: 20px; }

/* Slider */
#slider { background: #202020 url(../images/bg_slider.jpg) no-repeat top center; min-width:960px; height: 350px; position: relative; width:100%; overflow:hidden; display: none; }

.ui-datepicker-inline { background:#FFF; border:1px solid #d7d5d3; -webkit-border-radius: 0px 0px 22px 0px; border-radius: 0px 0px 22px 0px;}
.ui-datepicker-header { background:#623673 !important;}  
.ui-datepicker-prev span { width:20px; height:21px; text-indent:-9999px; background:url(../images/arrow.png) top !important;}   
.ui-datepicker-next span { width:20px; height:21px; text-indent:-9999px; background:url(../images/arrow.png) bottom !important;}   
.ui-datepicker-today {
	background-color: #1d1915 !important; 
	background: -moz-linear-gradient(top,  #4e473f 0%, #1d1915 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e473f), color-stop(100%,#1d1915)) !important;
	background: -webkit-linear-gradient(top,  #4e473f 0%,#1d1915 100%) !important;
	background: -o-linear-gradient(top,  #4e473f 0%,#1d1915 100%) !important;
	background: -ms-linear-gradient(top,  #4e473f) 0%,#1d1915 100%) !important;
	background: linear-gradient(to bottom,  #4e473f 0%,#1d1915 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e473f', endColorstr='#1d1915',GradientType=0 ) !important;	color: #fffffe !important;}
.ui-datepicker-today a { background:none !important; color:#FFF !important; font-weight:bold !important;}

/*
 * jQuery UI Datepicker 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width:100%; padding: 0; display: none; }
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default { background: none; color: #787168; }
.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight { background: url(images/bg_calendar_header.png) repeat-x; color: #fff ; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background: url(images/bg_calendar_header.png) repeat-x; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 10px; width: 22px; height: 22px; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 10px; }
.ui-datepicker .ui-datepicker-prev { left: 10px; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { right:10px; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev-hover { left:10px; border: 0; }
.ui-datepicker .ui-datepicker-next-hover { right:10px; border: 0; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; background: none; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; text-align: center; color: #fff; text-transform: uppercase; font-size:medium; line-height: 40px; font-weight: normal; }
.ui-datepicker .ui-datepicker-title select { font-size:small; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%; background:#FFF;}
.ui-datepicker table {width: 97%; font-size:small; border-collapse: collapse; margin: 5px auto; }
.ui-datepicker th { padding: .7em .3em; text-align: center; border: 0; color: #302b25; font-family: Tahoma; font-size:medium; font-weight: normal;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 8px 5px; text-align: center; text-decoration: none; border: 0 !important; font-size:medium; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: normal/*{fwDefault}*/; color: #787168/*{fcDefault}*/; font-family: Arial; font-size:medium; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #787168/*{fcDefault}*/; text-decoration: none; }

.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal !important/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-state-active_2 { background: rgb(215,19,81);
background: -moz-linear-gradient(top,  rgba(215,19,81,1) 0%, rgba(173,4,58,1) 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,19,81,1)), color-stop(100%,rgba(173,4,58,1))) !important;
background: -webkit-linear-gradient(top,  rgba(215,19,81,1) 0%,rgba(173,4,58,1) 100%) !important;
background: -o-linear-gradient(top,  rgba(215,19,81,1) 0%,rgba(173,4,58,1) 100%) !important;
background: -ms-linear-gradient(top,  rgba(215,19,81,1) 0%,rgba(173,4,58,1) 100%) !important;
background: linear-gradient(to bottom,  rgba(215,19,81,1) 0%,rgba(173,4,58,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d71351', endColorstr='#ad043a',GradientType=0 ) !important;
}





/* ----------------------- */


.skip-link {
  position: absolute;
  left: -9999em; 
}
.skip-link:focus {
  position: absolute;
  left: 0;
  width: 180px;
  background: black;
  color: white;
  height: 22px;
  font-size:medium;
}

/* lmenu */

.lmenu ul{
position: relative;
list-style: none;
margin: 0;
padding: 0;
display: block;
z-index: 9;

}

.lmenu ul li{
width: 100%;
border-bottom: 1px solid #d7d5d3;
text-indent: 15px;
/* background: url(../images/arrow_right.jpg) 280px center no-repeat; */
}

.lmenu ul li.last {

border-bottom:none;
}

.lmenu > ul{
	position: relative;
	background: #FFF;
	border: 1px solid #d7d5d3;
	-webkit-border-radius: 0px 0px 22px 0px;
	border-radius: 0px 0px 22px 0px;

}

.lmenu > ul li a{

padding: 11px 0px 10px 0;
text-decoration: none;
color: #252525;
font-size:small;
font-weight: bold;
text-transform: uppercase;
overflow: auto;
position: relative;
display: block;
}

.lmenu > ul li.hassub > a::after{ 
	border: 5px solid transparent;
	border-left-color: gray; 
	content: ''; 
	height: 0;
	position: absolute;
	right: 10px;
	top: 40%;
	width: 0;
}

.lmenu > ul li.hassub.selected > a::after{
	border-left-color: #7b0113;
}

.lmenu ul li a:hover, .lmenu ul li.hassub.selected > a{ 
	border-left:2px solid #7b0113; 
	margin-left:-2px; 
	text-indent:15px

}

.lmenu ul li > div, .lmenu ul li > ul{ 


	font-weight: normal;
	width: 100%;
	height: auto; 
	left: 100%;
	padding: 0px;
	position: absolute;
	margin-top: -14%;
	background: #FFF;
	border: 1px solid #d7d5d3;
	-webkit-border-radius: 0px 0px 22px 0px;
	border-radius: 0px 0px 22px 0px;
	z-index: 1000;
}


@media screen and (max-width: 650px){ 
	.lmenu ul li > div, .lmenu ul li > ul{
		left: 30px; 
		display: none;
	}

	.lmenu > ul li.hassub.selected::after{ 
		background: #eee;
		content: '';
		height: auto;
		left: 0;
		opacity: .8;
		pointer-events: none;
		position: absolute;
		top: -14%;
		width: 100%;
		z-index: 1;
	}

	.lmenu ul li{
		width: 100%;
		border-bottom: 1px solid #d7d5d3;
		text-indent: 15px;
		/* background: url(../images/arrow_right.jpg) right no-repeat; */
		background-position: 95%;
}

}
/* end lmenu */

/* tmenu */
#nav, #nav ul, #nav li {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  box-sizing: border-box;
  z-index: 9999;
  }

#nav {
  position: relative;
  color: #000;
  border: 0px solid #D9BA31;
  z-index: 9999;}
  @media screen and (min-width: 650px) {
    #nav {
      display: inline-block; } }
  @media screen and (max-width: 650px) {
    #nav {
      display: block; } }

#nav li {
  position: relative; }

#nav a {
  text-decoration: none;
  height: 100%;
  display: block;
  padding: 0 12px;
  color: #252525;  
  text-transform: uppercase;
  font-weight: bold;

  }

@media screen and (min-width: 650px) {
  #nav a:focus {
    outline: none; } }

@media screen and (min-width: 650px) {
  #nav li {
    text-align: left;
    width: 200px; } }
@media screen and (max-width: 650px) {
  #nav li {
    text-align: center;
    width: 100%; } }

/* Any sub menu */
@media screen and (min-width: 650px) {
  a + ul {
    position: absolute; }
    a + ul:not(.js-showElement) {
      display: none; } }
@media screen and (max-width: 650px) {
  a + ul {
    position: relative; }
    a + ul:not(.js-hideElement) {
      display: block; } }

/* The Main Navigation Bar - Navigation Level One */
#nav > ul, .fa {
  height: 100%;
  line-height: 60px; }
	@media screen and (max-width: 650px) { #nav > ul, .fa {  line-height: 20px; }  }

#nav > ul > li {
  position: relative;
  text-align: center;}
  @media screen and (min-width: 650px) {
    #nav > ul > li {
      float: left;
      width: auto; } }
  @media screen and (max-width: 650px) {
    #nav > ul > li {
      float: none;
      display: block;
      width: 100%; } }

#nav > ul > li > a {
  /* background-color: #ffdb3a; */  background: url(../images/sep.png) no-repeat right; }
  #nav > ul > li > a:hover, #nav > ul > li > a:focus, #nav > ul > li > a.js-openSubMenu {
    /* background-color: #D9BA31; */
	color: #ca2c2a;
	}

#nav > ul > li:hover > a, #nav > ul > li:focus > a {
  /* background-color: #D9BA31; */
  color: #ca2c2a; }

@media screen and (min-width: 650px) {
  #nav > ul > li:not(:last-child) {
    border-right: 0px solid #D9BA31;
    border-bottom: none; } }
@media screen and (max-width: 650px) {
  #nav > ul > li:not(:last-child) {
    border-right: none; }
    #nav > ul > li:not(:last-child):not(:first-child) {
      border-bottom: 0px solid #D9BA31; } }

#nav > ul > li:not(#toggleMenu):not(.js-showElement) {
  /* first level nav li except toggleMenu icon */ }
  @media screen and (min-width: 650px) {
    #nav > ul > li:not(#toggleMenu):not(.js-showElement) {
      display: inline-block; } }
  @media screen and (max-width: 650px) {
    #nav > ul > li:not(#toggleMenu):not(.js-showElement) {
      display: none; } }

@media screen and (min-width: 650px) {
  #nav #toggleMenu {
    display: none; } }
@media screen and (max-width: 650px) {
  #nav #toggleMenu {
    display: block;
    width: 100%; }
    #nav #toggleMenu.js-open {
      /* border-bottom: 1px solid #D9BA31; */}
      #nav #toggleMenu.js-open .fa-times {
        display: block; }
      #nav #toggleMenu.js-open .fa-bars {
        display: none; }
      #nav #toggleMenu.js-open a {
        background-color: #2b2621; }
    #nav #toggleMenu:not(.js-open) .fa-times {
      display: none; }
    #nav #toggleMenu:not(.js-open) .fa-bars {
      display: block; } }

span#toggleMenu-text {
  position: absolute;
  opacity: 0; }

/* Second Level Dropdown */
#nav > ul > li > ul {
border-top: 2px solid #ee0200;
  /* background-color: #D9BA31; */}
  @media screen and (min-width: 650px) {
    #nav > ul > li > ul {
      top: 60px;
      left: 0; } }
  @media screen and (max-width: 650px) {
    #nav > ul > li > ul {
      width: 100%;
      position: relative; }
      #nav > ul > li > ul:not(.js-showElement) {
        display: none; } }

#nav > ul > li > ul > li > a {
  background-color: #623673; /*#2b2621 */
  color: #d4d3d2;
  line-height: 30px;
  text-transform: none;
  
  }
  #nav > ul > li > ul > li > a:hover, #nav > ul > li > ul > li > a:focus {
    /* background-color: #ffdb3a; */
	color: #ca2c2a;}

#nav > ul > li > ul > li:not(:last-child) a {
  border-bottom: 0px solid #ffdb3a; }

/* Third Level Dropdown */
@media screen and (min-width: 650px) {
  #nav > ul > li > ul > li > ul {
    top: 0;
    left: 200px;
    /* width of ul */ } }
@media screen and (max-width: 650px) {
  #nav > ul > li > ul > li > ul {
    width: 100%;
    position: relative; }
    #nav > ul > li > ul > li > ul:not(.js-showElement) {
      display: none; } }

#nav > ul > li > ul > li > ul > li > a {
  background-color: #623673; }
  #nav > ul > li > ul > li > ul > li > a:hover, #nav > ul > li > ul > li > ul > li > a:focus {
    background-color: #623673; } /* było #D9BA31 */

#nav > ul > li > ul > li > ul > li:not(:last-child) > a {
  border-bottom: 1px solid #FFFFFF; }

/* Javascript classes */
#nav .js-hideElement {
  display: none;  }

#nav .js-showElement {
  display: block; ;
 }

/* Fallback for users without javascript */
html.no-js li:hover > a + ul, html.no-js li:focus > a + ul {
  display: block; }
@media screen and (max-width: 650px) {
  html.no-js #nav:hover > ul > li:not(#toggleMenu), html.no-js #nav:focus > ul > li:not(#toggleMenu) {
    display: block; }
  html.no-js #nav:hover li:hover > a + ul, html.no-js #nav:hover li:focus > a + ul, html.no-js #nav:focus li:hover > a + ul, html.no-js #nav:focus li:focus > a + ul {
    display: block; } }

/* end top menu */




/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}