body {
	background: #323F4F;
	color: #FFF;
	font-size: 18px;
	font-family: arial;
	line-height: 27px;
	padding: 0 30px;
	unicode-bidi: normal;
}
a {
	color: yellow;
	text-decoration: underline;
}
a:hover, a:focus {
	color: black;
	background: yellow;
	text-decoration: none;
}
h1, h2 {
	font-size: 1.5em; line-height: 1.6em;
	text-align: center;
	background: #182434;
	border: 1px solid #CCC;
	margin: 40px 0;
	padding: 10px
}
h3, h4 {
	font-size: 22px;
	text-align: left;
	border-left: 50px solid #444;
	margin: 40px 0;
	padding: 10px
}
h5, h6 {
	border-left: 50px solid #444;
	font-size: 18px;
	text-align: left;
	background: #444;
	margin: 40px 0;
	padding: 10px
}
.hasloSerwisu {
	font-size: 0.88em;
	margin-top: 0.5em;
	margin-bottom: 2.5em;
	text-align: center;
}
.zajawka {
	font-weight: bold;
}
.tekstowa {
	list-style-type: none;
	text-align: center;
	font-size: 22px;
}
.tekstowa a {
	color: yellow;
	background: none;
	text-decoration: none;
	outline: 2px solid yellow;
	padding: 5px; 
}
		.tekstowa a:hover, .tekstowa a:focus {
				background: yellow;
				color: black;
		}
.komunikat, .bledy {
	margin: 10px 0;
	padding: 10px;
	clear: both;
	float: none;
	color: #00396F;
	background: #F2F9FF;
	border: 1px solid #000;
	text-align: center;
	font-weight: normal;
}
.komunikat p, #stopka .komunikat p, #modulyWrap .komunikat p, .komunikat h2, .komunikat h3, .komunikat h4, .komunikat ol {
	margin: 5px 0;
	border: none;
}
.bledy {
	background: #FFE8E8;
	border: 1px solid #F00;
}
.piktogramy {
	padding: 0;
}

body.rozmiarPowiekszony {
	font-size: 1.5em;
	line-height: 1.5em;
}
body.rozmiarMaksymalny {
	font-size: 2em;
	line-height: 2em;
}
.dekoracjaCss {display: none;}
.inputText, .inputTextWrap input, .input.inputerror,textarea, select {
border: 5px solid #ccc;
padding: 10px 5px;
font-size: 1em;
margin: 0 5px;
width: 220px;
}
textarea { width: 450px; }
.inputText:focus, .input.inputerror:focus,textarea:focus, select:focus {
outline: 5px solid yellow;
border-color: #000;

}
.inputButton {
border: 2px solid yellow;
padding: 10px 5px;
background: #000;
color: yellow;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
.inputButton:hover, .inputButton:focus {
outline: 5px solid yellow;
}
.wiersz {
padding: 10px 0 0 0;
}
.opis {
display: block;
padding: 0 0 2px 0;
}
.wartosc {
display: block;
padding: 0 0 10px 0;
}
#siimage {
display: block;
margin: 10px 5px;
}
.kalendarz p, .kalendarz ul {overflow: hidden; color: #fff;padding: 0;margin: 0; clear: both;}
.kalendarz abbr, .kalendarz li {display: block; width: 10%; float: left; text-align: center;  background: #444; margin: 0 1% 1% 0; height: 2em; line-height: 2em; font-size: 2em;}
.naSkroty .zawartosc p {text-align: center;}
.naSkroty .zawartosc p a {display: inline-block; padding: 5px 10px;}


/*lightface*/

.lightface {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	position: absolute;
	top: -9000px;
	left: -9000px;
}

.lightface td {
	padding: 0;
	margin: 0;
	background-color: transparent;
	vertical-align: top;
}

.lightface .centerLeft, .lightface .centerRight {
	width: 10px;
	height: auto;
	background-image: url(http://www.polskaszerokopasmowa.pl/p/css/b.png);
	background-repeat: repeat-y;
}

.lightface .topLeft, .lightface .topRight, .lightface .bottomLeft, .lightface .bottomRight {
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
}

.lightface .topLeft {
	background-image: url(http://www.polskaszerokopasmowa.pl/p/css/tl.png);
	background-position: top left;
}

.lightface .topRight {
	background-image: url(http://www.polskaszerokopasmowa.pl/p/css/tr.png);
	background-position: top right;
}

.lightface .bottomLeft {
	background-image: url(http://www.polskaszerokopasmowa.pl/p/css/bl.png);
	background-position: bottom left;
}

.lightface .bottomRight {
	background-image: url(http://www.polskaszerokopasmowa.pl/p/css/br.png);
	background-position: bottom right;
}

.lightface .topCenter, .lightface .bottomCenter {
	width: auto;
	height: 10px;
	background-image: url(http://www.polskaszerokopasmowa.pl/p/css/b.png);
	background-repeat: repeat-x;
}

.lightface .lightfaceContent {
	background-color: #000;
	border: 10px solid yellow;
	position: relative;
}

.lightface .loading {
	display: block;
	margin: 10px auto;
}

.lightface .lightfaceContent .lightfaceTitle {
	font-size: 26px;
	color: white;
	background-color: #444444;
	font-weight: bold;
	margin: 0;
	margin-bottom: 0;
	padding: 5px 10px;
}

.lightface .lightfaceContent .lightfaceDraggable {
	cursor:move;
}

.lightface .lightfaceContent .lightfaceMessage {
	overflow: auto;
	margin: 0;
	position: relative;
	padding: 5px 10px;
	border: 1px solid #fff;
}

.lightface .lightfaceContent .lightfaceMessage h3,
.lightface .lightfaceContent .lightfaceMessage h4,
.lightface .lightfaceContent .lightfaceMessage h5,
.lightface .lightfaceContent .lightfaceMessage h6 {
	margin-top: 6px;
}

.lightface .lightfaceContent .lightfaceFooter {
	padding: 6px 10px;
	text-align: right;
}
/*
.lightface .lightfaceFooter input[type='button'] {
	border: 1px solid #666;
	border-top-color: #e7e7e7;
	border-left-color: #e7e7e7;
	background-color: #f0f0f0;
	padding: 1px 0 2px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: 5px;
	cursor: pointer;
	font-size: 13px;
	display: inline-block;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	border:2px outset buttonface;
	border-style: inset;
	text-align:center;
}

.lightface .lightfaceFooter input[type='button'].lightfaceBlue {
	border-color: #0e1f5b;
	border-top-color: #d9dfea;
	border-left-color: #d9dfea;
	background-color: #3b598a;
	color: #fff;
}
*/

.lightface .lightfaceFooter label {
	font-size: 13px;
	border-style: solid;
	background: #f2f2f2;
	cursor:pointer;
	font-weight:bold;
	padding:2px 6px 2px 6px;
	text-align:center;
	vertical-align:top;
	white-space:nowrap;
	border-width:1px;
	margin-left:3px;
	border-color:#999;
	line-height:normal !important;
	display:inline-block;
}

.lightface .lightfaceFooter label input {
	background:none;
	border:0 !important;
	cursor:pointer;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	font-weight:bold;
	margin:0;
	padding:1px 0 2px;
	white-space:nowrap;
	text-align:center;
	color:#fff;
	font-size:13px;
	border: 2px outset buttonface;
	text-indent:0;
	text-shadow:none;
	display:inline-block;
	color:#444;
	font-size:20px;
}
/* ie6 hacks */
* html .lightface .lightfaceFooter label input { border:0; }

.lightface .lightfaceFooter label.lightfaceblue {
	border-color: #29447E #29447E #1A356E;
	background-position:0 -48px;
}
.lightface .lightfaceFooter label.lightfaceblue.lightfacefocusblue { background-color: #5b74a8; background-image:none; }

.lightface .lightfaceFooter label.lightfacegreen {
	border-color: #3B6E22 #3B6E22 #2C5115;
	background-position:0 -96px;
}
.lightface .lightfaceFooter label.lightfacegreen.lightfacefocusgreen { background-color: #69A74E; background-image:none; }

.lightface .lightfaceFooter label.lightfaceblue input,
.lightface .lightfaceFooter label.lightfacegreen input {
	color:#fff;
}


.lightface .hiddenButton {
	visibility: hidden;
}

.lightface .lightfaceOverlay {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	/*
	background-image: url(http://www.polskaszerokopasmowa.pl/p/css/fbloader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	*/
	background:url(http://www.polskaszerokopasmowa.pl/p/css/fbloader.gif) center center no-repeat #fff;
}

.lightface .lightfaceMessageBox	{ 
	overflow: auto;
	padding: 10px 10px;
	min-height: 20px;
	position:relative;
}

.lightface .lightFaceMessageBoxImage {
	overflow: hidden;
	padding: 0;
	background:url(http://www.polskaszerokopasmowa.pl/p/css/fbloader.gif) center center no-repeat #fff;
}

.lightface .lightFaceMessageBoxImage img {
	display: block;
}
#ukryj { display: none; }
.cite { color: #000; padding: 10px; }
#modal_odpowiedz form { margin: 10px 0; }
.wpisTresc { padding-left: 50px; }
.odpowiedzDziecko { padding-left: 100px; }
#flash { clear: both; }
#jsMarquee { padding: 0; list-style: none; position: static; }
.breadcrumb-tytul { margin: 0; }
.breadcrumb { list-style: none; padding: 0; margin-top: 0; }
.breadcrumb li { display: inline; }
.breadcrumb li a { display: inline-block; }

.dane { margin: 1em 0; font-style: italic; }
.dane p { margin: 0; display: inline; }
.dane p.name { font-style: normal; }
.ul.autocompleter-choices li { color: #000; }
#layerswitcher { 
	width: auto; position: relative; top: 0; 
}
.olControlLayerSwitcher .layersDiv { width: auto; padding: 5px 10px; }
div.olMap { background: #fff; }

#tresc-strony #forum_zawartosc table.forum thead { background: #444; }
#tresc-strony #forum_zawartosc table.forum thead th { font-family: arial; font-size: 18px; }
#tresc-strony #forum_zawartosc table.forum tbody td { border: 1px solid #7d8fa6; }
#tresc-strony #forum_zawartosc table.forum tbody td { color: #fff; }
#tresc-strony #forum_zawartosc table.forum tbody td h3 a { color: yellow; font-size: 18px; }
#tresc-strony #forum_zawartosc table.forum tbody td h3 a:hover, 
#tresc-strony #forum_zawartosc table.forum tbody td h3 a:focus { color: black; background: yellow; }
body .lightface td { font-family: arial; font-size: 18px; }
.naSkroty .tytul { display: none; }
.naSkroty .zawartosc { position: absolute; top: 5px; }
h6.ulatwienia { margin-top: 60px; }

#mapy, .mapa {
	width: 981px;
	margin: 0 auto;
}
.narzedziaWrap {
	position:relative; 
	margin:0px auto;
}
#mapy form, #mapy fieldset, 
#mapy input, #mapy label,
#mapy legend { 
	margin:0; padding: 0px;
}

#mapy fieldset {
	border: 0;
}
#mapy label {

}
#mapy {
	margin-bottom: 15px;
}

#mapy h3 {
	color: #fff;
	margin: 5px 0 0 0;
}

#mapy p {
	margin: 5px 0 0 0;
}
#mapy .SzukajNarzedzia p {
	margin: 0px;
}

.resize {
	margin: 0;
	padding: 2px 5px;
	overflow: auto;
	cursor: nw-resize;
}

.resize input {
	cursor: default;
}

.narzedzia {
	float: right;
}

.narzedziaDoMapki {
	float: left;
	margin-right: 5px;
	width: 190px;
	background: #7600AC;
}

#layerswitcher, .toogluj {
	width: 99%;
	border: 0;
	left: 0px;
	position: relative;

}
.olControlLayerSwitcher .layersDiv {
	padding-right: 0px !important;
	width: 100%;
}
.index_mapa div#narzedzia div#options ul#controlToggle {
	list-style-type: none !important;
	/*width: 290px;*/
	float: left;
	
	padding-left: 10px;
	/*padding-top: 15px;*/
	margin: 0px 10px 0px 0px;
	/*height: 40px;*/
}

.index_mapa ul#controlToggle li {
	display: block;
	/*float: left;*/
	/*width: 30px;*/
	margin-bottom: 8px;
	margin-right: 10px;
	/*height: 27px;*/
}
#controlToggle input {
}
#controlToggle input#zoomIn,
#controlToggle input#zoomOut {
	width: auto !important;
	height: auto !important;
}

.wspolrzedneNarzedzia {
	padding-top: 0px;
	float: left;
	margin-top: -6px;
	padding-right: 10px;
	width: 210px;
	margin-right: 10px;
	
}

li#nawigacja label{
	/*padding-right: 65px;*/
}
.wspolrzedneNarzedzia input#szukaj_dlugosc,
.wspolrzedneNarzedzia input#szukaj_szerokosc
{
	width: 50px
}

#wspolrzedne_szukaj {
	margin-top: 10px;
	margin-right: 5px;
	float: right;
}

.SzukajNarzedzia {
	float: left;
	padding-top: 0px;
	margin-top: -5px;
}
.SzukajNarzedzia input {
	width: 150px;
}

#warstwy {
	position: absolute;
    z-index: 9999;
	height: auto !important;
}
#warstwy a#toggle {
	padding-bottom: 10px;
}

#warstwy .olControlLayerSwitcher .layersDiv {
	padding: 0px;
	margin: 0px;
}
#warstwy .baseLbl {
	margin: 10px 0 0 0;
}

li#nawigacja,
li#mierzenie,
li#mierzenie2,
li#prostokat,
li#przyblizacz,
li#oddalacz
{
	height: 25px;
	line-height: 25px;
	padding-left: 7px;
	cursor: pointer;
}
#przyblizacz span.btn {
	cursor: pointer;
	display: inline-block;
	/*text-indent: -24px;*/
	width: 30px;
}
#oddalacz span.btn {
	cursor: pointer;
	display: inline-block;
	/*text-indent: -15px;*/
	width: 30px;
}
#output {
	padding: 160px 0 0 0;
	color:yellow;
	font-size: 18px;
	float: right;
	margin-right: 80px;
	margin-bottom: 10px;
}
.layersDiv {
	opacity:1 !important;
}

#narzedzia {
	margin-left: 255px;
}

.klasa {

	opacity:0.4;
	filter:alpha(opacity=40);
}
#legenda {
	width: 100%;
	margin: 0px; 
	padding: 0px;
	background-color: #EBEBEB;
}
#legenda ul {
	list-style-type: none;
	padding-left: 0px;
	color:#000 !important;
}
#legenda li {
	margin-top: 10px;
	padding-left: 10px;
}
input#wspolrzedne_szukaj {
	cursor: pointer;
	height: 28px;
	padding-bottom: 3px;
	width: 55px;
	border: 0;
	line-height: 28px;
	margin-right: 3px;
	margin-top: 5px;
}
.Tips4 {
	z-index: 9990;
}
.baseLayersDiv input:hover {
	cursor: pointer !important;
}
#mapy p.Tips4 {
	margin-top: 0px;
}
p input#szukaj_dlugosc {
	margin-bottom: 8px;
}
span.legenda-opis {
	padding-left: 10px;
}
ul.suggestions {
	z-index: 1000 !important;
}

.index_mapa .tresc-strony, .panel {
	min-height: 1px;
}
.index_mapa .artykuly.listaMap {
	width: 981px;
	margin: 0 auto;
}
.index_mapa .artykuly.listaMap .artykul {
	margin: 0 0 20px 0;
}

.index_mapa .kontener,
.index_mapa #mapy, .index_mapa .mapa
{width: 99%;}
.dataLayersDiv {
	padding-left: 0 !important;
}

.kontenerNaZooma {
	position: absolute;
	width: 30px;
	right: 30px;
	top: 0px;
	z-index: 1010;
	height: 100%;
}
.labelSpan {
	padding-left: 3px;
	font-size: 12px;
}
#scaleline-id {
	position: absolute;
	right: 0px;
	bottom: 40px;
	color: #222;
}

.layersDiv input {margin-bottom:10px !important;}
.warstwyWrap {
	margin-left: -1px;
}
/*.ukryj {
	font: 0/0 serif;
}*/


@media (max-width: 1000px)  {

	#kontenerMenu .menu a {
		padding: 0 10px;
	}
}


#warstwy h3 {
		border: 0;
}
#mapy {
	background: #ebebeb;
}

	.warstwyWrap {
		background:#7600AC;
	}

	.warstwyWrap a#toggle {
		color:#fff;
		float: right;
	}

	#warstwy {
		color: #fff;
	}
	span.btn {
		color: #fff;
	}
	/*li#nawigacja {
		background: url(../../g/front/raczka.png) no-repeat;
	}
	li#mierzenie {
		background: url(../../g/front/miarka.png) no-repeat;
	}
	li#mierzenie2 {
		background: url(../../g/front/wielokat.png) no-repeat;
	}
	li#prostokat {
		background: url(../../g/front/kwadrat.png) no-repeat;
	}
	li#przyblizacz {
		background: url(../../g/front/przybliz.png) no-repeat;
	}
	li#oddalacz {
		background: url(../../g/front/oddal.png) no-repeat;
	}*/
	#legenda h3 {
		color: #7600AC;
	}
	input#wspolrzedne_szukaj {
		background: url(../../g/front/submit.png) no-repeat;
}

.index1kol div#kontenerTresci div.kontener div#trescFloat div#tresc-strony.tresc-strony div.zawartosc div#mapy div.warstwyWrap div#warstwy.narzedziaDoMapki a#toggle:hover {
	color: #222 !important;
}


#info-cookie {
        position: relative;
        z-index: 0;
        top:25px;
        background-color: #182434;
}
#accept-cookie {
        position: relative;
        margin: 0px auto;
        padding: 10px 20px 10px 15px;
        color:yellow;
        font: 18px/20px Arial,Helvetica;
}
#accept1-cookie {
        padding-right: 70px;
        color: yellow;
        font:18px/20px Arial,Helvetica;
}
#close-cookie {
        position: absolute;
        top: 3px;
        right: 3px;
        height: 18px;
}
#close-cookie img {
display : none;
}
#bleu{
        position: relative;
}