<style type="text/css">


body { background-color: gray; }
body.hr { background-image: url(aver/szary.gif); }

table {
margin-left: auto;
margin-right: auto;
}

table.gy {
cellpadding: 10px;
}

div#gallery table {
cellpadding: 10px;
font-size: 15pt;
color: navy;
}

tr.szary {
background-color: #CCCCCC; }

td {
align: center;
}

td.ban {
text-align: center;
}

img.small {
text-align: center;
width: 250px;
height: 150px;
}


p.header {
margin: 0px 0px 0 10px;
font-size: 15pt;
color: red;
font-weight: bold;
text-align: center;
font-family: verdana,tahoma,helvetica,sans-serif;
}

p.top1 {
margin: 0px 0px 0 10px;
font-size: 15pt;
color: navy;
font-weight: bold;
text-align: center;
font-family: verdana,tahoma,helvetica,sans-serif;
}

p.menu1 { // 1
margin: 10px 10px 0 10px;
font-size: 9pt;
padding: 2px 20px 2px 0;
font-weight: bold;
text-align: right;
font-family: verdana,tahoma,helvetica,sans-serif;
background-color:#B1BBBE;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-top: 1px solid white;}

P.menu2 {
margin:0 10px 0 0;
font-size: 9pt;
font-weight: bold;
padding: 0;
text-align: left;
font-family: verdana,tahoma,helvetica,sans-serif;
border-right: 1px solid white;}

P.menu3 {
margin:0 10px 0 0;
font-size: 12pt;
color: navy;
padding: 0;
text-align: left;
font-family: verdana,tahoma,helvetica,sans-serif;
background-color:#CCCCCC;}

P.stopka {
margin: 0;
padding: 10px 1px 1px 1px;
font-family: arial;
font-size: 7pt;
text-align: center;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid white;
background-color: #AFB4C0;}

P.stopka1 {
margin: 0;
padding: 10px 1px 1px 1px;
font-family: arial;
font-size: 9pt;
text-align: center;
background-color: #CCCCCC;}

p span {
font-weight: bold;
color: navy;
font-size: 14pt;
background-color: #FFF99F;}

p.menu3 span {background-color: #CCCCCC;
font-size: 12pt;}

span.gorne {właściwość1:wartość; właściwość2: wartość;}

a {
text-decoration:none;
color: navy}

a.header {
margin: 0px 0px 0 10px;
font-size: 15pt;
color: red;
font-weight: bold;
text-align: center;
font-family: verdana,tahoma,helvetica,sans-serif;
}

a, a:visited {
	background-color: transparent;
	color: #0000FF;
}

a:hover {
	background-color: transparent;
	color: #FF0000;
}

/* Header */
div#header h1 {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	background-color: transparent;
	color: #000000;
}

/* Thumbnail Index */
div#index {
	margin: 1ex 0 1ex 0;
	text-align: center;
}

div#index table {
	text-align: center;
	margin: 0 auto 0 auto;
}

div#index td.thumbcell {
	width: 200px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#index td.thumbcell img {
	border-style: none;
}

div#index div.pages {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align: right;
}

/* Photo Navigation */
div#navigation {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	margin: 1ex 0 1ex 0;
}

div#navigation table {
	text-align: center;
	margin: 0 auto 0 auto;
}

div#navigation td.previous {
	text-align: left;
	width: 200px;
}

div#navigation td.index {
	text-align: center;
}

div#navigation td.next {
	text-align: right;
	width: 200px;
}

div#navigation td.thumbcell {
	width: 200px;
	border-style: solid;
	border-color: #D7D7D7;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#navigation td.thumbcell img {
	border-style: none;
}

div#navigation td.selected {
	border-style: outset;
	border-width: 2px;
}

div#navigation span.home {
	display: block;
	padding-bottom: 1em;
}

/* Photograph */
div#photograph {
	text-align: center;
	margin: 1ex 0 1ex 0;
}

div#photograph img {
	margin: 0 auto 0 auto;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

/* Photograph Title */
h1.title {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px;
}

/* Photograph Caption */
p.caption, p.description {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
	display: block;
	width: 800px;
	margin: auto;
}

/* Footnote */
p.footnote {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.6em;
	text-align: right;
	padding: 0 2em 0 0;
}

div.hd1 {background-color: #CCCCCC;}

div.pages {
cellpadding: 10px;
font-size: 18pt;
color: red;
}

td.previous {
width: 33%;
text-align: center;
}
td.index {
width: 33%;
text-align: center;
}
td.next {
width: 33%;
text-align: center;
}


#gallery {
width: 84%;
float: right;
}

#nawigacja-boczna {
width: 15%;
float: left;
}

#stopka {
clear: both;
width: 100%;
}

#wiersz1 {
float: top;
width: 100%;
text-align: left;
}


#wiersz2 {
clear: both;
width: 100%;
text-align: center;
}
</style>

<!-- http://pl.html.net/tutorials/css/  -->
<!-- galeria dodać za small  class="small" -->

