html, body { margin: 0; padding: 0; }
body { text-align: center; font: 13px Verdana, Arial, Helvetica, sans-serif; background: #0E0E0E url('img/tlo.jpg') repeat-x; }
img, table { border: 0; }
#calosc { margin: 5px auto 0; width: 1000px; }
#top { width: 1000px; height: 130px; color: #CECECE; float: left; text-align: left; }
#naglowek { width: 1000px; color: #aaa; font-size: 11px; height: 16px; padding: 5px 0 4px 0; }
#logo { clear: left; float: left; width: 400px; height: 100px; }
#top fieldset { float: right; margin: 5px 10px 0 0; border: 1px solid #960031; }
legend { color: #CECECE; font-size: 10px; }
fieldset img { padding: 0 5px; }
#serce fieldset { float: right; margin: 0 -15px 0 0px;}
#menu { width: 670px; text-align: left; height: 37px; font: 15px tahoma; float: left;  }
#szukaj { float: right; height: 37px; width: 330px; }
#szukaj .pole { background: #fff url('img/cien_szukarki.png') repeat-x; border: 1px solid #A0A0A4; float: left; font-size: 15px; margin: 0 0 20px 10px; padding: 5px; width: 200px; }
#szukaj .guzik { color: #f60;background: #fff url('img/podklad.jpg') repeat-x; float: left; font-size: 15px; height: 29px; margin: 0 5px 0 2px; width: 100px; }
#srodek { background: #0E0E0E; width: 1000px;}
#serce { width: 630px; float: left; text-align: left; background: #fff url('img/podklad.jpg') repeat-x; padding: 10px 20px; line-height: 140%; }
#podmenu { width: 300px; float: left; text-align: left; margin-left: 10px; background: #37313E; padding: 10px; color: #CECECE; }
#stopka { clear: both; background: url('img/stopka.jpg') repeat-x top; color: #808080; padding: 5px 2px 0 2px; display: block; text-align: center; height: 155px; }
#stopka p { float: right; margin-top: 5px; }
#stopka h3 { color: #fff; text-align: left; margin: 0 0 3px 10px; }
#stopka img { margin: 0 0 5px 0; }
h1 { margin: 0; padding: 0; font: 28px georgia; color: #000; }
.bredcrum, .bredcrum a:link, .bredcrum a:visited, .bredcrum a:hover { margin: 0; padding: 0 0 7px 0; font-size: 10px; color: #aaa; }
.bredcrum a:link, .bredcrum a:visited { color: #808080; }
.bredcrum a:hover { color: #565656;  }
h2 { margin: 0; padding: 0 0 5px 0; font: 18px georgia; color: #000; }
h3 { margin: 0; padding: 0; font: 18px georgia; color: #000; }
#podmenu h2 { color: #ccc; }
#podmenu ul{ margin: 0 0 0 5px; padding: 0 0 0 10px; }
a, a:link, a:visited, a:focus, a:hover, a:active { color: #f60; text-decoration: none; }
#serce img { border: 1px solid #ddd; }
#menu ul, #menu ul li { display: block; list-style: none; margin: 0; padding: 0; }
#menu ul li { float: left; }
#menu ul a:link, #menu ul a:visited { display: block; width: 100px; text-align: center; padding:7px 10px; border-left: 1px solid #E6E6E6; font-weight: bold; }
#menu ul a:hover { font-weight: bold; color: #000;  }
.pasek_google { text-align: center; padding: 0 0 10px 0; }
.ok { background: #CCFFCC; text-align: center; border: 1px solid green; color: green; margin: 5px 0; padding: 5px; width: 618px; }
.neutralny { background: #E6E6E6; text-align: center; border: 1px solid #808080; color: #808080; margin: 5px 0; padding: 5px; width: 618px; }
.blad { background: #FFE3D4; text-align: justify; border: 1px solid red; color: red; margin: 5px 0; padding: 5px; width: 618px; }
.info { background: #E0EFFF url('img/images.gif') no-repeat right; text-align: justify; border: 1px solid #0092DC; color: #2557FF; margin: 5px 0; padding: 10px 14px; width: 600px; }
.mini { background: #F2F2F2; text-align: justify; border: 1px solid #C2C2C2; color: #000; margin: 5px; padding: 10px; width: 608px; float: left; }
.zmiana { background: #E0EFFF; text-align: center; border: 1px solid #0092DC; color: #2557FF; padding: 5px; width: 300px; clear: both; float: right; display: block; }
.center { text-align: center; }
.mini img { float: right; margin-left: 10px; }
#serce .miniatura { background: #F2F2F2; border: 1px solid #DADADA; color: #808080; float: right; margin-left: 10px; padding: 13px 10px 5px; text-align: center; width: 175px; font-size: 10px; }
#serce .miniatura img { margin-bottom: 5px; }
#stylized input, #stylized textarea { float: left; margin: 2px 0 20px 10px; width: 300px; background: #fff url('img/podklad.jpg') repeat-x; border: 1px solid #ccc; padding: 5px; font-size: 15px; }
#stylized select { float: left; width: 307px; background: #eee; border: 1px solid #808080; margin: 2px 0 20px 10px; }
#stylized option { font-size: 15px; }
label { float: left; text-align: right; margin-right: 15px; width: 10px; font-weight: bold; }
.myform { margin: 10px 0; width: 618px; padding: 5px; float: left;  }
#stylized { border: 1px solid #ddd; background-color: #fff; }
#stylized label { display: block; text-align: right; width: 240px; float: left; }
#stylized .small { color: #666; display: block; font-size: 11px; font-weight: normal; width: 240px; }
#stylized .small b { color: red; font-weight: normal; }
.losowanie a { color: #FFF; text-align: center; float: left; margin: 3px; }
.losowanie a i { display: none; }
.losowanie a:hover i { display: block; height: 35px; background: #4A4A4A; margin-top: 65px; opacity: 0.85; filter: alpha(opacity=80); -moz-opacity: 0.85; -khtml-opacity: 0.85; }
th { background: #F2F2F2; border: 1px solid #fff; text-align: center; border-top: 0; border-left: 0;}
#t{ width: 16px; height: 16px; background: url('img/t.png') no-repeat center;}
#n{ width: 16px; height: 16px; background: url('img/n.png') no-repeat center;}
#method-body code {text-align: center; background: #aaa; color: #000; padding: 5px;}