/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

html, body, div, object, iframe, fieldset { 
	margin: 0; 
	padding: 0; 
	border: 0;
	font-family: 'Open Sans', serif;
} 

body { 
	width: 100%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.none { display:none; }
.break { margin-bottom:1em; }

/* menu gorne */

.tools-bar {
	background: #F2F2F2;
    height: 2em;
	/* box-shadow: 1px 1px 1px rgba(128, 128, 128, 0.2); */
}

.tools-bar ul {
	float:left;
	width:50%;
	box-sizing: border-box;
}

.tools-bar li {
	float:left;
	line-height: 2em;
	border-left: 1px dotted #D9D9D9;
}

.tools-bar li a {
	padding: 0 15px;
	display: block;
	color: #0087cb;
	font-size: 0.8125em;
	/*width: 100%;*/
}
.tools-bar li a:hover {
	background-color: #FF0000; /*6194CC
	/* #BFFCEA */
	color: white;
	text-decoration:none;
}

.tools-bar .login li {
	float: right;
}

/* header strony */

header {
	/* height:6em; */
	position: relative;
}

header .logo {
    float: left;
    padding: 21px 0 15px 21px;
    margin: 0;
    margin-right: 2em;
}

header h1 {
	margin:0.5em 0;
	padding:0.5em;
	color:#0087cb;
	font-size:2em;
	padding-right:50px;
}

/*
header .top-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 1em;
    top: 5px;
	overflow:hidden;
}
*/

header .top-links {
	display: inline-block;
	/*border: 1px solid red;*/
	/*margin: 0 auto;*/
	margin: 0 1em 1em 1em;
}

header .top-links li {
    float: left;
    line-height: 1.3em;
	font-size: 11px;
}

header .top-links .link3 a:hover {
    text-decoration: underline;
}

.path {
	clear:both;
    color:#00A03E;
    margin-right: 370px;
    padding-left: 2em;
    padding-top: 1em;
	font-size:0.8em;
}
.path ul {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    width: 100%;
	padding: 0.4em 0 0.2em 0;
}
.path li {
    background: url("../img/arrowred.png") no-repeat scroll 0 5px transparent;
    display: inline-block;
    padding-left: 11px;
    padding-right: 2px;
}
.path li.home {
    background-image: none;
    padding-left: 0;
}
.path a {
    color: #0087cb;
}
.path a:hover {
    text-decoration: underline;
}
.path em {
    color: #999999;
    font-style: normal;
    padding-left: 10px;
}
.path span {
    color: #555555;
    font-weight: normal;
}

.chr {
	padding:4px 0 0 7px;width:27px;height:27px;float:left;
	background: #ff0000;
	color:white;
	border: 1px solid white;
}

.chr-p {
	padding:0 0 0 4px;width:21px;height:21px;float:left;
	background: #ff0000;
	color:white;
	font-weight:bold;
	border: 2px solid white;
	border-radius:10px;
}

.chr-m {
	padding:0 0 0 6px;width:21px;height:21px;float:right;
	background: #ff0000;
	color:white;
	font-weight:bold;
	border: 2px solid white;
	border-radius:10px;
	line-height:0.8em;
}

/* menu mapa */

.tools-map {
	background: #f8f8f8;	   
    height: 3em;
	border-top: #E5E5E5 5px solid;
	border-bottom: #E5E5E5 1px solid;
	clear: both;
}

.tools-map ul {
	float:left;
	/*width:50%;*/
	box-sizing: border-box;
}

/* menu mapa - menu */

.tools-map ul.menu {
	margin: 0;
	/*clear: both;*/
	padding-left:16px;
	padding-top:4px;
}

.tools-map .menu li {
	display: inline-block;
	line-height: 2.0em;
}

.tools-map .menu li a {
	padding: 0 15px;
	display: block;
	background: #446A94;
	color: white;
	font-size: 16px;
	font-weight: bold;
}
.tools-map .menu li a.red {background: #FF0000;}
.tools-map .menu li a.blue {background: #0087CB;}
.tools-map .menu li a.green {background: #00A03E;}

.tools-map .menu li a:hover {
	background-color: white;
	color: #0087cb;
	text-decoration:none;
}

.tools-map .menu li a.active {
	background-color: white;
	color: #0087cb;
}

/* menu mapa - stats */

.tools-map ul.stats {
	margin: 0;
	padding-right:16px;
	padding-top:13px;
}

.tools-map .stats li {
	float: right;
	/* line-height: 2.5em; */
}
.tools-map .stats li {
	padding-left: 45px;
	font-size: 13px;
	font-weight: bold;
}

.tools-map .stats li a {
	padding: 0 15px 0 0;
	display: block;
	color: #093c73;
	font-size: 11px;
	font-weight: normal;
}

@media screen and (min-width: 981px) {
	header .top-links {
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 1em;
		top: 5px;
	}
}

@media screen and (max-width: 980px) {

	header .logo {
		float:none;
		padding-bottom:0;
	}

	header h1 {
		padding-right:0;
	}

	.tools-bar ul {
		display: block;
		width: 100%;
	}

	.tools-bar .login {
	    background-color: #f1f4f8;
		margin-bottom: 11px;
	}

	.tools-bar .login li {
		float: left;
	}

	.tools-map ul {
		display: block;
		width: 100%;
	}
	
	.tools-map .stats {
	}

	.tools-map .stats li {
		float: left;
	}

	.path {
		margin-right:0;
	}

	.expandcolumn {
		display:none;
	}
}

@media screen and (max-width: 560px) {

	.tools-map ul.menu {
		padding-left:0;
	}

	.tools-map .menu li {
		display: block;
	}
}

@media screen and (max-width: 450px) {

	.tools-bar .menu {
		background: #f2f2f2;
	}

	.tools-bar li, .tools-bar .login li {
		float: none;
		display: block;
		border-bottom:1px dotted #e5e5e5;

	}

	.tools-map ul.menu {
		padding-left:0;
	}

	.tools-map .stats li {
		display: block;
		/*float: none;*/
		padding-bottom: 11px;
		width: 25%;
	}

	.path {
		padding-left:1em;
	}

}

/* kontener strony */

.container-top {
	/*max-width: 90em; */
	margin: 0 auto;
	overflow: hidden;
}

.container {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 1em 1em 0 1em;
}

/* mapa i menu */

.col-map-canvas {
	clear:both;
	position: relative;
	padding-bottom: 1em;
}

.expandcolumn3 {
    height: 35px;
    position: absolute;
    right: 110px;
	top:6px;
    width: 150px;
    z-index: 301;
}

.expandcolumn3 ul li {
	float:left;
	margin-left:2px;
}

.expandcolumn3 a {
	background: rgba(0, 135,203,0.6);	
    color: white;
    height: 35px;
    width: 35px;
	border:1px white solid;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
	border-radius:50%;
	text-decoration:none !important;
	display:block;
}

.expandcolumn3 a.point {
	background: url("../img/point_bgr.png") no-repeat scroll 7px 7px rgba(0, 135,203,0.6);
}

.expandcolumn3 a.photo {
	background: url("../img/photo_bgr.png") no-repeat scroll 9px 9px rgba(0, 135,203,0.6);
}

.expandcolumn3 a.print {
	background: url("../img/print_bgr.png") no-repeat scroll 6px 6px rgba(0, 135,203,0.6);
}

.expandcolumn3 a.bigmap {
	background: url("../img/bigmap_bgr.png") no-repeat scroll 7px 7px rgba(0, 135,203,0.6);
}

.expandcolumn3 a.link {
	background: url("../img/link_bgr.png") no-repeat scroll 6px 7px rgba(0, 135,203,0.6);
}

.expandcolumn3 a:hover {
	background-color: rgba(0, 135,203,0.5);	
}

.expandcolumn4 {
    height: 35px;
    position: absolute;
    right: 270px;
	top:10px;
    width: 150px;
    z-index: 301;
}

.expandcolumn4 #inp_link {
    color: #ababab;
    font: 600 13px/1.2em Open Sans;
    /*border: 1px solid #666;*/
    /*font-size: 11px !important;*/
    height: 27px;
    border: medium none;
    font-size: 13px !important;
    font-style: normal;
    line-height: 1.2 !important;
    margin: 0;
    /*max-height: 15px;*/
    max-width: 100%;
    padding: 0 4% !important;
    min-width: 100%;
	margin-bottom: 11px;
}

.expandcolumn2 {
	/*background: #0087cb;
	background: rgba(242,245,248,0.6);*/
	background: rgba(0, 135,203,0.6);	
    color: white;
    height: 35px;
    position: absolute;
    right: 110px;
	top:6px;
    width: 35px;
    z-index: 301;
	border:1px white solid;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
	border-radius:50%;
	padding-top:7px;
	padding-left:1px;
	text-decoration:none !important;
}

.expandcolumn2:hover {
	background: rgba(0, 135,203,0.5);	
}


.expandcolumn {
    background: url("../img/expand_bgr.png") no-repeat scroll 0 0 transparent;
    height: 49px;
    position: absolute;
    right: 100px;
	top:0;
    width: 50px;
    z-index: 301;
}

.expandcolumn:hover {
    background-position: 0 -110px;
}

.col-menu {
	/* background: green; */
	width: 320px;
	display: table-cell;
	vertical-align: top;
	padding-right:1em;
	padding-top:13.5em;
}

.col-menu .none {
	display:none;
}

.col-map {
	/* background: blue; */
	display: table-cell;
	vertical-align: top;
	width: 100%;
	margin-bottom:1em;
}

.col-map .map-canvas {
	display: block;
	padding: 15px;
	height: 500px; 
	border: 1px solid #748daa;
}

.map-canvas2 {
    border: 1px solid #a7b7c7;
    float: right;
    height: 100px;
    width: 300px;
}

.col-group {
	/*border: 1px #B7C0CA solid;
	border-radius:5px;
	*/
	overflow: hidden;
	margin-top:1em;
}

.col-group > div {
	/*padding: 0.5em*/;
	/*margin-bottom: 1em;  */
	float: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	min-height: 2.25em;
}

.col-2 > div {
	float: left;
	width: 50%;
}

.col-3 > div {
	float: left;
	width: 33%;
}

.col-city {
	overflow: hidden;
	/*margin-top:1em;*/
	padding-bottom:1em;
}

.col-city > h2 {	
	font-size: 1.2em;
	padding: 0.5em;
	margin: 0;
	margin-bottom: 0.5em;
	color: #0087cb;
	/*background: rgba(242,245,248,1);*/
	text-shadow: 1px 1px 0 #fff;
	font-weight:bold;
	/*background-color: #6194CC;*/
	background-color: #f2f2f2;
}

.col-city > h5 {	
	font-size: 1.6em;
	padding: 0.5em;
	margin: 0;
	margin-bottom: 0.5em;
	color: #093C73;
	background: rgba(242,245,248,1);
	/*
	background: -webkit-linear-gradient(rgba(242,245,248,1), rgba(220,227,235,1));
	background: -o-linear-gradient(rgba(242,245,248,1), rgba(220,227,235,1));
	background: -moz-linear-gradient(rgba(242,245,248,1), rgba(220,227,235,1));
	background: linear-gradient(rgba(242,245,248,1), rgba(220,227,235,1));
	*/
}

.col-city .col-list {
}

.col-city .col-list > ul {
	float: left;
	width: 33%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 0.8em;
}

.col-city .col-list > ul li {
	padding: 0.3em 1em;
	font-size: 0.7em;
	background: url("../img/arrow.gif") no-repeat scroll 6px center rgba(0, 0, 0, 0);
    padding-left: 20px;
}

.col-city .col-list > ul li:hover {
	background-color: #f2f2f2;
}

.col-city .col-list > ul li.add {
	display:none;
}

.col-city .col-list > ul li a {
	color: #0087cb;
	text-decoration: none;
}

.col-city .col-list > ul li a strong{
	font-weight:bold;
}

.col-street {
	overflow: hidden;
	/*margin-top:1em;*/
	padding-bottom:1em;
}

.col-street > h2 {	
	font-size: 1.2em;
	padding: 0.5em;
	margin: 0;
	margin-bottom: 0.5em;
	color: #0087cb;
	/*background: rgba(242,245,248,1);*/
	text-shadow: 1px 1px 0 #fff;
	font-weight:bold;
	/*background-color: #6194CC;*/
	background-color: #f2f2f2;
}

.col-street > h5 {	
	font-size: 1.6em;
	padding: 0.5em;
	margin: 0;
	margin-bottom: 0.5em;
	color: #093C73;
	background: rgba(242,245,248,1);
	/*
	background: -webkit-linear-gradient(rgba(242,245,248,1), rgba(220,227,235,1));
	background: -o-linear-gradient(rgba(242,245,248,1), rgba(220,227,235,1));
	background: -moz-linear-gradient(rgba(242,245,248,1), rgba(220,227,235,1));
	background: linear-gradient(rgba(242,245,248,1), rgba(220,227,235,1));
	*/
}

.col-street .col-list {
}

.col-street .col-list > ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 0.8em;
}

.col-street .col-list > ul li {
	width: 33%;
	float: left;
	padding: 0.3em 1em;
	font-size: 0.7em;
	background: url("../img/arrow.gif") no-repeat scroll 6px center rgba(0, 0, 0, 0);
    padding-left: 20px;
}

.col-street .col-list > ul li:hover {
	background-color: #f2f2f2;
}

.col-street .col-list > ul li.add {
	display:none;
}

.col-street .col-list > ul li a {
	color: #0087cb;
	text-decoration: none;
}

.col-street .col-list > ul li a strong{
	font-weight:bold;
}

.box-streets ul li {
	cursor: pointer;
}

.box-streets-scroll {
	height: 150px;
	overflow-y:scroll;
}

.col-map-photo .col-list > ul li:hover {
	background-color: #f5f8fc;
}

.col-map-photo .col-list > ul li a {
	color: #363f4d;
}

.col-map-photo .col-list > ul li img {
    border: 1px solid #a7b7c7;
    margin: 0 14px 5px 0;
}

.col-map-photo .col-list > ul li.add {
	display:none;
}

.more-bar {
	clear: both;
    background: #f1f4f7;
    line-height: 20px;
    padding-left: 5px;
}

.more-bar p {
    margin: 0;
    padding-right: 14px;
    text-align: right;
	font-size:0.7em;
}
.more-bar p a {
    background: url("../img/expandarrow.png") no-repeat scroll 0 5px transparent;
    color: #0087cb;
    padding-left: 12px;
}
.more-bar p a:hover {
    text-decoration: underline;
}
.more-bar p.less a {
    background-position: 0 -23px;
}
.more-bar .less {
    display: none;
}
.show-all .more-bar .more {
    display: none;
}
.show-all .more-bar .less {
    display: block;
}

.col-map .show-all .col-list .add {
    display: block;
}


.box-content {
	overflow: hidden;
	/*margin-top:1em;*/
	padding-bottom:1em;
}

.box-content > h2 {	
	font-size: 1.2em;
	padding: 0.5em;
	margin: 0;
	margin-bottom: 0.5em;
	color: #0087cb;
	/*background: rgba(242,245,248,1);*/
	text-shadow: 1px 1px 0 #fff;
	font-weight:bold;
	/*background-color: #6194CC;*/
	background-color: #f2f2f2;
}

.box-content h3 {
	font-family: 'Open Sans',verdana;
	color: #314359;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 10px;
	margin-bottom: 11px;
	margin-right: 2px;
	border-radius: 5px;
	border: 1px solid #f0f8ff;
	box-shadow: 1px 1px 1px #f0f8ff;
}

.box-content h3 a {
  color: #314359;
}

.box-content h4 {
	color: #314359;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 10px;
}

.box-content h5 {
	color: #314359;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	margin-bottom: 5px;
}

.box-content p {
	padding: 0 0.5em 1em 0.5em;
	font-size: 0.8em;
	line-height: 1.5em;
}

.box-content .more-bar p {
	padding: 0;
    font-size: 0.7em;
    margin: 0;
    padding-right: 14px;
    text-align: right;
	line-height: 20px;
}

.box-desc {
	padding:0 1em;
	font-size:0.8em;
	color: #666666;
}

.box-desc ul {
	list-style-type: disc;
	padding-left: 2em;
}

.box-desc ul li {
	line-height: 1.5em;
}

.box-desc a {
	color: #0087cb;
}

.box-banner { font-size: 12px; margin-bottom:1em; }

.col-photo {
	color:#505050;
}

.col-photo .box-photo-nav {
	overflow: hidden;
	height:3em;
	padding:0 1em;
	font-size:0.9em;
}

.col-photo .box-photo-nav ul {
	
}

.col-photo .box-photo-nav ul li {
	float:right;
	padding:0 0.5em;
}

.col-photo .box-photo-nav ul li em {
	display:block;
	padding:4px;
	font-size:0.8em;
}

.col-photo .box-photo-nav ul li a {
	color:#0087cb;
	display:block;
	background:#f2f2f2;
	padding:4px 8px;
	text-decoration:none;
	font-size:0.8em;
}

.col-photo .box-photo-nav ul li a:hover {
	background:#f8f8f8;
}

.col-photo .box-photo-desc {
	font-size:0.8em;
	padding:1em 1em 0 1em;
	background-color:#f8f8f8;
	overflow:hidden;
}

.col-photo .box-photo-desc em {
	display:block;
	line-height:1.5em;
}

.col-photo .box-photo {
	text-align: center;
	background-color:#f8f8f8;
	padding:1em;
}

.col-photo .box-photo img {
    background-color: white;
    border: 1px solid #a7b7c7;
    margin-bottom: 10px;
    padding: 10px;
}

.box-chars {
	background: #FBFBFB;
	border: 1px #ece9e1 solid;
	padding:1.5em 1em;
	font-size: 0.8em;
}

.box-chars .box-ref {
	margin-left: 50px;
	padding: 10px;
	width: 150px;
	background: #FBFBFB;
	border: 1px #ece9e1 solid;
}
.box-chars label {
	cursor:pointer;
}
.box-chars a {
	color: #0087cb;
    font-size:13px;
    font-weight: bold;
    padding:0 3px;
}

/* box wyszukiwarki */

.col-map-bigmap {
	position:relative;
}

.box-search { 
	position: absolute;
	padding: 1em;
	/* background: #FFFD8B; */
	background: #f2f2f2;
	color:#666666;
	min-height:6em;
	margin-bottom:1em;
	margin-left:1em;
	left: 0;
	width: 304px;
	border: 1px solid #e5e5e5;;
	border-top: #E5E5E5 5px solid;
	border-bottom: #E5E5E5 5px solid;
    /*box-shadow: 2px 2px 5px #bcbcbc;*/
	z-index:100;
}

.box-search-bigmap {
	top:1em;
	/*box-shadow: 2px 2px 5px #bcbcbc;*/
	border:1px solid white;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
}

.box-search-bigmap2 {
	top:4.5em;
	/*box-shadow: 2px 2px 5px #bcbcbc;*/
	border:1px solid white;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
}

.box-search-bigmap3 {
	top:15.5em;
	/*box-shadow: 2px 2px 5px #bcbcbc;*/
	border:1px solid white;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
}

.box-search h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 11px;
}

input.s {
    color: #ababab;
    font: 600 13px/1.2em Open Sans;
    /*border: 1px solid #666;*/
    /*font-size: 11px !important;*/
    height: 27px;
    border: medium none;
    font-size: 13px !important;
    font-style: normal;
    line-height: 1.2 !important;
    margin: 0;
    /*max-height: 15px;*/
    max-width: 100%;
    padding: 0 4% !important;
    min-width: 100%;
	margin-bottom: 11px;
}

.submit {
    background-color: #0087cb;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
	font-weight: bold;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    text-transform: capitalize;
    transition: background 0.2s ease 0s;
}

.submit:hover {
    background-color: #ff6464;
    color: #fff;
    text-decoration: none;
}

/* formularz trasa dojazdu */

.box-search #do_change {
    float: right;
}

.box-search #do_middle {
    /*background: url("../img/do_add.png") no-repeat scroll 3px -1px transparent;*/
    color: #666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 0 8px 27px;
}

.box-search #do_middle:hover {
    background-position: 3px -25px;
    color: #4d93ea;
    text-decoration: none;
}

.box-search #do_add {
    /* background: url("../img/do_add.png") no-repeat scroll 3px 0 transparent;*/
    color: #666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 3px 0 8px 27px;
}

.box-search #do_add:hover {
    background-position: 3px -24px;
    color: #4d93ea;
    text-decoration: none;
}

.box-search input[type="submit"] {
    float: right;
}

/* zobacz takze */

.see-also {
	background-color:#f8f8ee;
	overflow:hidden;
	margin-bottom: 1em;
}

.see-also h2 {
	font-size: 1.2em;
	padding: 0.5em;
	margin: 0;
	/*margin-bottom: 0.5em;*/
	color: #fff;
	/*background: rgba(242,245,248,1);*/
	font-weight:bold;
	background-color: #0087cb;
}

.see-also ul {
    background: none repeat scroll 0 0 #f1f4f7;
    line-height: 1.2em;
    list-style-type: none;
    margin: 0;
    padding: 0;
	font-size: 0.8em;
}
.see-also ul li {
    border-top: 1px dotted #c0d1e1;
    padding-bottom: 10px;
    padding-left: 55px;
    padding-top: 15px;
}
.see-also ul li.icon0 {
    background: url("../img/seealso.gif") no-repeat scroll 9px -299px transparent;
    padding-bottom: 17px;
    padding-top: 12px;
}
.see-also ul li.icon1 {
    background: url("../img/seealso.gif") no-repeat scroll 9px 7px transparent;
    padding-bottom: 17px;
    padding-top: 18px;
}
.see-also ul li.icon2 {
    background: url("../img/seealso.gif") no-repeat scroll 9px -45px transparent;
    padding-bottom: 13px;
    padding-top: 9px;
}
.see-also ul li.icon3 {
    background: url("../img/seealso.gif") no-repeat scroll 9px -86px transparent;
    padding-bottom: 14px;
    padding-top: 9px;
}
.see-also ul li span {
    color: #bd9d6d;
    display: block;
    padding-left: 11px;
}
.see-also ul a {
    background: url("../img/icons.gif") no-repeat scroll 1px -44px transparent;
    color: #3c77d3;
    display: block;
    padding: 2px 0 0 11px;
}
.see-also ul a:hover {
    text-decoration: underline;
}

/* stopka */

.copyright {
	padding: 1em 2em 1em 2em;
	font-size: 0.8125em;
    color: #0087cb;
    text-shadow: 1px 1px 0 #fff;
	background: #f2f2f2;
	text-align: center;
	border-top: #E5E5E5 5px solid;
	border-bottom: #E5E5E5 1px solid;
}

.container-foot {
	padding: 0 1em;
}

.col-group-footer {
	overflow: hidden;
	margin-top:1em;
}

.col-group-footer > div {
	display: block;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	min-height: 2.25em;
}

.col-footer-1 {
	float: left;
	width: 25%;
}
.col-footer-2 {
	float: left;
	width: 75%;
}
.col-footer-2 > div {
	margin: 0 1em;
}

.footer {
	background: #f8f8f8;	   
	box-shadow: 1px 1px 1px rgba(128, 128, 128, 0.2);
    /*border-bottom: 1px solid #CCCCCC; */
	padding-bottom: 2em;
	margin-top: 1em;
}

.footer h4 {
	padding:0.5em 0;
	border-bottom: #E5E5E5 1px solid;
	margin: 0 0 6px;
	font-size:0.9em;
}

.footer .nav-footer {
	margin: 0 1em;
}

.footer ul {
	margin: 0;
	clear: both;
	padding-bottom: 1em;
}

.footer li {
	line-height: 1.2em;
}
.footer li a {
	padding: 0;
	color: #0087cb;
	font-size: 0.8125em;
	/*width: 100%;*/
}

.footer li a:hover {
}

/* icony i controlki mapy */

.eho_map_control {/*background-color: #555555;*/background-color: rgba(0, 0, 0, 0.6);border-radius: 5px 5px 5px 5px;color: #FFFFFF;margin: 24px 0 0 24px;padding: 5px;position: absolute; width: 175px;z-index: 0;}
.eho_map_dot {height: 30px;width: 30px;background: url("http://maps.gstatic.com/mapfiles/dd-via.png") no-repeat scroll 3px 3px transparent;cursor:pointer;font-weight: bold;padding: 0 0 0 23px;text-shadow: -1px -1px 0 #777777;/*height: 17px;width: 155px;*/}

.eh_photo {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    height: 32px;
    margin: 5px;
    position: absolute;
    width: 49px;
}

.eh_photo .photo_img img {width:49px; height:32px;}
.eh_photo .delta_img{height:9px;margin-top:1px;margin-bottom:3px;margin-left:17px;}

.eh_photo_p {background-color: #FFFFFF;border: 1px solid #777777;border-radius: 5px 5px 5px 5px;color: white;margin: 5px;padding: 4px 5px;position: absolute;width:69px;height:52px;}
.eh_photo_p .photo_img img {width:69px; height:52px;}
.eh_photo_p .delta_img {height:9px;margin-top:1px;margin-bottom:3px;margin-left:27px;}


.mw_link {color:#0087cb;}
.mw_link img {vertical-align:-2px;}

/* Autocomplete */

.ui-autocomplete { position: absolute; cursor: default; overflow-y: auto;}	
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu-item {background:#FEFEFE; padding:5px; width:286px; border-bottom: 1px #ECE9E1 solid;}
.ui-menu{list-style-type: none; margin: 0; padding: 0;
	/*font: normal 12px Tahoma, Arial, Helvetica, sans-serif;*/
	font-size:12px;
border: 1px #e5e5e5 solid;}

.ui-menu {
	list-style:none;
	padding: 0px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	background: #EFEFEF;
	/*margin: -1px;*/
}
.ui-helper-hidden-accessible{display:none;}


/* Interaction states
----------------------------------*/

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #00A03E;
	font-weight: normal;
	color: white;
}

/* media zapytania */

@media screen and (max-width: 1050px) { /* max-width: 991px */
	.col-photo .box-photo img {
		width:100%;
	}
}

@media screen and (max-width: 981px) { /* max-width: 991px */
	.col-map, 
	.col-menu {
		display: block;
		width: 100%;
	}
	.col-menu {
		padding-right:0;
		padding-top:0;
	}

	.box-search { 
		position:relative;
		width:100%;
		margin-left:0;
	}

	/*
	.last-image {
		margin-top:0;
	}
	*/

	.last-image div  {
		width: 50%;
		float: left;
	}

	.last-image li {
		margin-left: 0;
	}

	.last-image li img {
		width: 32%;

	}

	.last-comment .comment {
		width: 85%;
	}

	.col-city ul {
		/* height:5em; */
	}

	.col-map-photo .col-list > ul {
		width:100%; 
	}

	.col-footer-1,
	.col-footer-2 {
		float: none;
		width: 100%;
	}

	.col-street .col-list > ul li {
		width:50%; 
	}

	.col-2 > div {
		float: none;
		width: 100%;
	}

	.col-photo .box-photo img {
		width:100%;
	}

}

@media screen and (max-width: 560px) {

	.last-image h3 {		
		height:70px;
	}
	.last-image h3 span {
		display:block;
		padding:4px 4px;
		border-left: 0;
		margin-left: 0;
		margin-bottom: 1px;
		background: #E6EBF0;
	}
	.last-image h3 span:before {
		content: "\2022";
		line-height: 10px;
		padding-right: 8px;
		font-size: 12px;
	}
	.last-image h3 span:nth-child(1) {
		margin-top:2px;
	}
}

@media screen and (max-width: 450px) {

	.col-map .map-canvas {
		height: 300px; 
	}

	.last-image h3 {		
		height:auto;
	}

	.last-image div  {
		width: 100%;
		float: none;
	}

	.last-comment .comment {
		width: 70%;
	}

	.col-city .col-list {
		overflow-y:scroll;
		height:100px;
	}

	.col-city .col-list > ul {
		width:100%; 
	}

	.col-street .col-list {
		overflow-y:scroll;
		height:100px;
	}

	.col-street .col-list > ul li{
		width:100%;
	}
}