@CHARSET "UTF-8";
body {text-align:left; background-color:#f3f3f3; margin:0; padding:0; font-family: 'PT Sans Narrow', sans-serif;}


*:focus {outline:5px solid #800000;}
.mtop15 {margin:15px 0 0 0 !important;}
.fright {float:right;}
.p0 {padding:0px !important;}
.blue.awesome, .blue.awesome:visited {background: #075D94 !important; border:0; border-radius:0; box-shadow:none; text-shadow:none;}

.wpa-hide-ltr#skiplinks a, .wpa-hide-ltr#skiplinks a:hover, .wpa-hide-ltr#skiplinks a:visited {
    position: absolute !important;
    left: 40px;
    top: 40px;

} 

.wpa-hide-ltr#skiplinks a:focus {
	z-index:999;
}   


#header .logo {padding:0; width: 14%;}
#header .logo h1 {margin:0;}
#header {background-color:#fff; margin:0; padding:0;}
#header .container { height:100px;}
#header .tools {float:right; margin-right:40px;}
#header .tools ul {margin:0; padding:0;}
#header .tools ul li {list-style:none; display:inline; margin-left:10px;}

#header ul.flags {float:left; margin:0; padding:0; list-style:none;}
#header ul.flags li {display:inline; margin-right:10px;}
#header ul.flags li img {border: 1px solid #f0f0f0;}

/* search */
#header #search {float:right; text-align:right !important;}
#search .searchbox {height:30px; padding:2px; float:left; width:170px; margin:0; background-color:#f3f3f3; border:0;}

#search .searchbox::-webkit-input-placeholder {
   color:#000;
}

#search .searchbox:-moz-placeholder { /* Firefox 18- */
   color:#000;
}

#search .searchbox::-moz-placeholder {  /* Firefox 19+ */
   color:#000; 
}

#search .searchbox:-ms-input-placeholder {  
   color:#000;
}


#search .button_search {height:30px; float:left; width:30px; border:0; margin:0; background-image: url(img/default/search.png);}

/*#pagebody {background-color:#fff;}*/

.hidden {display:none !important;}

.documentWrapper { overflow: hidden;}
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item:first-child > a {box-shadow: none;}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item {width: 211px; overflow: hidden;}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 {white-space: normal;}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 .wpmega-link-title {line-height: 1em; color:#000;}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 .wpmega-link-title:hover {font-weight:600;}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-2 li {margin-bottom: 0 !important;}
#megaMenu ul.megaMenu {z-index: 10001!important;}
#menu-item-1776 {font-size:0 !important;}

/* breadcumbs */
.breadcrumbs { margin: 0 0 15px 0; font-size: 13px; color: #333; letter-spacing: 1px; font-family: 'PT Sans Narrow', sans-serif; font-weight: 800; float:left; width:100%;}
.breadcrumbs a { color: #333; font-weight:500; text-decoration: none;}
.breadcrumbs span {font-weight:500;}
.breadcrumbs a:hover {text-decoration:underline;}
	
/*main menu*/
#menu {text-align:right; margin:23px 0 0 0; float: left; width: 100%;}
#menu ul {margin:0; padding:0; float:right;}
#menu ul li {margin:0; list-style:none; float:left; color:#2a2a2a; text-transform:uppercase;
			font-size:18px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500; letter-spacing:1px;
			border-left:2px #f3f3f3 solid; padding:2px 15px 4px 20px;
			} 
#menu ul li.cityhall {border-bottom: 3px #ff6600 solid;}
#menu ul li.city {border-bottom: 3px #ffa103 solid;}
#menu ul li.bussiness {border-bottom: 3px #0071bf solid;}
#menu ul li.culture {border-bottom: 3px #31c100 solid;}
#menu ul li.festival {border-bottom: 3px #d00000 solid;}
#menu a {color:#333; text-decoration:none;}
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item:first-child > a {box-shadow:none;}
#container {margin:25px auto 0 auto; }


/*newsfeed*/

#newsfeed .firstlevel {background-color:#fff; float:left; position:relative; margin:0px 0px 25px 0px; min-height:300px;}
#newsfeed .firstlevel .date { margin:10px 0px 0px 0px; color:#999; font-size:12px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500;}
#newsfeed .title a , .seeAlso a {color: #053F65; /*color:#009bff;*/ font-size:21px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; text-transform:uppercase;
					text-decoration:none;}
#newsfeed .firstlevel .title { margin:10px 0px 10px 0px;}
#newsfeed .firstlevel .summary {color:999; font-size:14px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500; line-height:150%;}
#newsfeed .firstlevel .readmore {height:28px; width:150px; float:rihgt;  position:absolute; bottom:0; right:0;
					background-image: url(img/default/readMore.png); background-repeat:no-repeat;
					background-position:right; padding:2px 35px 0px 0px; text-align:right;
					font-size:14px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700;}
#newsfeed .firstlevel .readmore a {color:#009bff; font-size:18px; text-decoration:none;}

.secondlevel {background-color:#fff; min-height:255px; float:left; border-left:2px #0198ff solid; margin-bottom:25px !important;}
.secondlevel .title {padding:5px 15px 5px 15px; margin:0;}
.secondlevel .date { margin:10px 0px 0px 15px; color:#999; font-size:12px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500;}
.secondlevel .summary {padding: 5px 15px 5px 15px; font-size: 14px; font-family: 'PT Sans Narrow', sans-serif; font-weight: 500;}

.thirdlevel {background-color:#fff; min-height:90px; float:left; border-left:2px #0198ff solid; margin-bottom:25px;}
.thirdlevel .title {padding:5px 15px 5px 15px;}
.thirdlevel .date { margin:10px 0px 0px 15px; color:#999; font-size:12px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500;}


.border {border:1px #ccc solid;}


/*right column*/
.sidebar {float:left; margin:0px 0px 25px 0px; width:100%;}
.sidebar ul {margin:0; padding:0;}
.sidebar ul li {list-style:none; width:45%; float:left; margin:0px 2% 2% 0px; padding:0px 0px 0px 7px;
				background-image: url(img/default/li-sidebar.png); background-repeat:no-repeat; font-family: 'PT Sans Narrow', sans-serif; font-weight:500;
				background-position:left; font-size:14px}
.kategoriekalkolumny ul li {list-style:none; width:25%; float:left; margin:0px 2% 2% 0px; padding:0px 0px 0px 7px;
				background-image: url(img/default/li-sidebar.png); background-repeat:no-repeat; font-family: 'PT Sans Narrow', sans-serif; font-weight:500;
				background-position:left; font-size:14px}
.sidebar ul li a {color:#333; text-decoration:none;}
.sidebar ul li a:hover {color:#333; text-decoration:underline;}

.sidebar .title {font-size:18px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; margin:0px 0px 15px 0px; text-transform:uppercase;}				
.sidebar.naskroty  .title{background-image: url(img/default/ico-na-skroty.png); background-repeat:no-repeat;}
.sidebar.kultura  .title{background-image: url(img/default/ico-kultura.png); background-repeat:no-repeat;}
.sidebar.biznes  .title{background-image: url(img/default/ico-biznes.png); background-repeat:no-repeat;}				
.sidebar.kategoriekal  .title{background-image: url(img/default/ico-na-skroty.png); background-repeat:no-repeat;}
.sidebar.naskroty .title, .sidebar.kultura .title, .sidebar.biznes .title {border-bottom: 2px #009bff solid; padding:2px 0px 3px 35px;}
.sidebar.kategoriekal .title  {border-bottom: 2px #009bff solid; padding:2px 0px 3px 5px;}
.sidebar .events {border-bottom: 2px #009bff solid; padding:2px 0px 3px 35px; background-image: url(img/default/ico-calendar.png); background-repeat:no-repeat;}
.sidebar .title a {color:#333; text-decoration:none;}
.sidebar .title a:hover {color:#333; text-decoration:underline;}

.leftMenu ul li {margin: 0px 0px 2% 0px!important; float: none!important; width: auto!important; background-position: left 7px!important;}
.leftMenu ul li a:hover, .sidebar.naskroty ul li a:hover, .sidebar.kultura ul li a:hover, .sidebar.biznes ul li a:hover, .sidebar.kategoriekal a:hover {color: #053F65;/*color: #009bff;*/ text-decoration: none; font-weight: bold;}
.leftMenu ul ul {margin-left: 10px;}

.smartphone {display:none;}

/*Calendar*/

.eventCalendar .month , .eventCalendar .month a {font-size:16px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; color:#333;
text-transform:uppercase; text-align:center; text-decoration:none;
}
.eventCalendar .month a:hover {text-decoration:underline;}

.eventCalendar .navi {float:left; width:100%;}
.eventCalendar .prev {text-align:right;}
.eventCalendar .next {text-align:left;}
.eventCalendar table {width:100%; float:left; border-spacing: 5px;}
.eventCalendar table .day td {font-size:14px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500; /*color:#999*/ color:#4f4f4f;
text-transform:uppercase; text-align:center; border:none; background:none; width: 37px;} 
.eventCalendar table td {border:1px #c5c5c5 solid; background-color:#fff; text-align:center; height:35px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500; color:#333;}
.eventCalendar table td.event {font-size:14px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500; color:#fff;
text-transform:uppercase; text-align:center; border:none; /*background:#009bff !important;*/ background:#075d94 !important} 
.eventCalendar table td.today {color: #fff; /*background: #ffa103!important;*/ background:#4d4129 !important;}
.eventCalendar table td.event a {color:#fff; text-decoration:none;}
.eventCalendar table td.event a:hover {color:#fff; text-decoration:underline;}
.eventCalendar table td.none {border:none; background:none;}

.eventCalendar .shortList {width:100%; margin:10px 0px 0px 5px; float:left;}
.eventCalendar .shortList .item {width:100%; margin:15px 0px 0px 0px; float:left;}
.eventCalendar .shortList .item .date {text-align:center; color:#fff; background-color:#009bff; min-height:80px;}
.eventCalendar .shortList .item .name , .eventCalendar .shortList .item .name a {font-size:14px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; color:#009bff; text-transform:uppercase; text-decoration:none;}
.eventCalendar .shortList .item .name a:hover {text-decoration:underline;}
.eventCalendar .shortList .item .summary {margin:5px 0px 0px 0px; font-size:14px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500; color:#333;}
.eventCalendar .shortList .item .date .day {margin:5px 0px 0px 0px; font-size:35px !important; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; text-transform:uppercase;}
.eventCalendar .shortList .item .date .month {font-size:14px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; text-transform:uppercase; color:#fff;}

/* Cookies layer */

#wpca-box{padding:15px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500; color:#333;
 margin: 0px auto; max-width:1000px;
}
#wpca-box .wpca-wrapper2 { background-image: url(img/default/closeLayer.png); background-repeat: no-repeat; width: 30px; height: 30px; padding: 0!important;}
#wpca-ok {position: absolute; top: 0px; right: 0;}
#wpca-ok a { width:30px; height:30px; padding: 0!important; }
#wpca-box .msg {border:1px #009bff solid; margin: 10px 0px 0px 0px; background-color:#f9fdff; position: relative;}
#wpca-message {width:95%;}
#wpca-message .wpca-wrapper {padding:15px 10px 15px 10px;}
#cookies p a {color:#009bff;}
#cookies .close {float:right;}
/*Document*/

#content h2.title {font-size:38px; padding:0px; margin:0px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; line-height: 100%; margin: 0px 0px 20px 0px;}

#document {background-color:#fff; padding: 2%; margin:0px 0px 20px 0px; width:96%; border-bottom:1px #ccc solid;}
#document h2 {font-size:38px; padding:0px; margin:0px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; line-height: 100%; margin: 10px 0px 10px 0px;}
#document a {/*color:#009bff;*/ color: #053F65;}
/* #document .when {font-size:20px;} */
#document ul.when li {margin-top:5px;}
#document ul.when .tribe-events-date, #document ul.when .tribe-events-event-categories, #document ul.when .tribe-events-event-cost {display: inline-block; margin-left: 5px;}
#document ul.when .detailsBox .tribe-meta-value .itemBox, #document ul.when .organizerBox .tribe-meta.itemBox, #document ul.when .venueBox .tribe-meta.itemBox {display: list-item; margin-left: 20px;}

.itemBox {margin-bottom:10px;}
.itemBox > div, .itemBox label {display:inline-block;}
.itemBox label {margin-right:10px; min-width:100px;}

.added {margin:5px 0px 20px 0px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500; font-size:14px; color:#505050;}
.summary {text-align:left; line-height:130% !important;  font-family: 'PT Sans Narrow', sans-serif; font-weight:500; font-size:20px; color:#000;}
.content {letter-spacing:1px; text-align:left; font-family: 'PT Sans Narrow', sans-serif; font-weight:500; font-size:16px; color:#000;}
.content ul {margin:0px; padding:0px; letter-spacing:1px;}
.content li {list-style:square; margin:0px 0px 0px 20px;}
.leadPic {text-align:left; float:left; margin:0px 15px 10px 0px; }
.leadPic img {margin:0; padding:0;}
.leadPic .source {text-align:left; float:left; color:#999; font-size:13px; margin:3px 0px 0px 0px;}

.relatedPosts {float:left; width:100%; margin:30px 0px 20px 0px;}
.relatedPosts .chapter { border-bottom: 2px #009bff solid; padding:2px 0px 3px 35px; background-image: url(img/default/ico-related.png); background-repeat:no-repeat;
font-size:18px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; margin:0px 0px 15px 0px; text-transform:uppercase;
}
.relatedPosts ul {margin:0; padding:0;}
.relatedPosts ul li {list-style:none; width:100%; float:left; margin:0px 2% 2% 0px; padding:0px 0px 0px 7px;
				background-image: url(img/default/li-sidebar.png); background-position:0px 7px; background-repeat:no-repeat; font-family: 'PT Sans Narrow', sans-serif; font-weight:500;
				font-size:16px}
.relatedPosts ul li a {color:#333; text-decoration:none;}
.relatedPosts ul li a:hover {color:#333; text-decoration:underline;}


.seeAlso {float:left; width:100%;}
.seeAlso .chapter { border-bottom: 2px #009bff solid; padding:2px 0px 3px 35px; background-image: url(../img/default/ico-see-also.png); background-repeat:no-repeat;
font-size:18px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; margin:0px 0px 15px 0px; text-transform:uppercase;
}

#eventsList {}
#eventsList h2 {text-transform:uppercase; font-size:38px; padding:0px; margin:0px 0px 20px 0px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700;}
#eventsList .events {border-bottom: 2px #009bff solid; padding:2px 0px 3px 35px; background-image: url(img/default/ico-calendar.png); background-repeat:no-repeat;}
#eventsList .title {font-size:18px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; margin:0px 0px 15px 0px; text-transform:uppercase;}
#eventsList .oneDay {float:left; width:100%;}
#eventsList .month , #eventsList .month a {font-size:20px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; color:#333;
text-transform:uppercase; text-align:center; text-decoration:none;
}
#eventsList .month a:hover {text-decoration:underline;}

#eventsList .navi {float:left; width:100%; margin:0px auto 30px auto; }
#eventsList .prev {text-align:right;}
#eventsList .next {text-align:left;}

#eventsList ul.daysList {margin:30px auto 40px auto; display:table;  text-align:center; padding:0;}
#eventsList ul.daysList li {width:18px; float:left; padding:4px; list-style:none; text-align:center; margin:0px 4px 0px 0px !important;
font-family: 'PT Sans Narrow', sans-serif; font-weight:500; 
}
#eventsList ul.daysList li .label {text-align:center; width:26px; font-size:12px; margin:0px 0px 3px 0px;}
#eventsList ul.daysList li .day {border:1px #ccc solid; background-color:#fff; padding:5px; width:14px;}

#eventsList ul.daysList li .event {padding:5px; width:14px; background-color: #0071bf; border:1px #0071bf solid; color:#fff; font-weight:bold;}
#eventsList ul.daysList li .event a {color:#fff; text-decoration:none;}
#eventsList ul.daysList li .event a:hover {text-decoration:underline;}
#eventsList ul.daysList li.today {border:1px #cc0000 solid;}

#eventsList .secondlevel img {width: 100%; height: auto; display: block; }
#eventsList .secondlevel a {color:#053F65; /*color:#009bff;*/ font-size:18px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; text-transform:uppercase;
					text-decoration:none;}

/*galleries*/

#galleries {}
#galleries .secondlevel {border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); background: #ffffff; min-height:350px; float:left; margin-bottom:25px; border-left:none;}
#galleries .secondlevel .title , #galleries .secondlevel-small .title {padding:5px 15px 5px 15px;}
#galleries .secondlevel .photoCount , #galleries .secondlevel-small .photoCount { margin:0px 0px 15px 15px; color:#999; font-size:12px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500;}

#galleries .secondlevel-small {border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); background: #ffffff; min-height:280px; float:left; margin-bottom:25px; border-left:none;}

#galleries .title a {color:#053F65; /*color:#009bff;*/ font-size:18px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; text-transform:uppercase;
					text-decoration:none;}
#galleries .title a:hover {text-decoration:underline;}					
#galleries .title { margin:10px 0px 10px 0px;}
#galleries h1, #gallery h1 {text-transform:uppercase; color:#3c3c3c; font-size:38px; padding:0px; margin:0px 0px 20px 0px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700;}
#galleries h2, #gallery h2 {text-transform:uppercase; color:#3c3c3c; font-size:28px; padding:0px; margin:0px 0px 20px 0px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700;}
/*gallery*/

#gallery .summary {margin:0px 0px 15px 0px; color:#3c3c3c; font-family: 'PT Sans Narrow', sans-serif; font-weight:500;}
#gallery .secondlevel {border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); background: #ffffff; min-height:233px; float:left; margin-bottom:25px; border-left:none;}
#gallery .gallery img {max-width: 312px;}
/*#galleries img {width:100%;}*/

/* breadcumbs */
.breadcumbs {margin:0px 0px 10px 0px; font-size:12px; color:#333; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500}
.breadcumbs a {color:#009bff; text-decoration:none;}
.breadcumbs a:hover {text-decoration:underline;}
.breadcumbs ul {padding:0; margin:0;}
.breadcumbs ul li {list-style:none; display:inline;}
.breadcumbs ul li.link {list-style:none; display:inline; padding:0px 10px 0px 0px; margin-right:5px;
				background-image: url(../img/default/li-breadcumbs.png); background-position:right 6px; background-repeat:no-repeat;}


/* search results */

#searchResults {}
#searchResults h1 {text-transform:uppercase; color:#3c3c3c; font-size:38px; padding:0px; margin:0px 0px 20px 0px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700;}
#searchResults h2 { font-size:18px; color:#3c3c3c; padding:0px; margin:0px 0px 20px 0px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700;}
#searchResults h2 a, #searchResults h2 span.searchQuery {color: #1078BF; /*color:#009bff;*/ text-decoration:none;}
#searchResults h2 a:hover, #searchResults h2 span.searchQuery:hover {text-decoration:underline;}

#searchResults .events {border-bottom: 2px #009bff solid; padding:2px 0px 3px 35px; background-image: url(../img/default/ico-calendar.png); background-repeat:no-repeat;}
#searchResults .title {font-size:16px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; margin:0px 0px 15px 0px; text-transform:uppercase;}
#searchResults .month , #searchResults .month a {font-size:20px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; color:#333;
text-transform:uppercase; text-align:center; text-decoration:none;
}
#searchResults .secondlevel {background-color:#fff; min-height:278px; float:left; margin-bottom:25px;}
#searchResults .secondlevel img {width: 100%; height: auto; display: block; }
#searchResults .secondlevel a {font-size:16px; color:#1078bf; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; text-transform:uppercase;
					text-decoration:none;}
					
#searchResults .green {border-left:2px #32c100 solid;}

#searchResults .orange {border-left:2px #ff6600 solid; solid;}

#searchResults .red {border-left:2px #d00000 solid; solid;}

#searchResults .blue {border-left:2px #0198ff solid; solid;}
#resolutionSearch #tabsFrame select {border: 1px #000 solid !important;}
#resolutionSearch input[type="text"] {border: 1px #000 solid !important;}

#ajax-post-container:not(.searchPagination) article {width: 48%; background-color: #fff;
min-height: 255px;
float: left;
border-left: 2px #0198ff solid;
margin-bottom: 25px !important;}

.more_post {margin: 0px auto 30px auto;
text-align: center;
display: table;
float: right; width:100%;}

#advps_container1 .bx-wrapper .bx-controls-auto {z-index: 88 !important;}
#advps_container1 .advs-title, #advps_container1 .advs-title a {color: #075d94 !important;}
body #advps_container1 .bx-wrapper .bx-pager.bx-default-pager a {background:#075D94 !important; border:0; border-radius:0; text-shadow:none;}
body #advps_container1 .bx-wrapper .bx-pager.bx-default-pager a.active {text-shadow:none; background:#000 !important; color:#fff !important;}
body #advps_container1 .bx-wrapper .bx-pager.bx-default-pager a:hover {text-shadow:none; background:#000 !important; color:#fff !important;}
/*Footer site */
#footer {width:100%; background-color:#012640; display:table; min-height:140px;}
#footer .container {margin:25px auto 25px auto; padding:0px 0px 30px 0px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500; font-size:14px; color:#fff; line-height:140%;}
#footer .container a {text-decoration:none; color:#fff; letter-spacing:1px;}
#footer .container a:hover {text-decoration:underline;}
#footer .container ul {list-style:none; margin:0px; padding:0px 0px 0px 5px;}
#footer .container li {margin:0px 0px 5px 0px;}


.bannerBox {clear: both;}
.bannerBox ul {list-style: none; text-align: center;}
.bottomBanner .adkingprocontainer {
    display:-webkit-box;
    -webkit-box-pack:justify;
    -webkit-box-align:center;

    display:-moz-box;
    -moz-box-pack:justify;
    -moz-box-align:center;

    display:-ms-flexbox;
    -ms-flex-pack:justify;
    -ms-flex-align:center;

    display:box;
    box-pack:justify;
    box-align:center;
    
    margin-bottom: 30px!important;
}
.leftBanner ul {margin: 5px 0px 5px 0px !important;}
.leftBanner ul li {float: none!important; display: block;}
.leftBanner .adkingprocontainer img {max-width: 312px;}

.cWidth {width: 83%!important;}
.col-4 img {max-width:100%;}

/* 320 px - 768px */

@media all and (min-width: 320px) and (max-width: 768px) {
	
	.desktop {display:none;}
	.smartphone {display:block;}
	
	#header {background-color:#fff; margin:0px; padding:0px;}
	#header .container { height:75px;}
	
	.sidebar {float:left; margin:0px 2% 25px 2%;}
	.sidebar ul li {list-style:none; width:100%;  margin:0px 2% 2% 0px; padding:0px 0px 0px 7px;
				background-image: url(../img/default/li-sidebar.png); background-repeat:no-repeat; font-family: 'PT Sans Narrow', sans-serif; font-weight:500;
				background-position:left; font-size:22px}

	
	#menu {display:none;}
	#upperbar {display:none;}
	
	#newsfeed .firstlevel .readmore {display:none;}
	#newsfeed .firstlevel  {padding:15px;  margin:0px 2% 0px 2%;}
	#newsfeed .title a {color:#009bff; font-size:22px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700; text-transform:uppercase;
					text-decoration:none;}
	#newsfeed .firstlevel .summary {color:999; font-size:18px; font-family: 'PT Sans Narrow', sans-serif; font-weight:500; line-height:150%;}
	#newsfeed .secondlevel , #newsfeed .thirdlevel {margin:4% 2% 4% 2%; width:96%;}
	
        #ajax-post-container .secondlevel{margin: 4% 2% 4% 2%!important; width: 96%!important;}
	
        .eventCalendar, .leftBanner { display: none!important;}
	
	.mobilemenu {float:left; text-align:center; margin:25px 0px 0px 0px !important;}
	.mobilesearch {float:right; text-align:center; margin:25px 0px 0px 0px !important;}
	
	#header .logo {float:left; text-align:center; width: 65%;}
	#header .logo img {width:auto; height:75px;}
	
	
	/*footer*/
	#footer .container ul {margin:0px 0px 20px 5px; padding:0px;}
	
	/*events*/
	#eventsList {margin:0px 0px 0px 1%;}
	#eventsList .navi {margin:0px 0px 20px 1%;}
	#eventsList h2 {text-transform:uppercase; text-align:center;font-size:38px; padding:0px; margin:0px 0px 20px 0px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700;}
        
        ._ajaxpaging_loading img {width: 16px!important; display: inline!important;}


}
	
/* ------------------------------------------------------------------------ */


/*main menu mobile*/

#w #pagebody {  
    position: relative;  
    left: 0;   
    z-index: 0;  
}  
  
#w #navmenu {  
    background: #fff;  
    height: 100%;  
    display: none;  
    position: fixed;  
    width: 270px;  
    left: 0px;  
    top: 0px;  
    z-index: 88; 
    overflow-y: scroll;
    overflow-x: hidden;  
}

#w #navmenu .panel { 
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	bottom: 0px;
	-webkit-overflow-scrolling: touch;
}


#w #navmenu ul {padding:0px; margin:0px 0px 10% 0px;}


#w #navmenu ul li a::after {  
    content: '';  
    display: block;  
    width: 6px;  
    height: 6px;  
    border-right: 3px solid #d0d0d8;  
    border-top: 3px solid #d0d0d8;  
    position: absolute;  
    right: 30px;  
    top: 45%;  
    -webkit-transform: rotate(45deg);  
    -moz-transform: rotate(45deg);  
    -o-transform: rotate(45deg);  
    transform: rotate(45deg);  
}  
  
#w #navmenu ul li a:hover::after { border-color: #cad0e6; }

.smartphone ul li a {color:#000; text-decoration:none;}
.smartphone ul li {list-style:none; padding:0px 0px 0px 3%; margin:3% 3% 5% 3%; font-size:20px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700;}
.smartphone ul li.cityhall {border-left: 6px #ff6600 solid;}
.smartphone ul li.city {border-left: 6px #ffa103 solid;}
.smartphone ul li.bussiness {border-left: 6px #0071bf solid;}
.smartphone ul li.culture {border-left: 6px #31c100 solid;}
.smartphone ul li.festival {border-left: 6px #d00000 solid;}
.smartphone ul li.menu-item-home {border-left: 6px #0071bf solid; margin-right:10px;}
.smartphone ul li.menu-item-home img {width:auto; height:auto; }

#w #searchmobile {background: #fff; height: 100%; display: none; position: fixed; width: 230px; right: 0; top: 0; z-index: 88; overflow-y: scroll; overflow-x: hidden; padding:20px; border-left:2px #ccc solid;}
#w #searchmobile .search {position: absolute; top: 1px; left: 0; right: 0; bottom: 0;-webkit-overflow-scrolling: touch;}

#searchmobile  .searchbox {height:26px; padding:2px; float:left; width:170px; margin:0; background-color:#f3f3f3; border:0;}
#searchmobile  .button_search {height:30px; float:left; width:30px; border:0; margin:0; background-image: url(img/default/search.png); font-size:0;}
#searchmobile  h2 {font-size:18px; letter-spacing:1px; font-family: 'PT Sans Narrow', sans-serif; font-weight:700;}	

.catList {margin: 0; padding: 0; }
.catList li {margin: 0 0 2% 0; background-position: left center; list-style: none; padding: 0 0 0 12px; background-image: url(img/default/li-sidebar.png); background-repeat: no-repeat; font-family: 'PT Sans Narrow', sans-serif; font-weight: 500; font-size: 18px;}
.catList li a {color: #009bff;text-decoration: none;}

