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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
		font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
   /* vertical-align: baseline;*/
  }
html, body {
		height: 100%;
		line-height: 1.4;	
		text-align: left;
		position: relative;
  }
div {
    overflow: hidden;
  }  
p, ol, ul {
    margin: 0;
  }
ol, ul {
    list-style-position: inside;
  } 
ol {
    list-style-type: decimal;
  }
ul {
    /*list-style: url(graphics/list-style.png);*/
  }
#PAGE-SIDE ul {
    list-style: url(graphics/list-style-secondary.png);
  }	
ol li, ul li {
		list-style-position: outside;
		margin-left: 2em; 
}	
ol ol, ul ol {
    list-style-type: lower-alpha;
  }
/* :focus {
	outline: 0;
}*/  
strong {
	font-weight: bold;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {  
	content: "";
}
blockquote, q {
	quotes: "" "";
}
blockquote {
}
a {
  cursor: pointer;
	text-decoration: none;
}
/* ======================================================Elementy wspolne==================================== */
/* --------------- Columns ------------------- */
/*.columns-x4>:nth-child(4n+1).col {
  display: block;
  clear: both;
  background: #f0f;
}*/
.columns-x2, .columns-x3, .columns-x4, .columns-x5, .columns-x6, .columns-x7, .columns-x8 {
  margin-left:-10px;
  margin-right:-10px;
}
.columns-x2>div, .columns-x3>div, .columns-x4>div, .columns-x5>div, .columns-x6>div, .columns-x7>div, .columns-x8>div {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  box-sizing: border-box;
}
.columns-x8>div { width: 12.5%; }
.columns-x7>div { width: 14.28%; }
.columns-x6>div { width: 16.66%; }
.columns-x5>div { width: 20%; }
.columns-x4>div { width: 25%; }
.columns-x3>div { width: 33.33%; }
.columns-x2>div { width: 50%; }

/* czyszczenie opływania za kolumnami */
.columns-x2:after, .columns-x3:after, .columns-x4:after, .columns-x5:after, .columns-x6:after, .columns-x7:after, .columns-x8:after {
	content: '';
	display: block;
	float: none;
	clear: both;
}
/* ============== Gallery ============== */ 
ul.gallery {
	clear: both;
}
ul.gallery, ul.gallery li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
ul.gallery li {
	float: left;
}
ul.gallery li, ul.gallery li a, ul.gallery li img, .thb, .thb img {
	max-width: 150px;																																	/* <-- rozmiar thumbnaila */
	max-height: 150px;																																/* <-- rozmiar thumbnaila */
	margin: 0 4px 4px 0;				
	border: solid 1px #222;	
	display: block;	
}
ul.gallery li a, ul.gallery li img, .thb img {
	margin: 0 !important;
	border: 0 none;
	float: none;
}
/* ============== TILE ============== */
.tile, .info {
	margin: 0 0 1.5em 0;
	clear: both;
}
.tile .thb {
	/*width: 120px;
	height: auto;*/
	margin-bottom: 0;
	margin-top: 3px;
	float: left;
}
.tile .content {
	min-width: 140px;
  padding-left: 0.5em;
}
.tile h3 {
	margin: 0 0 0.4em 0;
}
.tile .button, .info .button {
	float: right;
	margin: 0.6em 0 0 0;
}
/* ----------------- CARD -------------------- */
.card {
  padding: 0 0 60px 0;
  min-height: 15em;
  position: relative;
  display: block;
  vertical-align: top;
}
.card .thb {
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
}
.card .thb img {
	display: block;
  max-width: 100%;
}
.card .thb .img-placeholder {
	display: block;
	padding-bottom: 50%;
	background: #ddd url(graphics/no-photo-s.png) center no-repeat;
}
.card h2, .card h3 {
  margin: 1em 0 0 0;
}
.card .updated {
	font-size: 0.9em;
	display: block;
}
.card p {
	margin: 1em 0 0 0;
}
.card .controls {
  position: absolute;
  bottom: 0; left: 0; right: 0;
	text-align: center; 
}
.card .controls .button {
  margin: 0;
  width: auto;
  display: block;
}
/* ============== News ============== */
.news .tile .thb {

}
.news .tile a.button {
	margin-top: 1.2em;
	clear: both;
	float: right;
}
/* ============== flags ============== */
.flags {
	position: absolute;
	top: 10px; right: 10px;
}
.flags a {
	margin-right: 3px;
	display: block;
	float: right;
	width: 30px;
	height: 18px;
	border: solid 1px #888;
}

/* ============== table ======================== */
/* tables still need 'cellspacing="0"' in the markup */
table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	border-collapse: separate;
	border-spacing: 0;
}
/* =================nowe tabele ========================== */
.usertable {
	table-layout: auto;
	padding: 5px 0;
	max-width: 98%;
	border: solid 1px;
	border-radius: 3px;
}

.usertable thead {
	border-bottom: solid 1px;
}
.usertable td, .usertable th {
	vertical-align: middle;
	padding: 0.4em 1em;
}
.usertable th {
	color: #888;
	padding-bottom: 0.3em;
	border-bottom: solid 1px;
}
.usertable td a {
	font-size: 1.1em;
	display: block;
	}
.usertable td .clean-button, .usertable td .button { /*przyciski w tabelach redukuja paddingi pol */
	margin: 2px -0.5em 2px -1em;
	font-size: 1em;
}
.usertable tr.odd td {
	background: #ccc8b4;
}
.usertable, .usertable td, .usertable th {
	background: #d7d3c2;
	border-color: #837f69;
}	
.pricelist {
	width: 100%;
}
.pricelist tr td {
	text-align: right;
}
.pricelist tr td:first-child {
	text-align: left;
}
/* ===============module================================== */
.module {
  margin: 0 0 20px 0;
  padding: 12px 0px 8px 0px;
  border-top: solid 1px #676767;
}
.module:first-child {
	border-top: none;
}	
#PAGE-SIDE .module .head {
	margin: 0 0 15px 0;
	padding: 3px 2px;
}

/* =============strona z podmenu ========================== */
.submenu-page {
	clear: both;
	float: none;
}
.submenu-page li, .submenu-list li {
    clear: both;
    display: block;
		float: left;
    list-style: none outside none;
		margin: 0 0 0.8em 0.8em;
}
.submenu-page li a.button {
	  padding-left: 3em;
		padding-right: 3em;
		float: none;
		text-align: left;
    min-width: 180px;
}

.submenu-list li {
		float: none;
    list-style: none outside none;
		margin: 0 0 0.2em 0;
}
.submenu-list li a.button {
	  padding-left: 1.2em;
		padding-right: 1.2em;
		float: none;
		text-align: left;
}
/* ============= Komunikaty ================= */
.warning {
  color: #f00;
  font-size: 1.5em;
}
.red-alert, .yellow-alert, .green-alert {
  margin: 0.5em 0;
  min-height: 20px;
  font-size: 1.2em;
  padding: 1em 1em 1em 100px;
  border-radius: 4px;
}
.red-alert {
  color: #ebe8d2;
  background: #ce2521 url(graphics/alert-red.png) 20px center  no-repeat;
}
.yellow-alert {
  color: #af943c;
  background: #f9d150 url(graphics/alert-yellow.png) 20px center  no-repeat;
}
.green-alert {
  color: #5c8548;
  background: #cff3b8 url(graphics/alert-green.png) 20px center  no-repeat;
}
.small-alert {
  background-size: 30px;
  background-position: 10px center; 
  padding-left: 50px;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  font-size: 0.9rem;
}
/* ======================================================================'małe' elementy wspólne====== */  
.odd {
    background: #f1f1f1;   
  }
.clear {
    clear: both;
  }
.align-right, .toright {
    text-align: right;
  }
.button img { /* strzalki i ikonki w przyciksach */
	margin: 0 0 -1px 0;
}
.send-email { /* przycisk wysylania emaili z koperta */
	
}


.google-search {
  width: 290px;
  height: 25px;
  position: absolute;
  top: 25px;
  right: 15px;
  /*background: #f0f;*/
}
#find {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 50%;
    right: 0;
    height: 75px;
    background: #3f5c7b;
  }
/*stopka nice it */
.n-foot {  
	border-top: solid 1px #ddd;
	padding-top: 10px;
	margin-left: 10px;
}
#n, #n a { /*link nice it */
	height: 35px;
	width: 120px;
	float: right;
	display: block;
	overflow: hidden;
	}
#n a:hover {
	margin-top: -35px;
	height: 70px;
	}

.hidden {
	display: none !important; 
}