/*
Theme Name: Miasto Sanok
Theme URI: http://Sanok.pl
Description:
Version: 1.0
Author:
Author URI:
Tags:
*/



body {
font-family: 'Open Sans', sans-serif;
}
a {}
img {border: none;}
p {}


.header-wrapper {
	background-color: #fff;
	border-bottom: 7px solid #0e2c3d;
	height: 116px;
	margin-bottom: 14px;
}

.logo {
	float: left;
	padding: 13px;
	background-color: #fff;
}
.ng-top {
	border-bottom: 1px dotted #d2d7da;
	float: right;
	height: 48px;
	width: 77%;
}

.ng-top .form-control {
	font-size: 11px;
	height: 31px;
	margin-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
}


.pgw {
	background-color: #fff;
	margin-top: 350px;
	padding-top: 7px;
}

.pgw .col-lg-8 {
	border-radius: 0;
	margin-bottom: 8px;
	margin-right: 6px;
	overflow: hidden;
	width: 48.9%;
}


.flex-row {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

.flex-row > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:0 auto;
}

.flex-col {
    display: flex;
    display: -webkit-flex;
    flex:auto 0;
		flex-flow: column wrap-reverse;
    flex-direction: column;
}

.flex-grow {
	display: flex;
    display: -webkit-flex;
    -webkit-flex: 2;
    flex:2;
}


.header-wrapper nav {float: right;}
.header-wrapper nav ul {}
.header-wrapper nav a {
	border-bottom: 4px solid #000;
	border-radius: 0;
	color: #313131;
	font-size: 20px;
	padding-bottom: 13px !important;
	padding-top: 14px !important;
	padding: 13px 31px !important;
}

.nav-wiadomosci a {border-bottom-color: #818284 !important;}
.nav-miasto a {border-bottom-color: #57bad8 !important;}
.nav-turystyka a {border-bottom-color: #2c9527 !important;}
.nav-samorzad a {border-bottom-color: #ff0000 !important;}
.nav-sport a {border-bottom-color: #2564cd !important;}
.nav-kultura a {border-bottom-color: #ec068d !important;}
.nav-investor a {border-bottom-color: #fff101 !important;}


.wcagico {
	float: right;
	list-style: outside none none;
	padding-left: 0;
	padding-top: 8px;
	width: 313px;
}
.wcagico li {
	float: left;
	height: 31px;
	margin-left: 7px;
	cursor: pointer;
}
.kontarst {background-image: url("img/kontrast.jpg");}
.aminus {background-image: url("img/minus.jpg");}
.aplus {background-image: url("img/plus.jpg");}

.kontarst, .aminus, .aplus {width: 31px;}

.category-kultura .logo img, .category-turystyka .logo img {width: 351px;}
.category-kultura .ng-top, .category-turystyka .ng-top {width: 66%;}
#wrapper {}
#content {}


#sidebar .nav a {color: #3f3f3f; padding: 8px 13px;}
#sidebar .nav li ul li a {padding-left: 0;}


#sidebar .sub-menu { display: none; }

#sidebar .current-menu-item .sub-menu, #sidebar .current-menu-parent .sub-menu { display: block; }

#sidebar h4 {
	background-color: #57bad8;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 12px 12px 12px 15px;
	text-transform: uppercase;
}
#sidebar h5 {
	border-bottom: 3px solid #57bad8;
	font-weight: bold;
	margin: 0;
	padding: 12px 12px 12px 15px;
}

.menu-nolink a {
border-bottom: 3px solid #57bad8;
border-radius: 0 !important;
font-weight: bold;
}
.menu-nolink a:hover {
	cursor: default !important;
	background-color: #fff !important;
}




.nbox {
	border: 1px solid #e6e6e6;
	margin-bottom: 7px;
	min-height: auto;
}
article .nbox {
	padding: 18px;
	min-height: 1200px;
}
article .single-title {
	font-weight: bolder;
	margin-top: 3px;
	margin-bottom: 40px;
}
article .nbox p {
	font-size: 15px;
	padding: 0;
}
article .nbox img {
	height: 100%;
	max-width: 599px;
	padding-top: 6px;

}
article td {padding: 7px;}

.thumbnail {float: none; width: 314px; border:none; margin-bottom: 1px;}
.category .nbox, .home .nbox {
	border: medium none;
	left: -4px;
	position: relative;
	width: 100%;
}
.nbox h3 {
	float: left;
	font-size: 1.3em;
	font-weight: 900;
	margin-bottom: 6px;
	margin-top: 1px;
	padding: 7px;
	width: 100%;
}
.nbox h3 a {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #202020;
}
.nbox p {
	font-size: 0.9em;
	padding: 7px;
	text-align: justify;
}
.nbox p a {}
.nbox .data-dodania {
	color: #000;
	float: right;
	font-size: 0.7em;
	padding-left: 7px;
	text-align: right;
	width: 100%;
}

footer {
	margin-bottom: 50px;
	margin-top: 0;
}

footer .container {
	background-color: #fff;
	padding-top: 30px;
}

.bbar {background-color: #219fd9;}
.bbar ul li a {
	border-right: 1px solid #fff;
	color: #fff;
}
.bbar ul li a:hover {color: #333; }
.bbar .lst {}
.bfir {
	border-bottom: 1px solid #c7c7c7;
	display: table;
	padding-bottom: 9px;
	padding-top: 8px;
	width: 100%
}
.bfi {
	border-left: 1px solid #e9e9e9;
	display: table-cell;
	float: none;
	font-size: 12px;
	padding: 2px 10px;
}
.sbr {
	float: left;
	margin-bottom: 7px;
	margin-left: 4px;
	width: 99%;
}

.sbr img, .hrb img {width:100%}

.hrb {
	border: 1px solid #e6e6e6;
	margin-bottom: 5px;
}



.sbip {
	background-color: #f7f7f7;
	border: 1px solid #e6e6e6;
}

.sbr .nav {
	background-color: #f7f7f7;
	border-color:  #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	padding-bottom: 5px;
}
.sbr .nav li {}
.sbr .nav li a {
	border-bottom: 1px dashed #a8a8a8;
	color: #333;
	padding-bottom: 8px;
	padding-top: 8px;
}
.sbr .nav li a:hover {background-color: #fff;}

.sidebar2 {width: 100%;}
.sidebar2 h4 {
	border-bottom: 1px solid #f7f7f7;
	border-top: 1px solid #a8a8a8;
	font-size: 15px;
	margin: 0;
	padding-bottom: 9px;
	padding-left: 15px;
	padding-top: 9px;
}

.tbl td {
	border: 1px solid #cfcfcf;
	padding: 5px;
}


.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.wp-caption img{margin:0;padding:0;border:0 none}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0}


.trs {background-color: #2c9527 !important;}
.smr {background-color: #ff0000 !important;}
.sprt {background-color: #2564cd !important;}
.kltr {background-color: #ec068d !important;}
.dinw {background-color: #fff101 !important; color: #333 !important;}


.ngg-gallery-thumbnail img {
  border: 1px solid #e6e6e6;
  margin: 4px 0 4px 5px;
  padding: 4px !important;
}
.ngg-gallery-thumbnail img:hover {background-color: #EDEDED !important;}
.facebook {overflow: hidden;}


.owl-carousel {
	height: 176px !important;
	overflow: hidden;
}

.arch {
	background-color: #dde3f3;
	font-size: 1.1em;
	width: 99%;
}
.arch a {
	color: #202020;
	float: left;
	padding: 16px 12px;
	width: 98%;
}
.arch-lista {
	list-style: outside none none;
	padding: 0;
	width: 99%;
}
.arch-lista li {}
.arch-lista li a {
	border-bottom: 1px dashed #a6a6a6;
	color: #000;
	display: block;
	font-family: open sans condensed;
	font-size: 1.3em;
	padding-bottom: 6px;
	padding-top: 6px;
}


.addthis_sharing_toolbox {}

.page-template-page-en .logo img, .page-template-page-de .logo img {width: 181px;}
.page-template-page-en .ng-top, .page-template-page-de .ng-top {
	border-bottom: medium none;
	margin-top: 30px;
}

#cookiesDiv {
	background-color: #ECECEC;
	bottom: 0;
	color: #FFFFFF;
	display: none;
	font-family: arial;
	font-size: 12px;
	padding: 0;
	position: fixed;
	right: 0;
	text-align: center;
	width: 400px;
}

#cookiesDiv a {
	color: #4C4C4A;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

#cookiesDiv p {
	color: #354058;
	font-size: 11px;
	margin-bottom: 8px;
	margin-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

#cookiesDiv .btn {
	margin: 2px;
	margin-top: -7px;
	margin-bottom: 8px;
}

.navigation {
	margin-top: 18px;
	text-align: center;
	width: 100%;
}
.wp-paginate {}
.wp-paginate li a {
background-color: #fff;
}



@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

.thumbnail {
	float: left;
	margin-right: 10px;
	width: 258px;
}
#sidebar	{font-size: 13px;}
.ng-top {width: 69%;}
.header-wrapper nav a {
	font-size: 15px;
	padding-bottom: 16px !important;
	padding-top: 17px !important;
}
.pgw .col-lg-8 {
  width: 48.8%;
}

article .nbox {
  float: left;
  width: 100%;
}
article .single-title {
  font-size: 28px;
  font-weight: bolder;
  margin-bottom: 0;
  margin-top: 3px;
}
article .nbox img {
	margin-bottom: 5px;
	max-width: 489px;
}


}
@media (min-width: 768px) and (max-width: 991px) {

.thumbnail {
	width: 100%;
}

.ls {
	float: left;
	width: 30%;
}
.cs {
	float: left;
	width: 70%
}
.ng-top {width: 69%;}
.logo img {width: 175px;}
.header-wrapper {}
.header-wrapper nav a {
	font-size: 14px;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 21px !important;
}

.pgw .col-lg-8 {
  width: 100%;
}

.sbr {
	float: left;
	margin-bottom: 7px;
	margin-left: 0;
	margin-right: 5px;
	width: 49.3%;
}
.sbip img, .hrb img {
	height: 60px;
	width: auto;
}
.sidebar2 {float: left;}
article .nbox {}
article .nbox img {
	margin-bottom: 5px;
	max-width: 464px;
}
}


@media (min-width: 641px) and (max-width: 767px) {
.thumbnail {
	width: 100%;
}

.ng-top {
	border: medium none;
	width: 69%;
	height: 14px;
}
.logo img {}
.header-wrapper {height: 100%; padding-bottom: 10px;}
.header-wrapper nav a {
	font-size: 22px;
	padding-left: 11px !important;
	padding-right: 12px !important;
	padding-top: 3px !important;
}
.header-wrapper nav a:hover {background:#fff;}
.wcagico {
	position: absolute;
	right: 100px;
	top: 0;
}
#searchform {
	float: right;
	margin-right: 10px;
	margin-top: 0;
	padding-top: 0;
	position: absolute;
	right: 0;
	top: 57px;
	width: 53%;
}
.navbar-toggle {margin-top: -1px;}
.navmenu {font-size:20px;}
.pgw .col-lg-8 {
  width: 100%;
}
.ls {
	float: left;
	width: 30%;
}
.cs {
	float: left;
	width: 100%
}
#sidebar	{font-size: 13px;}


.logo img {width:193px;}
.bfi {display: block;}
.sbr {
	float: left;
	margin-bottom: 7px;
	margin-left: 0;
	margin-right: 5px;
	width: 48.3%;
	height: 353px;
}
.sbip, .hrb {height: 60px;}
.sbip img, .hrb img {
	height: 60px;
	width: auto;
}
article .nbox img {}

.backstretch {display: none;}
.pgw {margin-top:0;}
.widget_slideshow {
  display: none;
}
}


@media (min-width: 320px) and (max-width: 640px) {
.header-wrapper {
	height: 100%;
}
.ng-top {
	height: 1px;
	width: 100%;
}
.wcagico {
	position: absolute;
	right: 0;
	top: 38px;
	width: 128px;
}
.wcagico li {margin-left: 3px;}
.wcagico img {
	max-height: 16px;
	width: 25px;
}
#searchform {display: none;}
.thumbnail {
	float: none;
	width: 100%;
}
.aminus, .aplus {display: none;}
.pgw .col-lg-8 {
	display: block !important;
	width: 100%;
}
.flex-row {
  display: block;
  flex-wrap: nowrap;
}
.nbox p {  width: 100% !important;}
.ls {
	float: none;
	width: 100%;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 3px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
	z-index: 100;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.navbar-collapse {
	background-color: #fff;
	float: left;
	width: 100%;
	z-index: 101;
}
.logo img {
    padding: 0;
    width: 124px;
}
.header-wrapper nav {
	border-bottom: 1px solid #e6e6e6;
	float: left;
	margin-bottom: 3px;
	padding-bottom: 3px;
	width: 100%;
}
.header-wrapper nav a {
	font-size: 12px;
	padding-left: 4px !important;
	padding-right: 5px !important;
}
.cs {
	float: left;
	width: 100%
}
.rs {float:left; width: 100%;}
.nbox {float:left;}
.bfi {display: block;}
.sbip img, .hrb img {
	height: 60px;
	width: auto;
}
article .nbox {width: 99%;}
article .single-title {
	font-size: 25px;
}
article .nbox img {max-width: 100%;}
.backstretch {display: none;}
.pgw {margin-top:0;}
.owl-carousel .owl-item img {height: 100%;}
.widget_slideshow {
  display: none;
}

}



@media (max-width: 319px) {
.header-wrapper {
	height: 100%;
}
.ng-top {
	height: 7px;
	width: 100%;
}
.wcagico {
	margin-top: -41px;
	position: absolute;
	right: 0;
	width: 100%;
}
.logo {
	text-align: center;
	width: 100%;
}
.wcagico li {
	margin-left: 3px;
	width: 28px;
}
.wcagico img {
	height: 25px;
	padding: 0;
	width: 96%;
}
#searchform {display: none;}
.thumbnail {
	float: none;
	width: 100%;
}
.aminus, .aplus {display: none;}
.pgw .col-lg-8 {
	display: block !important;
	width: 100%;
}
.flex-row {
  display: block;
  flex-wrap: nowrap;
}
.nbox p {  width: 100% !important;}
.ls {
	float: none;
	width: 100%;
}
.navbar-toggle {
	background-color: transparent;
	background-image: none;
	border: 1px solid;
	border-radius: 4px;
	float: right;
	font-size: 17px;
	margin-bottom: 8px;
	margin-right: 3px;
	margin-top: 12px;
	padding: 1px 10px;
	position: relative;
	z-index: 100;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.navbar-collapse {
	background-color: #fff;
	float: left;
	width: 100%;
	z-index: 101;
}
.logo img {
    padding: 0;
    width: 90%;
}
.header-wrapper nav {
	border-bottom: 1px solid #e6e6e6;
	float: left;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 100%;
}
.header-wrapper nav li {
	float: left;
	width: 49%;
}
.header-wrapper nav a {
	font-size: 12px;
	padding-left: 6px !important;
	padding-right: 6px !important;
}
.cs {
	float: left;
	width: 100%
}
.rs {float:left; width: 100%;}
.nbox {float:left;}
.bfi {display: block;}
.sbr img, .hrb img {
	height: 60px;
	width: auto;
}
article .nbox {width: 99%;}
article .single-title {
	font-size: 25px;
}
article .nbox img {max-width: 100%;}
.backstretch {display: none;}
.pgw {margin-top:0;}
.owl-carousel .owl-item img {height: 100%;}
.widget_slideshow {
  display: none;
}
}