html{background: #ececec url(../i/html.png) repeat-x top;}

body{background: url(../i/body.png) no-repeat center 20px; color: #444;}

/* Układ
  -----------------------------------------------------------------*/
#naglowek{width: 960px;  margin: 0 auto;}
#kontener{width: 940px; margin: 0 auto; padding: 10px; background: #fff;}
#glowne-menu{width: 960px;  margin: 0 auto;}
#stopka-inner{width: 960px; margin: 0 auto;}
#stopka{padding: 2em 0;}
#cover{width: 960px;  margin: 0 auto; padding: 10px 0;}
#sekcja-wyroznione{width: 940px;  margin: 10px auto 0 auto; padding: 10px;}

#grunt{background: #585858;}
#grunt-inner{width: 960px;  margin: 0 auto; padding: 10px;}

#sidebar{width: 230px; float: right; }
#tresc{width: 680px;  float: left; 	}

/* Nagłówek
  -----------------------------------------------------------------*/
#naglowek{position: relative;}
#naglowek h1{margin:0; padding: 0; float: left;}
#naglowek h1 a{display: block; width: 400px; height: 100px; text-indent: -999em; overflow: auto;}

#wyszukiwarka{position: absolute;  top: 70px; right: 0;}
#wyszukiwarka button{background: #668843; border: 1px solid #668843; font-size: 1em; padding: 1px; color: #b4d294;}
.inp-szukaj{background: #86b057; border: 1px solid #668843; font-size: 1em; padding: 3px; width: 184px; -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1); box-shadow: inset 0 0 3px rgba(0,0,0,0.1);}
.inp-szukaj:focus,.inp-szukaj:hover{background: #b4d294; border: 1px solid rgba(0,0,0,0.3);}


/* nawigacja
  -----------------------------------------------------------------*/
#glowne-menu{background: #cbcaca; font-family: Georgia,  "Times New Roman", Times, serif; }
#glowne-menu li.mkat0{}
#glowne-menu li.mkat0 li{font-weight: normal;}
.sf-menu > li > a {border-top: none; border-left: 1px solid #fff; text-shadow: 0 1px 0 rgba(255,255,255,0.3); font-weight: bold; font-size: 0.97em;}
.sf-menu > li:first-child > a {border-left: none;}


#pasek-gora{background: #999; }
#nav-meta{font-size: 0.86em;   color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.15); width: 960px;  margin: 0 auto;}
#nav-meta-inner{width: 960px;  margin: 0 auto;}
#nav-meta a{color: #fff; text-decoration: none;}
#nav-meta ul{margin:0; padding: 0; list-style-type: none;}
#nav-meta > ul > li{float: left; padding: 3px 6px; border-left: 1px solid #b8b8b8;}
#nav-meta > ul > li.translate{padding: 2px 1px; width: 95px;}
#nav-meta li.font-minus{margin-left: 10px;}
#nav-meta li.font-plus{font-weight: bold; font-size: 1.3em; padding-top: 0;}
#nav-meta > ul > li:first-child{border-left: none;}
#nav-meta > ul > li:hover{background: rgba(0,0,0,0.2);}
#nav-meta > ul > li.submenu:hover{background: rgba(0,0,0,0.2) url(../i/strzala-dol.png) no-repeat right center;}
#nav-meta .submenu {position: relative; background: url(../i/strzala-dol.png) no-repeat right center; padding-right: 15px;}
#nav-meta .submenu ul {position: absolute; background: rgba(0,0,0,0.4); margin: 3px 0 0 -5px; display: none; -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.45); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.45); box-shadow: 0 2px 2px rgba(0,0,0,0.45);}
#nav-meta .submenu li{padding: 3px 5px; border-top: 1px solid rgba(255,255,255,0.3); max-widt: 200px; min-width: 50px;}
#nav-meta .submenu li:hover{background: rgba(0,0,0,0.2);}
#nav-meta .selected ul{display: block; z-index: 500; min-width:100px; max-width: 300px;}
#google_translate_element *{font-size: 11px; padding: 0;}
#google_translate_element img{display: none;}
#google_translate_element a{color: #555;}
#datownik{float: right; padding: 2px 0;}
#meta-imieniny, #meta-data{float:left;}
#meta-data{border-right: 1px solid #b8b8b8; padding-right: 5px; margin-right: 5px;}





/* slider
  -----------------------------------------------------------------*/

#cover{}

#slides{ 
	width: 580px; 
	float: left; 
	background: #fff; 
	padding: 9px; 
	border: 1px solid #ccc; 
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1); 
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
}
#slides .slides_container {
	width: 580px;
	min-height: 389px;
}

#slides .slides_container div {
	width:580px;
	height:200px;
	display:block;
}

#slides ul.pagination{float: right; margin: 10px 0 0 0; padding: 0; list-style-type: none;}
#slides ul.pagination li{float: left; margin-right: 2px;}

#slides ul.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../i/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
#slides ul.pagination li.current a {
	background-position:0 -12px;
}

#slides p{margin: 0; padding: 0;}

h1.slide-tyt{background: rgba(0,0,0,.5); margin: -32px 0 0 0; position: relative; z-index: 2; padding: 10px 5px; font-size: 1em; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.2);}
h1.slide-tyt a{color: #fff;}
#slides .wiecej{display: block; text-align: right; text-decoration: none;}


#naskroty{float: left; margin-left: 10px; padding: 9px; width: 150px; border: 1px solid #ccc; background: #fff; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1); box-shadow: 0 0 6px rgba(0,0,0,0.1); min-height: 410px;}
#naskroty h4{margin: -9px -9px 5px -9px; padding: 10px; background: #e5e6e6; border-bottom: 1px solid #febe0f; color: #898a8a;}
#naskroty ul{margin: 0; padding: 0; list-style-type: none;}
#naskroty li{padding: 5px 0; border-bottom: 1px dotted #CCC;}
#naskroty a{text-decoration: none; display: block; padding: 8px 0 8px 36px; color: #333; background-repeat:no-repeat; background-position: left top; }
#naskroty a:hover{color: #F90;  background-repeat: no-repeat; background-position: left -32px; }
#ikona-mpk a{background-image: url(../i/ikona-mpk.png);}
#ikona-prezydent a{background-image: url(../i/ikona-prezydent.png);}
#ikona-ratusz a{background-image: url(../i/ikona-ratusz.png);}
#ikona-turystyka a{background-image: url(../i/ikona-turystyka.png);}
#ikona-mapa a{background-image: url(../i/ikona-mapa.png);}
#ikona-audio a{background-image: url(../i/ikona-audio.png);}
#ikona-ksiazka-tel a{background-image: url(../i/ikona-ksiazka-tel.png);}
#ikona-tel a{background-image: url(../i/ikona-tel.png);}
#ikona-bip a{background-image: url(../i/ikona-bip.png); background-position: left 2px;}
	#ikona-bip a:hover{background-image: url(../i/ikona-bip.png); background-position: left -46px;}
#ikona-wladze a{background-image: url(../i/ikona-wladze.png);}
#ikona-pobierz a{background-image: url(../i/ikona-pobierz.png); background-position: left 0px;}
	#ikona-pobierz a:hover{background-image: url(../i/ikona-pobierz.png); background-position: left -48px;}
#ikona-wybory a{background-image: url(../i/ikona-wybory.png); background-position: left 0;}
#ikona-wybory a:hover{background-image: url(../i/ikona-wybory.png); background-position: left -48px;}

#cover-banner{float: left; width: 150px; padding: 9px; margin-left: 10px; border: 1px solid #ccc;  background: #fff; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1); box-shadow: 0 0 6px rgba(0,0,0,0.1); min-height: 410px;}






/* pasek
  -----------------------------------------------------------------*/

#pasek {font-size: 0.85em; color: #222; padding: 5px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #ccc;}
#pasek a {text-decoration: none; color: #666;}
#pasek a:first-child {font-weight: bold;}
#pasek a:hover{color: #333;}
#GaleriaFoto #pasek{text-align: left; width: 960px; margin: auto;}

/* Wiadomosci
  -----------------------------------------------------------------*/

.zajawka{padding: 10px 0; clear: both; border-bottom: 1px dotted #ccc;}
.zajawka .podtytul{text-align:justify;}
.zajawka:first-child{padding-top: 0;}
.zajawka a.wiecej {display: block; text-align: right; text-decoration: none; font-size: 0.85em;}

.wiadomosc .podtytul{font-weight: bold; margin-bottom: 10px; text-align:justify;}
.wiadomosc div.yt{text-align: center; margin-bottom: 5px;}
h2.tytul-wiadomosci{ font-family: Georgia,  "Times New Roman", Times, serif; color: #000080; font-size: 1.6em; font-weight: normal;}
h2.tytul-wiadomosci a{color: #000080; font-weight: normal; display: block; 	
 	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	transition: all 0.25s linear;}
h2.tytul-wiadomosci a:hover{color:#000080; background: rgba(0,0,0,0.05);
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	transition: all 0.25s linear;}

#wiadomosc-dnia {background: #fdf6eb; padding: 10px; margin: 0 -10px 10px -10px; border-bottom: 1px solid #fae7d4;}
#wiadomosc-dnia .foto-dnia  { float: left; margin-right: 10px; }
	#wiadomosc-dnia .foto-dnia img { border: 1px solid #ccc; padding: 2px; background: #fff; }
.wiadomosc .data{margin: 30px 0 0 0 ; color:#999; text-align:right; font-size: 0.9em;}

.zalaczniki{background:#EFEFEF; padding: 10px;}



/* Sidebar
  -----------------------------------------------------------------*/

#sidebar .sblok{
	border: 1px solid #ccc; 
	margin-bottom: 10px; 
	padding: 5px; 
	border: 1px solid #ccc; 
	background: #fff; 
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1);
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
}

#sidebar .sblok h4{ margin: -5px -5px 5px -5px; padding: 5px; background: #e5e6e6; border-bottom: 1px solid #febe0f; color: #898a8a;}

#sidebar .sblok li.bg2{background: #f5f5f5;}

#sidebar ul{margin: 0; padding: 0; list-style-type: none;}
#sidebar li{border-bottom: 1px dotted #ccc;}
#sidebar li a{display: block; padding: 5px; text-decoration: none;}

#sidebar .yt{ margin-bottom: 10px;}
#sidebar .yt h4{margin: 0; padding: 15px 0 2px 0;}

#sidebar #biprss h4{background:  #f1f1f1 url(../i/bip_16.png) no-repeat 4px center; padding-left: 24px; }
#biprss li{font-size: 0.9em;}

#sidebar #menu-sidebar{background: #bfbebe; border: 1px solid #bfbebe; font-weight: bold; padding: 0; font-family: Georgia,  "Times New Roman", Times, serif; font-size: 0.9em}
#sidebar #menu-sidebar ul{background: #cbcaca; border: 1px solid #d4d3d3; padding: 3px;}
#sidebar  #menu-sidebar li{padding: 0; background: transparent;  border-bottom: 1px solid #f6f6f6;}
#menu-sidebar li.bg2{background: transparent;}
#sidebar  #menu-sidebar li a{color: #333; padding: 10px 10px 10px 15px; text-shadow: 0 1px 0 rgba(255,255,255,0.7); background: url(../i/menu-dot.gif) no-repeat left center;}
#sidebar  #menu-sidebar li a:hover{color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); background: #ffbf0f url(../i/menu-dot.gif) no-repeat left center;}

#tabs{font-size: 0.9em;}

/* Menu działy
  -----------------------------------------------------------------*/

#menu-dzialy{margin: 0 0 5px -10px; padding: 5px 0 0 5px; list-style-type: none; background: #feecbb;}
#menu-dzialy li{float: left;}
#menu-dzialy li a{display: block; padding: 0.5em 1.5em; color: #655126; text-decoration: none; text-shadow: 0px 1px #fff; border: 1px solid #feecbb; border-bottom:none; margin-left: 2px; }
#menu-dzialy li.aktiv a,#menu-dzialy li a:hover{color: #000; background:#fefdf0; -moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border:1px solid #e5d3a3; border-bottom:none;}



/* Fotografie
 * -----------------------------------------------------------------*/



.fotoglowneart{padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #ccc; font-size: 0.85em;}
.fotoglowneart a.duza-fota{display: block; text-align: center; margin: 0 -8px;}
.fotoglowneart img{margin-bottom: 5px; background: #fff; border: 1px solid #ccc; padding: 5px; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.fotoglowneart .opcje{float: right;}
.fotoglowneart .opcje a{text-decoration: none;}

.fotoglowne { float: left; margin-right: 10px; }
.fotoglowne img { border: 1px solid #ccc; padding: 2px; background: #fff; }


#fotogaleria-main{text-align: center;}
#fotogaleria-main h3{font-size: 1.5em; margin: 0; padding: 5px;}
#fotogaleria div{display: inline-block; vertical-align: middle; padding: 5px; border: 1px solid #ccc; background: #fff; }
#fotogaleria-main .opcje{background: #eee;}
#fotogaleria-main .opcje a{display: inline-block; padding: 10px; font-size: 1.2em; text-decoration: none; border-right: 4px solid #e8e8e8;}
#fotogaleria-main #miniaturki{width: 600px; margin: 20px auto 0 auto;}
#fotogaleria-main #fotografia{padding: 5px; border: 1px solid #ccc; background: #fff;}

ul.foto-wiadomosc{width: 150px; float: right; margin: 0 0 0 10px; padding:0; list-style-type: none;}
ul.foto-wiadomosc li{text-align:center;}
ul.foto-wiadomosc span{display: block; background: #eee;}

.zajawka-foto {text-align: center; float: left; margin-right: 10px;}
.zajawka-foto img {padding: 5px; border: 1px solid #ccc;}


table#lista-kal{width: 100%;}
table#lista-kal th{border-bottom: 1px solid #ccc;}
table#lista-kal td{border-bottom:1px solid #ebebeb; padding: 5px 2px;}
table#lista-kal .b1 td{background:#f6f8fa;}
table#lista-kal .b2 td{background:#eef1f5;}
table#lista-kal .data-start {width: 160px;}
table#lista-kal .opis {width: 200px;}
table#lista-kal strong{display:block;}
strong.dst{color:#4a9a09;}
strong.dsp{color:#9a1a09;}

/* Stopka
  -----------------------------------------------------------------*/
#stopka{background: #828282; }

#stopka,
#grunt{color: #ccc;}

#stopka a{color: #fff; text-decoration: none;}
#stopka a:hover{color: #bbb;}
#stopka h4{background: rgba(0,0,0,0.1); padding: 5px; font-size: 1em; font-weight: bold;}

#s-blok1,
#s-blok2,
#s-blok3{float: left; width: 300px; margin-left: 20px;}

#s-blok1{margin-left: 0;}

#wykonawca{font-size: 0.9em; float: right; color: #777;}
#wykonawca a{color: #868686; text-decoration: none;}
#wykonawca a:hover{color: #999;}

/* Bannery
  -----------------------------------------------------------------*/
.bxbanner .reklama{display: none;}
.bxbanner div {margin-bottom: 5px;}
#tresc .bxbanner{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}



/*
 * Kalendarz
 *********************************************************************/

.sobota, .niedziela {
	background: #f0f0f0;
	}

.kalendarz caption {
	margin: -5px -5px 5px -5px; 
	padding: 5px;
	background: #e5e6e6;
	color: #898a8a;
	border-bottom: 1px solid #febe0f;
	}
.kalendarz th {
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	background: #fff;
	}
.kalendarz td {
	border: 1px solid #fff;
	text-align: center;
	}
.kalendarz a {
	color: #000;
	text-decoration: none;
	}

.kalendarz td.dzis {
	background: #fdc;
	font-weight: bold;
	}
.kalendarz td.selected a{
	color: #00f;
	font-weight: bold;
	background: #fff;
	border: 1px solid #ddd;
	}
.kalendarz td.zaznacz {
	background: #febe0f;
	}
	
.kalendarz td:hover, .kalendarz td.today:hover, 
.kalendarz td.selected:hover, .kalendarz td.zaznacz:hover {
	background: #cff;
	}
#kal-nav {font-size: 0.9em; }
	#kal-nav a {display: block; width: 31.3333%; float: left; padding: 1%; color: #febe0f; text-decoration: none;}
	#kal-nav a:hover{color: #9b600d;}
	#kal-nav a.next{text-align: right;}
	#kal-nav a.dzis{text-align: center;}
	#kal-nav a.next, #kal-nav a.prev{background: #fdf1cc; font-size: 1.1em;}
	#kal-nav a.next:hover, #kal-nav a.prev:hover{background: #fde9b9;}

#kalendarium .wydarzenie{padding: 10px; border: 1px solid #ccc; background: #ececec;}
#kalendarium .opis{ margin: 5px 0; padding: 10px; background: #f5f5f5; }
#kalendarium .opis a{text-decoration: none; color: #444;}
#kalendarium a.szczegoly{display: block; clear: both; font-size: 0.8em; text-align: 
right; text-decoration: none;}

#kalendarium .ds, #kalendarium .dk{width: 50%; float: left; color: #444; font-weight: bold;}
#kalendarium .dk{text-align: right; }
#kalendarium small{font-weight: normal; font-size: 0.85em; color: #999;}

#kolkal{margin: 10px 0;}
#kolkal ul{margin:0; padding:0; list-style-type: none;}
#kolkal li{padding:1px;border-bottom:1px solid #ebebeb; margin-bottom: 1px; font-size:0.9em; text-align:center;}
#kolkal li.b1{background:#f6f8fa;}
#kolkal li.b2{background:#eef1f5;}
#kolkal span{display:block;}
#kolkal .datastart a{font-weight:bold; color:#f60;}
#kolkal .obecne{display: block; width: 70%; float: left;}
#kolkal .minione{display: block; width: 29%; float: right; text-align: right;}

/* Sonda
  -----------------------------------------------------------------*/
#sonda p{margin:0 0 5px 0; padding:0; font-size: 0.9em; color:#999;}

.clear{clear: both;}
.left {float: left;}
.right {float: right:}
.center {text-align: center;}

/* haksior
  -----------------------------------------------------------------*/

/* new clearfix */
.clearfix:after,
.zajawka:after,
#kontener:after,
#stopka:after,
#stopka-inner:after,
#naglowek:after,
#glowne-menu ul:after  {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
	
* html .clearfix,* html .zajawka  { } /* IE6 */
*:first-child+html .clearfix,
*:first-child+html .zajawka  { } /* IE7 */
	
/* Wiadomości wyróżnione
  -----------------------------------------------------------------*/
#sekcja-wyroznione {background: #fff;}
#sekcja-wyroznione h5{margin: 0; padding: 0;	}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 860px;
    padding: 20px 40px;
}


.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
     width: 860px;	
}



.jcarousel-skin-tango .jcarousel-item {
    width: 150px;
    border: 1px solid #eee;
    padding: 5px;
}

.jcarousel-item:hover{opacity: 0.8;}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 70px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../i/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../i/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 70px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../i/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../i/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}