body {
	font-family: arial,helvetica;
	font-size: 8pt;
	color: black;
	padding:0px;
	margin:0px;
}

div.errors {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	color: #ff0000;
	border: 1px solid #ff0000;
	background-color: #ffe0e0;
}

div.successes {
	padding: 10px;
	margin: 0px 0px 10px 0px;
	color: #008000;
	border: 1px solid #008000;
	background-color: #e0ffe0;
}

#main {
	margin: 0px auto 0px auto;
	width:960px;
}

#main #logowanie {
	padding-top: 16px;
	text-align: right;
}

#main #logowanie input {
	border: 2px solid #bdc9d7;
	padding: 3px;
	text-align: center;
	font-style: italic;
	color: #bdc9d7;
	border-radius: 3px;
	width: 112px;
}
#main #logowanie input.inp {
	color: #808080;
	font-style: normal;
}

#main #logowanie a {
	float:right;
	margin-left:2px;
}

#main #logowanie img {
	vertical-align: middle;
	display:block;
}

/* Nagłówek */

#main #panel {
	margin-top: 10px;
	width: 960px;
	height: 167px;
	background: url(/img/bg/header.jpg) no-repeat top left;
}

#main #panel a.logo {
	display:block;
	padding: 48px 0px 0px 58px;
	width: 284px;
	height: 81px;
}

#main #panel a.logo img {
	display: block;
}

/* Menu */

#main #menu {
	height: 33px;
	background: url(/img/menu/bg.png) top left repeat-x;
	padding: 0px;
	margin: 0px;
}

#main #menu > div {
	height: 33px;
	display:block;
	float:left;
	width:1px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	background: url(/img/menu/sep.png) left top no-repeat;
}
#main #menu > a {
	height: 23px;
	display:block;
	float:left;
	width:191px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding-top:10px;
	color: white;
}
#main #menu > a:hover,#main #menu > a.akt {
	background: url(/img/menu/akt.png) top left repeat-x;
}

#main #tresc {
	
}

#main #tresc #tresc_wlasciwa {
	float: left;
	width: 730px;
	margin: 40px 0px 0px 0px;
}

div.tabs {
	margin-left: 115px;
}

div.tabs > a {
	float: left;
	text-align: center;
	padding: 5px;
	width: 150px;
	color: #0a4d71;
	font-size: 10pt;
	text-decoration:none;
}

div.tabs > a.aktywna {
	background-color: #7fadc7;
	font-weight: bold;
	color: white;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

table.oferta {
	clear:left;
	border-collapse: collapse;
}

table.oferta td {
	vertical-align: middle;
	color: #0a4d71;
	font-size: 10pt;
	height: 35px;
	border-top: 2px solid white;
	text-align: center;
	font-weight: bold;
}

table.oferta tr.ta > td { background-color: #d0ddec; }
table.oferta tr.tb > td { background-color: #ecf1f6; }
table.oferta tr.tc > td { background-color: #fcf9eb; }
table.oferta tr.td > td { background-color: #f3ebe9; }
table.oferta tr.te > td { background-color: #faecdc; }
table.oferta tr.tf > td { background-color: #f2fdea; }
table.oferta tr.tg > td { background-color: #e0f6fd; }

table.oferta tr > td.c1 {
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	background: none;
}

table.oferta tr > td.c1 { width: 100px; }
table.oferta tr > td.c2 { width: 150px; }
table.oferta tr > td.c3 { width: 50px; }
table.oferta tr > td.c4 { width: 150px; }
table.oferta tr > td.c5 { width: 170px; }

table.oferta tr > td > span { font-weight: normal; }


table.oferta th {
	border-top: 2px solid #7fadc7;	
	font-weight: normal;
	padding: 5px;
	text-align: center;
	color: #0a4d71;
	background-color: #f2f5f9;
}

table.oferta th.c1 {
	border-top: none;
	background: none;
}

table.oferta tr.first .c2,table.oferta tr.first .c3,table.oferta tr.first .c4,table.oferta tr.first .c5 {
	border-top: 2px solid #7fadc7;
}
table.oferta tr.last td.c2,table.oferta tr.last td.c3,table.oferta tr.last td.c4,table.oferta tr.last td.c5 {
	border-bottom: 2px solid #7fadc7;
}

table.oferta .c2 {
	border-left: 2px solid #7fadc7;
}


table.oferta .c5 {
	border-right: 2px solid #7fadc7;
	
}

#main div#tresc #prawy_panel { float: right; width: 200px;margin: 40px 0px 20px 0px; }
#main div#tresc #prawy_panel > div.tytul { background: url(/img/panel/mbg.png) top left repeat-x; }
#main div#tresc #prawy_panel > div.tytul > div { background: url(/img/panel/mleft.png) top left no-repeat; }
#main div#tresc #prawy_panel > div.tytul > div > div { background: url(/img/panel/mright.png) top right no-repeat; }
#main div#tresc #prawy_panel > div.tytul > div > div > div {
	background: url(/img/panel/mpntr.png) 50% 100% no-repeat; 
	color: white;
	font-weight: bold;
	height: 27px;
	text-align: center;
	padding: 6px 10px 0px 10px;
}

#main div#tresc #prawy_panel > div.tresc { background: url(/img/panel/bg.png) top left repeat-x;margin-top:5px; }
#main div#tresc #prawy_panel > div.tresc > div { background: url(/img/panel/left.png) top left no-repeat; }
#main div#tresc #prawy_panel > div.tresc > div > div { background: url(/img/panel/right.png) top right no-repeat; }
#main div#tresc #prawy_panel > div.tresc > div > div > div {
	background: url(/img/panel/pntr.png) 50% 0% no-repeat; 
	color: white;
	font-weight: normal;
	height: 434px;
	text-align: left;
	padding: 10px 10px 10px 10px;
	font-size: 10pt;
}

#main div#tresc #prawy_panel  a {
	color: white;
	text-decoration: none;
}

#main #discl {
	clear:both;
	background: url(/img/bg/keyb.jpg) bottom left no-repeat;
}
#main #discl > div{
	line-height: 150%;
	font-size:10pt;
	color: #0a4d71;
	height: 170px;
	padding: 50px 250px 0px 300px;
	background: url(/img/bg/wires.jpg) bottom right no-repeat;
}

#main #footer {
	height: 23px;
	padding-top: 10px;
	background: url(/img/menu/bg.png) top left repeat-x;
	text-align: center;
	margin: 0px;
	color: white;
}

#main #footer a {
	font-weight: bold;
	text-decoration:none;
	color: white;
}
#main #footer a:hover {
	text-decoration: underline;
}

h1 {
	background-color: #7fadc7;
	font-weight: bold;
	color: white;
	padding:7px;
	font-size: 8pt;
	width: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

h2 {
	font-size: 8pt;
	font-weight: bold;
	margin-top:30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #7fadc7;
}

li {
	margin: 5px;
}

a {
	font-weight: normal;
	color: #7fadc7;
	text-decoration: underline;
}

input.kontakt,textarea.kontakt {
	border: 2px solid #7eacc7;
	padding: 5px;
	border-radius: 3px;
}

td {
	padding: 5px;
}

td.s {
	background: url(/img/ar.png) no-repeat 5px 15px;
	width:25px;
}

td.ol {
	border-top: 1px solid white;
}

td.tit {
	font-size: 8pt;
}

td.tresc {
	font-size: 10pt;
	line-height: 200%;
}

table {
	border-collapse: collapse;
}
.b {
	font-weight: bold;
}

#main #mapa {
	width:400px;
	height:380px;
	background-image:url(/img/mapka/mapa.png);
	position:relative;
}
#main #mapa.nomap {
	width:auto;
	height:auto;
	background: none;
	position: static;
}
#main #mapa .punkt{
	background-image:url(/img/mapka/miasto.png);
	background-repeat:no-repeat;
	background-position:middle left;
	position:absolute;
}
#main #mapa .punkt .punk_na_mapie{
	color:#fff;
	text-decoration:none;
	display:block;
	line-height:19px;
	-webkit-transition: opacity 0.3s linear;
	font-size:1.3em;
	padding-left: 22px;
}
#main #mapa .punkt a:hover{
	opacity: 0.2;	
}
#main #mapa .opis{
	position:absolute;	
	background:#fff;
	color:#000;
	border: 1px solid rgba(0, 0, 0, 0.3);
	display:none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	z-index:5;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#main #mapa .opis ul{
	padding-left:0px;	
	list-style-type:none;
	width:180px;
	margin:0;
}
#main #mapa .opis ul li{
	color:#000000!important;
	margin:3px 0;
	padding:4px;
}
#main #mapa .opis ul li a:hover {
	background-color:#09476a;
	color:#fff;
}
#main #mapa .punkt:hover .opis{
	display:block;	
}
#main #mapa .nazwa{
	background-color:#0064cd;
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	background-image: -webkit-linear-gradient(top, #07344e, #000);
	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	background-image: linear-gradient(top, #049cdb, #0064cd);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:1em;
	padding:3px;
	font-weight:normal;
	border:1px solid #000;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	text-transform:uppercase;
}
#main #mapa .punkt .opis ul li a{
	font-size:0.9em;
	color:#111;
	text-decoration:none;
	display:block;
	border:1px solid #fff;
	background:#fff;
	opacity:1;
	padding:4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#main #mapa .punkt .opis ul li a:hover{
	color:#fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	background-color:#0064cd;
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	background-image: linear-gradient(top, #049cdb, #0064cd);
	opacity:1;
}

#main #mapa #szczegoly{
	color:#000;
	width:730px;
}
#main #mapa .oferta img{
	float:left;	
	margin-right:10px;
	margin-left:5px;
}
#main #mapa .oferta h4{
	margin-top: 0;
	margin-bottom:10px;
	font-size:1.5em;
	line-height:32px;
	background-color:#09476a;
	background-image: -moz-linear-gradient(top, #0f6a9c, #09476a);
	background-image: -ms-linear-gradient(top, #0f6a9c, #09476a);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f6a9c), color-stop(100%, #09476a));
	background-image: -webkit-linear-gradient(top, #0f6a9c, #09476a);
	background-image: -o-linear-gradient(top, #0f6a9c, #09476a);
	background-image: linear-gradient(top, #0f6a9c, #09476a);
	color:#fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
#main #mapa #szczegoly h3 .miasto{
	font-size:1.7em;	
}
#main #mapa h5{
	font-size:1.4em;
	font-weight:bold;
	margin:10px 10px;
}
#main #mapa #szczegoly .strona, #main #mapa #szczegoly .numer{
	background:white;
	color:#000;
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	z-index:5;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size:1.1em;
	width:200px;
	margin:5px 0 5px  auto;
	padding:5px;
	text-align:center;
	float:right;
}
#main #mapa .aligncenter{
	text-align:center;	
}
#main #mapa .operator{
	width:500px;
	float:left;
	margin-bottom:15px;
}
#main #mapa .oferta{
	overflow:hidden;
	background-color:whiteSmoke;
	margin:10px 0;
	border:1px solid #ddd;
	padding:5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#main #mapa .tytul{
	display:block;
	font-size:0.8em;
	background-color:#aaa;
	color:#fff;
	margin-top:3px;
}