<style type="text/css">
<!--
body {
padding: 0;
margin: 0 auto;
text-align: center;
/*background: url(images/tlo_.jpg) repeat-x top; */
}

/*div*/
#tab {
width: 980px; 
padding: 0; 
margin: 0 auto; 
}


#top {
height: 410px;
background-color: #483d8b;
background: url(images/tlo.jpg) no-repeat top; 
}
/* menu - najbliższa impreza */
#tab_a {
width: 290px;
float: left;
}
/* menu */
#top_menu {
margin: 15px 0 0 20px;
}
#top_menu ul, #top_menu li {
float: left;
list-style: none;
margin: 0; 
padding: 0; 
}
#top_menu a {
color: #ffffff;
display: inline;
font: 13px Tahoma, Verdana, Arial;
font-weight: bold;
padding: 0 20px 0 0;
text-align: left;
}
#top_menu a:hover {
color: #f9b700;
}
/* najbliższa ipmpreza */
#najblizsza {
color: #ffffff;
float: right;
font: 16px Tahoma, Arial, Verdana;
position: relative;
text-align: center;
top: 200px;
width: 240px;
}
/* menu główne */
#tab_b {
float: left;
}
#menu a {
background: url(images/kropka.gif) no-repeat left;
color: #010101;
display: block;
font: 15px Tahoma, Arial, Verdana;
font-weight: bold;
margin: 0;
padding-left: 17px;
text-align: left;
}
#menu a:hover {
color: #f9b700;
}
#menu .linki {
margin: 20px 0 0 205px;
}
#menu .forum {
margin: 2px 0 0 35px;
}
#menu .oimprezie {
margin: 0px 0 0 340px;
}
#menu .program {
margin: 3px 0 0 300px;
}
#menu .kinogryf {
margin: 0px 0 0 60px;
}
#menu .bilety {
margin: 0 0 0 345px;
}
#menu .organizacja {
margin: 10px 0 0 260px;
}
#menu .archiwum {
margin: 60px 0 0 100px;
}
/* menu kategorii */
#tab_c {
float: right;
width: 180px;
}
#tab_c p {
color: #f9b700;
font: 12px Arial, Verdana; 
font-weight: bold; 
padding: 15px 45px 3px 0;
text-align: right;
}
#kat_menu {
border-top: 1px solid white; 
margin: 5px 40px 0 0;
}
#kat_menu ul, #kat_menu li {
float: right;
list-style: none;
margin: 0;
padding: 0;
width: 140px;
}
#kat_menu a {
color: #ffffff;
display: block;
font: 12px Arial, Tahoma, Verdana;
font-weight: bold;
padding: 2px 5px 2px 0;
text-align: right;
}
#kat_menu a:hover {
color: #f9b700;
}



#container {
clear: both;
width: 980px;
padding: 0;
margin: 0 auto;
}
/* left */
#left {
width: 360px;
float: left;
background: url(images/ostatnio.jpg) no-repeat top left;
}
#left .foto {
width: 110px;
height: 110px;
padding: 5px;
margin: 0 15px;
border: 1px solid #f9b700;
}
#left p {
color: #f9b700;
font: 11px Arial, Tahoma, Verdana;
font-weight: bold;
text-align: left;
}
#left a {
font: 14px Tahoma, Verdana, Arial; 
text-decoration: none;
line-height: 1.5em;
}
#left a:hover {
text-decoration: none;
}
/* main */
#main {
width: 590px;
min-height: 200px;
float: right;
background: url(images/kartka.jpg) no-repeat top left;
text-align: center;
}
#main p {
margin: 0;
padding: 5px 20px 15px 50px;
line-height: 1.8em;
}
#main .podpis_foto {
margin: 5px;
padding: 1px 0 1px 40px;
font: 10px;
text-align: center;
border-bottom: 1px solid #f5f5f5;
}
#main a {
text-decoration: underline;
}
#main a:hover {
text-decoration: underline;
}


#footer {
background-color: black;
clear: both;
width: 980px;
padding: 0;
margin: 0 auto;
}
#footer p {
color: #ffffff;
font: 10px Tahoma, Verdana, Arial; 
font-weight: bold;
margin: 0;
padding: 5px 0;
text-align: center;
}
#footer_menu {
background-color: black;
color: white;
height: 30px;
margin-left: 20px;
}
#footer_menu ul, #footer_menu li {
float: left;
list-style: none;
margin: 0; 
padding: 0; 
}
#footer_menu a {
color: #00b1ff;
display: inline;
font: 13px Tahoma, Verdana, Arial;
font-weight: bold;
padding: 0 20px 0 0;
text-align: left;
}
#footer_menu a:hover {
color: #f9b700;
}
#footer_inne {
margin: 5px;
text-align: right;
}
#footer_inne a {
color: #ffffff;
display: inline;
font: 11px Tahoma, Verdana, Arial;
font-weight: bold;
}
#footer_inne a:hover {
color: #f9b700;
}



/*czcionki */
p {
margin: 0; 
padding: 0; 
font: 12px Tahoma, Verdana, Arial; 
font-weight: normal;
color: #5a6c7e; 
text-align: left;
}
ul, ol, li {
font: 12px Tahoma, Verdana, Arial; 
font-weight: normal; 
color: #5a6c7e; 
text-align: left;
line-height: 1.8em;
list-style-type: disc;
padding: 0;
margin-left: 40px;
}

h1 {
font: 30px Arial, Verdana;
font-weight: bold;
color: #f9b700;
text-align: left;
padding: 30px 0 0 100px;
margin: 0;
}
h2 {font: 24px Arial, Verdana;
font-weight: bold;
color: #f9b700;
text-align: left;
padding: 15px 0 10px 70px;
margin: 0;
}
h3 {font: 16px Arial, Verdana;
font-weight: bold;
color: #f9b700;
text-align: center;
padding-top: 5px;
margin: 0;
}

a {
color: #5a6c7e;
font: 12px Tahoma, Verdana, Arial;
font-weight: bold;
margin: 0;
padding: 0;
text-align: left;
text-decoration: none;
}
a:hover {
color: black;
}

hr {
color: white;
height: 1px;
style: noshade;
}

</style>

