html, body { background: #B1C7FF; margin: 0; padding: 0; font: 12px Verdana, Arial, Helvetica, sans-serif; }
img { border: 0; }
a { text-decoration: none; border-bottom: 1px solid #003DB9; }
a, a:link, a:visited, a:focus, a:hover, a:active { color: blue; }
#calosc { 
width: 1000px;
margin: 0 auto;
}
#top {
width: 1000px;
height: 100px;
background-color: #A6CAF0;
background: url('img/tlo/top.png') no-repeat;

}
#logo { 
width: 300px;
height: 100px;
background: url('img/tlo/logo.png');
cursor: pointer;
float: left;
}
/*
#logowanie { 
width: 300px;
height: 100px;
float: right;
text-align: right;
}
*/
#menu {
background: #fff url('img/tlo/podmenu_tlo.png') repeat-x top;
padding: 5px 20px;
width: 960px;
float: left;

}
#podmenu {
width: 1000px;
height: 40px;
background-color: #fff;
float: left;

}
#srodek {
width: 1000px;
background: #fff url('img/tlo/podklad.jpg') repeat-x top;
display: inline-block;
}
#serce {
width: 630px;
float: left;
line-height: 140%;
padding: 10px;
text-align: left;

}
#panel {
width: 340px;
background-color: #6B8FFF;
float: left;
text-align: center;
}
#panel a { color: #fff; }

#stopka {
width: 1000px;
height: 20px;
padding-top: 205px;
background: #000 url('img/tlo/stopka.png') no-repeat;
color: #fff;
text-align: right;
clear: both;
}
#stopka a { 
color: #fff;

}



/*--------------------------- stary css ----------------------------*/
ul, ul li { display: inline; list-style: none; margin: 0; padding: 0;  }
ul li u { background: #fff; width: 310px;  float: left; padding: 8px; margin: 10px 8px 0 8px; text-decoration: none; font-weight: bold; text-align: left; }
ul li i { background: #4873FF; width: 310px;  float: left; padding: 8px; margin: 0 8px 10px 8px; text-decoration: none; color: #F0F0F0; text-align: left; }
ul li img { float: left; padding: 0 4px; }
h1 { color: #000; margin: 5px 0 0 15px; font: 32px georgia; padding-bottom: 10px; text-align: left; }
h2 { margin: 0; padding: 0 0 5px 0; font: 20px georgia; color: #000; }
h3 { text-align: center; margin: 0; }
h1 img, h3 img { vertical-align: middle; }





dl, dl dt, dl dd { display: block; list-style: none; margin: 0; padding: 0; text-decoration: none; }
dl { float: left; font-size: 22px; font-weight: bold; font-family: Georgia; }
dl dt { float: left; margin-right: 10px; }
.menu_nieaktywne a:link, .menu_nieaktywne a:visited { text-decoration: none; display: block; padding: 5px 10px; border: 0; }
.menu_aktywne a:link, .menu_aktywne a:visited { text-decoration: none; display: block; background: #4E9FF2; color: #fff; padding: 5px 10px; border: 0; }
.menu_nieaktywne a:hover { background: #B1C7FF; }

dd { font-size: 14px; font-weight: bold; font-family: Georgia; float: left; }
.podmenu_nieaktywne a:link, .podmenu_nieaktywne a:visited { display: block; color: #000; padding: 5px 10px; border: 1px solid #B1C7FF; margin-left: 5px; }
.podmenu_nieaktywne a:hover { border-bottom-color: #fff; background: #D4E3FF; border: 1px solid #B1C7FF; }
.podmenu_aktywne a:link, .podmenu_aktywne a:visited { display: block; background: #B1C7FF; color: #000; padding: 5px 10px; border: 1px solid #8EABFF; margin-left: 5px; }
dl dt img { vertical-align: middle; }


#cialo { width: 650px; float: left; text-align: center; padding-top: 10px; }

/* niemodyfikowane css stare */
table { border: 0; width: 100%; }


.ramka { width: 302px; float: left; border: 1px dotted #CECECE; padding: 10px 4px 10px 3px; margin: 2px; background: #FFFFFF url('img/tlo/podklad.jpg') repeat-x; }
.ramka img { float: left; margin: 5px 8px; }
.ramka li { background: url('img/nawigacja/bull.gif') no-repeat left; padding-left: 15px; }
.rama { text-align: left; padding: 10px 5px; margin: 2px; width: 616px; float: left; border: 1px solid #A4A4FF; overflow: hidden; background: #d0DfFF; }
.rama img { float: left; margin: 12px; }
.informacja { width: 630px; display: block; padding: 6px; background: #0066FF url('img/tlo/panel_tytul.png') repeat-x; float: left; }
.informacja img { vertical-align: middle; }
.inf { text-align: left; padding: 7px; float: left; background: #B1C7FF; width: 614px; border: 1px solid #8EABFF; display: block; }
/* .inf img { vertical-align: middle; } */
.ocena { padding: 5px; text-align: right; width: 620px; background: #fff; display: block; margin-bottom: 5px; }
.tresc { text-align: left; padding: 10px 5px; float: left; background: #fff url('img/tlo/podklad_text.png') repeat-x; width: 620px; }
.grafika { padding: 10px 5px; float: left; background: #fff; width: 620px; text-align: center; }
.obraz img { display: block; margin: 0 auto; }
#przewijanie { margin: 0 auto; text-align: center; }
#przewijanie img { vertical-align: middle; }
.przewijanie { padding: 2px; text-align: center; margin: 10px; }
.przewijanie ul { font-size: 16px; display: block; }
.przewijanie li { list-style-type: none; display: inline; }
.przewijanie a, .przewijanie a:visited { padding: 3px; border: 1px solid #8EABFF; color: #000; background: #fff; }
.przewijanie a:hover, .przewijanie a:active { border: 1px solid #4873FF; color: #000; background: #8EABFF; }
.przewijanie a.aktywna { background: #568FE6 url('img/tlo/panel_tytul.png') repeat-x; color: #fff; border-color: #4873FF; font-weight: bold; font-size: 20px; }
.przewijanie a.koniec, .przewijanie a.koniec:hover { background: white; color: #929292; border-color: #929292; }
.przewijanie a.przewin { font-weight: bold; }
.tapety ul, .tapety ul li { display: block; list-style: none; }
.tapety ul li { border: 1px solid #fff; padding: 2px; margin: 3px; height: 140px; }
.tapety ul li { float: left; text-align: center; }
.tapety ul a:link, .tapety ul a:visited { text-decoration: none; display: block; width: 125px; text-align: center; color: #000; border: 1px dashed #fff; padding: 5px; text-align: center; }
.tapety ul a:hover img { border-style: solid; width: 125%; height: 125%; position: relative; left: -15px; top: -10px; }
.center { text-align: center; }
.ok { background: #CCFFCC; text-align: center; border: 1px solid green; color: green; margin: 5px 0px; padding: 5px; width: 618px; float: left; }
.neutralny { background: #E6E6E6; text-align: center; border: 1px solid #808080; color: #808080; margin: 5px 0px; padding: 5px; width: 618px; float: left; }
.blad { background: #FFE3D4; text-align: justify; border: 1px solid red; color: red; margin: 5px 0px; padding: 5px; width: 618px; float: left; }
.info { background: #E0EFFF; text-align: justify; border: 1px solid #0092DC; color: #2557FF; margin: 5px 0px; padding: 5px; width: 618px; float: left; }
.filmik { text-align: center; padding: 5px; display: block; }
.artefakt { font-size: 10px; }
.dodaj a { position: absolute; top: 250px; margin-left: 490px; padding: 10px 5px 10px 30px; border: 1px solid #4873FF; background: #B1C7FF url('img/nawigacja/pluss.png') no-repeat left; }