
html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 650px) { body {line-height:1.7;padding:2px;margin:0px;} }

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

a:focus {
	border: 1px dotted #0080c0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



a {	color: #73706D; text-decoration: none; }

a:hover { color: #52504e; }

#header { margin:auto; width:960px; }
	 @media screen and (max-width: 650px) { #header {width: 100%;} }

#header .top { height:27px; width:100%; -webkit-border-radius: 0px 0px 0px 20px; border-radius: 0px 0px 0px 20px; background:#42030d; padding-top:5px;}  
	@media screen and (max-width: 650px) { #header .top {height: auto;} }

@media screen and (max-width: 650px) { .social-ico-group {display: none; }}

#flags { padding: 0; float: right; margin: -2px 10px 0 10px; position: relative; z-index: 102; }
#flags img {height: 20px; }




#header .top .btn { float:right; height:21px; color:#FFF; text-decoration:none; font-size:13px; font-weight:bold; padding:0px 10px; margin:0px 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.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 .icons { margin:0; padding:0; list-style: none; float:right;}
#header .top .icons li { float:left; margin:0px 6px;}
#header .top .icons li a { text-indent:-9999px; background:url(../images/top_icon.png); display:block;}
	@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:20px;}
#header .top .icons li.seal a { background-position:-33px 0; width:15px; height:20px;}
#header .top .icons li.bip a { background-position:-65px -2px; width:23px; height:20px;}
#header .top .icons li.mail a { background-position:-105px -1px; width:18px; height:20px;}
#header .top .icons li.nps a { background-position:-136px -1px; width:23px; height:20px;}


#header .logo { float:left; background:url(../images/logo2.png) no-repeat; width:326px; height:66px; text-indent:-9999px; display:block; margin:10px 0 10px 0;} 
	@media screen and (max-width: 650px) { #header .logo { float:left; margin: 8px 8px 0px 4px;}  }

#header nav { float:right; margin:0; border: 1px solid silver; /*width: 580px;*/ overflow: hidden}
	@media screen and (max-width: 650px) { #header nav { display: none; margin:0; width: 100%; } }

#header nav .menu { margin: 10px; padding:0; list-style: none;}
#header nav .menu li { float:left; background:url(../images/hr_menu.png) right 3px no-repeat; padding:0px 10px;}
#header nav .menu li a { color:#252525; font-weight:bold;  text-decoration:none; display:block; padding:0px 11px 35px 11px;}
#header nav .menu li.last { background:none;}
#header nav .menu li.current a { border-bottom:3px solid #ee0200; color:#ee0200;}
#header nav .menu li:hover a { border-bottom:3px solid #ee0200; color:#ee0200;}

#title { min-width:960px; overflow:hidden; height:97px; background:url(../images/title_bg.jpg);}  
	@media screen and (max-width: 650px) { #title{ min-width:100%; width:100%;}  }

#title div { padding-left:10px; color:#FFF;}
#title div h1 { font-size:20px; margin:25px 0 5px 0; padding:0;}
	@media screen and (max-width: 650px) { #title div h1 { margin:8px 0 2px 0; text-align:center; }  }
#title div span { font-size:15px; margin:0;}
#title a {color: white;}

.tlo { background:url(../images/human/tlo_ujk.png) no-repeat; width: 528px; height: 99px; position: relative; right: -120px; float: right; }
.tlo2 { background:url(../images/tlo_ujk.png) no-repeat; width: 528px; height: 99px; position: relative; right: -130px; float: right; }
.tlo3 { background:url(../images/mat/tlo_ujk.png) no-repeat; width: 528px; height: 128px; position: absolute; left: 550px; top: -31px; }
.tlo4 { background:url(../images/zdrowie/tlo_ujk.png) no-repeat; width: 528px; height: 99px; position: relative; right: -130px; float: right; }
.tlo5 { background:url(../images/nauki/tlo_ujk.png) no-repeat; width: 528px; height: 99px; position: relative; right: -130px; float: right; }

.tlo6 { background:url(../images/tlo_ujk.png) no-repeat; width: 528px; height: 99px; position: relative; right: -120px; float: right; }
@media screen and (max-width: 650px) {.tlo6 { background:none; width: 100%; height: auto;  }}

.tlo7 { background:url(../images/zarzadzanie/tlo_ujk.png) no-repeat; width: 528px; height: 99px; position: relative; right: -120px; float: right; }
.left { float: left; }
.bottom { margin-bottom: 20px; }
.relative { width: 960px; margin: 0 auto; position: relative; }

#content { overflow:hidden; min-width:960px; background:url(../images/bg.jpg); padding:35px 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:305px;}
	@media screen and (max-width: 650px) { .content aside { float:none; width:100%;} }

.navigation { background:#FFF; border:1px solid #d7d5d3; -webkit-border-radius: 0px 0px 15px 0px; border-radius: 0px 0px 15px 0px;}
.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) 280px center no-repeat;}
.navigation ul li a { display:block; padding:11px 0px 10px 0; text-decoration:none; color:#252525; font-size:15px; font-weight:bold; }
.navigation ul li:hover, .navigation ul li.active { background-image:url(../images/arrow_right_hover.jpg); 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;}



.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:#7b0113 !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;}


.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 #7b0113; padding-left:15px; overflow:hidden;}
.gallery_box h2 { margin:18px 0;}
.gallery_box h2 a { color:#ac0439; text-decoration:none; font-weight:normal;}  
.gallery_box ul { margin:0; padding:0; list-style: none;}


.gallery_box ul li img { 
	width: 220px;
	margin: 0px 15px 20px 0px;
	-webkit-border-bottom-right-radius: 25px; 
	-moz-border-radius-bottomright: 25px; 
	border-bottom-right-radius: 25px; 
	display: block;
}

@media screen and (max-width: 650px) {
.gallery_box ul li img { 
	width: 100%;
	margin: 0px 0px 0px 0px;
	-webkit-border-bottom-right-radius: 25px; 
	-moz-border-radius-bottomright: 25px; 
	border-bottom-right-radius: 25px; 
	display: block;
}
}
/*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:12px; color:#FFF; font-weight:bold; font-style:italic;*/

.gallery_box ul li figure {position: relative;}

.gallery_box ul li figure span.data_img {
	background: url(../images/data.jpg) #000 left center no-repeat;  
	padding:0px 20px 0px 48px; 
	height: 26px;	
	line-height: 26px;	
	position: absolute;
	bottom:4px; 
	left:0px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFF; 
	font-weight:bold; 
	font-style:italic;
	opacity: 0.75;
    filter: alpha(opacity=75)
}



.gallery_box ul li a { color:#747474; text-decoration:none; font-size:12px; font-weight:bold; line-height:14px; }
	@media screen and (max-width: 650px) {.gallery_box ul li a { color:#747474; text-decoration:none; font-size:14px; font-weight:bold; line-height:14px; }}

.gallery_box .more { float:right; color:#7b0113;  font-size:13px; font-weight:bold; text-decoration:none; margin:0px 7px 22px 0px;}  
.gallery_box .more span { margin-left:10px; font-weight:normal;}

.news_box { margin-bottom: 30px; float:right; width:595px; background:#42030d; 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; overflow: hidden;}  }

.news_box h1 { font-weight:normal; font-size:23px; color:#ffffff; margin:0; padding:0; margin-bottom:10px;}
	@media screen and (max-width: 650px) { .news_box h1 { font-weight:normal; font-size:large; color:#ffffff; margin:10px; padding:0; margin-bottom:10px;}   }

.news_box h1 a {color: #c3c3c3;}
.news_box h1 a:hover {color: white;}
.news_box ul { margin:0; padding:0; list-style:none;}
.news_box ul li { width:100%; border-bottom:1px dotted #713b4f; 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:13px; font-weight: bold !important; }
@media screen and (max-width: 650px) {.news_box ul li a { padding-left: 10px; }}
.news_box ul li:hover a { color:#FFF; font-weight:bold;}
.news_box ul li span { display:inline-block;}
.news_box ul li .nr { width:40px; text-indent:5px;}
@media screen and (max-width: 650px) {.news_box ul li .nr { text-indent:0px;}}
.
news_box ul li .data { width:105px; font-style: italic; }

.news_box ul li .title { float:right; width:520px; font-weight:bold; font-size: 15px; font-family: Arial;}
@media screen and (max-width: 650px) {.news_box ul li .title { width:100%; font-weight:bold; font-size: 15px; font-family: Arial; }}

.news_box .more { font-size:13px; font-weight:bold; color:#f16479; text-decoration:none;  float:right;}
@media screen and (max-width: 650px) {.news_box .more { padding-right: 25px;}}

.news_box .more span { margin-left:10px; font-weight:normal}


div.bordo {
	background-color: #b0000d !important; 
	color: #dad3d5;
}
@media screen and (max-width: 650px) {
div.bordo p {

	padding-left: 10px;
} }

div.bordo h1 {
	padding-bottom: 10px;
	border-bottom: 1px dotted #ff404f;
}

div.bordo a {color: yellow}

div.last > div.green {
	width: 264px;
	background-color:#0f870c;
	margin-left: 20px;
	float: left;
}
@media screen and (max-width: 650px) {
div.last > div.green {
	width: 100%;
	background-color:#0f870c;
	margin-left: 0px;
	padding-left: 16px;
	float: left;
}
}

div.last > div.green h1 {font-size: 18px;}
div.last > div.green ul li {border-color: #77ee4f;}
div.last > div.green a.more {color: #77ee4f;}

.news_list { float:right; width:595px; padding:19px; 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) { .news_list { width:100%; padding:0px; 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;} }

	
.news_list h1 { color:#7b0113; font-weight:normal; margin:0px 0 20px 0; padding:0; font-size:23px;}
@media screen and (max-width: 650px) {.news_list h1 { color:#7b0113; font-weight:normal; margin:0px 0 20px 0; padding:0; font-size:23px;}}

.news_list ul { margin:0; padding:0; list-style:none;}
.news_list ul li { width:280px; float:left; min-height: 240px; margin:0px 25px 30px 0; border-bottom:1px dotted #999999;}
.news_list ul li.nomargin { margin-right:0px;}
.news_list ul li .data, span.tooltip_data { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#880100; 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:12px; 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 h2 a, h2.tooltip { text-decoration:none; color:#747474; font-size:16px;}
.news_list ul li h2 { line-height:20px; margin:5px 0;}
.news_list ul li p { font-size:12px; color:#756F69; font-family:Arial, Helvetica, sans-serif; text-align: justify; text-indent: 14px;}
p.tooltip { font-size:12px; color:#756F69; font-family:Arial, Helvetica, sans-serif; position: relative; top: -10px;}
.news_list ul li .more { font-size:12px; color:#b71817; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}  
.news_list ul .main_news { width:100%;}
.news_list ul .main_news figure { float:left; position:relative; margin-right:19px;}
.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:12px; color:#FFF; font-weight:bold; font-style:italic;}  
.news_list ul .main_news h2 { margin-top:0px;}
.news_list ul .main_news h2 a{ font-size:22px; line-height:25px;}

.news_list ul li.main_news figure img {width: 292px; -webkit-border-radius: 0px 0px 22px 0px; border-radius: 0px 0px 22px 0px;}


.news_list ul .main_news .more:hover{ text-decoration: underline; }
.news_list .more_news { text-decoration:none; float:right;  font-size:13px; font-weight:bold; color:#7b0113; margin:-10px 20px 5px 0;}  
.news_list .more_news span.ico { background:url(../images/human/news.png) 148px 5px; background-repeat: no-repeat; width: 160px; height: 14px; font-weight:normal; display: block; }
span.ico2 { background:url(../images/human/news.png) 113px 6px; display: block; background-repeat: no-repeat; width: 125px; height: 15px; font-weight:normal; margin-right: 7px; }

a.ico { font-family: Century Gothic;  float: right; font-weight: bold; color: #ac0439; text-decoration: none; font-size: 13px; margin: -5px 15px 20px 0; }
a.ico em { background:url(../images/human/news.png) no-repeat; width: 7px; height: 9px; display: inline-block; margin-left: 20px; }
a.ico3 { font-family: Arial; color: #b71817; font-size: 12px; text-decoration: none;}
a.ico3 em{ background:url(../images/human/more2.png) no-repeat; display: inline-block; width: 4px; height: 7px; font-weight:normal; margin-left: 7px;}
a.ico4 { font-size: 14px; font-family: Arial; color: #ac0439; text-decoration: none;  }
a:hover.ico3, a:hover.ico4, a:hover.ico5, a:hover.ico, a:hover.ico6, a:hover.ico7, a:hover.ico8, a:hover.ico9, a:hover.ico10, a:hover.ico11, a:hover.ico12, a:hover.ico13, a:hover.ico14, a:hover.ico15, a:hover.ico16, a:hover.ico17, a:hover.ico18, a:hover.ico19, a:hover.ico20, a:hover.ico21, a:hover.ico22, a:hover.ico23, a:hover.ico24, a:hover.ico25, a:hover.ico26, a:hover.ico27, a:hover.ico28, a:hover.ico29, a:hover.ico30, a:hover.ico31, a:hover.ico32, a:hover.ico33, a:hover.ico34, a:hover.ico35 { text-decoration: underline; }
a.ico4 em{ background:url(../images/human/more3.png) no-repeat; display: inline-block; width: 5px; height: 9px; font-weight:normal; margin-left: 10px; }
a.ico5 { font-size: 14px; font-family: Century Gothic;  color: #ff427e; font-weight: bold; text-decoration: none; float: right; }
a.ico5 em{ background:url(../images/human/more.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 15px;margin-right: 10px; }
a.ico6 { font-size: 14px; font-family: Century Gothic;  color: #ef6c7f; font-weight: bold; text-decoration: none; float: right; }
a.ico6 em{ background:url(../images/more.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 15px;margin-right: 10px; }
a.ico7 { font-family: Arial; color: #b71817; font-size: 14px; text-decoration: none;}
a.ico7 em{ background:url(../images/more3.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 7px;}
a.ico8 { font-size: 14px; font-family: Century Gothic;  color: #7b0113; font-weight: bold; text-decoration: none; float: right; }
a.ico8 em{ background:url(../images/news.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 15px;margin-right: 10px; }
a.ico9 { font-family: Century Gothic;  float: right; font-weight: bold; color: #7B0113; text-decoration: none; font-size: 13px; margin: -5px 15px 20px 0; }
a.ico9 em { background:url(../images/news.png) no-repeat; width: 7px; height: 9px; display: inline-block; margin-left: 20px; }
a.ico10 { font-size: 14px; font-family: Century Gothic;  color: #44274F; font-weight: bold; text-decoration: none; float: right; }
a.ico10 em{ background:url(../images/mat/more.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 15px;margin-right: 10px; }
a.ico11 { font-size: 14px; font-family: Century Gothic;  color: #d284eb; font-weight: bold; text-decoration: none; float: right; }
a.ico11 em{ background:url(../images/mat/more3.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 15px;margin-right: 10px; }
a.ico12 { font-family: Arial; color: #44274F; font-size: 12px; text-decoration: none;}
a.ico12 em{ background:url(../images/mat/more2.png) no-repeat; display: inline-block; width: 4px; height: 7px; font-weight:normal; margin-left: 7px;}
a.ico13 { font-family: Century Gothic;  float: right; font-weight: bold; color: #592d69; text-decoration: none; font-size: 13px; margin: -5px 15px 20px 0; }
a.ico13 em { background:url(../images/mat/news.png) no-repeat; width: 7px; height: 9px; display: inline-block; margin-left: 20px; }
a.ico14 { font-size: 14px; font-family: Century Gothic;  color: #67BE67; font-weight: bold; text-decoration: none; float: right; }
a.ico14 em{ background:url(../images/nauki/more3.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 15px;margin-right: 10px; }
a.ico15 { font-size: 14px; font-family: Arial; color: #44274F; text-decoration: none;  }
a.ico15 em{ background:url(../images/mat/more.png) no-repeat; display: inline-block; width: 5px; height: 9px; font-weight:normal; margin-left: 10px; }
a.ico16 { font-size: 14px; font-family: Arial; color: #035C03; text-decoration: none;  }
a.ico16 em{ background:url(../images/nauki/more2.png) no-repeat; display: inline-block; width: 5px; height: 9px; font-weight:normal; margin-left: 10px; }
a.ico17 { font-family: Arial; color: #035C03; font-size: 12px; text-decoration: none;}
a.ico17 em{ background:url(../images/nauki/more.png) no-repeat; display: inline-block; width: 4px; height: 7px; font-weight:normal; margin-left: 7px;}
a.ico18 { font-size: 14px; font-family: Century Gothic;  color: #035C03; font-weight: bold; text-decoration: none; float: right; }
a.ico18 em{ background:url(../images/nauki/news.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 15px;margin-right: 10px; }
a.ico19 { font-family: Century Gothic;  float: right; font-weight: bold; color: #035C03; text-decoration: none; font-size: 13px; margin: -5px 15px 20px 0; }
a.ico19 em { background:url(../images/nauki/news.png) no-repeat; width: 7px; height: 9px; display: inline-block; margin-left: 20px; }
a.ico20 { font-size: 14px; font-family: Century Gothic;  color: #50A8ED; font-weight: bold; text-decoration: none; float: right; }
a.ico20 em{ background:url(../images/more3.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 15px;margin-right: 10px; }
a.ico21 { font-size: 14px; font-family: Arial; color: #0D4885; text-decoration: none;  }
a.ico21 em{ background:url(../images/more.png) no-repeat; display: inline-block; width: 6px; height: 10px; font-weight:normal; margin-left: 10px; }
a.ico22 { font-family: Arial; color: #B71817; font-size: 12px; text-decoration: none;}
a.ico22 em{ background:url(../images/more2.png) no-repeat; display: inline-block; width: 4px; height: 7px; font-weight:normal; margin-left: 7px;}
a.ico23 { font-family: Arial; color: #0D4885; font-size: 12px; text-decoration: none;}
a.ico23 em{ background:url(../images/more2.png) no-repeat; display: inline-block; width: 4px; height: 7px; font-weight:normal; margin-left: 7px;}
a.ico24 { font-family: Century Gothic;  float: right; font-weight: bold; color: #0D4885; text-decoration: none; font-size: 13px; margin: -5px 15px 20px 0; }
a.ico24 em { background:url(../images/news.png) no-repeat; width: 7px; height: 9px; display: inline-block; margin-left: 20px; }
a.ico25 { font-family: Century Gothic;  float: right; font-weight: bold; color: #0D4885; text-decoration: none; font-size: 13px; margin: 5px 15px 20px 0; }
a.ico25 em { background:url(../images/news.png) no-repeat; width: 7px; height: 9px; display: inline-block; margin-left: 20px; }
a.ico26 { font-size: 14px; font-family: Century Gothic;  color: #fff; font-weight: bold; text-decoration: none; float: right; }
a.ico26 em{ background:url(../images/zarzadzanie/more.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 15px;margin-right: 10px; }
a.ico27 { font-size: 14px; font-family: Arial; color: #000000; text-decoration: none;  }
a.ico27 em{ background:url(../images/zarzadzanie/more3.png) no-repeat; display: inline-block; width: 5px; height: 9px; font-weight:normal; margin-left: 10px; }
a.ico28 { font-family: Arial; color: #000000; font-size: 12px; text-decoration: none;}
a.ico28 em{ background:url(../images/zarzadzanie/more2.png) no-repeat; display: inline-block; width: 4px; height: 7px; font-weight:normal; margin-left: 7px;}
a.ico29 { font-family: Century Gothic;  float: right; font-weight: bold; color: #000000; text-decoration: none; font-size: 13px; margin: -5px 15px 20px 0; }
a.ico29 em { background:url(../images/zarzadzanie/news.png) no-repeat; width: 7px; height: 9px; display: inline-block; margin-left: 20px; }
a.ico30 { font-family: Century Gothic;  float: right; font-weight: bold; color: #000000; text-decoration: none; font-size: 13px; margin: -5px 15px 20px 0; }
a.ico30 em { background:url(../images/zarzadzanie/news.png) no-repeat; width: 7px; height: 9px; display: inline-block; margin-left: 20px; }
a.ico31 { font-size: 14px; font-family: Century Gothic;  color: #B19CD1; font-weight: bold; text-decoration: none; float: right; }
a.ico31 em{ background:url(../images/zdrowie/more3.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 15px;margin-right: 10px; }
a.ico32 { font-family: Arial; color: #B19CD1; font-size: 14px; text-decoration: none;}
a.ico32 em{ background:url(../images/zdrowie/more3.png) no-repeat; display: inline-block; width: 6px; height: 9px; font-weight:normal; margin-left: 7px;}
a.ico33 { font-family: Arial; color: #B19CD1; font-size: 12px; text-decoration: none;}
a.ico33 em{ background:url(../images/zdrowie/more2.png) no-repeat; display: inline-block; width: 4px; height: 7px; font-weight:normal; margin-left: 7px;}
a.ico34 { font-family: Century Gothic;  float: right; font-weight: bold; color: #B19CD1; text-decoration: none; font-size: 13px; margin: -5px 15px 20px 0; }
a.ico34 em { background:url(../images/zdrowie/news.png) no-repeat; width: 7px; height: 9px; display: inline-block; margin-left: 20px; }
a.ico35 { font-family: Century Gothic;  float: right; font-weight: bold; color: #B19CD1; text-decoration: none; font-size: 13px; margin: -5px 15px 20px 0; }
a.ico35 em { background:url(../images/zdrowie/news.png) no-repeat; width: 7px; height: 9px; display: inline-block; margin-left: 20px; }

#bottom { min-width:960px; background:url(../images/bg_2.jpg); overflow:hidden; padding-bottom:30px;}
	@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 30px 0 0;}
	@media screen and (max-width: 650px) { .bottom_cont nav { float:none; margin:20px 20px 20px 20px; text-align: left;} }

.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:13px;}
.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 h2 { margin:0 0 25px 0; padding:0; font-size:20px; color:#75726e; padding-bottom:20px; border-bottom:1px solid #acafaf;}
	@media screen and (max-width: 650px) { .bottom_cont .box h2 { 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:12px; line-height:20px; margin:0px 0 18px 0;}

.bottom_cont .box p { font-family:Arial; color: #A9A6A3; font-size:12px; 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:13px; padding-left:37px;}

footer { min-width:960px; overflow:hidden; background:url(../images/footer.jpg) center; height:220px}
	@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:12px;}
	@media screen and (max-width: 650px) { .footer .copy { padding-left:60px; margin: 5px; float:left;  font-size:medium; } }

.footer .create { float:right; color:#bfb8b1; font-size:12px;}
.footer .create a { text-decoration:none; color:#FFF;}
.footer .counter {clear: both;}
.footer .counter p {font-size: 11px; color: gray; font-weight: normal; font-style: italic; text-align: right; margin: 0; font-family:Century Gothic, Arial, Helvetica, sans-serif;}


/***************** PEDAGOG ***************/
.rekrut #header .top{ background-color:#0d4885;}
	@media screen and (max-width: 650px) { .rekrut #header .top{ height:50px;}}

.rekrut #header .top .lang li { background-color:#0d4885;}
.rekrut #title{ background-image:url(../images/bg_top.jpg);}
.rekrut .navigation ul li:hover, .rekrut .navigation ul li.active {background-image:url(../images/arrow_left_hover.jpg); border-left-color:#0d4885;}
.rekrut .navigation ul li:hover a, .rekrut .navigation ul li.active a {color:#0d4885}




.rekrut .ui-datepicker-header{ background-color:#0d4885 !important;}
.rekrut .event{ background: rgb(34,97,161);
background: -moz-linear-gradient(top,  rgba(34,97,161,1) 0%, rgba(11,64,117,1) 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,97,161,1)), color-stop(100%,rgba(11,64,117,1))) !important;
background: -webkit-linear-gradient(top,  rgba(34,97,161,1) 0%,rgba(11,64,117,1) 100%) !important;
background: -o-linear-gradient(top,  rgba(34,97,161,1) 0%,rgba(11,64,117,1) 100%) !important;
background: -ms-linear-gradient(top,  rgba(34,97,161,1) 0%,rgba(11,64,117,1) 100%) !important;
background: linear-gradient(to bottom,  rgba(34,97,161,1) 0%,rgba(11,64,117,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2261a1', endColorstr='#0b4075',GradientType=0 ) !important;}
.rekrut .gallery_box {border-top-color:#0d4885}
.rekrut .gallery_box h2 a {color:#0d4885 !important;}
.rekrut .gallery_box ul li span { color:#0d4885;}
.rekrut .gallery_box .more {color:#0d4885;}
.rekrut .news_box {background-color:#0d4885;}
.rekrut .news_box .more { color:#50a8ed;}
.rekrut .news_box ul li {border-color:#50a8ed;}
.rekrut .news_list {border-top-color:#0d4885;}
.rekrut .news_list h1 {color:#0d4885;}
.rekrut .news_list ul li .data {color:#0d4885; background-image:url(../images/data_icon.jpg);}
.rekrut .news_list ul li .more {color:#0d4885;}
.rekrut .news_list ul .main_news span {background-image:url(../images/data.jpg);}
.rekrut .news_list .more_news {color:#0d4885;}


/* ==========================================================================
   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;
    }
}
/*
 * 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; background: url(images/calendar_controls.png) no-repeat 0 0; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { right:10px; background: url(images/calendar_controls.png) no-repeat -22px 0; 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;  font-size: 17px; line-height: 40px; font-weight: normal; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; 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: .9em; border-collapse: collapse; margin: 5px auto; }
.ui-datepicker th { padding: .7em .3em; text-align: center; border: 0; color: #302b25; font-family: Tahoma; font-size: 16.28px; 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: 17px; }
.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: 14.48px; }
.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;
}

span.more2 {
	font-weight: bold !important;
}

.calendar {
	position: relative;
}

.kalendarz_tip {
	width: 299px;
	margin-top: 37px;
	margin-left: 45px;
	overflow: hidden;
	position: absolute;
	z-index: 500;
	border-top: 1px #D6D4D2 solid;
	display:none; }
	
.tipMid {background-color: #fff; padding: 5px 15px; border-left: 1px #D6D4D2 solid; border-right: 1px #D6D4D2 solid; }
.tipBtm {background: transparent url(../images/tipBtm.png) no-repeat bottom; height: 17px;}

div.tooltip_linki {color:#ac0439; position: relative; top: -10px; font-size: 12px; font-family: Arial;}
div.tooltip_linki a {color:#ac0439;}

.human  .event a, .mat  .event a , .history .event a , .zdrowie .event a , .rekrut .event a , .nauki  .event a , .zarzadzanie  .event a  {
	color: #fff !important;
}

.human .ui-datepicker-current-day, .mat.ui-datepicker-current-day, .history.ui-datepicker-current-day, .zrowie .ui-datepicker-current-day, .rekrut .ui-datepicker-current-day, .nauki .ui-datepicker-current-day, .zarzadzanie .ui-datepicker-current-day { 
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;}



/*loading*/
div.l {
   background: transparent url('../images/loading.gif') no-repeat center center;
   width: 100%; height: 100%; display: block;
   min-height: 200px;
}



/* Tabs */
#tabs {margin-bottom: 40px; font-family: Century Gothic, Arial, Helvetica, sans-serif;}
#tabs > div a { color: #0080c0; }
#tabs > div a:hover { color: red; }
#tabs > div ul.offert {list-style: none; padding-left: 20px;}
@media screen and (max-width: 650px) {#tabs > div ul.offert {list-style: none; padding-left: 0px;}}
#tabs > div li {margin-top: 10px;}
#tabs a:focus { outline:none; }
#tabs li.ui-tabs-active a { border-bottom: 2px solid red; padding-bottom: 5px;}


#tabs > div {
	font-size: 13px;
	min-height: 250px;
	padding-bottom: 40px;
}

#tabs img.tab {float: right; max-width: 220px; }
@media screen and (max-width: 650px) {#tabs img.tab {float: none; max-width: 100%; width: 100%;}}

#tabs h3 {font-size: 19px; color: #0d4885;}
#tabs h4 {font-size: 16px; color: #1672a9; margin-bottom: 10px; margin-top: 25px;}
#tabs h5 {font-size: 14px; color: #73706D; margin-bottom: 4px;}
#tabs h6 {font-size: 13px; color: #1672a9; margin-bottom: 0px;}
#tabs p {margin-top: 4px;}
#tabs_kon blockquote {font-style: italic; margin-top: 0px; margin-left: 20px;}
#tabs > div table td {padding: 0px 10px;}

.frm { padding: 6px;}
@media screen and (max-width: 650px) {.frm { padding: 6px; width:100% !important; margin-bottom: 25px;}}

.msgerr {color: red; background-color: #ffeaea; border: 1px solid red; text-align: center; padding: 10px; width: 80%; display: block; margin: 40px auto; border-radius: 6px;}
.msgok {color: green; background-color: #eaffeb; border: 1px solid green; text-align: center; padding: 10px; width: 80%; display: block; margin: 40px auto; border-radius: 6px;}

#tabs a.email, a.email {text-decoration: none; background: url(../images/email.png) no-repeat left top; padding-left: 28px; line-height: 30px}


.btn {
	padding: 6px;
	background: #adcbfa;
	border: 1px solid #245580;
	border-bottom-color: #223b66;
	border-radius: 4px;
	cursor: pointer;
	background-image: -webkit-linear-gradient(top, #337ab7, #265a88);
	background-image: -moz-linear-gradient(top, #337ab7, #265a88);
	background-image: -o-linear-gradient(top, #337ab7, #265a88);
	background-image: linear-gradient(to bottom, #337ab7, #265a88);
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
	color: white !important;
}


.btn-green {
	padding: 6px;
	background: #dffbac;
	border: 1px solid #528123;
	border-bottom-color: #3e6622;
	border-radius: 4px;
	cursor: pointer;
	background-image: -webkit-linear-gradient(top, #72b733, #598925);
	background-image: -moz-linear-gradient(top, #72b733, #598925);
	background-image: -o-linear-gradient(top, #72b733, #598925);
	background-image: linear-gradient(to bottom, #72b733, #598925);
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
	color: white !important;
}

#btn-login {
	float: right;
	display: block;
	font-weight: bold;
	padding: 8px 60px;
	margin: 10px 0;
}

#btn-wyszukiwarka {
	
	position: absolute;
	bottom: 20px;
	display: block;
	font-weight: bold;
	padding: 8px 60px;

}

#btn-szanse {	
	position: absolute;
	bottom: 20px;
	display: block;
	font-weight: bold;
	padding: 8px 60px;
	right: 18px;
	background-color: green;
}

#btn-pytania {	
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: block;
	font-weight: bold;
	padding: 8px 60px;	
}



@media screen and (max-width: 650px) {

#btn-wyszukiwarka {	
	position: relative;
	bottom: 20px;
	display: block;
	font-weight: bold;
	padding: 6px;

}

#btn-pytania {	
	position: relative;
	bottom: 20px;
	left: 0px;
	display: block;
	font-weight: bold;
	padding: 6px;
}

}


div.oferta h4 {text-align: center;}

div.oferta table {width: 98%; border-left: 1px solid silver; border-bottom: 1px solid silver; margin-bottom: 50px;}
@media screen and (max-width: 650px) {div.oferta table {width: 100%; border-left: 1px solid silver; border-bottom: 1px solid silver; margin-bottom: 50px;}}

div.oferta th {

	color: white;
	font-size: 15px;
	padding: 10px;

	font-weight: normal;

background: #1e5799; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */

}


.ui-widget {font-size: 1.0em;}
.ui-widget-content {font-size: 14px;}

div.oferta td, div.oferta th {vertical-align: top; width: 50%; border-top: 1px solid silver; border-right: 1px solid silver;}



#tabs div.oferta li li {margin-top: 0px;}
#tabs div.oferta li ul {margin-top: 2px; list-style: none}


.ui-dialog-title {font-size: 15px;}
.ui-button-text {font-size: 14px;}

/*#dialog-message {max-width: 700px; min-width: 200px; min-height: 700px; min-height: 200px;}*/

div.oferta-szczegoly {}
div.oferta-szczegoly a {color: #0080c0;}
div.oferta-szczegoly table {width: 100%; }
div.oferta-szczegoly table td {padding: 5px; border: 1px solid silver; vertical-align: top; }
div.oferta-szczegoly h3, div.oferta-szczegoly h5 {margin-top: 0px;}
div.oferta-szczegoly ul.kr  {list-style: none}

div.oferta-szczegoly .term b {color: green; font-style: italic;} /* @@@ */
/* div.oferta-szczegoly table td.term b {color: green; font-style: italic;} */

div.oferta-szczegoly .arch {color: red; font-style: italic;}
div.oferta-szczegoly a.showon, div.oferta-szczegoly a.showoff {color: #31758e}

div.oferta-szczegoly h4 a {font-size: 14px;}


@media screen and (max-width: 650px) {.ui-tabs .ui-tabs-nav li { width:100%; padding: 2px !important; }}

@media screen and (max-width: 650px) {.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {width: 100%;}}

#search-result div.oferta-szczegoly { margin-bottom: 50px;  padding-bottom: 50px; 
	background-color: #f4f4f4;
    border-radius: 10px;
    border: 1px solid silver;
    padding: 10px; 
}

#search-result div.oferta-szczegoly table td {border: none; }
@media screen and (max-width: 650px) {#search-result div.oferta-szczegoly table td {border: none; display: table-row; width:100% !important; text-align: justify; }}

#search-result > div.oferta-szczegoly ul.spec > li {margin-top: 0px; }
div.pages {margin-bottom: 10px;}
div.pages a {border: 1px solid silver; padding: 5px; }
div.pages b {background-color: green; color: white; padding: 6px 8px; }


a.showon {background: url(../images/on.gif) no-repeat left top; padding-left: 20px;}
a.showoff {background: url(../images/off.gif) no-repeat left top; padding-left: 20px;}


div.oferta a.showon {background: url(../images/on2.gif) no-repeat left top; padding-left: 20px;}
div.oferta a.showoff {background: url(../images/off2.gif) no-repeat left top; padding-left: 20px;}

.hide {display: none; padding: 4px;}
.sylwetka {font-size: 12px;}
.sylwetka p {font-size: 12px; text-align: justify; text-indent: 10px;}
.sylwetka p.spec {color: #0080c0; margin-top: 30px; margin-bottom: 5px;}
.sylwetka p.spec > i {font-weight: bold;}

table.frm td {vertical-align: top;}



input.btn, button.btn {
	background: #25A6E1;
	background: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background: -webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
	padding:8px 13px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:17px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #1A87B9
}

input.btnok, button.btnok {
	background: #62c541;
	background: -moz-linear-gradient(top,#62c541 0%,#289d1c 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#62c541),color-stop(100%,#289d1c));
	background: -webkit-linear-gradient(top,#62c541 0%,#289d1c 100%);
	background: -o-linear-gradient(top,#62c541 0%,#289d1c 100%);
	background: -ms-linear-gradient(top,#62c541 0%,#289d1c 100%);
	background: linear-gradient(top,#62c541 0%,#289d1c 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#62c541',endColorstr='#289d1c',GradientType=0);
	padding:8px 13px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:17px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #17bb20
}


div.wydzialy { 
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 20px;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 10px;
	grid-auto-rows: auto;
}



div.wydzialy > div { 
	display: flex;
	align-items: flex-start;
	justify-content: left;
	border-bottom: 1px solid silver;
	padding-left: 20px;
	min-height: 50px;
}



div.wydzialy > div.d1 { background: url(/static/images/departments/d1.png) no-repeat left top; }
div.wydzialy > div.d2 { background: url(/static/images/departments/d2.png) no-repeat left top; }
div.wydzialy > div.d3 { background: url(/static/images/departments/d3.png) no-repeat left top; }
div.wydzialy > div.d4 { background: url(/static/images/departments/d4.png) no-repeat left top; }
div.wydzialy > div.d5 { background: url(/static/images/departments/d5.png) no-repeat left top; }
div.wydzialy > div.d6 { background: url(/static/images/departments/d6.png) no-repeat left top; }
div.wydzialy > div.d7 { background: url(/static/images/departments/d7.png) no-repeat left top; }
div.wydzialy > div.d8 { background: url(/static/images/departments/d8.png) no-repeat left top; }

div.wydzialy > div.d1:hover { border-bottom: 1px solid #AD0036; }
div.wydzialy > div.d2:hover { border-bottom: 1px solid #582969; }
div.wydzialy > div.d3:hover { border-bottom: 1px solid #CAB8E6; }
div.wydzialy > div.d4:hover { border-bottom: 1px solid #054686; }
div.wydzialy > div.d5:hover { border-bottom: 1px solid #000000; }
div.wydzialy > div.d6:hover { border-bottom: 1px solid #7C000B; }
div.wydzialy > div.d7:hover { border-bottom: 1px solid #035C03; }
div.wydzialy > div.d8:hover { border-bottom: 1px solid #DC7904; }


nav.left-nav { background:#FFF; border:1px solid #d7d5d3; -webkit-border-radius: 0px 0px 22px 0px; border-radius: 0px 0px 22px 0px; margin:0 0 20px 0}
nav.left-nav ul { margin:0; padding:0;}
nav.left-nav ul li.last { border-bottom:0;}

nav.left-nav > ul > li { border-bottom: 1px solid #d7d5d3; position: relative; z-index: 100; height: 68px;}

nav.left-nav > ul > li > a { display: block; font-size: 15px; color: #252525; padding: 12px 10px 12px 35px; min-height: 43px;}
nav.left-nav > ul > li > a:hover { border-bottom: 2px solid gray; }

nav.left-nav > ul > li > a span { display: block; }
nav.left-nav > ul > li.d1 { background: url(../images/departments/d1.png) no-repeat left bottom; }
nav.left-nav > ul > li.d2 { background: url(../images/departments/d2.png) no-repeat left bottom; }
nav.left-nav > ul > li.d3 { background: url(../images/departments/d3.png) no-repeat left bottom; }
nav.left-nav > ul > li.d4 { background: url(../images/departments/d4.png) no-repeat left bottom; }
nav.left-nav > ul > li.d5 { background: url(../images/departments/d5.png) no-repeat left bottom; }
nav.left-nav > ul > li.d6 { background: url(../images/departments/d6.png) no-repeat left bottom; }
nav.left-nav > ul > li.d7 { background: url(../images/departments/d7.png) no-repeat left bottom; }
nav.left-nav > ul > li.d8 { background: url(../images/departments/d8.png) no-repeat left bottom; }

nav.left-nav > ul > li.d1 > a:hover, nav.left-nav > ul > li.d1.hover > a { border-bottom: 2px solid #AC0439; }
nav.left-nav > ul > li.d1 ul { background: #b95c40; }
nav.left-nav > ul > li.d1 ul li { border-bottom: 1px solid #CD7156; }
nav.left-nav > ul > li.d2 > a:hover, nav.left-nav > ul > li.d2.hover > a { border-bottom: 2px solid #592D69; }
nav.left-nav > ul > li.d2 ul { background: #731696; }
nav.left-nav > ul > li.d2 ul li { border-bottom: 1px solid #9038B0; }
nav.left-nav > ul > li.d3 > a:hover, nav.left-nav > ul > li.d3.hover > a { border-bottom: 2px solid #C9B7E5; }
nav.left-nav > ul > li.d3 ul { background: #c077d2; }
nav.left-nav > ul > li.d3 ul li { border-bottom: 1px solid #DB9EEA; }
nav.left-nav > ul > li.d4 > a:hover, nav.left-nav > ul > li.d4.hover > a { border-bottom: 2px solid #0D4885; }
nav.left-nav > ul > li.d4 ul { background: #2973b7; }
nav.left-nav > ul > li.d4 ul li { border-bottom: 1px solid #3E88CC; }
nav.left-nav > ul > li.d5 > a:hover, nav.left-nav > ul > li.d5.hover > a { border-bottom: 2px solid #000000; }
nav.left-nav > ul > li.d5 ul { background: #1e1d1b; }
nav.left-nav > ul > li.d5 ul li { border-bottom: 1px solid #3A3937; }
nav.left-nav > ul > li.d6 > a:hover, nav.left-nav > ul > li.d6.hover > a { border-bottom: 2px solid #7B0113; }
nav.left-nav > ul > li.d6 ul { background: #8c281a; }
nav.left-nav > ul > li.d6 ul li { border-bottom: 1px solid #A44233; }
nav.left-nav > ul > li.d7 > a:hover, nav.left-nav > ul > li.d7.hover > a { border-bottom: 2px solid #035C03; }
nav.left-nav > ul > li.d7 ul { background: #6ea13d; }
nav.left-nav > ul > li.d7 ul li { border-bottom: 1px solid #87BC57; }
nav.left-nav > ul > li.d8 > a:hover, nav.left-nav > ul > li.d8.hover > a { border-bottom: 2px solid #DC7904; }
nav.left-nav > ul > li.d8 ul { background: #fba033; }
nav.left-nav > ul > li.d8 ul li { border-bottom: 1px solid #fba033; }

#right-block{margin-left: 305px; }
@media screen and (max-width: 650px) {#right-block{margin-left: 0; width:100%; }}

#btn-login2 {
	width: 300px;
	display: block;
	margin: 10px auto;
	box-shadow:inset 0px 1px 0px 0px #abd997;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5BB75B), color-stop(1, #419741));
	background:-moz-linear-gradient(top, #5BB75B 5%, #419741 100%);
	background:-webkit-linear-gradient(top, #5BB75B 5%, #419741 100%);
	background:-o-linear-gradient(top, #5BB75B 5%, #419741 100%);
	background:-ms-linear-gradient(top, #5BB75B 5%, #419741 100%);
	background:linear-gradient(to bottom, #5BB75B 5%, #419741 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5BB75B', endColorstr='#419741',GradientType=0);
	background-color:#5BB75B;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #549434;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	padding:9px 31px;
	text-decoration:none;
	text-shadow:2px 2px 0px #5a8f36;
}
@media screen and (max-width: 650px) {
#btn-login2 {
	width: 100%;
	padding:0;

}
}

#content > div.content > h3 { 
	margin-top: 0;
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	font-family: Helvetica;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

a.pdf {
	background: url(../images/pdf.gif) no-repeat left center;
	padding-left: 20px;
}

table.terminy {
	border: 1px solid #cef0ff;
}

table.terminy tr.rh {background-color: #e8f8ff; border-top: 1px solid #cef0ff; border-bottom: double #cef0ff;}

.uwagi {color: gray; font-style: italic;}

div.query {
    /*padding: 19px;
    border: 1px solid #d7d5d3;*/
    border-top: 3px solid #8dadc7;
    background: #FFF;
    margin: 0 0 20px 0;
    -webkit-border-radius: 0px 0px 15px 0px;
    border-radius: 0px 0px 15px 0px;
}

div.query h4 {
	margin-bottom: 2px;
}


div.query div.ans {
	display: none;
	border: 1px dashed #eaeaea;
	margin: 0 0 0px 10px;
	padding: 0 8px;
}

div.query a {cursor: pointer; color: #5e8aaf}


#toplogo {
	margin-top: 5px;
	width: 120px;
	float: left;
}

#topujk {
	margin-top: 12px;
	margin-left: 10px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #5b5b5b;
}

.badge-red {
	color: #fff; 
	background-color: #dc3545;
	padding: 0.1em 0.4em; 
	border-radius: 10rem;
	font-size: 11px;
}

.badge-green {
	color: #fff; 
	background-color: #65ca22;
	padding: 0.1em 0.8em; 
	border-radius: 10rem;
	font-size: 0.9em;
}

@media (width <= 660px) {

	 #stypendium {
		color: gray; 
		font-size: 0.9em;
		font-style: italic;
	}

}

@media (width > 660px) {

	 #stypendium {
		color: #fff; 
		background-color: #65ca22;
		padding: 0.1em 0.8em; 
		border-radius: 10rem;
		font-size: 0.9em;
	}
}




table.term td[colspan="3"] {
	background-color: #eaf1f9;
}