@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 20px 0;
	background:#752c1b;
	font: normal 16px sans-serif, Arial, Helvetica;
	color: #000000;
}

h1, h2, h3 {
	color: #313131;
}

h1 {
	margin: 0;
	padding: 0;
	font: italic 197% "Times New Roman", Times, serif;
	color: #FFFFFF;
}

h2 {
	font-size: 107%;
	color: #FFFFFF;
}

h3 {
	margin-bottom: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 77%;
	font-weight: bold;
}

p, blockquote, ol, ul {
	margin-bottom: 1.5em;
	text-align: justify;
	line-height: 167%;
	font-size: 107%;
}

blockquote {
	padding: 15px 0 0 20px;
	background: url(images/img1fg111.gif) no-repeat;
	text-align: left;
	font: italic 100% "Times New Roman", Times, serif;
}

ul {
	list-style-position: inside;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 20px;
	background: url(images/img0909.gif) no-repeat left center;
}

a {
	text-decoration: none;
	color: #313131;
}

a:hover {
	text-decoration: underline;
	color: #DB5600;
}

/* Logo */
#gif
{
float: right;
width: 300px;
height: 180px;
background:url(images/gifek.gif) no-repeat;
padding: 0px 0px 0 0px;
}
#logo {
	width: 970px;
	height: 180px;
	margin: 0 auto;
	
	background:url(images/logo1.3.jpg) no-repeat;
}

#logo h1 {
	margin: 0;
	
	text-transform: lowercase;
	letter-spacing: -1px;
	font: normal 36px "Times New Roman", Times, serif;
	font-style: italic;
}

#logo h2 {
	margin: 0px 0 0 0;
	padding: 0 0 0 155px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 7px;
	font-weight: bold;
	
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 970px;
	margin: 0 auto;
	background: #e7dfa9; /* czerwony */
	padding: 10px 0 0 0;
}

/* Content */

#content {
	float: right;
	width:  700px;
	padding: 0 4px 0 50px;
	background: url(images/pasek.jpg) no-repeat;
}

#content .title {
	padding: 10px 10px 10px 50px;
	background:  #e7dfa9;  /* granatowy tytul */
	color:#000000;
	
}

#content .content {
	padding: 5px 5px 5px 5px;
	background:  #e7dfa9 repeat-x;
}

#welcome {
	padding-bottom: 20px;
	margin-bottom: 10px;
	background: url(images/img.gif) no-repeat center bottom;
}

.floating-box {
	float: left;
	width: 160px;
	margin: 0 20px;
	font-size: 85%;
}

.floating-box .heading {
	margin-bottom: 1em;
	padding-bottom: 1em;
	background: #fcf714;
}

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 92%;
}

.floating-box img {
	border: 5px solid #FFFFFF;
}

/* Sidebar */

/* tlo przyciskiow*/


#links {
}

#links ul {
}

#links li {
}

#links a {
}

/* Menu */

#menu {
	padding-top: 5px;
}

#menu ul {
}

#menu li {
}

#menu a {
}

#menu a:hover {
}

#menu b {
}

/* Footer */

#footer {
	width: 970px;
	height: 50px;
	margin: 0 auto;
	background: url(images/img0606.gif) no-repeat;
}

#footer p {
	margin: 0;
	font-size: 77%;
}

#footer .links {
	float: left;
	padding: 15px 0 0 97px;
	color: #fcf714;
}

#footer .legal {
	float: right;
	padding: 15px 62px 0 0;
	color: #fcf714;
}

#footer a {
	color: #fcf714;
}

a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:56px; float:left; margin:4px; z-index:50;}

a.slidea {background:url(gallery/thumb01.jpg);}
a.slideb {background:url(gallery/thumb02.jpg);}
a.slidec {background:url(gallery/thumb03.jpg);}
a.slided {background:url(gallery/thumb04.jpg);}
a.slidee {background:url(gallery/thumb05.jpg);}
a.slidef {background:url(gallery/thumb06.jpg);}
a.slideg {background:url(gallery/thumb07.jpg);}
a.slideh {background:url(gallery/thumb08.jpg);}

a.slidei {background:url(gallery/thumb09.jpg);}
a.slidej {background:url(gallery/thumb010.jpg);}
a.slidek {background:url(gallery/thumb011.jpg);}
a.slidel {background:url(gallery/thumb012.jpg);}
a.slidem {background:url(gallery/thumb013.jpg);}
a.sliden {background:url(gallery/thumb014.jpg);}
a.slideo {background:url(gallery/thumb015.jpg);}
a.slidep {background:url(gallery/thumb016.jpg);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}


#container_top {position:relative; width:370px; height:485px; background: transparent; border:1px solid #a49188; margin:1em auto;}

#container_top img {border:0;}

#container_top .thumbs {position:absolute; left:0; top:0;}



#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}

#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:348px; height:302px; top:160px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}

#container_top h1 {clear:both; margin:0; padding-top:200px; text-align:center; font-family: georgia, "times new roman", serif; font-size:2em; font-weight:normal; color:#800000;}

#container_top h1 em {font-size:0.6em; color:#000;}

#imap {display:block; width:800px; height:600px; background:url(images/angelo_plan.jpg) no-repeat; position:relative; margin:0;}


#imap a#painting:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}
#imap #wejscie {left:520px; top:320px; z-index:20;}
#imap #dwa {left:275px; top:320px; z-index:20;}
#imap #trzy {left:30px; top:320px; z-index:20;}
#imap #cztery {left:275px; top:30px; z-index:20;}
#imap #piec {left:523px; top:30px; z-index:20;}
#imap #szesc {left:523px; top:95px; z-index:20;}


#imap a#link_wejscie {display:block; width:228px; height:158px; text-decoration:none; z-index:20;}
#imap a#link_dwa {display:block; width:228px; height:158px; text-decoration:none; z-index:20;}
#imap a#link_trzy {display:block; width:228px; height:158px; text-decoration:none; z-index:20;}
#imap a#link_cztery {display:block; width:228px; height:278px; text-decoration:none; z-index:20;}
#imap a#link_piec {display:block; width:228px; height:50px; text-decoration:none; z-index:20;}
#imap a#link_szesc {display:block; width:228px; height:208px; text-decoration:none; z-index:20;}

#imap a em {display:none;}

#imap a span, #imap a:visited span {display:none;}

#imap a#link_wejscie:hover, #imap a#link_dwa:hover, #imap a#link_trzy:hover, #imap a#link_cztery:hover, #imap a#link_piec:hover, #imap a#link_szesc:hover {border:4px solid #6a0000;}

#imap a:hover span {position:absolute; display:block; color:#0000a0; width:330px; height:270px; line-height:1.8em; font-size:0.9em; text-align:justify;}

#imap a#link_wejscie:hover span {left:-410px; top:-280px;}
#imap a#link_dwa:hover span {left:90px; top:-280px;}
#imap a#link_trzy:hover span {left:130px; top:-280px;}
#imap a#link_cztery:hover span {left:110px; top:-20px;}
#imap a#link_piec:hover span {left:130px; top:-20px;}
#imap a#link_szesc:hover span {left:-430px; top:-80px;}

#imap a:hover span img {float:left; margin-right:1em; margin-bottom:0.5em; border:4px solid #6a0000;}

#imap a span:first-line {font-weight:bold; font-style:italic;}
#info h3 {margin:0 0 0 75px; font-size:1.2em; font-weight:normal; font-family:georgia, "times new roman", serif; letter-spacing:0.1em; padding-bottom:5px; border-bottom:1px solid #aaa; width:650px;}
#info .para {width:300px; margin:0 0 0 75px;}
</style>