/************************************************** Z PLIKU HTML/THUMB3.PHP **********************************************/
.foto-right .reverse {
	float:right;
}
.xyz {	
	margin:0px 7px;
	position:absolute; left:0; right:0;
	opacity:0.1;
	height:100%;
	-webkit-filter: grayscale(100%);
}

.thumb .maska {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.thumb .more {
	font-size:1rem;
	font-weight:normal;
}
.maska img {
	z-index:1;
	position:absolute; top: 0; left: 0; bottom: 0; right: 0;
	margin: auto;
}
.gg {
	font-size:1.24rem;
}

/************************************************* Z PLIKU HTML/WEATHER2.PHP ***********************************************/
.pogoda {
	font-family: Roboto Condensed, sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	color: #002d60;
}
.atmoludek {
	font-family: Roboto Condensed, sans-serif;
	font-size: 1rem;
	font-weight: bold;
	color: #002d60;
	text-align: center;
}
.atmoludek span {
	display: inline-block;
	vertical-align: top;
}

/******************************************* Z PLIKU HTML/PLAYLIST-JEDYNKI.PHP *********************************************/
.outt {
    display: none;
}
.leftRs {	
	position:absolute; 
	padding:0px;	
    margin: auto;  
    z-index: 100;   
	font-size: 1.5rem;
	/* color: var(--button); */
	color: #999;
	background-color: transparent;
	border:0;
	left:0;
	top:45px
}
.rightRs {
    position: absolute;
    margin: auto;
    right: -7px;   
    z-index: 100;    
	font-size: 1.5rem;
	/* color: var(--button); */
	color: #999;
	background-color: transparent;
	border:0;
	top:45px
}
.resCarousel {
    width: 100%;
    position: relative;
	padding:0px 20px;
}
.resCarousel-inner {
    overflow-x: hidden;
    white-space: nowrap;
}
.resCarousel-inner .item {
    display: inline-block;
    white-space: initial;
	padding:5px;
	vertical-align: top;
	font-family: Kanit, "serif";	
}
.over{opacity:0.5}

@media (max-width: 767px) {
    .leftRs,
    .rightRs {
        /*display: none;*/
    }
    .resCarousel-inner {
        overflow-x: auto;
    }
}

/********************************** Z PLIKU SUBPAGES/START/HTML/INFORMATOR-URZEDOWY.PHP **********************************/

/****style do informacji wydziałowych na podstronach**********/
.urzad-subpages {
	background-color: #f6f6f6;
	margin: 15px 0px
}
.urzad-subpages .name {
	color: #666;
	font-size: 1em
}
.urzad-subpages .submenu {
	margin-left: -15px
}
/***************/
.local-css div.bar > .color {
	width: 40px;
	height: 8px;
	border-right: 1px solid #ffffff;
	background: #034EBC;
}
.local-css .submenu-content {
	background-color: #034EBC;
}
.wydzial td:first-child {
	display: none
}
.komunikaty-uwaga ul > li > a:link, .komunikaty-uwaga ul > li > a:visited {
	color: #cc0000;
	font-size: 17px;
	line-height: 1;
	font-weight: bold;
}
/************* buttony rezerwacja itd.**********************/	
.um-button {
	display: table;
	height: 55px;
	margin: 0px 0px 10px 0px
}
.um-button, a.um-button:link, a.um-button:visited {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #034EBC;
	transition: 0.3s
}
a.um-button:hover {
	text-decoration: none;
	color: #ccc;
	font-size: 1.1em;
}
.um-button .icon {
	display: table-cell;
	vertical-align: middle;
	background-color: #f6f6f6;
	text-align: center;
	min-width: 65px;
}
.um-button .name {
	padding-left: 10px;
	display: table-cell;
	vertical-align: middle;
}
@media (max-width: 768px) {
.um-button {
	height: auto;
}
.um-button .name {
	padding: 0px
}
.um-button .icon {
	display: none
}
}
/************do boxu um na głownej**************/ 
.fa-deaf {
	font-size: 1.5em;
	padding-left: 10px;
}
.info-um {
	padding-left: 0px;
	padding-right: 0px
}
.info-um .title {
	float: left;
	display: inline-block;
	margin-top: 5px;
	font-weight: 700;
	color: #034EBC;
	font-family: 'Kanit', sans-serif;
	font-size: 2em;
	line-height: 1
}
.info-um ul {
	margin: 0px;
}
.info-um ul > li {
	border: 0px;
	margin: 0px
}
.info-um ul > li > a:link, .info-um ul > li > a:visited, .info-um ul > li > a:focus {
}
.info-um ul > li > a:hover, .info-um ul > li > a:active {
	color: #034EBC;
	text-decoration: none
}
.info-um ul > li.space {
	list-style: none;
	list-style-image: none;
	height: 1px;
	background-color: #034EBC;
	margin: 8px 0px;
}
.info-um .um-uwaga > ul > li {
	padding: 4px 0px;
	margin: 0px;
}
.info-um .um-uwaga > ul > li a:link, .info-um .um-uwaga > ul > li a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #cc0000
}
.info-um .um-uwaga > ul > li a:hover {
	color: #222
}
.info-um .lista-mini ul {
	margin: 0px;
	padding: 0px;
}
.info-um .lista-mini ul > li {
	padding: 0px;
	display: inline-block;
	border-top: 0px;
	border-right: 1px solid;
	color: #034EBC;
	margin-right: 10px
}
.info-um .lista-mini ul li:last-child {
	border-right: none;
}
.info-um .lista-mini ul > li > a:link, .lista-mini ul > li > a:visited, .lista-mini ul > li > a:active {
	color: #034EBC;
	font-size: 0.9em;
	overflow: hidden;
	font-weight: normal;
	border: 0px;
	padding-right: 10px;
	font-size: 1em;
}
.info-um .lista-mini ul > li > a:hover {
	color: #222;
}
.info-um .lista-mini ul > li > span {
	padding-top: 5px;
	font-size: 1em;
	text-overflow: clip;
	white-space: normal;
	overflow: hidden;
}
.info-um .um-menu ul > li > a:link, .info-um .um-menu ul > li > a:visited, .info-um ul > li > a:active {
	color: #FFF;
	font-size: 1.2em
}
.info-um .um-menu ul > li > a:hover {
	color: #222
}
.info-um .slideshow{ width:90%; text-align:center; margin:10px auto}

@media (max-width: 768px) {
.info-um .title {
	margin: 5px 0px 10px 0px;
	font-size: 1.6em;
}
.info-um .slideshow{ width:60%;}
}
.panel-group .panel {
	border-radius: 0px;
}