/* Arkusz styli przeznaczony dla standardowych monitorow */

body {
	background: url(grafika/bg_canvas.png);
	margin: 0;
	padding: 0;

}

#canvas {
	background: white;
	margin: auto;
	padding: 35px 65px 0 65px;
	width: 650px;	
}


/* NAGŁOWEK */

#header {
	height: 320px;
}

#header h1 {
	font-weight: normal;
	text-align: center;
	font-size: 22pt;
	width: 500px; height: 76px;
	margin: 0 auto;
}

#header h2 {
	font-weight: normal;
	text-align: center;
	font-size: 26pt;
	width: 500px; height: 36px;
	margin: 0 auto;
}



/* MENU NAGŁOWKA */

ul#menu {
	margin: 0;
	margin-top: 50px;
	padding: 0;
	display: block;
	list-style-type: none;
}

.menu_item {
	margin: 0;
	margin-right: 18px;
	padding: 0;
	width: 115px;
	height: 125px;
	float: left;
	background-repeat: no-repeat; 
}

.menu_item.last {
	margin: 0;
}

.menu_item#biografia { background-image: url(grafika/p_biografia.png); }
.menu_item#galeria { background-image: url(grafika/p_galeria.png); }
.menu_item#artykuly { background-image: url(grafika/p_artykuly.png); }
.menu_item#oferta { background-image: url(grafika/p_oferta.png); }
.menu_item#kontakt { background-image: url(grafika/p_kontakt.png); }

.menu_item a {
	display: block;
	margin: 12px;
	width: 85px;
	height: 120px;
	content: ""; text-decoration: none;
	font-size: 0px;
	 text-indent: -1000px; 
	 	border-bottom: 1px solid white;
}

.menu_item.active a {
	border-bottom: 1px solid rgb(120,120,120);
}

.menu_item a:hover {
	border-bottom: 1px solid rgb(220,220,220);
}







/* GLOWNA ZAWARTOSC */

#content {
	clear: both;
	font-family: Georgia;
	font-size: 0.75em;
	line-height: 1.7em;
	text-align: justify;
}

#lcolumn {
	float: left;
	width: 305px;
}

#rcolumn {
	float: right;
	width: 305px;
}

#rcolumn img {
	float: left;
	margin: 5px 15px 5px 0;
} 

h3 {display: none;}





/* ZAJAWKI ARTYKULOW */

#art1 {	background: url(grafika/bg_art1.png);	background-repeat: no-repeat; }
#art2 {	background: url(grafika/bg_art2.png);	background-repeat: no-repeat; }
#art3 {	background: url(grafika/bg_art3.png);	background-repeat: no-repeat; }
#art4 {	background: url(grafika/bg_art4.png);	background-repeat: no-repeat; }

#gal1 {	background: url(grafika/gal_bg1.png);	background-repeat: no-repeat; }
#gal2 {	background: url(grafika/gal_bg2.png);	background-repeat: no-repeat; }
#gal3 {	background: url(grafika/gal_bg3.png);	background-repeat: no-repeat; }
#gal4 {	background: url(grafika/gal_bg4.jpg);	background-repeat: no-repeat; }
#gal5 {	background: url(grafika/gal_bg5.jpg);	background-repeat: no-repeat; }
#gal6 {	background: url(grafika/gal_bg6.jpg);	background-repeat: no-repeat; }
#gal7 {	background: url(grafika/gal_bg7.jpg);	background-repeat: no-repeat; }
#gal8 {	background: url(grafika/gal_bg8.jpg);	background-repeat: no-repeat; }
#gal9 {	background: url(grafika/gal_bg9.jpg);	background-repeat: no-repeat; }
#gal10 { background: url(grafika/gal_bg10.jpg);	background-repeat: no-repeat; }

.art {

	background: red;
	width: 123px;
	height: 171px;
	padding: 4px 37px 10px 33px;
	margin: 0 10px;
	line-height: 1.1em;
	
	margin-bottom: 30px;
	float: left;

}


.art p {

	
	font-size: 0.9em;
	
	
}

.art a {
	display: block;
	color: black;
	text-decoration: none;
	height: 170px;

}
.art a:hover {
	border-bottom: 1px solid rgb(220,220,220);

}

.art .autor {
color: rgb(80,80,80);
font-style: italic;
}


/* STOPKA */


.footer {
	clear: both;
	position: relative;
	top: 50px;
	text-align: center;
	font-family: Georgia;
}

.footer hr {
	background-color: rgb(220,220,220);
	border: none;
	height: 1px;
	width: 650px;
}

p.footer {
	margin: 0;
	font-size: 0.6em;
	color: rgb(120,120,120);
}

#footer {
	clear: both;
	height: 80px;
	padding-top: 50px;
	text-align: center;
	font-family: Georgia;
}

#footer hr {
	background-color: rgb(220,220,220);
	border: none;
	height: 1px;
	width: 650px;
}

#footer P {
	margin: 0;
	font-size: 0.6em;
	color: rgb(120,120,120);
}


.obraz img {
	margin: 5px;
}


/* ARTYKULY */

.czytaj {
	font-weight: bold;
	font-size: 0.9em;
}
.dalej, .powrot {
	text-decoration: none;
}
.dalej {
	float: right;
}
.dalej:hover, .powrot:hover {
	text-decoration: underline;
}

p.navbar { padding: 1px 10px; 	height: 19px;	background-image: url(grafika/bg_nav.png);}
p.navbar a  { 	font-weight: bold;
	font-size: 0.9em;	text-decoration: none;}
	
	
	
	
	
	
	
	
	
	
img {border: none;}