/* ogolne */
body { background-image: url(img/bg.png); background-attachment: fixed; font-family: Arial; color: #006391; }
img.st { position: relative; top: 4px; }
img.menuicon { border: 0; padding: 0; position: relative; top: 3px; left: 13px; }

/* menu */
#menu { width: 890px; display: block; position: relative; top: 2px; }
span.button { width: 127px; height: 31px; background: transparent url(img/but.png) no-repeat top center; text-align: center; margin: 0; display: block; float: left; }
span.button:hover { position: relative; bottom: 2px; }
span.button a { font-family: Arial; font-size: 0.8em; position: relative; top: 5px; color: #098dc8; text-decoration: none; }

/* content */
#content { width: 910px; clear: both; z-index: 15; position: relative; bottom: 5px; }
#con_top { background: transparent url(img/con_top.png) no-repeat top left; width: 910px; height: 12px; padding: 0; margin: 0; text-align: right; }
#con_bot { background: transparent url(img/con_bot.png) no-repeat bottom left; width: 910px; height: 19px; margin: 0; padding: 0;	}
#con_mid { background: transparent url(img/con_mid.png) repeat-y top left; width: 910px; padding: 1px; margin: 0; }
#main { padding-left: 20px; padding-right: 22px; text-align: left; }
#footer { color: #ffffff; font-size: 0.7em; }
a.but90 { margin-right: 5px; background: transparent url(img/but90up.png) no-repeat top left; width: 90px; height: 25px; display: block; text-decoration: none; font-family: Arial; font-size: 0.8em; padding: 4px 0px 1px 0px; text-align: center; }
a.but90:hover { background: transparent url(img/but90dn.png) no-repeat top left; text-decoration: none; padding-top: 5px; padding-bottom: 0px;}
a.but31 { float: left;margin-right: 5px; background: transparent url(img/but31up.png) no-repeat top left; width: 31px; height: 25px; display: block; text-decoration: none; font-family: Arial; font-size: 0.8em; padding: 4px 0px 1px 0px; text-align: center; }
a.but31:hover { background: transparent url(img/but31dn.png) no-repeat top left; text-decoration: none; padding-top: 5px; padding-bottom: 0px;}

/* main headers forms paragraphs */
h1 { font-size: 1.5em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
p { font-size: 0.8em; }
p.error { color: #991010; padding: 3px; border: #991010 1px solid; background-color: #ffe6e6; }
td p { font-size: 10px; text-align: justify; }
td.nowe { border-top: #59d6ff 2px solid; }
a { text-decoration: none; color: #006391; font-size: 0.8em; }
span.radio { font-size: 0.8em; }
input.text { background: transparent url(img/input.png) no-repeat top left; color: #006391; font-family: Arial; font-size: 1em; width: 204px; height: 32px; padding: 6px; border: 0; margin-bottom: 10px; }
input.error { background: transparent url(img/inpute.png) no-repeat top left; color: #991010; font-family: Arial; font-size: 1em; width: 204px; height: 32px; padding: 6px; border: 0; margin-bottom: 10px; }
textarea.error { background-color: #ffcdcd; color: #991010; font-family: Arial; padding: 5px; border: #991010 1px solid; margin-bottom: 10px; }
label { display: block; width: 191px; text-align: left; font-family: Arial; font-size: 0.6em; }
hr { border: #59d6ff 1px solid; }
table.kontotab td p { font-size: 12px; }

/* postaci */
div.chara { width: 80px; height: 140px; float: left; text-align: left; font-family: Arial; font-size: 0.7em; margin: 3px; padding: 3px; border: #ebfeff 2px solid; background-repeat: no-repeat; background-position: bottom center; background-color: #ebfeff; overflow: hidden; }
div.chara2 { width: 80px; min-height: 50px; float: left; text-align: left; font-family: Arial; font-size: 0.7em; border: white 2px solid; margin: 3px; padding: 3px; overflow: hidden; }
div.chara h1 { font-size: 0.9em; margin: 2px; }
div.chara:hover { background-color: #b0faff; }
div.charamenu { display: none; width: 80px; padding: 2px; text-align: left; border: #b0faff 1px solid; background: transparent url(img/blupoint.png) repeat top; position: relative; right: 3px; font-family: Arial; font-size: 9px; overflow: hidden; }
div.charamenu hr { border: 0; border-top: #59d6ff 1px solid; }
div.charamenu a { display: block; overflow: hidden; width: 80px; margin-top: 0px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px; font-family: Arial; font-size: 9px; text-decoration: none; }
div.charamenu a:hover { background-color: white; }
div.charaon { width: 80px; height: 140px; float: left; text-align: left; font-family: Arial; font-size: 0.7em; margin: 3px; padding: 3px; border: #ebffec 2px solid; background-repeat: no-repeat; background-position: bottom center; background-color: #ebffec; overflow: hidden; }
div.charaon:hover { background-color: #b0ffb6; }
ul.mvp li { list-style: none; font-size: 11px; padding-left: 0px; }
ul.mvp li span { font-size: 16px; font-family: Georgia; margin-right: 10px; }

/* mapka */
#mapka { overflow: scroll; background: transparent url(img/szpieg.gif) no-repeat top left; width: 810px; height: 808px; text-align: left; }
#namapie { margin: 10px 0px 0px 15px; }
#mapka a { display: block; background: transparent url(img/point.gif) no-repeat left; font-size: 9px; color: white; text-decoration: none; margin: 0; padding: 0px 1px 1px 10px; }
#mapka a:hover { text-decoration: underline; padding: 0px 1px 1px 12px; }
#mapka li { margin: 0; color: #ff8155; padding: 0; list-style-position: inside; }
#kropka { background: transparent url(img/kropka.png) no-repeat top left; width: 150px; height: 62px; position: absolute; z-index: 25; display: none; font-family: Arial; font-size: 10px; color: #006391; padding-top: 20px; padding-left: 22px; }

/* bugi */
table.bugi { border: #59d6ff 2px solid; font-family: Arial; font-size: 0.8em; padding: 0px; }
table.bugi td { padding-left: 10px; padding-right: 10px; }
table.bugi th { background-color: #7bf8ff; }
table.bugi tr.tr2 { background-color: #ebfeff; }
table.bugi a { font-size: 13px; }

/* panel */
table.panel td,table.panel th { font-family: Tahoma; font-size: 10px; padding: 0px 10px; }

/* ranking */
table.ranking td { font-size: 14px; background: transparent url(img/rank_bg.gif) repeat-x bottom center; padding: 3px; border-top: #B9FBF8 1px solid; border-bottom: #E5FFF9 1px solid; }
table.ranking td span,table.ranking_top span { font-size: 11px; font-family: Georgia; margin-left: 5px; position: relative; bottom: 2px; color: #0086C6; }
table.ranking_top h2 { margin: 10px 0px 2px 5px; font-size: 18px; }