body {
	margin: 0;
	padding: 0;
	font-family: times, verdana, arial, sans-serif;
	font-size: 80%;
	background-color: #fffff0;
	}
div#lewy {
	position: fixed;
	top: 25%;
	bottom: 0;
	left: 0;
	right: 85%;
	background: #FFE4B5;
	width: 14.7%;
	height: 75%;
	color: #fff;
	border-right: solid #DAA520 3px;
	}

@media all and (min-width: 0px) {
		div#lewy {
	width: 15%;
	font-size: 80%;
	}
}

div#lewy div#wersja {
margin-top: 20%;
position: relative;
width: 100%;
text-align: center;
}

div#lewy div#wersja img {
width: 20%;
border: none;
margin: 5px;
}
div#kontener_body {
	position: absolute;
	top: 25%;
	bottom: 0;
	left: 17%;
	right: 0;
	overflow: auto;
	background: white;
	width: 83%;
	height: 75%;	
	font-family: times, verdana, arial, sans-serif;
	background-image: url("./grafika/dom_background.jpg");
	background-repeat: no-repeat;
	 background-position: 70% 110%;
	background-attachment: fixed;
	font-size: 125%;
	text-indent: 0.6em;
	text-align: justify;
	color: #8B4513;
	background-color: #FFFFF0;
	}
div#kontener_body p:first-letter{
 font-weight: bold;
}
p {
    margin-left: 6px;
	margin-right: 6px;
	padding-right: 15px;
	}
/* definicje głównego menu */
#nav {
    position: relative;
	width: 100%;
	margin-top: 20%;
	padding: 0;
	border-top: 1px solid #DEB887;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
    
   }

#nav ul li a {
	color: #A0522D;
	display: block;
	padding: 3px 3px 3px 0.5em;
	border-bottom: 1px solid #DEB887;
	text-decoration: none;
	font-weight: normal;
	background: #FFF8DC;
}

#nav ul li a:hover {
	background: #FFFFF0 url("./grafika/s1.gif") center right no-repeat;
	color: #000;
}
/* koniec glównego menu */

div#animacja {
	position: fixed;
	top: 0;
	bottom: 75%;
	left: 0;
	right: 0;
	padding: 0;
	background: #FFFFF0;
	width: 100%;
	height: 25%
}
body > div#animacja {
text-align: center;
}
/*realizacja tekstów 8 */

div#kontener_body h2 {
 border-top: solid #DAA520 1px;
 border-bottom: solid #DAA520 1px;
 border-left: solid #DAA520 1px;
 border-right: solid #DAA520 30px;
 color: #DAA520;
 background-color: #FFFFE0;
 margin-left: 3px;
 margin-right: 3px;
 margin-top: 10%;
}

div#kontener_body h3{
width: 100%;
text-align: center;
font-size: 180%;
 color: #DAA520;
font-style: normal;
text-decoration: underline;
}

div#kontener_body ul {
margin-right: 30px;
}

div#kontener_body a {
color: #b8860b;
}

div#kontener_body a:hover {
color: #DAA520;
}
/* sekcja galerii */


	/* Definicja kontenera z zaokrąglonymi rogami */
#sekcja {
    position: absolute;
	font: 120% Arial, Helvetica, sans-serif;
	color: #696969;
	background-color: transparent;	
	width: auto;
	top: 1%;
	left: 20%;
	right: 1%;
	bottom: 1%;
	height: 100%;
	}
.zaokr_ramka {
	height: 1px;
	overflow: hidden;
	background-color: #FFFFFF;
	border-right: 1px solid #D2B48C;
	border-left: 1px solid #D2B48C;
	}
.c1 {
	margin: 0 12px 0 12px;
	border: none;
	background-color: #D2B48C;
	}
.c2 {
	margin: 0 9px;
	border-width: 0 3px;
	}
.c3 {
	margin: 0 7px;
	border-width: 0 2px;
	}
.c4 {
	margin: 0 6px 0 6px;
	}
.c5 {
	margin: 0 5px 0 5px;
	}
.c6 {
	margin: 0 4px 0 4px;
	}
.c7 {
	margin: 0 3px 0 3px;
	}
.c8{
	margin: 0 2px 0 2px;
	height: 2px;
	}
.c9 {
	margin: 0 1px 0 1px;
	height: 3px;
	}
.zawartosc {
	height: auto !important;
	height: auto;
	padding: 0;
	margin: 0;
	}
/* koniec definicji kontenera z zaokrąglonymi rogami */
div#powrot {
position: absolute;
font-size: 120%;
height: 100%;
width: auto;
top: 10%;
bottom: 1%;
right: 80%;
left:1%;
}
body > div#powrot {
position: fixed;
}
div#powrot a{
color: #B8860B;
text-decoration: none;
}
div#powrot a:hover{
color: #DAA520;
text-decoration: overline;
}
div#powrot ul li{
	list-style-type: none;
	width: 100%;
}
.zawartosc h2 {
 border-top: solid #DAA520 1px;
 border-bottom: solid #DAA520 1px;
 border-left: solid #DAA520 1px;
 border-right: solid #DAA520 30px;
 color: #DAA520;
 background-color: #FFFFE0;
 font-size: 90%;
 margin-left: 3px;
 margin-right: 3px;
 margin-top: 1%;
 margin-bottom: 0;
 padding-left: 1%;
}
.zawartosc p{
color: #B8860B;
font-size: 95%;
font-weight: bold;
}

.zawartosc .galeria{
text-align: center;
}

.zawartosc .galeria a {
color: #B8860B;
font-size: 95%;
font-weight: bold;
margin: 0 3px 0 3px;
}

div#design{
position: absolute;
top: 97%;
right: 85%;
left: 0;
bottom: 0;
font-size: 80%;
}
body > div#design {
position: fixed;
}
div#design a{
font-family: Verdana, Arial, sans-serif;
color: #8B4513;
text-decoration: none;
}
#image_galery{
max-width: 80%;
/*width:expression(image_galery.width <  610 ? "auto": "80%");*/
width: 80%;
}