@charset "utf-8";
@import url("../css/reset.css");
@media screen, projection {

body {
	background:url(../i/bg.jpg) left top repeat;
	font:1em/1 Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	height:auto
}

p, li {
	font-size:.77em;
	line-height:1.6em
}

dl {
	font-size:.7em;
	line-height:1.3em;
	margin:0
}

dt {
	color:#5e4801;
	font-weight:bold;
	font-size:1.2em;
	padding:7px 0 12px
}

p {
	margin:0 0 20px
}

h3, h4, h5 {
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	color:#900;
	font-weight:bold
}

h3 {
	font-size:2.2em;
	margin:0 0 10px
}

em {
	font-style:italic
}

strong {
	font-weight:bold
}

#container {
	background:#ddd6a7 url(../i/bg.gif) top repeat-x
}

#header {
	margin:0 auto;
	width:999px;
	height:160px;
	position:relative
}

#header h1 a {
	background:url(../i/logo.png) center center no-repeat;
	position:absolute;
	display:block;
	width:352px;
	height:132px;
	left:39px;
	top:40px;
	text-indent:-9876px;
	z-index:1
}

#header h2 {
	background:url(../i/ia.gif) center center no-repeat;
	position:absolute;
	display:block;
	width:346px;
	height:29px;
	right:86px;
	top:120px;
	text-indent:-9876px
}

#sub-header {
    margin:0 auto;
    width:999px;
    height:152px;
    background:url(../i/sub_header.jpg) bottom center no-repeat;
    position:relative
}


#info a:link, #info a:visited {
	color:#504c46;
	text-decoration:none
}

#info a:hover, #info a:focus, #info a:active {
	color:#c30
}

#info {
	background:url(../i/icons.gif) left top no-repeat;
	position:absolute;
	left:106px;
	top:50px;
	padding:0 0 0 44px;
	text-align:right;
	font-size:.9125em
}

#info ul {
	margin:2px 0 8px
}

#info ul li {
	line-height:1.2em
}

#info p {
	font-family:"Trebuchet MS";
	font-size:.85em
}

#sub-header span {
	background:url(../i/muza.png) no-repeat;
	display:block;
	width:201px;
	height:243px;
	position:absolute;
	right:454px;
	bottom:0;
	z-index:111
}

#cite {
	width:370px;
	position:absolute;
	right:37px;
	top:0;
	color:#504c46
}

#cite blockquote p {
	font-family:"Trebuchet MS";
	padding:40px 0 0;
	line-height:1.1em;
	font-size:1.2em;
	font-style:italic;
	margin:0 0 10px;
	width:300px
}

#cite cite {
	float:right;
	font-size:.8em;
	font-style:normal;
	padding:0 70px 0 0
}

#header ul {
	position:absolute;
	width:554px;
	top:19px;
	right:20px;
	z-index:1
}

#header ul li {
	display:inline
}

#header ul li a {
	background-image:url(../i/nav.gif);
	background-repeat:no-repeat;
	float:left;
	height:78px;
	text-indent:-9876px;
	text-decoration:none
}

#header ul li#a1 a {
	background-position:0 0;
	width:72px
}

#header ul li#a2 a {
	background-position:-72px 0;
	width:156px
}

#header ul li#a3 a {
	background-position:-228px 0;
	width:95px
}

#header ul li#a4 a {
	background-position:-323px 0;
	width:146px
}

#header ul li#a5 a {
	background-position:-469px 0;
	width:85px
}

#header ul li#a1 a:hover, #header ul li#a1 a:focus, #header ul li#a1 a:active {
	background-position:0 -78px
}

#header ul li#a2 a:hover, #header ul li#a2 a:focus, #header ul li#a2 a:active {
	background-position:-72px -78px
}

#header ul li#a3 a:hover, #header ul li#a3 a:focus, #header ul li#a3 a:active {
	background-position:-228px -78px
}

#header ul li#a4 a:hover, #header ul li#a4 a:focus, #header ul li#a4 a:active {
	background-position:-323px -78px
}

#header ul li#a5 a:hover, #header ul li#a5 a:focus, #header ul li#a5 a:active {
	background-position:-469px -78px
}

#header ul li#a1 a.active {
	background-position:0 -156px
}

#header ul li#a2 a.active {
	background-position:-72px -156px
}

#header ul li#a3 a.active {
	background-position:-228px -156px
}

#header ul li#a4 a.active {
	background-position:-323px -156px
}

#header ul li#a5 a.active {
	background-position:-469px -156px
}

#content {
	width:999px;
	margin:0 auto
}

#content a:link, #content a:visited {
	color:#5e4801;
	text-decoration:none
}

#content a:hover, #content a:focus, #content a:active {
	text-decoration:underline
}

#right {
	float:right;
	background:#e6e3df;
	margin:10px 0 0
}

#right.home {
	background:url(../i/sep2.gif) center left no-repeat;
}

#st {
	background:url(../i/shadow_top.gif) top repeat-x
}

#left p, #right p {
	font-size:.7em;
	margin:0 0 10px;
	line-height:1.2em
}

#left {
	float:left;
	width:430px;
	height:300px
}

#left a:link, #left a:visited {
	color:#8d6c01;
	text-decoration:none
}

#left a:hover, #left a:focus, #left a:active, #content #left a.active {
	color:#6c550a;
	text-decoration:underline
}

#left.concerts ul {
	font-family:"Trebuchet MS";
	font-size:1.1em;
	float:left;
	padding:15px 20px 60px;
	margin:30px 0 0
}

#left.concerts ul li {
	line-height:1.9em
}

#left.concerts #col {
	background:url(../i/sep2.gif) top right no-repeat;
	text-align:right;
	margin-left:50px
}

#left img {
	padding:42px 0 0 52px
}

#home {
	background:url(../i/deco.jpg) 460px 37px no-repeat;
	color:#5e4801;
	padding:32px 133px 0 31px;
	width:400px;
	height:300px
}

#home p {
	text-align:justify
}

#home p em {
	float:right
}

#contact {
	background: url(../i/violin.jpg) 250px 130px no-repeat;
	color:#5e4801;
	padding:32px 133px 0 31px;
	width:400px;
	height:300px
}

#contact h3 {
	font-size:1.2em;
	padding:22px 0 0
}

#contact h4 {
	font-size:1.2em;
	padding:17px 0
}

#contact p {
	text-align:justify
}

#contact p em {
	float:right
}

#concerts {
	color:#3d3c39;
	padding:32px 273px 0 36px;
	width:260px;
	height:300px;
	position:relative
}

#concerts h3 {
	font-size:1.5em;
	margin:5px 0 25px
}

#right #setting {
	font-family:"Trebuchet MS";
	color:#3d3c39;
	background:none;
	padding:45px 273px 0 31px;
	width:195px;
	height:287px;
	position:relative
}

#setting h3 {
	font-size:1.6em;
	margin:0 0 10px
}

#setting #media {
	top:45px
}

#content #right #setting {
	border-left:1px solid #fff
}

#content #right #concerts {
	background:url(../i/shadow_left.gif) top left no-repeat;
}

#content #left.setting {
	width:499px;
	height:342px
}

#left.setting ul {
	font-family:"Trebuchet MS";
	font-size:1.1em;
	float:left
}

#left.setting ul li {
	line-height:1.9em
}

#left.setting #first {
	text-align:right;
	margin:28px 0 0 0;
	font-size:1.4em
}

#left.setting #first a:link, #left.setting #first a:visited {
	background:url(../i/li.png) 221px center no-repeat;
	color:#900;
	text-decoration:none;
	display:block;
	padding:2px 35px 2px 0;
    width:216px
}

#left.setting #first a:hover, #left.setting #first a:focus, #left.setting #first a:active, #content #left.setting #first a.active {
	background:#d7c985 url(../i/li2.gif) 221px center no-repeat;
	color:#8d6c01
}

#left.setting #second {
	background:url(../i/shadow_left_ul.gif) left repeat-y;
	margin:29px 0 0 0;
	font-size:1.2em
}

#left.setting #second li {
	line-height:1.8em;
	margin-left:20px
}

#left.setting {
	background:url(../i/setting.jpg) top right no-repeat
}

#right.setting #st {
	margin-left:0
}

#setting small {
	padding:15px 0 5px;
	display:block;
	font-weight:bold
}

#media {
	width:194px;
	position:absolute;
	right:60px;
	top:38px
}

#media img {
	border:1px solid #900
}

#plr {
	background:url(../i/deco2.gif) center center no-repeat;
	width:194px;
	height:30px;
	margin:10px 0 0
}

#plr p {
	font-family:Arial, Helvetica, sans-serif
}

.pt5 {
	padding-top:5px
}

#footer {
	background:url(../i/footer.jpg) left top repeat-x;
	clear:both;
	padding:25px 0 10px;
	color:#900;
	font-size:.9em;
	height:auto;
	overflow:hidden
}

#footer .inner {
	width:905px;
	margin:0 auto
}

#footer .inner.w {
	width:917px
}

#footer a:link, #footer a:visited {
	color:#900;
	text-decoration:none
}

#footer a:hover, #footer a:focus, #footer a:active {
	text-decoration:underline
}

#footer a.active { /* stan aktywny dla stopki */
}

#footer ul {
	float:left;
	background:url(../i/sep.gif) right center no-repeat;
	padding-right:7px
}

#footer ul li {
	background:url(../i/sep.gif) left center no-repeat;
	display:inline;
	padding-left:7px
}

#footer p {
	float:right
}

#content.offer h4 {
	font-size:1.1em;
	padding:5px 0 10px
}

#content.offer h5 {
	font-size:1em;
	padding:5px 0 10px
}

#content.offer ul {
	font-size:.8em;
	padding:0 0 10px 10px
}

#content.offer ul li {
	list-style:disc inside
}

#content.offer #left {
	width:370px;
	padding:42px 30px 0 30px;
}

#content.offer #right {
	padding:32px 33px 0 31px;
	width:500px;
	height:300px
}
}