body {font-family: 'PT Sans', sans-serif;font-size:medium;line-height:1.5;color:yellow;background:black; padding:0;margin:0;}
img {    -webkit-filter: contrast(1.4) saturate(1.8) sepia(.6);
    filter: contrast(1.4) saturate(1.8) sepia(.6);}


:focus {border: 1px solid yellow;}
#header .top .btn { height:21px; color:yellow; text-decoration:none; font-size:small; padding:0px 10px; /* margin:2px 5px; */}
#header .top .btn-f { margin: 0px; padding:0px; color:yellow; font-size:small;}
#header .logo { float:left; margin: 10px 10px 10px 5px; background: white; padding: 3px; -webkit-border-radius: 0px 0px 12px 0px; border-radius: 0px 0px 12px 0px; border: 1px solid yellow;} 
#header .top{ background-color:black; font-family: Arial; border: 1px solid yellow;}
#header .top .lang li { background-color:black;}

#nav {
  position: relative;
  color: yellow;
  border: 0px solid #D9BA31;
  z-index: 9999;}


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

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

#nav > ul > li:hover > a, #nav > ul > li:focus > a {
  color: white; }


/* Second Level Dropdown */
#nav > ul > li > ul {
border-top: 2px solid white;
border-bottom: 2px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
  }
  @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: black; 
  color: yellow;
  line-height: 30px;
  text-transform: none;  
  }
  #nav > ul > li > ul > li > a:hover, #nav > ul > li > ul > li > a:focus {
    color: white;}

#title{ background:black; border-top:1px solid yellow; border-bottom: 1px solid yellow; min-width:960px;}
#title div { color:yellow; position: relative; }
#breadcrumb a {color:yellow;}
#breadcrumb a:hover, #breadcrumb a:focus {color:white;}

#content { overflow:hidden; min-width:960px; background:black; padding:30px 0 10px 0;}


.lmenu ul li{
width: 100%;
border-bottom: 1px solid white;
text-indent: 15px;
}

.lmenu > ul{
	position: relative;
	background: black;
	border: 1px solid white;
	-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: yellow;
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: white; 
	content: ''; 
	height: 0;
	position: absolute;
	right: 10px;
	top: 40%;
	width: 0;
}

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

.lmenu ul li a:hover, .lmenu ul li.hassub.selected > a{ 
	border-left:2px solid white; 
	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: black;
	border: 1px solid white;
	-webkit-border-radius: 0px 0px 22px 0px;
	border-radius: 0px 0px 22px 0px;
	z-index: 1000;
}


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

.wydzial { background:black; border:1px solid white; -webkit-border-radius: 0px 0px 22px 0px; border-radius: 0px 0px 22px 0px; margin:20px 0;}
.wydzial ul li { background:url(../images/wydzial_bg_c.png) left 10px no-repeat; border-bottom:1px solid white; line-height:18px;}
.wydzial ul li.last { border-bottom:0;}
.wydzial ul li a { color:yellow; 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_c.png);}  
.wydzial ul li:hover a , .wydzial ul li.active a{ color:yellow !important;}

.gallery_box {background:black; border:1px solid white; -webkit-border-radius: 0px 0px 22px 0px; border-radius: 0px 0px 22px 0px; margin:20px 0; border-top:1px solid white; padding-left:15px; overflow:hidden;}
.gallery_box h2 a { color: yellow !important;}  
.gallery_box ul li span { font-family:Arial, Helvetica, sans-serif; font-size:small; font-style:inherit; color:yellow; display:block; margin-bottom:13px;}  
.gallery_box ul li a { color:white; text-decoration:none; font-size:small; font-weight:bold; line-height:14px; }
.gallery_box .more { float:right; color:yellow; text-transform:uppercase; font-size:medium; font-weight:bold; text-decoration:none; margin:0px 7px 22px 0px;}  
a.gallery-more { font-family: Century Gothic; text-transform: uppercase; float: right; font-weight: bold; color: yellow; 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: white; text-decoration: none; font-size:small; margin: -5px 15px 20px 0; }

.news_box { float:right; width:610px; border: 1px solid white; background-color:black; padding:20px; -webkit-border-radius: 0px 0px 15px 0px; border-radius: 0px 0px 15px 0px}   
.news_box h5 { font-weight:normal; font-size:large; color:yellow; margin:0; padding:0; margin-bottom:10px;}
.news_box ul li { width:100%; border-bottom:1px dotted white; border-color:white; padding:18px 0px; overflow:hidden;}
.news_box ul li a { text-decoration:none; color:yellow; font-family:Arial, Helvetica, sans-serif; font-size:small; font-weight: bold !important; }
.news_box ul li:hover a { color:white; font-weight:bold;}
.news_box .more { font-size:small; font-weight:bold; color:yellow; text-decoration:none; text-transform:uppercase; float:right;}
a.ogl-more { font-size:small; font-family: Century Gothic; text-transform: uppercase; color: yellow; 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: white; font-weight: bold; text-decoration: underline;  }
a.ogl-more em{ background:url(../images/more_c.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 15px;margin-right: 10px; }

article p { font-family: Arial; font-size:medium; color: yellow; }
article h2 { font-size:large; color: yellow; font-weight: bold;}
article h3 { font-family: Arial; font-weight: bold; font-size:medium; color: yellow; }
.news_list { float:right; width:610px; padding:19px; border:1px solid #d7d5d3; border-top:1px solid white; background:black; margin: 0 0 20px 0; -webkit-border-radius: 0px 0px 15px 0px; border-radius: 0px 0px 15px 0px;} 
.news_list h3 { color:yellow; margin:0px 0 20px 0; padding:0; font-size:large;}
.news_list .h3 { color:yellow; font-weight: normal; margin:0px 0 20px 0; padding:0; font-size:large;}
.news_list ul li { width:280px; float:left; height:auto; margin:0px 25px 30px 0; border-bottom:1px dotted white;}
.news_list ul li .data, span.tooltip_data { font-family:Arial, Helvetica, sans-serif; font-size:small; color:yellow; padding-left:20px; font-style:italic; background:url(../images/data_ico.png) left center no-repeat; }
span.tooltip_data { font-family:Arial, Helvetica, sans-serif; font-size:medium; color:yellow; padding-left:20px; font-style:italic; background:url(../images/data_ico.png) left center no-repeat; position: relative; top: -10px; }  
.news_list ul li h4 a, h4.tooltip { text-decoration:none; color:yellow; font-size:large;}
.news_list ul li p { font-size:small; color:yellow; font-family:Arial, Helvetica, sans-serif;}
p.tooltip { font-size:medium; color:yellow; font-family:Arial, Helvetica, sans-serif; position: relative; top: -10px;}
.news_list ul li .more { font-size:medium; color:yellow; font-family:Arial, Helvetica, sans-serif; text-decoration: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:yellow; font-weight:bold; font-style:italic;} 
.news_list .more_news { text-decoration:none; float:right; text-transform:uppercase; font-size:medium; font-weight:bold; color:yellow; margin:-10px 20px 5px 0;}  
a.news-more { font-family: Arial; color: yellow; font-size:small; text-decoration: none;}
a.news-more:hover, a.news-more:focus { font-family: Arial; color: white; font-size:small; text-decoration: underline;}
a.news-more em{ background:url(../images/more_c.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: yellow; 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: white; text-decoration: underline; font-size:small; margin: -5px 15px 20px 0; }
a.news-more1 em { background:url(../images/news_c.png) no-repeat; width: 7px; height: 9px; display: inline-block; margin-left: 20px; }

#bottom { background:black; border-top: 1px solid yellow; overflow:hidden; padding-bottom:30px; min-width:960px; }
.bottom_cont nav ul li a { text-decoration:none; color:yellow; font-size:small;}
.bottom_cont nav ul li a:hover { color:white;}
.bottom_cont .box h6 { margin:0 0 25px 0; padding:0; font-size:large; color:yellow; padding-bottom:20px; border-bottom:1px solid white;}
.bottom_cont .box p.p1 { font-family:Arial; color: yellow; font-size:medium; line-height:20px; margin:0px 0 18px 0;}
.bottom_cont .box p { font-family:Arial; color: yellow; font-size:small; line-height:20px; margin:0px 0 18px 0;}
.bottom_cont .box ul li a { color:yellow; 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:black; border-top: 1px solid yellow; }
.footer .copy { color:yellow; background:url(../images/logo_small.png) left center no-repeat; padding-left:60px; float:left;  font-size:small;}
.footer .copy a { color:yellow; }
.footer .copy a:hover, .footer .copy a:focus  { color:white; }
.footer .create { float:right; color:yellow; font-size:medium;}
.footer .create a { text-decoration:none; color:white;}

.article { float:right; padding: 15px 25px; border:1px solid white; border-top:1px solid white; background:black; margin: 0 0 20px 0; -webkit-border-radius: 0px 0px 15px 0px; border-radius: 0px 0px 15px 0px;} 
.article h1 { color:yellow; font-weight:normal; margin:0px 0 20px 0; padding:0; font-size:large;}
.article {border-top-color:white; width: 600px;}
.article ul li .data {color:yellow; background-image:url(../images/data_icon.png);}
.article ul li .more span {color:yellow;}
.article ul li .more  span:hover {text-decoration: underline;}
.article ul .main_news span {background-image:url(../images/data.jpg);}
.article .more_news {color:yellow;}
.article ul li { background: url(../images/li_c.png) left 3px no-repeat; font-family: Arial; font-size:medium; color: yellow; padding-left: 30px;margin-bottom: 10px; }


.ui-datepicker-header { background:black !important;} 
.ui-datepicker-inline { background:black; border:1px solid white; color: yellow; -webkit-border-radius: 0px 0px 22px 0px; border-radius: 0px 0px 22px 0px;}
.ui-datepicker th { padding: .7em .3em; text-align: center; border: 0; color: yellow; font-family: Tahoma; font-size:medium; font-weight: normal;  }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: normal/*{fwDefault}*/; color: yellow/*{fcDefault}*/; font-family: Arial; font-size:medium; }