body {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #ff0101;
	font: 12px/20px Verdana, Arial, Tahoma, sans-serif;
	color: white;
}

a:link {
	color: black; 
	text-decoration: none;
}

a:visited {
  color: black;
	text-decoration: none;
}

a:hover {
	color: white;  
	text-decoration: underline;
}

#kontener-naglowek {
	background-color: white;
	padding-top: 10px;
	background-image: url(naglowek_tlo.png);
	background-position: bottom;
}

#naglowek {
	background: #6D6D74 url(naglowek.png) no-repeat;
	width: 960px;
	height: 250px;
	margin: 0px auto 0;
	color: #FFF;
}

h1 {
	font: 24px "Trebuchet MS", Georgia, serif;
	margin: 0;
}

h1 a:link, h1 a:visited {
	text-decoration: none;
	color: white;
}

h2 {
	font: italic normal 14px "Trebuchet MS", Georgia, serif;
	margin: 0;
}

h3 {
  font-size: 18px;
  color: black;
}

h4 {
  font: 14px Georgia, serif;
  margin: 2px;
  font-weight: bold;
  color: white;
}

h3 a:link, h3 a:visited {
  text-decoration: none;
  color: white;
}

#content {
	/* background: #FFF; */
	margin: 0 auto;
	width: 960px;
	text-align: left;
	border-top: 3px solid white;
}

#main {
	/* background: #FFF; */
	background-image: url("tlo_content.png");
	width: 740px;
	min-height: 600px;
	padding: 10px;
	float: left;
}

#main .wciecie {
	text-indent: 3em;
}

#main .dlaczego {
	font-weight: bold;
}

img.prawa {
	float: right;
	margin: 5px 5px 0 5px;
}

img.lewa {
	float: left;
	margin: 5px 5px 0 5px;
}


#footer {
	clear: both;
	background: black;
	text-align: center;
	color: #FFF;
	margin-top: 10px;
	padding: 5px;
}

#footer2 {
	background-image: url("tlo_content_dol.png");
	clear: both;
	text-align: center;
	width: 760px;
	margin-left: 200px;
	height: 50px;
	color: #FFF;
}

#footer p {
	margin: 0;
}

#footer a:link, #footer a:visited { 
	color: #ACAB95;
}

.meta {
	color: #6D6D74;
	font-size: 11px;
	margin: 0;
}

.entry {
	padding-bottom: 15px;
	text-align: justify;
}

blockquote {
	background: #EEE url(blockquo.png) no-repeat bottom left;
	/*border: 1px solid #E0E0E0;*/
	padding: 10px 10px 30px 10px;
	margin: 1em 1em 1em 3em;
	width:350px;
}

.commentbox {
	border: 1px solid #6D6D74;
	margin: 5px 2px;
	padding: 5px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}



a.link_image {
  font-size: 20px;
  line-height: 32px;
  vertical-align: middle;
}

a img {
  border: 0;
}


.box {
	width: 350px;
	padding: 10px;
	float: left;
	height: 100px;
}

.box h3 {
	text-align: center;
	font-size: 16px;
	background: white;
}

.box p {
	font-size: 20px;
	text-align: center;
}

#artysci {
	position: relative;
	height: 475px;
	width: 740px;
	min-height: 475px;
	min-width: 740px;
	max-height: 475px;
	max-width: 740px;
	background: white url("artysci.png") center top;
}

#paulukiewicz {
	position: absolute;
	top: 410px;
	left: 346px;
	width: 381px;
	height: 36px;
}

#paulukiewicz:hover {
	background-image: url("artysci.png");
	background-position: -346px -885px;
}

#dzem {
	position: absolute;
	top: 27px;
	left: 6px;
	width: 215px;
	height: 73px;
}

#dzem:hover {
	background-image: url("artysci.png");
	background-position: -6px -502px;
}

#bem {
	position: absolute;
	top: 31px;
	left: 241px;
	width: 191px;
	height: 65px;
}

#bem:hover {
	background-image: url("artysci.png");
	background-position: -241px -506px;
}

#perfect {
	position: absolute;
	top: 29px;
	left: 449px;
	width: 273px;
	height: 71px;
}

#perfect:hover {
	background-image: url("artysci.png");
	background-position: -449px -504px;
}

#b1984 {
	position: absolute;
	top: 118px;
	left: 9px;
	width: 174px;
	height: 62px;
}

#b1984:hover {
	background-image: url("artysci.png");
	background-position: -9px -593px;
}

#malenczuk {
	position: absolute;
	top: 119px;
	left: 275px;
	width: 445px;
	height: 63px;
}

#malenczuk:hover {
	background-image: url("artysci.png");
	background-position: -275px -594px;
}
 
#kukiz {
	position: absolute;
	top: 193px;
	left: 12px;
	width: 262px;
	height: 58px;
}

#kukiz:hover {
	background-image: url("artysci.png");
	background-position: -12px -668px;
}

#kowalska {
	position: absolute;
	top: 194px;
	left: 312px;
	width: 376px;
	height: 59px;
}

#kowalska:hover {
	background-image: url("artysci.png");
	background-position: -312px -669px;
}

#skrzek {
	position: absolute;
	top: 267px;
	left: 4px;
	width: 290px;
	height: 73px;
}

#skrzek:hover {
	background-image: url("artysci.png");
	background-position: -4px -742px;
}

#gadowski {
	position: absolute;
	top: 267px;
	left: 310px;
	width: 426px;
	height: 63px;
}

#gadowski:hover {
	background-image: url("artysci.png");
	background-position: -310px -742px;
}

#nalepa {
	position: absolute;
	top: 342px;
	left: 10px;
	width: 352px;
	height: 59px;
}

#nalepa:hover {
	background-image: url("artysci.png");
	background-position: -10px -817px;
}

#niebo {
	position: absolute;
	top: 343px;
	left: 427px;
	width: 231px;
	height: 57px;
}

#niebo:hover {
	background-image: url("artysci.png");
	background-position: -427px -818px;
}

#haratacze {
	position: absolute;
	top: 412px;
	left: 8px;
	width: 314px;
	height: 44px;
}

#haratacze:hover {
	background-image: url("artysci.png");
	background-position: -8px -887px;
}

#minitabs {
	margin: 0;
	padding: 5px 5px 25px 5px;
	/*background: #9FA19E; */
	float: left;
	width: 190px;
	background: url("tlo_menu.png") bottom;
	text-transform: uppercase;
	display: block;
}

/* All <ul> tags in the menu including the first level */
.menulist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: none;
 position: relative;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.menulist a {
	font-size: 10px;
	font-weight: bold;
	margin: 0 2px;
	text-decoration: none;
	color: black;
	text-align: center;
	padding: 2px;
	/* background: #9FA19E; */
	border-bottom: 4px solid white;
	background: white;
	display: block;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a:focus, .menulist a:visited {
	padding-bottom: 2px;
	/* background: #9FA19E; */
	background: white;
	color: black;
	display: block;
}

.menulist > li > a:hover, .menulist > li > a:focus {
	border-bottom: 4px solid black;
	padding-bottom: 2px;
	/* background: #9FA19E; */
	color: black;
	display: block;
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */




#linkbar {
	background-image: url("../../static/images/pasek/pasek_red.png");
	background-repeat: repeat-x;
	width: 100%;
	height: 30px;
}

#linkbar .kontener {
	width: 960px;
	margin: 0 auto;
	padding-top: 3px;
	font-size: 14px;
}

.kontener a {
	color: white;
	border: 1px dotted black;
	padding: 2px;
	text-decoration: none;
}

.kontener a:hover {
	border: 1px solid black;
}

.kontener2 {
	width: 80%;
	float: left;
	text-align: left;
}

.kontener3 {
	width: 20%;
	float: right;
	text-align: right;
}