/* CSS stylesheed for the www.pozagonach.art.pl website */
/* (c) by Piotr Parzysz - http://www.pjepshysh.net/ */

BODY {
   margin: 0 auto;
   padding: 0;
   text-align: center;
   background-color: #2F643B;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(gfx/bg.jpg);
	background-position: top;
}

BODY, html {
	height: 100%; 
	width: 100%;
}

IMG {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
}

INPUT, TEXTAREA {
	width: 200px;
}

.tb {
	width: auto;
	border: none;
	height: auto;
	background: transparent;
	text-align: left;
	margin: 0;
	margin-left: 40px;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #535757;
	padding: 6px;
	text-align: center;
	background-color: #dbd8bb;
	width: 50%;
	vertical-align: top;
	background-image: url(gfx/tdbg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 20px;
}

.tb P {
	text-align: center;
	margin-bottom: 0;
}

TABLE {
	width: 360px;
	border: none;
	height: auto;
/*	background-color: #e2e0cb; */
	background: transparent;
	text-align: left;
	margin: 0;
	padding: 0;
}

TD, TH {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #535757;
	margin: 0;
	padding: 6px;
	text-align: left;
	line-height: 100%;
	background-color: #dbd8bb;
	width: 50%;
}

TH {
	background-color: #d8dec2;
	background-image: url(gfx/thbg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

TD {
	vertical-align: top;
	background-image: url(gfx/tdbg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#newsletter INPUT {
	width: auto;
}


.access {
	visibility: hidden;
	display: none;
}

#bgtop {
	width: 100%;
	background-image: url(gfx/bgtop.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#main {
	width: 760px;
	height: 591px;
	margin: 0 auto;
}

#top {
	width: 760px;
	height: 56px;
	background-image: url(gfx/top.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#two {
	width: 760px;
	height: 180px;
	padding: 0;
	margin: 0;
	position: relative;
}

#menu {
	width: 473px;
	height: 180px;
	background-image: url(gfx/menubg.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

#logo {
	width: 323px;
	height: 180px;
	background-image: url(gfx/logo.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}

UL {
	margin: 0;
}

UL#menuitems LI, UL#menuitems A {
 display: block; 
	}

li ul {
  display: none;
  position: absolute; 
  left: 0;

  }
  
li > ul {
	top: auto;
	left: auto;
	}

li:hover ul { display: block; }

DIV#menu UL#menuitems LI A {
	text-indent: -9999px;
	text-decoration: none;
	border-bottom: none;
	list-style: none;
	height: 23px;
	}

#menuhome		{ position: absolute; left: 0; top: 0px; width: 473px; height: 23px; background: transparent; }
#menukoncerty		{ position: absolute; left: 0; top: 23px; width: 473px; height: 23px; background: transparent; }
#menuludzie	{ position: absolute; left: 0; top: 46px; width: 473px; height: 24px; background: transparent; }
#menuhistoria	{ position: absolute; left: 0; top: 70px; width: 473px; height: 23px; background: transparent; }
#menuav	{ position: absolute; left: 0; top: 93px; width: 473px; height: 24px; background: transparent; }
#menukontakt	{ position: absolute; left: 0; top: 117px; width: 473px; height: 24px; background: transparent; }
#menulinki	{ position: absolute; left: 0; top: 141px; width: 473px; height: 23px; background: transparent; } 

#menuhome a:hover 		{ background: url(gfx/powitanie.jpg)  transparent; }
#menukoncerty a:hover		{ background: url(gfx/koncerty.jpg) transparent; }
#menuludzie a:hover	{ background: url(gfx/ludzie.jpg) transparent; }
#menuhistoria a:hover		{ background: url(gfx/historia.jpg) transparent; }
#menuav a:hover	{ background: url(gfx/av.jpg) transparent; }
#menukontakt a:hover		{ background: url(gfx/kontakt.jpg) transparent; }
#menulinki a:hover	{ background: url(gfx/linki.jpg) transparent; }

#wrapper {
	width: 760px;
	height: 314px;
	position: relative;
}

#left {
	position: relative;
	top: 0;
	left: 0;
	float: left;
}

#news {
	width: 333px;
	height: 163px;
	background-image: url(gfx/news.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

P, H4, H1, H6, A, H3, H5, H2, LI {
/*	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #535757;
	margin: 0;
	padding: 0;
	text-align: justify;
	line-height: 130%;
	background: transparent;
}

UL {
	margin: 0;
	padding: 0;
	list-style: lower-roman;
}

LI {
	text-align: left;
	list-style: lower-roman;
	font-weight: normal;
}

H2 {
	color: #A23B3B;
	font-size: 16px;
	margin-bottom: 5px;
}

H4 {
	line-height: 100%;
	margin-bottom: 5px;
	width: auto;
	text-align: left;
	wid
}

H5 {
	font-weight: normal;
	text-align: left;
	margin-bottom: 5px;
}

H3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #435C45;
}

H6 {
	font-size: 11px;
	margin: 0;
	margin-bottom: 6px;
	font-weight: normal;
	color: #aaa;
	text-align: left;
	
}

H1 {
	font-size: 18px;
	font-family: Georgia;
	font-weight: bold;
	letter-spacing: 1px;
	color: #435C45;
}

.wyroznienie {
	color: #435C45;
}


P {
	margin-bottom: 8px;
}

A {
	color: #A23B3B;
	text-decoration: none;
	border-bottom: #000 dotted 1px;
}

A:hover {
	color: #535757;
	border-bottom: #A23B3B dotted 1px;
}

#news P {
	margin-left: 30px;
	margin-right: 15px;
/*	color: #A23B3B; */
	color: #333;
	font-size: 11px;
}

#news h4 {
	text-align: left;
	font-size: 12px;
	margin: auto auto 3px 40px;
	margin-top: 0;
	width: auto;
}

.r {
	float: right;
	font-weight: bold;
	margin: 5px auto;
	position: absolute;
	bottom: 7px;
	right: 0;
}

#newsletter {
	width: 333px;
	height: 68px;
	position: absolute;
	left: 0;
	top: 163px;
	background-image: url(gfx/newsletter.jpg);
	background-repeat: no-repeat;
}

input#i1, input#i2 {
	position: absolute;
	top: 36px;
	left: 53px;
	width: 97px;
	border: 0;
	background: transparent;
	padding: 1px 3px 1px 3px;
	margin: 0;
	color: #942D2D;
	font-size: 10px;
	font-weight: bold;
	border: 0 solid transparent;
}

input#i2 {
	left: 163px;
}

#i3 {
	position: absolute;
	top: 31px;
	left: 269px;
}

#listen {
	width: 333px;
	height: 83px;
	background-image: url(gfx/listen.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 231px;
	left: 0;
}

#listen a {
	width: 200px;
	height: 60px;
	position: absolute;
	background: transparent;
	right: 19px;
	top: 6px;
	text-indent: -9999px;
	border: 0;
}

#text {
	width: 386px;
	height: 314px;
	position: absolute;
	top:0;
	left: 333px;
	background-image: url(gfx/txtbg.jpg);
	background-repeat: no-repeat;
	padding: 0;
}

#block1 {
text-align: justify;
margin: 0;
margin-left: 4px;
}

.overflow {
overflow: auto;
width: auto;
height: 300px;
}

.padside {
padding-right: 5px;
}

#title {
	width: 41px;
	height: 314px;
	position: absolute;
	top:0;
	right:0;
	background-image: url(gfx/title_article_show.jpg);
	background-repeat: no-repeat;
}

#bottom {
	width: 760px;
	height: 61px;
	background-image: url(gfx/bottom.jpg);
	background-repeat: no-repeat;
	position: relative;
	text-align: left;
}

#abottom {
	width: 150px;
	height: 30px;
	position: absolute;
	background: transparent;
	right: 20px;
	top: 0px;
	text-indent: -9999px;
	border: 0;
}

#v {
	position: absolute;
	bottom: 8px;
	right: 32px;
	color: #999;

}

#v a, 
#top a
{
	color: #ccc;
	font-size: 10px;
	font-weight: bold;
}

#top strong
{
	font-weight: bold;
	font-size: 10px;
	color: #aaa;
}

#top a:link,
#top a:visited
{
	border-bottom: 1px dotted #a23b3b;
}

#top a:hover,
#top a:active
{
	color: #fff;
	border-bottom: 1px solid #fff;
}

#top p {
	position: absolute;
	top: 0;
	left: 490px;
	width: 100px;
}


#count {
	position: relative;
	left: 247px;
	top: 2px;
	text-align: left;
	color: #ccc;
	font-size: 10px;
	width: 200px;
	margin: 0;
	padding: 0; 
}

.mar {
	color: #A23B3B;
}

.line {
	height: 1px;
	width: 350px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.fm {
	margin: 0;
	margin-top: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;

}

.fmtxt {
	width: 200px;
	background-color: #EFEEE0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

.fmtxtarea {
	width: 350px;
	background-color: #EFEEE0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

.fms {
	width: 60px;
	background-color: #EFEEE0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
}

.floatleft {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 10px;
}

.floatright {
	float: right;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

.imgdyskografia {
	float: right;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-top: 8px;
	margin-right: 2px;
	border: 1px solid #000;
}


IMG.inline {
	display: inline;
	margin: 10px;
}

A.nbrdr {
	border-bottom: none;
}

A:hover.nbrdr {
	border-bottom: none;
	border: 1px #fff;
}