@charset "utf-8";
/* CSS www.arsit.pl */

body {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #BCA27D;
	text-align: center; /* powoduje, ze strona bedzie wyswitlana na srodku (w poziomie) okna przegladarki */
	background: transparent url('../grafika/tlotop2.jpg') repeat-x ; background-position: left top;
	background-color: #262626; 
	margin-top: 0px;	padding: 0; margin-left: auto; margin-right: auto;
}
a img {
	border: 0px none;		/* usuwa ramke ktora domzslnie ustawiona jest do laczy*/
	display: compact;			/* usuwa dodatkowe miejsce ponizej selektora, powstale w wyniku pozostawienia wlasciwosci text-align ustawionej na domyslnej wartosci.*/
	}
p { font-family:arial,sans-serif; font-style:normal; font-variant:normal; font-weight:normal; font-size: 12px; line-height:normal; text-align:left; }
/* sekcja 1 - naglowek */
#rama { position:relative; width:800px; margin-left:auto; margin-right:auto;}
#top { position:relative; width:800px; height:74px; text-align:left;}
#top img { margin-right:40px;}
#fmenu {width:800px; height:221px;}
.marquee { position:absolute; left:515px; float:left; color:BCA27D; width:235px; padding:20px;
}
/* sekcja 3 - treść */
#glowna { width:800px; background: transparent url('../grafika/tlotresc.gif'); background-color:#e5e1d8; position:relative; }
#nawigator {position:absolute; left:25px; margin-top:40px;  }
.gora { position:absolute; left:245px; width:528px; background: transparent url('../grafika/obram_gora.jpg') no-repeat; padding-bottom:60px; margin-top:20px; }
.tresc { position:absolute; left:245px; width:528px; background: transparent url('../grafika/obram_tlo.gif') repeat-y; margin-top:72px; text-align:left; padding-left:30px; }
h2 { color:#790000; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
h4 { color:#BCA27D; font-size:18px; position:absolute; left:515px; width:200px; padding-bottom:20px;}
.tresc p {color:#524524; padding-right:55px; font-size:12px; }
.tresc p:first-letter { font-size:16px; font-style:italic; font-weight:bold; letter-spacing:2px; }
.tresc ul, li {color:#790000; font-style:italic; list-style:disc; line-height:16px;  padding-right:30px; list-style-position:inside;} /* list-style-image:url('../grafika/punktator.jpg'); */
.nazwa {  color:#000; font-style:normal;}
.tresc  a:link, a:visited  { color:#790000; font-weight:bold; text-decoration: underline;}
.tresc  a:hover { text-decoration:none ;  color:#685837;}
.dodatek {color:#524524; padding-right:75px;}
p.center { text-align:center; color:#790000; font-size:14px; line-height:20px; background-color:#E5E1D8; width:250px; padding:20px; margin-left:85px; border:solid 1px #790000; }
.image { float:right; margin-left:15px; margin-top:10px;}
#telefon1 { position:absolute; left:25px; width:500px; margin-top:2px;   }
#telefon1 img { text-align:left;}
#teletext1  { background:#790000; position: absolute; left:63px; width:390px; margin-top:30px; height:43px; text-align:left; padding-top: 5px; padding-right:10px; padding-left:10px; font-size:14px; display:inline;}
.bialy { color:#FFFFFF; font-size:16px; font-weight:bold;}
.dol { position:absolute; left:245px; width:528px; background: transparent url('../grafika/obram_dol.jpg') no-repeat; padding-bottom:55px; margin-top:725px;} /* margin-top odpowiada za umieszczenie obiektu w pionie */
.dol2 { position:absolute; left:245px; width:528px; background: transparent url('../grafika/obram_dol.jpg') no-repeat; padding-bottom:55px; margin-top:934px;}
.dol3 { position:absolute; left:245px; width:528px; background: transparent url('../grafika/obram_dol.jpg') no-repeat; padding-bottom:55px; margin-top:514px;}
.dol4 { position:absolute; left:245px; width:528px; background: transparent url('../grafika/obram_dol.jpg') no-repeat; padding-bottom:55px; margin-top:1114px;}
#obrazek1 {position:absolute; left:4px; margin-top:541px;  }
#obrazek2 {position:absolute; left:4px; margin-top:751px;  }
#obrazek3 {position:absolute; left:4px; margin-top:331px;  }
#obrazek4 {position:absolute; left:4px; margin-top:931px;  }
.photo img { border:0; padding: 2px 8px; position: relative; top: -5px;	left: -5px;}
.figure { float: left;	width: 180px; margin: 0 30px 5px 10px;}
.figure p { font-size:11px; color:#790000 ; text-align: left;  margin: 5px 0 0 5px; height: 3em; width: 150px;}
/* sekcja 4 - stopka */
#stopkahome { width:800px; background: transparent url('../grafika/stopka_home.jpg') no-repeat; font-size:11px;}
#stopkahome  a:link, a:visited  { color:#685837; font-weight:bold; text-decoration:none;}
#stopkahome  a:hover { text-decoration: underline; color:#790000;}
.cophy { text-align:center; font-size:10px; color:#999999;}
#designed { text-align:right; font-size:10px; color:#666666; }
#designed a { border:none;}
.center { border:0; text-align:center;}