/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */

body {
  margin: 0;
  padding: 0;
  background-color: #ddd;
}

#page {
background-color: #ddd;
}


#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

#header {
}

#logo {
  float: left; 
  margin: 0;
  padding: 0;
}
#logo img {
  vertical-align: bottom;
}

#name-and-slogan { 
  float: left;
}

#site-name {
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan {
  margin: 0;
  font-size: 1em;
}

.region-header { 
  clear: both; 
}

#main {
  padding-top: 3em;
  position: relative;
}


#content {
position: relative;
background-color: #fff;
margin-top: 42px;
}

.region-highlighted {
}

.breadcrumb {
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title,
h2.node-title, 
h2.block-title, 
h2.title, 
h2.comment-form,
h3.title {
  margin: 0;
  color: #c81e1c;
  line-height: normal;
}

h1.title {
  padding-top: 10px;
  font-size: 1.5em;
}

.region-sidebar-second h2.block-title {
  font-size: 1.25em;
  font-weight: normal;
  margin-bottom: 10px;
}

div.messages {
  margin: 1.5em 0; 
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

ul.inline {
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0;
}

span.field-label { 
  padding: 0 1em 0 0; 
}

.item-list .pager { 
  padding: 0;
}
.item-list .pager li { 
  padding: 0 0.5em;
}

.feed-icon {
}

.more-link {
text-align: left;
}

.more-link a:after {
content: "»";
}

.region-sidebar-first {
background-color: #fff;
padding-left: 14px;
padding-right: 14px;
}

.region-sidebar-second {
margin-top: 42px;
background-color: #fff;
padding-left: 0;
}

.region-sidebar-second .sbwr {
margin: 20px 0;
border-left: 3px #aeadad dotted;
}

#footer {
}

.region-bottom { 
}

#ntop {
position: relative;
width: 100%;
height: 192px;
background: #3d0303 url('../images/ntoptlo.png') repeat-x;
border-bottom: #541b17 1px solid;
}

#motto {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-top: 40px;
margin-left: 290px;
color: #fff;
padding-bottom: 20px;
height: 180px;
overflow: hidden;
}

.mottotyt {
float: left;
background: url('../images/mottotyttlo.png') repeat-x bottom;
padding-bottom: 5px;
}

.mottotresc {
clear: both;
padding: 15px 0;
margin-left: 20px;
width: 580px;
font-size: 1.875em;
line-height: 1.125em;
font-family: 'Times New Roman', Arial, serif;
}

.logo {
position: absolute;
left: 0px;
top: 25px;
z-index: 100;
}

.prenumerata {
position: absolute;
right: 0px;
top: 20px;
z-index: 100;
}

.kup {
position: absolute;
right: 10px;
top: 5px;
z-index: 100;
}

.logop {
height: 150px;
position: absolute;
left: 20px;
top: 20px;
z-index: 100;
}

.prenumeratap {
height: 150px;
position: absolute;
right: 20px;
top: 20px;
z-index: 100;
}

.region-info {
margin: 14px 10px 0 0;
float: left;
width: 592px;
font-size: 0.75em;
line-height: normal;
}

.region-wiesci {
margin-top: 14px;
float: left;
width: 180px;
font-size: 0.75em;
line-height: normal;
}

#block-views-wiesci-gminne-block {
margin-bottom: 10px;
width: 100%;
background: url('../images/wiesci1tyt.png') no-repeat left top;
border-left: #a5a34c 3px solid;
padding: 50px 10px 10px 5px;
}

#block-views-wiesci-z-kruchty-block {
margin-bottom: 10px;
width: 100%;
background: url('../images/wiesci2tyt.png') no-repeat left top;
border-left: #64737f 3px solid;
padding: 40px 10px 10px 5px;
}

#block-views-tekst-gl-block {
float: left;
margin: 0 10px 10px 0;
width: 225px;
border-right: 3px #aeadad dotted;
padding-bottom: 10px;
}

#block-views-tekst-gl-block  h1.tyt {
color: #c81e1c;
padding-right: 10px;
margin: 0 10px 10px 0;
line-height: normal;
font-family: Arial;
font-size: 150%;
}

#block-views-tekst-gl-block img {
border: #767676 1px solid;
margin-bottom: 10px;
box-shadow: 3px 3px 3px #8d8d8d; 
}

#block-views-tekst-gl-block p {
clear: both;
padding: 0 10px 0 0;
}

#block-views-fragmenty-block {
float: left;
width: 352px;
}

#block-views-fragmenty-block .views-row {
clear: both;
height: auto;
overflow: auto;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 3px #aeadad dotted;
}

#block-views-fragmenty-block .views-row.views-row-last {
border-bottom: none;
}

#block-views-fragmenty-block .views-row img {
float: left;
border: #767676 1px solid;
margin: 0 10px 10px 0;
box-shadow: 3px 3px 3px #8d8d8d; 
}

#block-views-fragmenty-block .views-row h1.tyt {
color: #c81e1c;
padding-right: 10px;
margin: 0 10px 10px 0;
line-height: normal;
font-family: Arial;
font-weight: normal;
text-align: left;
font-size: 150%;
}

.region-sidebar-second img {
border: #767676 1px solid;
margin-bottom:10px;
box-shadow: 3px 3px 3px #8d8d8d; 
}

#block-views-zajawki-block {
clear: both;
border-top: 3px #aeadad dotted;
padding: 10px 0;
margin-right: 10px;
}

#block-views-zajawki-block .views-field-title {
color: #c81e1c;
padding-bottom: 10px;
}

#block-views-zajawki-block p {
background: url('../images/tekstdodpkt.png') no-repeat left top;
padding-left: 30px; 
min-height: 20px;
margin: 10px 0;
}

#block-views-zajawki-block .views-field-title {
font-weight: bold;
}


.region-sidebar-first p, 
.region-sidebar-second p, 
.region-info p, 
.region-wiesci p {
margin: 0 0 1em 0;
}

.region-info .block, 
.region-wiesci .block {
margin: 0;
}

#stopka {
margin-top: 20px;
padding-top: 5px;
background-color: #fff;
width: 100%;
font-family: Arial;
height: auto;
overflow: auto;
}

.front #stopka ul {
margin-left: 170px;
}

#stopka li {
border-right: 1px solid #7c0101;
float: left;
list-style-image: none;
list-style-type: none;
padding: 3px 15px 5px 20px;
}

#stopka li.skr {
border-right: none;
color: #8e8e8e;
font-weight: bold;
}

#stopka ul {
margin: 0;
padding: 0;
}

#stopka img {
margin: 0 10px;
}

#liniad {
border-top: #7c0101 5px solid;
padding-top: 10px;
width: 100%;
text-align: center;
font-size: 0.5625em;
margin-bottom: 50px;
}

.film {
width: 540px;
height: 303px;
border: none;
}

.tresc-wr {
margin-bottom: 10px;
}

.artkat16 .tresc-wr {
border: #ddd 1px solid;
background: url('../images/blok5obr.jpg') no-repeat left top;
margin: 10px 0;
padding: 85px 10px 10px 10px;
}

.artkat6 .tresc-wr {
border: #a5a34c 1px solid;
background: url('../images/wiesci1tyt.png') no-repeat left top;
margin: 10px 0;
padding: 40px 10px 10px 10px;
}

.artkat7 .tresc-wr {
border: #64737f 1px solid;
background: url('../images/wiesci2tyt.png') no-repeat left top;
margin: 10px 0;
padding: 40px 10px 10px 10px;
}

.artkat8 .tresc-wr {
border: #dd6c46 1px solid;
background: url('../images/blok2tlo.png') repeat-x top;
margin: 10px 0;
padding: 0 10px 10px 10px;
}

.artkat9 .tresc-wr {
border: #ffcd03 1px solid;
background-color: #fffbd7;
margin: 60px 0 10px 0;
padding: 50px 10px 10px 10px;
}

.node-type-galeria h1,
.artkat6 .tresc-wr h1, 
.artkat7 .tresc-wr h1,  
.artkat9 .tresc-wr h1, 
.section-tagclouds h1, 
.section-prenumerata h1, 
.section-prenumerata h1, 
.section-o-nas h1 {
display: none;
}

.field-name-field-image img {
margin-top: 1.5em;
}

.field-name-field-zdjecie-red {
float: left;
margin: 0 10px 10px 0;
}

.tresc-wr .node-20 {
width: 60%;
min-width: 280px;
float: left;
}

.section-tagclouds #content {
padding: 30px 10px;
}

.section-archiwum #content, 
.section-ar123 #content, 
.section-galeria #content, 
.node-type-redakcja #content {
padding-bottom: 10px;
}

.section-archiwum #content, 
.section-ar123 #content {
padding-top: 20px;
}

.node-type-redakcja .field-label {
font-weight: normal;
}

.page-archiwum .tresc-wr,
.page-ar123 .tresc-wr, 
.page-node-20 .tresc-wr {
height: auto;
overflow: auto;
}

.view-id-galeria_index img {
margin: 33px 33px 10px 33px;
}

.view-id-galeria_index .pager-current {
font-weight: normal;
}

.view-id-urban_40_lat_temu_spis .views-row, 
.view-id-taxonomy_term .views-row {
margin-bottom: 1.5em;
}

.view-id-urban_40_lat_temu_spis .views-field-title, 
.view-id-taxonomy_term .views-field-title {
font-weight: bold;
}

.view-id-taxonomy_term p {
margin: 0;
display: inline;
}

.page-taxonomy-term h1.title {
margin-bottom: 1.5em;
}

.view-id-galeria_index .views-row {
display: inline;
}

.view-id-galeria_index .views-row img {
margin: 20px;
}

.field-type-taxonomy-term-reference {
font-size: 0.75em;
line-height: normal;
}

.arch {
margin: 20px 0;
font-weight: bold;
}

.arch-wr {
margin-top: 50px;
line-height: normal;
}

.arch-tresc {
width: 100%;
margin-bottom: 20px;
line-height: normal;
}

.arch-row {
margin-bottom: 15px;
}

.arch-info {
font-size: 0.75em;
color: #777;
}

.arch-war {
line-height: normal;
margin-top: 30px;
margin-bottom: -20px;
font-size: 0.875em;
color: #777;
}

.arch-trescp {
font-size: 0.75em;
}

.arch-tyt {
font-size: 0.75em;
font-weight: bold;
}

.archw-tresc p {
margin: 0;
}

.archw-info {
font-weight: bold;
}

.section-archiwum .nrtytp, 
.section-ar123 .nrtytp {
display: none;
}

.section-archiwum li.pager-last, 
.section-ar123 li.pager-last {
display: none;
}

.section-archiwum .nrdatap, 
.section-ar123 .nrdatap {
display: none;
}

.page-node-124 h1.title, 
.page-archiwum h1.title, 
.page-ar123 h1.title {
display: none;
}

.page-archiwum- h1.title, 
.page-ar123- h1.title {
display: block;
}

.fr {
float: right;
}

@media all and (max-width: 1149px) {
	
	.logop, 
	.logo {
	top: 20px;
	left: 20px;
	height: 140px;
	}
	
	.prenumeratap, 
	.prenumerata {
	top: 20px;
	right: 20px;
	height: 140px;
	}
	
	#motto {
	padding-top: 20px;
	margin-left: 200px;
	height: 160px;
	font-size: 1em;
	}
	
	.region-info {
	width: auto;
	margin: 14px 200px 0 0;
	}
	
	.region-wiesci {
	margin-left: -190px;
	}
	
	#block-views-fragmenty-block {
	clear: both;
	width: 100%;
	}
	
	#block-views-tekst-gl-block {
	margin: 0 0 10px 0;
	width: 100%;
	border-right: none;
	border-bottom: 3px #aeadad dotted;
	}
	
	#block-views-tekst-gl-block img {
	margin-right: 10px;
	float: left;
	}
	
	#block-views-tekst-gl-block p {
	clear: none;
	padding-right: 0;
	}
	
}

@media all and (max-width: 939px) {

	#motto {
	margin-left: 160px;
	font-size: 0.75em;
	}
	
	.mottotresc {
	margin-left: 0;
	width: 425px;
	}
	
	.region-info {
	width: auto;
	margin: 14px 0 0 0;
	}
	
	.region-wiesci {
	margin-left: 0;
	width: 98%;
	}
	
	.film {
	width: 320px;
	height: 180px;
	}

}

@media all and (max-width: 729px) {

	#ntop {
	height: 130px;
	}
	
	.logop, 
	.logo {
	top: 10px;
	left: 10px;
	height: 100px;
	}
	
	.kup {
	display: none;
	}

	.prenumeratap, 
	.prenumerata {
	top: 10px;
	right: 10px;
	height: 100px;
	}

	#motto {
	padding-top: 10px;
	margin-left: 110px;
	font-size: 0.5em;
	height: 115px;
	}
	
	.mottotresc {
	width: 250px;
	}
	
	.mottotyt {
	font-size: 1.25em;
	padding-bottom: 0;
	}
	
	.film {
	width: 448px;
	height: 252px;
	}
	
	.front #stopka ul {
	margin-left: 0;
	}

}

@media all and (max-width: 479px) {
	
	.prenumeratap, 
	.prenumerata {
	display: none;
	}
	
	.mottotresc {
	width: 180px;
	font-size: 1.375em;
	}
	
	.film {
	width: 288px;
	height: 162px;
	}
	
	#block-views-tekst-gl-block img {
	max-width: 100px;
	}
	
	.region-wiesci {
	width: 96%;
	}

}

@media all and (max-width: 319px) {

	#page, 
	#ntop {
	min-width: 319px;
	}
}

@media all and (min-width: 1150px) {
	
	body {
	background: #ddd url('../images/bodytlo.png') repeat-x top;
	}

}