@charset "utf-8";

/* =Menu
-------------------------------------------------------------- */
#access {
	background: transparent;
	display: block;
	float: left;
	margin: 0 auto;
	width: 980px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 968px;
}
#access .menu-header ul,
div.menu ul,
.sub-menu {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #6B2A31;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #eee;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a {
	background: transparent;
	
}
#access ul ul :hover > a {
	background: #ddd;
	
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	
}


/* ------------------------------------- Main Structure ------------------------------------------------------- */
body {
	background-color: #A48A71;
	margin: 0;
	font-size: 9pt;
}

/* for the next and previous links on the bottom of a single post page */
.clear-fix {
	clear: both;
	height: 0px;
}

.nav-previous {
	float: right;
}

.nav-next {
	float: left;
}

/* no need to change the im-wrapper it simple allows everything to be centered */
.im-wrapper {
	width: 100%;
}

.topBar {
	position: relative;
	z-index: 3;
	background-image: url("images/bg-top.png");
	width: 980px;
	height: 19px;
	margin-top: 20px;
	left: 0;
	text-align: left;
	clear: both;
	background-position: 0 0;
}

.topBarLeft {
	position: relative;
	z-index: 3;
	background-image: url("images/bg-sales-top-left.png");
	width: 17px;
	height: 19px;
	margin-top: 20px;
	float: left;
	text-align: left;
	clear: none;
	background-position: 0 1;
}

.topBarMiddle {
	position: relative;
	z-index: 3;
	background-image: url("images/bg-sales-top-center.png");
	width: 946px;
	height: 19px;
	margin-top: 20px;
	text-align: left;
	float: left;
	clear: none;
	background-position: 0 0;
	overflow: hidden;
}

.topBarRight {
	position: relative;
	z-index: 3;
	background-image: url("images/bg-sales-top-right.png");
	width: 17px;
	height: 19px;
	margin-top: 20px;
	text-align: left;
	float: left;
	clear: none;
	background-position: 0 1;
}

.bottomBar {
	background-image: url("images/bg-bottom.png");
	width: 980px;
	height: 29px;
}

.bottomBarNoLogo {
	background-image: url("images/bg-bottom-nologo.png");
	width: 980px;
	height: 29px;
}


/* width of frame determines width of content area. The clear eliminates the need for a <br clear:all /> tag 
   when using the complex template
*/
.im-frame {
	position: relative;
	width: 980px;
	text-align: left;
	clear: both;
	background: url("images/bg-center.png") repeat-y;
	left: 0px;
	height: 100%;
	z-index: 4
}

.im-lowerFrame {
	position: relative;
	width: 980px;
	text-align: left;
	clear: both;
	left: 5px;
}

.wp-caption p.wp-caption-text {
	font-size: 10px;
	text-align: center;
	line-height: 3px !important;
	\ padding: 5px;
	margin: 0 0 10px;
	color: #000;
}
.titleText h1 {
	color: #fff;
	font-size: 100%;
	padding: 5px 0 5px 15px;
	}

/* required stuff */
img,a img {
	border: none
}

a:active {
	outline: none;
}

a:focus {
	outline: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.socshadow {
	text-shadow: black 2px 2px 5px;
}

.line {
	position: relative;
	left: 15px;
	border-bottom: 3px double #e2e2e2;
	clear: both;
	width: 945px;
	margin: 0px 0px 5px;
	height: 3px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px 0px 5px;
	line-height: 26px;
}

h1 {
	font-size: 18pt;
}

h2 {
	font-size: 16pt;
	font-family: arial, helvetica, san-serif;
}
h3 {
	font-size: 14pt;
}

p {
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 5px 0px;
	color: #161618;
	line-height: 16px;
}

.widgettitle {
	position: relative;
	padding-bottom: 3px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dotted #e2e2e2
}

.widgetFrame .widgettitle {
	position: relative;
	padding-bottom: 3px;
	margin: 0px 0px 0px 0px;
	border: none
}

ul {
	padding: 0;
	margin: 5px 0px 10px 15px
}

li {
	color: #161618;
	margin: 5px 0px 0px 0px;
	padding;
	0
	px
	-5px;
}

ol {
	list-style-type: decimal;
	color: #585858;
	margin: 0px;
}

ol ol {
	list-style-type: upper-alpha;
}

ol ol ol {
	list-style-type: decimal;
}

ol ol ol ol {
	list-style-type: lower-alpha;
}

ol ol ol ol ol {
	list-style-type: lower-roman;
}

/* ------------------------------------- SQUEEZE PAGE ------------------------------------------------------- */
.socratessqueezepage h2 {
	line-height: 100%;
}

.socratessqueezepage body {
	background-color: #FFFFFF;
	background-image: none;
}

/* ------------------------------------- SALES PAGE ------------------------------------------------------- */
.socratessalespage h2 {
	line-height: 100%;
}

/* ------------------------------------- Admin Area ------------------------------------------------------- */
.socialmedialabel {
	display: block;
	width: 150px;
	float: left;
}

.socialmediainput {
	float: right;
}

/* ------------------------------------- POSTS ------------------------------------------------------------------ */
.post {
	padding: 0px 0px 0px 0px;
	overflow: hidden
}

.post a {
	color: #336699
}

.post a:hover {
	color: #D45D2A
}

.post h1 {
	margin: 5px 0px 5px 0px;
	font-size: 18pt;
	font-family: arial, helvetica, san-serif;
}
.post h2 {
	margin: 5px 0px 5px 0px;
	font-size: 16pt;
	font-family: arial, helvetica, san-serif;
}
.post h3 {
	margin: 5px 0px 5px 0px;
	font-size: 14pt;
	font-family: arial, helvetica, san-serif;
}

.post h4,.post h5,.post h6 {
	margin: 5px 0px 0px 0px
}

.singleTitle {
	border-bottom: double #e8d9cf;
	margin: 5px 0px 0px 0px
}

.postAuthor {
	font-size: 10px;
	color: #999;
	margin-bottom: 10px;
}

.postAuthor	a {
	color: #85695b
}

.postAuthor	a:hover {
	color: #553e30;
	text-decoration: underline;
}

.post p {
	margin: 0;
	padding: 5px 5px 5px 0px
}

.postmetadata {
	color: #777777;
	font-size: 80%;
	margin: 10px 0px 20px;;
}

.post .edit a {
	color: #7d1515;
	font-size: 60%
}

.post blockquote {
	margin: 3px 20px;
	color: #585858
}

.post .entry {
	color: #161618;
	padding: 0 10px 10px 0;
	line-height: 16px;
	text-align: justify;
	border-bottom: 1px solid #F0F0F0;
	margin: 0 0 5px 0;
}

//
table {
	background: #868686;
	border: none
}

//
th {
	background: #696869;
	color: #FFF;
	padding: 3px
}

//
tr {
	background: #e3e3e3;
}

//
tr.alternate {
	background: #d2d0d2
}

//
td {
	padding: 3px
}

.even {
	background: #e3e3e3
}

.odd {
	background: #d2d0d2
}

#commentsFrame {
	width: 610px;
	font-size: 90%;
}

#commentsFrame h3 {
	margin: 5px 0px 5px 0px
}

#respond a {
	
}

#respond a:hover {
	text-decoration: underline;
}

.commentlist .photo {
	float: left;
	padding: 3px 5px 0px 0px
}

ol.commentlist {
	left: -20px;
	margin: 3px 0px;
	padding: 0px
}

.commentlist li {
	list-style: none;
	margin: 10px 0px;
	padding: 5px;
	border-bottom: 1px dotted #666
}

.commentlist a {
	
}

.commentlist .url {
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
}

.commentlist .reply {
	margin-bottom: 5px
}

.commentlist .reply a {
	font-weight: bold;
}

.commentlist .reply a:hover {
	text-decoration: underline;
}

.comment-meta {
	margin-top: 5px;
}

.commentlist p {
	
}

#commentsFrame .even {
	background: #fff
}

#commentsFrame .odd {
	background: #fff
}

blockquote p {
	font-style: italic;
	color: #666 !important;
	font-family: Georgia;
}

/* --------------------- STICKY POST ----------------------------*/
.sticky {
	background: #eee;
	border: 1px solid #bbb;
	padding: 10px !important;
}

/* ------------------------------------- Header --------------------------------------------------------------- */
.im-header {
	position: relative;
	min-height: 150px;
	padding: 5px 0px;
	left: 10px;
	width: 960px;
	margin: -43px 0px 0px;
	z-index: 3
}

.im-header img {
	border: 1px solid black;
}

#im-searchForm {
	position: absolute;
	top: 145px;
	left: 748px;
	width: 223px;
	z-index: 5;
	text-align: right;
}

#searchBtn {
	float: right;
	clear: none;
}

.searchBox {
	float: left;
	font-size: 90%;
	color: #666;
	width: 186px;
	margin: 1px 0px 0px;
}

#header {
	width: 940px;
	height: 150px;
	overflow: hidden;
	padding: 5px 10px 0px;
}

.descText {
	color: #F0F0F0;
	padding: 8px 0 0 15px;
}

/* ------------------------------------- Navigation ----------------------------------------------------------- */
.im-topNav {
	position: relative;
	text-align: right;
	width: 930px;
	left: 40px;
	top: -33px;
	margin-bottom: -35px;
	z-index: 0;
	height: 28px;
	background: url("images/topFade.png") right no-repeat;
}

.im-topNav a {
	position: relative;
	font-size: 80%;
	padding: 13px 10px 10px 10px;
	margin: 5px 0px 0px -4px;
	color: #242424;
	z-index: 1;
}

.im-topNav a:hover {
	text-decoration: none;
	color: #FFF
}

.im-nav {
	position: relative;
	background: url("images/completeNavBg.png") no-repeat;
	background-position: -5px 0px;
	width: 980px;
	height: 46px;
	z-index: 4;
	padding: 5px 0px 0px 5px;
	left: 0px;
	top: -18px;
	font-family: Verdana, Geneva, sans-serif
}

.im-nav a {
	position: relative;
	top: 10px;
	font-size: 100%;
	padding: 9px 14px 8px 14px;
	font-weight: bold;
	margin-left: -6px;
}

.im-nav a:hover {
	background: url("images/navSlash.png") repeat-x;
	text-decoration: none
}

.im-nav a+a {
	background: url("images/navSlash.png") no-repeat;
}

/* ---------------------- START new navigation (wordpress 3.0 menus) ----- */
.menu-primary,.menu-top,.menu-bottomleft,.menu-bottomright {
	list-style: none;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.menu-primary li a,.menu-top li a,.menu-bottomleft li a,.menu-bottomright li a {
	
}

.menu-primary li a:hover,.menu-top li a:hover,.menu-bottomleft li a:hover,.menu-bottomright li a:hover {
	
}

.menu-primary li,.menu-bottomleft li {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.menu-top li,.menu-bottomright li {
	float: right;
	margin: 0px;
	padding: 0px;
}

/* top menu above header */
.menu-top {
	position: relative;
	text-align: right;
	width: 930px;
	left: 40px;
	top: -33px;
	margin-bottom: -35px !important;
	z-index: 0;
	height: 28px;
	background: url("images/topFade.png") right no-repeat;
}

.menu-top li a {
	position: relative;
	font-size: 80%;
	padding: 13px 10px 10px 10px;
	margin: 5px 0px 0px -4px;
	z-index: 1;
}

.menu-top a:hover {
	text-decoration: none;
	
}

/* primary navigation below header */
.menu-primary {
	position: relative;
	background: url("images/completeNavBg.png") no-repeat;
	background-position: -5px 0px;
	width: 980px;
	height: 46px;
	z-index: 4;
	padding: 0px 0px 0px 10px;
	left: 0px;
	top: -18px;
	font-family: Verdana, Geneva, sans-serif;
}

.menu-primary li a {
	position: relative;
	top: 6px;
	font-size: 100%;
	padding: 9px 14px 8px 14px;
	font-weight: bold;
}

.menu-primary li a:hover {
	background: url("images/navSlash.png") repeat-x;
	text-decoration: none;
}

.menu-primary li a+a {
	background: url("images/navSlash.png") no-repeat;
}

/* bottom navigation */
.menu-bottomleft li {
	padding-right: 20px;
}

.menu-bottomright li {
	padding-left: 20px;
}

/* ------------------------- END new navigation (wordpress 3.0 menus) ----- */
/* ------------------------------------- AD BLOCKS ----------------------------------------------------------- */
.im-topAds {
	padding: 0px 10px;
	margin: -15px 0px 10px 3px;
	height: 90px;
}

.top728 {
	width: 728px;
	height: 90px;
	background-color: #FFFFFF;
	float: left;
	overflow: hidden;
}

.side190 {
	width: 220px;
	height: 90px;
	float: right;
	overflow: hidden;
}

/* ------------------------------------- Footer --------------------------------------------------------------- */
.im-footer {
	position: relative;
	min-height: 0px;
	padding: 0px;
	left: 19px;
	width: 935px;
	clear: both;
}

.im-footer li {
	list-style: none
}

.im-lowerFooter {
	position: relative;
	padding: 0px;
	left: 0px;
	width: 980px;
	margin: 0px 0px 0px;
}

.footerContent {
	clear: both;
	color: #999999;
	text-align: center;
}

.im-lowerWidgets {
	position: relative;
	left: -5px;
	width: 955px;
	font-size: 100%;
}

.im-lowerWidgets h4 {
	font-family: arial, Verdana, Sans-Serif;
	border-bottom: 1px dotted #ccc;
	padding: 0px 0px 2px 0px;
	margin: 0 0 3px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
}

.lowerWidget {
	border: 0px solid #e2e2e2;
	min-height: 0px;
	float: left;
	width: 305px;
	margin: 5px;
	padding: 5px 0px;
}

.widgetFrame {
	padding: 0px 5px 0px 0px;
	font-size: 90%
}

.widgetFrame ul ul {
	list-style-type: none;
	margin: 1px;
	padding-top: 5px;
}

.lowerNav {
	float: left;
	font-size: 80%;
	width: 485px;
	text-align: left;
	overflow: hidden
}

.copyright {
	float: right;
	font-size: 80%;
	width: 480px;
	overflow: hidden;
	text-align: right;
	padding-right: 10px;
}

.disclaimer {
	font-size: 60%;
	text-align: center;
}

.widgetFrame a {
	color: #666
}

/* ------------------------------------- Content -------------------------------------------------------------- */
.im-mainContent {
	position: relative;
	float: left;
	padding: 0px;
	font-size: 100%;
	margin-bottom: 5px;
}

/* ------------------------------------- Sidebar --------------------------------------------------------------- */
/* the width of the sidebar must be less then the width of the frame minus the 
   width of the content are minus any padding. In this example the frame is 1000
   the content is 670px + 5px padding on each side totaling 680px. Therefore the
   sidebar width must be less then or equal to 320px. The side bar has a width of 
   300px and a padding of 5px on each side totaling 310px, that will give us a
   margin of 10px between the content and the sidebar.
*/
.sidebar {
	position: relative;
	font-size: 100%;
}

.sidebar caption {
	font-weight: bold;
	color: #696869;
	text-align: left;
	font-style: italic;
}

.sidebar a {
	color: #333
}

.sidebar a:hover {
	color: #333a23;
	text-decoration: underline
}

.sidebar h2 {
	font-family: arial, Verdana, Sans-Serif;
	border-bottom: 1px dotted #ccc;
	padding: 6px 0px 4px 6px;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
}

.sidebar ul ul {
	list-style-type: none;
	margin: -4px;
	padding-top: 5px;
}

.sidebar li li {
	list-style-type: none;
	background: transparent url("images/bullet.png") -1px 1px no-repeat;
	padding: 0px 2px 3px 16px;
	margin: 0 0px 2px 0;
}

#calendar_wrap {
	text-align: center;
}

#wp-calendar {
	position: relative;
}

#wp-calendar table {
	background: #d8cac2;
	border: none
}

#wp-calendar th {
	background: #696869;
	color: #FFF;
	padding: 3px
}

#wp-calendar tr {
	background: #e3e3e3;
}

#wp-calendar tr.alternate {
	background: #d2d0d2
}

#wp-calendar td {
	padding: 3px
}

.ddnav {
	top: -18px;
	position: relative;
	z-index: 4;
	padding: 5px 0px 0px 4px;
	width: 973px;
}

.socactivation {
	background: #000000;
	z-index: 99999;
	position: absolute;
	width: 100%;
	height: 100%;
}

h2 a
{
	text-decoration: underline;
}

li.current-menu-item a, li.current-menu-item a:hover
{
	text-decoration: none;
	color: #D45D2A;
	font-weight: bold;
}

.im-footer a
{
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}


div.boxall
{
	width: 610px;
	text-align: left;
	margin: 10px 0 10px 0;
	padding: 2px;
	border: 1px solid #DCDCDC;
}

div.boxl
{
	width: 200px;
	float: left;
	text-align: center;
	margin: 16px 0 0 0;
	padding: 0 0 0 0;
	border: 0;
}

div.boxr
{
	width: 400px;
	float: left;
	text-align: left;
	margin: 0 0 0 6px;
	padding: 0 0 0 0;
	border: 0;
}

br.clear
{
	clear: both;
}

div.boxtags
{
	margin: 5px 0 5px 5px;
}

ul.tagi
{
	text-align: left;
	list-style-type:square;
	margin: 0 0 0 110px;
}

ul.tagi li
{
	margin: 0;
	padding: 0;
	list-style-type:square;
}

.more-link
{
	text-align: right;
	display: block;
	text-decoration: underline;
}

span.catcolor
{
	color: #8C0708;
	font-weight: bold;
}

li.current-cat a, li.current-cat a:hover
{
	text-decoration: none;
	color: #D45D2A;
	font-weight: bold;
}

div.moreright
{
	text-align: right;
}

.moreright a
{
	text-decoration: underline;
}

.wp-post-image
{
	float: left;
	padding: 2px;
	margin: 0 10px 5px 0;
	border: 1px solid #DCDCDC;
}

img.logo
{
	padding: 2px;
	border: 1px solid #DCDCDC;
}

/* ranking */
.tplresults { width: 98%; border: 0; }
.tplresults img { padding: 0; background: none; margin: 0; border: none; }
.tplresults thead td { background-color: gray; color: white; font-weight: bold; padding: 7px 5px; border: 1px solid #F0F0F0; }
.tplresults thead td.lp { background-color: transparent; padding: 7px 5px; border: 0;}
.tplresults td { padding: 5px 5px; border: 1px solid #F0F0F0; }
.tplresults .rank { text-align: center; width: 20px; }
.tplresults .votes { text-align: center; }
.tplresults .titlex { width: 415px; }

/* koniec rankingu */

/* glosowanie wpis */
div.ratingmulti
{
	width: 610px;
	margin: 0 0 10px 0;
}

.gdmultitable
{
	width: 610px;
	background-color: #FCFCBA;
}

.gdmultitable td
{
	background-color: #FCFCBA;
}


.ratingbutton
{
	text-align: left;
}

div.glosuj
{
	color: #c10001;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 3px;
	padding: 0;
}

/* koniec glosowania wpis */

/* start podobne wpisy */


#respond h3
{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	font-family: Verdana, Geneva, sans-serif;
	margin: -5px 0 0 0;
}

div.podobne
{
	margin: 15px 0 8px 3px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

div.podobneout
{
	height: 110px;
}

ul.podobne
{
	margin: 0 0 0 20px;
}

ul.podobne li
{
	list-style-type: square;
}

/* koniec podobne wpisy */

/* start ranking miast top5 */

div.miastohed
{
	margin: 5px 0;
	font-size: 16pt;
	font-family: arial, helvetica, san-serif;
	color: #333333;
	font-weight: normal;
}

div.miasto
{
	margin: 5px 0 15px 0;
	padding: 0;
	border: 1px solid #DCDCDC;
	display: block;
	padding: 4px 0 0 0;
	min-height: 150px;
}

div.miastologo
{
	float: left;
	width: 140px;
	text-align: center;
}

div.miastotxt
{
	float: left;
	width: 460px;
}

div.miastolink
{
	text-align: right;
	margin: 5px 0;
	font-size: 12pt;
	font-family: arial, helvetica, san-serif;
	color: #333333;
	font-weight: bold;
}

div.miastolink a
{
	color: #0F5B99;
	text-decoration: underline;
}

div.miastolink a:hover
{
	color: #C10001;
}

span.color
{
	color: #C10001;
}

.tplresultsmi { width: 98%; border: 0; }
.tplresultsmi img { padding: 0; background: none; margin: 0; border: none; }
.tplresultsmi td { padding: 1px 5px; border: 0px solid #F0F0F0; }
.tplresultsmi .rank { text-align: center; width: 20px; }
.tplresultsmi .titley { text-align: left;}
.tplresultsmi .ratingy { text-align: center; width: 90px;}
/* koniec ranking miast top5 */

/* start opis kategorii */

div.kat
{
	margin: 5px 0 15px 0;
	padding: 0;
	border: 2px dotted #C10001;
	display: block;
	padding: 4px 0 0 0;
	width: 615px;
}

div.katrank
{
	float: left;
	width: 130px;
	text-align: left;
}

div.kattxt
{
	float: left;
	width: 360px;
	padding: 10px 0 0 0;
	font-size: 12px;
	line-height: 14px;
}

ul.kat
{
	list-style-type: square;
}

div.katlogo
{
	float: left;
	width: 125px;
	text-align: left;
}

div.katlink
{
	text-align: left;
	padding: 10px 0 0 0;
	font-size: 12pt;
	font-family: arial, helvetica, san-serif;
	color: #333333;
	font-weight: bold;
}

a.katlink
{
	color: #0F5B99;
	text-decoration: underline;
}

a.katlink:hover
{
	color: #C10001;
	text-decoration: underline;	
}

/* koniec opis kategorii */

h3#comments
{
	font-size: 18px;
	color: #333333;
}

/* ==========================================================================
   Wersja mobilna
   Ukryte na desktopie, wszystko zamkniete w media queries.
   ========================================================================== */

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

/* --- uklad ogolny --------------------------------------------------------- */
.im-wrapper,.im-frame,.im-nav,.im-lowerFrame,.im-lowerFooter,.topBar,.bottomBar,.line,
.menu-top,.im-lowerWidgets,.im-topNav,.im-header,.titleText,.descText,.im-footer,
.im-topAds,.top728,#header {
	width: auto !important;
	max-width: 100% !important;
	min-width: 0 !important;
	float: none !important;
	left: auto !important;
	right: auto !important;
}

.im-mainContent,.im-sidebar {
	width: auto !important;
	float: none !important;
	clear: both !important;
	border-left: 0 !important;
	border-right: 0 !important;
	left: auto !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	height: auto !important;
}

.sidebar ul,.sidebar li { width: auto !important; left: 0 !important; position: static !important; }
.im-sidebar .widget,.sidebar .widget,.widgetFrame { width: auto !important; max-width: 100% !important; }

#im-searchForm { display: none !important; }

/* puste paski dekoracyjne motywu */
.topBar,.im-topNav,.bottomBar,.im-lowerFrame { display: none !important; }

.im-header { margin-top: 0 !important; padding-top: 0 !important; }
.im-frame  { background-image: none !important; background-color: #ffffff !important; }
body       { background-image: none !important; background-color: #ffffff !important; padding-bottom: 0 !important; }

/* --- naglowek graficzny --------------------------------------------------- */
#header {
	background-size: cover !important;
	background-position: center right !important;
	min-height: 92px !important;
	border-left: 4px solid #A48A71 !important;
	box-sizing: border-box !important;
}

/* tytul serwisu: motyw daje 280%, na telefonie to lamie sie na dwie linie */
.titleText    { font-size: 26px !important; }
.titleText h1 { font-size: 100% !important; }

/* --- menu (hamburger) ----------------------------------------------------- */
#mob-burger {
	display: block !important;
	width: 100%;
	margin: 0;
	padding: 13px 14px;
	background: #f2f2f2;
	border: 0;
	border-bottom: 1px solid #DCDCDC;
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	text-align: left;
	cursor: pointer;
	line-height: 1.2;
	box-sizing: border-box;
}
#mob-burger:after               { content: "\2630"; font-size: 19px; float: right; line-height: 1.2; }
#mob-burger.mob-aktywny:after   { content: "\2715"; font-size: 17px; }

.im-nav {
	display: none !important;
	height: auto !important;
	background-image: none !important;
	background-color: #333333 !important;
	padding: 0 !important;
	border: 0 !important;
	position: static !important;
	top: auto !important;
}
.im-nav.mob-otwarte { display: block !important; }
.im-nav a {
	display: block !important;
	padding: 14px !important;
	border-bottom: 1px solid rgba(255,255,255,0.16) !important;
	text-decoration: none !important;
	white-space: normal !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	background: transparent !important;
	background-image: none !important;
	position: static !important;
	top: auto !important;
	margin: 0 !important;
}
.im-nav a:last-child { border-bottom: 0 !important; }

/* --- jednolite naglowki sekcji -------------------------------------------- */
.im-mainContent .post > h2,
div.miastohed,
.glosuj,
#respond h3,
#commentsFrame h3 {
	background: #f2f2f2 !important;
	border: 1px solid #DCDCDC !important;
	padding: 11px 12px !important;
	margin: 0 !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	color: #333333 !important;
	line-height: 1.3 !important;
	box-sizing: border-box !important;
	text-align: left !important;
	width: auto !important;
	height: auto !important;
	text-transform: uppercase !important;
}
.im-mainContent .post > h2 a { text-decoration: none !important; }
#respond h3,#commentsFrame h3 { margin: 20px 0 0 !important; }

/* pasek "Liczba opinii" to pierwsza linijka tresci, nie naglowek sekcji */
.im-mainContent .postAuthor {
	background: #ffffff !important;
	margin: 0 !important;
	padding: 8px 0 10px !important;
	font-size: 14px !important;
	font-weight: normal !important;
	text-transform: none !important;
}

h2.pagetitle { font-size: 20px !important; line-height: 1.3 !important; margin: 0 0 10px !important; }
.im-mainContent .post h1 { font-size: 22px !important; line-height: 1.3 !important; }

/* motyw daje .entry padding-right:10px, przez co boksy w tresci sa o 10px wezsze
   niz sidebar, stopka i formularz opinii */
.im-mainContent .entry { padding-right: 0 !important; }

/* justowanie motywu robi na waskiej kolumnie rzeki bialych przerw */
.im-mainContent .entry { text-align: left !important; }
div.miastolink,div.podobne { text-align: left !important; }

/* --- typografia ----------------------------------------------------------- */
body { font-size: 16px !important; line-height: 1.5 !important; }
h1,h2,h3,h4 { width: auto !important; max-width: 100% !important; overflow-wrap: break-word !important; }
.im-mainContent .post p { line-height: 23px !important; }
div.boxl { line-height: 24px !important; }
div.boxl p { margin: 0 0 12px !important; }
div.boxl ul,div.boxl ol { margin: 8px 0 12px !important; padding-left: 22px !important; }
div.boxl li { margin: 0 0 7px !important; line-height: 1.6 !important; }

.im-sidebar,.im-sidebar .widget,.im-sidebar .textwidget,.im-sidebar p,.im-sidebar li,
.im-footer,.lowerWidget,.lowerWidget .textwidget,.lowerWidget p,.lowerWidget li,
.im-sidebar .widgettitle,.lowerWidget .widgettitle,.im-footer h4,
.im-sidebar h2,.im-sidebar h3,.im-sidebar h4 {
	font-size: 16px !important;
	line-height: 24px !important;
}

/* --- marginesy boczne ----------------------------------------------------- */
.im-sidebar .sidebar    { padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; }
.im-sidebar .sidebar ul { margin-left: 0 !important; margin-right: 0 !important; }
.im-footer              { padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; }
.im-lowerWidgets        { padding-left: 0 !important; padding-right: 0 !important; }
.lowerWidget            { width: auto !important; max-width: 100% !important; float: none !important;
                          padding-left: 12px !important; padding-right: 12px !important;
                          margin: 0 0 14px 0 !important; box-sizing: border-box !important; }
.im-footer .widgetFrame { padding: 0 !important; margin: 0 !important; width: auto !important; box-sizing: border-box !important; }
.im-footer ul           { margin: 0 !important; padding-left: 0 !important; list-style: none !important; }
.im-footer li           { margin-left: 0 !important; padding-left: 0 !important; list-style: none !important; }
.im-sidebar .widgettitle,.im-footer .widgettitle { padding-left: 0 !important; margin-left: 0 !important; }

/* --- strona glowna: bloki miast ------------------------------------------- */
div.miastohed { margin-top: 5px !important; }
div.miasto {
	min-height: 0 !important;
	margin: 0 0 15px 0 !important;
	padding: 0 !important;
	border: 1px solid #DCDCDC !important;
	border-top: 0 !important;
	box-sizing: border-box !important;
}
div.miastologo { float: none !important; width: auto !important; text-align: center !important; padding: 10px 0 4px !important; }
div.miastotxt  { float: none !important; width: auto !important; }
div.miastolink { padding: 0 10px !important; font-size: 15px !important; }
.tplresultsmi            { width: 100% !important; }
.tplresultsmi td         { padding: 5px 4px !important; }
.tplresultsmi .rank      { width: 24px !important; }
.tplresultsmi .ratingy   { width: 100px !important; }

/* --- ranking miasta: tabela ----------------------------------------------- */
.tplresults              { width: 100% !important; }
.tplresults thead td     { padding: 6px 4px !important; font-size: 13px !important; }
.tplresults td           { padding: 6px 4px !important; }
.tplresults .titlex      { width: auto !important; }
.tplresults .rank        { width: 22px !important; }
.tplresults .votes       { width: 34px !important; }
.tplresults .rating      { width: 100px !important; }

/* --- opis kategorii ------------------------------------------------------- */
div.kat     { width: auto !important; box-sizing: border-box !important; padding: 8px !important; }
div.katrank { float: none !important; width: auto !important; text-align: center !important; }
div.kattxt  { float: none !important; width: auto !important; padding: 8px 0 0 !important;
              font-size: 16px !important; line-height: 24px !important; }
div.katlogo { float: none !important; width: auto !important; text-align: center !important; padding: 8px 0 0 !important; }
div.katlink { text-align: left !important; font-size: 15px !important; }
ul.kat      { margin: 8px 0 12px !important; padding-left: 22px !important; }

/* --- tabele wstawione w tresc wpisu (np. dane teleadresowe na kontakcie) --- */
.im-mainContent .entry > table:not([class]),
.im-mainContent .entry > table:not([class]) tbody,
.im-mainContent .entry > table:not([class]) tr,
.im-mainContent .entry > table:not([class]) td {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
}
.im-mainContent .entry > table:not([class]) td     { padding: 0 0 12px !important; }
.im-mainContent .entry > table:not([class]) iframe { width: 100% !important; height: 200px !important; }

/* --- karta dewelopera: boks z adresem i mapa ------------------------------ */
div.boxall {
	width: auto !important;
	float: none !important;
	padding: 12px !important;
	border: 1px solid #DCDCDC !important;
	margin: 12px 0 !important;
	box-sizing: border-box !important;
}
div.boxl,div.boxr { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; }
div.boxl          { text-align: left !important; }
div.boxr          { margin-top: 12px !important; }
div.boxr iframe   { width: 100% !important; height: 220px !important; }
div.boxall br.clear,div.boxall br.clear + br { display: none !important; }
div.boxtags       { margin: 8px 0 0 !important; }
img.logo          { max-width: 100% !important; height: auto !important; }

/* --- podobne wpisy -------------------------------------------------------- */
div.podobneout { height: auto !important; overflow: hidden !important; }
div.podobne    { margin: 15px 0 8px 0 !important; }
#crp_related .crp_thumb { width: 100px !important; height: 100px !important; margin: 0 6px 6px 0 !important; }

/* --- listing kategorii ---------------------------------------------------- */
.im-mainContent .post { margin-bottom: 30px !important; }
div.moreright { margin-top: 12px !important; }

/* --- blok ocen (GD Star Rating) ------------------------------------------- */
div.ratingmulti { width: auto !important; max-width: 100% !important; padding: 0 !important; margin: 0 0 15px 0 !important; box-sizing: border-box !important; }
.glosuj         { margin: 0 0 5px !important; }
table.gdmultitable,table.gdmultitable tbody,table.gdmultitable tr,table.gdmultitable td {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	text-align: left !important;
}
table.gdmultitable    { padding: 0 !important; margin: 0 !important; border-top: 0 !important; box-sizing: border-box !important; }
table.gdmultitable tr { padding: 10px 12px !important; border-bottom: 1px solid #eeeeee !important; }
table.gdmultitable td { padding: 2px 0 !important; }
table.gdmultitable td.mtstars { padding: 10px 0 28px !important; }
table.gdmultitable td.mtstars .ratemulti { display: block !important; height: 20px !important; }
table.gdmultitable td.mtstars .starsbar   { transform: scale(1.9) !important; transform-origin: 0 0 !important;
                                            width: 100px !important; max-width: 100px !important; }
table.gdmultitable tr.gdtblbottom     { border-top: 1px solid #eeeeee !important; border-bottom: 0 !important; padding: 0 !important; }
table.gdmultitable tr.gdtblbottom td   { display: flex !important; flex-direction: column !important; padding: 14px 12px 0 !important; }
table.gdmultitable tr.gdtblbottom td > div { float: none !important; width: auto !important; max-width: 100% !important;
                                             text-align: left !important; padding: 0 !important; margin: 0 !important; }
table.gdmultitable tr.gdtblbottom td > div:nth-of-type(1) { order: 2; margin-top: 14px !important; }
table.gdmultitable tr.gdtblbottom td > div:nth-of-type(2) { order: 1; }
table.gdmultitable tr.gdtblmuravg    { border-bottom: 0 !important; }
table.gdmultitable tr.gdtblmuravg td { border-top: 0 !important; padding: 8px 12px 22px !important; }
table.gdmultitable tr.gdtblmuravg td > div { transform: scale(1.267) !important; transform-origin: 0 0 !important; }
.ratingmulti,.gdmultitable,.gdsr,.gdstarrating,div[class^="gdsr"],table[class^="gd"],.starsbar,.ratemulti {
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* --- formularz opinii ----------------------------------------------------- */
#commentsFrame { width: auto !important; max-width: 100% !important; font-size: 100% !important; }
#respond h3,#commentsFrame h3 { font-size: 19px !important; line-height: 1.3 !important; }
#commentform {
	border: 1px solid #DCDCDC !important;
	border-top: 0 !important;
	padding: 12px !important;
	box-sizing: border-box !important;
	max-width: 100% !important;
}
#commentform p { margin: 0 0 20px !important; padding: 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
#commentform input[type="text"],#commentform input[type="email"],#commentform textarea {
	width: 100% !important;
	display: block !important;
	font-size: 16px !important;
	padding: 11px 10px !important;
	border: 1px solid #cccccc !important;
	border-radius: 4px !important;
	background: #ffffff !important;
	box-sizing: border-box !important;
}
#commentform textarea { min-height: 150px !important; }
#commentform label    { display: block !important; margin: 6px 0 0 !important; }
#commentform label small,#commentform small { font-size: 13px !important; color: #666666 !important; }

#commentform input#submit,.ratingbutton {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 14px 12px !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	text-align: center !important;
	background: #333333 !important;
	background-image: none !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 5px !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	height: auto !important;
}
.ratingbutton a { color: #ffffff !important; text-decoration: none !important; display: block !important; font-weight: 600 !important; }

/* --- formularz kontaktowy (si-contact-form) ------------------------------- */
#FSContact1 { width: auto !important; max-width: 100% !important; }
#FSContact1 div[id^="fscf_div_field"] { width: auto !important; max-width: 100% !important; float: none !important; margin-right: 0 !important; }
#FSContact1 input[type="text"],#FSContact1 textarea {
	width: 100% !important;
	max-width: 100% !important;
	font-size: 16px !important;
	padding: 11px 10px !important;
	border: 1px solid #cccccc !important;
	border-radius: 4px !important;
	box-sizing: border-box !important;
}
#FSContact1 textarea         { min-height: 150px !important; height: auto !important; }
#fscf_captcha_image_div1     { width: auto !important; height: auto !important; padding-top: 8px !important; }
#fscf_captcha_image1         { float: none !important; display: block !important; margin: 0 0 8px !important; padding: 0 !important; max-width: 100% !important; }
#fscf_captcha_field1         { display: block !important; margin: 8px 0 0 !important; }
#fscf_submit1 {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 14px 12px !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	background: #333333 !important;
	background-image: none !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 5px !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	height: auto !important;
}

/* --- stronicowanie -------------------------------------------------------- */
#wp_page_numbers { margin: 18px 0 6px !important; width: auto !important; float: none !important;
                   background: none !important; border-top: 0 !important; }
#wp_page_numbers ul { padding: 0 !important; margin: 0 !important; text-align: center !important;
                      list-style: none !important; background: none !important; }
#wp_page_numbers ul li { display: inline-block !important; float: none !important; margin: 0 4px 8px !important; background: none !important; }
#wp_page_numbers ul li a {
	display: inline-block !important;
	font-size: 18px !important;
	padding: 9px 14px !important;
	border: 1px solid #DCDCDC !important;
	border-radius: 4px !important;
	text-decoration: none !important;
	line-height: 1 !important;
	background: #fafafa !important;
	color: #333333 !important;
}
#wp_page_numbers ul li.active_page a { background: #333333 !important; color: #ffffff !important; border-color: #333333 !important; }
#wp_page_numbers ul li.page_info { display: block !important; font-size: 14px !important; margin: 0 0 10px !important;
                                   color: #666666 !important; text-align: center !important; }

/* --- reklamy i osadzenia -------------------------------------------------- */
.im-topAds { height: auto !important; margin: 0 0 10px !important; padding: 0 12px !important; box-sizing: border-box !important; }
.top728    { height: auto !important; background: none !important; }
.side190   { display: none !important; }
#adNew1,#adNew2,#adNew3 { height: auto !important; max-width: 100% !important; overflow: hidden !important; }
ins.adsbygoogle,.adsbygoogle,iframe[id^="aswift"],div[id^="aswift"],
#socratesinpostad,#socratesheaderad,#socratessidebarad {
	max-width: 100% !important;
	overflow: hidden !important;
}
#socratesinpostad { margin: 0 !important; float: none !important; }
ins.adsbygoogle[data-ad-status="unfilled"],
ins.adsbygoogle[data-ad-status="unfill-optimized"] { display: none !important; }

/* --- domkniecie ukladu ---------------------------------------------------- */
img,iframe,embed,object,video { max-width: 100% !important; }
img    { height: auto !important; }
table  { max-width: 100% !important; }
form,fieldset,p,h3 { max-width: 100% !important; box-sizing: border-box !important; }
textarea { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
input[type="text"],input[type="email"],input[type="url"],select { max-width: 100% !important; box-sizing: border-box !important; }
body { min-width: 0 !important; }
html,body { overflow-x: hidden !important; }

}

@media only screen and (min-width:1001px) {
	#mob-burger { display: none !important; }
}

@media only screen and (max-width:600px) {
	.im-mainContent .post > h2,div.miastohed,.glosuj,#respond h3,#commentsFrame h3 { font-size: 18px !important; }
	div.boxr iframe { height: 200px !important; }
	.tplresults thead td,.tplresults td { padding: 5px 3px !important; }
	.tplresults .rating,.tplresultsmi .ratingy { width: 90px !important; }
	.titleText { font-size: 24px !important; }
}