body {
    margin: 0;
    padding: 0;
    background-image:url(./gfx/tlo.jpg);
    background-repat: repeat-y;
    font-family: Verdana;
    font-size: 12px;
}

a { color: #334C5A; text-decoration: none; }
a:hover { text-decoration: none; }

#pagina { 
	width: 786px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-image:url(./gfx/shadow.png);
	background-repat: repeat-y;
}


#head { 
	position: relative;
	width: 748px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}

    #head .topBar      { font-size: 10px; #2f64a8; text-align: left; padding: 6px 4px 0; }
    #head .topBarLeft  { float: left  }
    #head .topBarRight { float: right }

h1 a 	  { display: block; width: 100%; height: 90%; position: absolute; top: 26px; left: 0; background: transparent; margin: 0; padding: 0; text-decoration: none; overflow: hidden;}
h1 a span { visibility: hidden;}


#menu {
	position: relative;
    width: 748px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}


#foot {
    width: 748px;
    height: 35px;
    background-image:url(./gfx/foot.jpg);
    background-repat: no-repeat;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}


#content   { width: 748px; margin-left: auto; margin-right: auto;   }
#leftSide  { float: left;  width: 188px; background-color: #ffffff; border: 0px solid #000}
#rightSide { float: right; width: 560px; background-image:url(./gfx/bgmain.jpg); background-position: top center; background-repeat: no-repeat }


#searchbox {
    width: 168px;
    background-color: #eaeae6;
    font-weight: bold;
    color: #475F6F;
    padding: 10px;
}

#searchbox input   { border: 1px solid #a3a39b;  width: 140px; height: 18px; padding: 2px;     margin-top: 3px;  float: left;  }
#searchbox .submit { border: 0px solid #a3a39b;  width: 20px;  height: 24px; margin-top: 3px;  float: right; background-image:url(./gfx/find.jpg); background-repeat: no-repeat; background-position: top center} 
#searchbox img { margin-top: 4px;}


/* mailingowa */

#mailing {
    width: 168px;
    background-color: transparent;
    font-weight: normal;
    font-size: 10px;
    text-align: left;
    color: #475F6F;
    padding: 10px;
}

#mailing input   { border: 1px solid #a3a39b;  width: 140px; height: 18px; padding: 2px;     margin-top: 3px;    }
#mailing .submit { width: 145px; height: 23px;  background-color: #eee; }


/*  wyglad menu */

.BoxBlue {
    width: 188px;
    background-image:url(./gfx/menu1.jpg);
    background-repeat: repeat-x;
    line-height: 1.3em;
    color: red;
}

.BoxGrey {
    width: 188px;
    background-image:url(./gfx/menu2.jpg);
    background-repeat: repeat-x;
    line-height: 1.3em;
    color: red;
}

.TitleBlue  { 
	width: 188px;
	height: 22px;
	font-size: 12px;
	background-image:url(./gfx/menu1top.jpg);
	background-repeat: no-repeat;
	line-height:22px;
	font-weight: bold;
	font-size: 11px;
	color: #2E3941;
	margin-bottom: 4px;
}

.TitleGrey {
	width: 188px;
	height: 22px;
	font-size: 12px;
	background-image:url(./gfx/menu2top.jpg);
	background-repeat: no-repeat;
	line-height:22px;
	font-weight: bold;
	font-size: 11px;
	color: #2E3941;
	margin-bottom: 4px;
}

.BoxBlue p { margin-left: 20px; }
.BoxGrey p { margin-left: 20px; }
.BoxBlue a { color: #383333; font-weight: normal; border: 0px; 	}
.BoxGrey a { color: #383333; font-weight: normal; border: 0px; 	}
.BoxBlue img { border: 0px; }

.tyt {
    text-align: center;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 3px;
}

.tyt a {color: #134776}
.tyt a:hover { color: #093c6a }


#kontakt {
    width: 183px;
    font-size: 10px;
    font-family: Verdana;
    color: #383333;
    margin-top: 25px;
    margin-bottom: 10px;
    margin-left: 5px;
    
}


.art {
    width: 505px;
    background: transparent url(./gfx/post.gif) no-repeat 0 -5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-size: 12px;
    font-family: Verdana;
    color: #4a4a4a;
    line-height: 1.3em;
}

.podstrona {
    position: relative;
    width: 510px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2em;
    color: #666;
    margin-top: 20px;
}

.podstrona p {
    margin-top: 12px;
}


.bodya	    { margin-top: 0px;}
.art   h2     {margin: 0; padding: 0; font: normal bold 1.6em/1.1em Clarendon, serif; color: #43515A; line-height: 1.6em; font-size: 20px;}
.podstrona h2 {margin: 0; padding: 0; font: normal bold 1.6em/1.1em Clarendon, serif; color: #43515A; line-height: 1.6em; font-size: 20px;}
.art   img  { margin-left: 5px;  }
.bodya  a    { color: #445159;   }
.bodya p {line-height: 1.4em;}
.bodya img   { border: 4px solid #cfcdc9; align: right; margin: 3 10 20 20; clear: both;}
.podstrona img  { border: 4px solid #cfcdc9; align: right; margin: 3 10 20 20}

.podpisy    { margin-top: 8px; font-size: 11px;}
.podpisy a  {color: #445159; }

.fota     { display: block; width: 260px; padding: 2px; background-color: #eee; position: relative;  float: right; margin: 5px; text-align: left;}
.opis 	  { border: 1px solid #ccc; padding: 3px; background-color: #fff; margin-top: 3px; width: 243px; color: #000; font-family: Tahoma; font-size: 11px; margin-left: auto; margin-right: auto;} 

#ktokiedy { width: 100%; position: relative; margin-left: auto; margin-right: auto; margin-top: 20px; border-top: 1px solid #cccccc; background-color: #eeeeee; padding: 3px; color: #445159; margin-bottom: 10px}
#ktokiedy .left {float: left}
#ktokiedy .right {float: right}


#nawigacja {
		width: 505px;
		background-color: #e2e6f1;
		border: 1px solid #c2c2c2;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		text-align: center;
		padding: 5px;
}

#nawigacja a {color: #324b73;}


#becomefan {
		width: 505px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		text-align: center;
		padding: 5px;
}


table.contentList { width: 100%; background: #ecf3fb; border-collapse: collapse;}
table.contentList thead { background: #9F6A3B; }
table.contentList thead th { text-align: center; padding: 7px; border: 1px solid #d9c57e; border-top: none; color: white }
table.contentList td, tr { padding: 5px; border: 5px solid #ffffff; margin: 4px; }
table.contentList tr td.miniatura { width: 150px; }
table.contentList tr td.last  { width: 50px; }
td.first, td.last { text-align: center; }


/* These are standard sIFR styles... do not modify */
			   
.sIFR-flash                 { visibility: visible !important; margin: 0; }
.sIFR-replaced              { visibility: visible !important; }
span.sIFR-alternate         { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }


.sIFR-hasFlash .art h2     { visibility: hidden; letter-spacing: -5px; font-size: 16px; }



input {border: 1px solid #ccc}
textarea {border: 1px solid #ccc}

label {
    display: block;
    width: 200px;
    height: 17px;
    background-color: #8ccf5a;
    padding: 3px;
    color: #000000;
    font-weight: bold;
    border: 1px solid #67a935;
    float: left;
    margin-bottom: 5px;
}

.formelements {
    background-color: #eeeccc;
    padding: 10px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #d9c57e;
    margin-top: 25px;
    background-image:url(./gfx/bgg.jpg);
    background-repeat: repeat-x;
	    
}

.formelements input {width: 280px; padding: 3px}

.podstrona td {font-size: 11px; padding: 3px}


#found {
	width: 500px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align: justify;
	color: #4a4a4a;
}