/* ogólne */

body {background: #fff url(img/gradient.jpg) repeat-x top; margin: 0; padding: 0; font-family: Tahoma, Arial, sans-serif; font-size: 11px; text-align: left;}
a {text-decoration: none;}
a:link {color: #0e4085;}
a:visited {color: #0e4085;}
a:active, a:hover, a:focus {color: #007eff; text-decoration: underline;}
img {border: 0;}

.green {color: #b6da3a;}
.grey {color: #ccc;}
.black {color: #000;}
.marine {color: #0e4085;}
.red {color: #f00;}
.blue {color: #0574c8;}

.normal {font-weight: normal;}
.bold {font-weight: bold;}
.big {font-size: 22px; letter-spacing: -1px; }

.floatright {float: right;}

div#page {width: 758px; height: 100%; padding-right: 20px; background: #fff url(img/shadow_back.jpg) repeat-y right; float: left; position: relative;}
div#page img#shadow {position: absolute; right: 0; top: 0;}

div#documentbody {width: 740px; min-height: 460px; margin: auto; margin-top: 7px; margin-bottom: 7px; text-align: left; position: relative;}

div#content {margin: 0 0 0 155px; padding: 0;}

h1 {margin: 0; padding: 26px 0 0px 12px; color: #0e4085; font-size: 24px; font-weight: normal;}
h1 span {font-size: 10px; position: relative; top: -18px; left: 4px;}

h2 {margin: 0; font-size: 11px; font-weight: normal;}
h2#path {margin-top: 6px; padding: 4px 0 14px 12px; border-top: solid 1px #ccc; font-size: 10px;}
h2#langversion {padding: 4px 4px 4px 12px; border: 1px solid #ccc; border-bottom: 0;}
h2#langversion span {margin: 0; padding: 0; display: block; float: right;}

h3 {margin: 10px 0; padding: 0 0 14px 10px; border-bottom: 1px solid #ccc; color: #0e4085; font-size: 11px; font-weight: bold;}
h4 {margin: 10px 0; padding: 0 0 14px 15px; color: #0e4085; font-size: 13px; font-weight: bold;}

div#content ul {margin: 5px 0; padding: 0; text-indent: 0; list-style: url(img/bullet.png);}
div#content li {margin: 0 23px; padding: 0; text-indent: 0; marker-offset: 2px;}

/* shadowbuttons */

span.shadowbutton70 {width: 70px; height: 26px; text-align: center; background: url(img/shadowbutton70.png) no-repeat; position: relative; top: -5px;}
span.shadowbutton70 a {display: block; width: 65px; padding-top: 6px; padding-bottom: 6px; text-decoration: none; font-weight: bold;}
span.shadowbutton70 a:active, span.shadowbutton70 a:hover, span.shadowbutton70 a:focus {text-decoration: none;} /* dla IE, inne wiedzą bez tego */

span.shadowbutton88 {width: 88px; height: 26px; text-align: center; background: url(img/shadowbutton88.png) no-repeat;}
span.shadowbutton88 a {display: block; width: 83px; padding-top: 8px; padding-bottom: 6px; text-decoration: none; font-weight: bold;}
span.shadowbutton88 a:active, span.shadowbutton88 a:hover, span.shadowbutton88 a:focus {text-decoration: none;} /* dla IE, inne wiedzą bez tego */

span.shadowbutton158 {width: 158px; height: 26px; text-align: center; background: url(img/shadowbutton158.png) no-repeat;}
span.shadowbutton158 a {display: block; width: 153px; padding-top: 8px; padding-bottom: 6px; text-decoration: none; font-weight: bold;}
span.shadowbutton158 a:active, span.shadowbutton158 a:hover, span.shadowbutton158 a:focus {text-decoration: none;} /* dla IE, inne wiedzą bez tego */

span.shadowbutton227 {width: 227px; height: 26px; text-align: center; background: url(img/shadowbutton227.png) no-repeat;}
span.shadowbutton227 a {display: block; width: 222px; padding-top: 8px; padding-bottom: 6px; text-decoration: none; font-weight: bold;}
span.shadowbutton227 a:active, span.shadowbutton227 a:hover, span.shadowbutton227 a:focus {text-decoration: none;} /* dla IE, inne wiedzą bez tego */

/* główka */

div#head_line1 {width: 740px; height: 20px; margin: auto; border-bottom: 1px solid #ccc; text-align: right; font-size: 10px; color: #ccc;}
div#head_line1 p {margin: 0; padding: 4px 0 0 0;}
div#head_line1 p#leftinfo {float: left;}
div#head_line1 a:link, div#head_line1 a:visited  {color: #000; text-decoration: none;}
div#head_line1 a:active, div#head_line1 a:hover, div#head_line1 a:focus {text-decoration: underline;}

div#head_line2 {width: 740px; height: 65px; background: url(img/back_menu.png) repeat-x bottom; margin: auto; margin-bottom: 0; text-align: left; position: relative;}
div#head_line2 img#slogan {position: absolute; top: 0; right: 0; z-index: 10;}
div#head_line2 img#point {position: relative; top: 20px; right: 267px;}
div#head_line2 img#line {position: relative; top: 20px; left: 294px;}
div#head_line2 img#point2 {position: relative; top: 21px; right: 266px;}
div#head_line2 img#line2 {position: relative; top: 21px; left: 295px;}

/* stopka */

div#footer {width: 740px; height: 20px; margin: auto; border-top: 1px solid #ccc; border-bottom: 3px solid #b6da3a; text-align: right; font-size: 10px; color: #ccc;}
div#footer p#leftitems {margin: 0; padding: 4px 0; float: left;}
div#footer p {margin: 0; padding: 4px 0;}
div#footer a:link, div#footer a:visited  {color: #000; text-decoration: none;}
div#footer a:active, div#footer a:hover, div#footer a:focus {text-decoration: underline;}

/* logowanie */

div#loginarea {height: 210px; margin: 28px 0 0 0; padding: 0; background: url(img/back_loginarea.jpg) repeat-x; border: solid 1px #999; position: relative;}
div#loginarea h1 {margin: 0; padding: 0 13px; background: #fff; display: inline; position: relative; top: -17px; left: 5px;}
div#loginarea img#logoverirsa {position: absolute; bottom: 15px; left: 19px;}
div#logoutarea {height: 146px; margin: 20px 0 60px 0; padding: 0; background: url(img/wyloguj.gif) no-repeat; border: solid 1px #999; position: relative;}
/* ID DODANE NA POTRZEBY STRONY komunikat.html */
div#errorarea {height: 146px; margin: 20px 0 60px 0; padding: 0; background: url(img/error.gif) no-repeat; border: solid 1px #999; position: relative;}
div#enternumber {position: absolute; top: 70px; left: 290px;}
div#enterkey {position: absolute; top: 118px; left: 290px;}
div#enternumber input, div#enterkey input {width: 112px; border: solid 1px #ccc;} 
div#enternumber img, div#enterkey img {margin-bottom: 4px; margin-left: -1px;}
div#enternumber p {margin: 0; padding: 0; text-align: right; position: relative; top: -20px; left: -148px;}
div#enterkey p {margin: 0; padding: 0; text-align: right; position: relative; top: -20px; left: -136px;}


div#logoutinfo {position: absolute; top: 60px; left: 240px; width: 400px; text-align: left; font-size: 13px;}
/* ID DODANE NA POTRZEBY STRONY komunikat.html */
div#errorinfo {position: absolute; top: 60px; left: 240px; width: 400px; text-align: left; font-size: 13px;}
div#errorinfo b {color:#FF0000;}
span#logindo {position: absolute; bottom: 18px; right: 210px;}
span#displayhelp {position: absolute; bottom: 18px; right: 15px;}
span#infogo {position: absolute; bottom: -34px; left: -2px;}
span#logindoagain {position: absolute; bottom: -34px; right: -5px;}
div#helpbox {width: 153px; height: 182px; margin: 0; padding: 0 0 0 18px; background: url(img/dots.png) repeat-y; position: absolute; right: 18px; top: 14px;}
div#helpbox a {display: block; margin-bottom: 5px; padding-bottom: 1px; border-bottom: 1px solid #999; color: #0574c8;}
div#helpbox a:active, div#helpbox a:hover, div#helpbox a:focus {border-bottom: 1px solid #000; color: #000; text-decoration: none;}
div#helpbox h2 {font-size: 20px;margin: 0 0 4px 0; padding: 0 0 3px 0; border-bottom: 1px solid #ccc; color: #0d4185;}

div#boxesarea {height: 245px; margin: 12px 0 30px 0; padding: 0; position: relative;}

a#greenbox {display: block; width: 250px; height: 35px; margin: 0; padding: 49px 0 0 22px; color: #275802; background: #b6da3a url(img/log_que.png) no-repeat 22px 18px; position: absolute; left: 0; top: 0;}
a#bluebox {display: block; width: 242px; height: 35px; margin: 0; padding: 49px 0 0 24px; color: #fff; background: #0574c8 url(img/log_exl.png) no-repeat 22px 18px; position: absolute; left: 285px; top: 0;}

div#bluebox {width: 266px; height: 84px; background: #0574c8 url(img/log_exl.png) no-repeat 235px 18px; position: absolute; left: 285px; top: 0;}
div#bluebox h1 {margin: 0; padding: 24px 0 0 22px; font-size: 20px; font-weight: normal; color: #fff;}
div#bluebox a {display: block; margin: 0; padding: 0 0 0 22px; color: #62c4f8;}

div#contactbox {width: 173px; position: absolute; right: 0; top: 0;}
div#contactbox h1 {margin: 0; padding: 0 0 10px 0; border-bottom: solid 1px #ccc; font-size: 20px; font-weight: normal; letter-spacing: -1px; line-height: 21px; color: #0574c8;}

div#leftbox {width: 250px; position: absolute; left:22px; top: 113px;}
div#rightbox {width: 244px; position: absolute; left: 307px; top: 113px;}
div#leftbox h3, div#rightbox h3 {margin: 0 0 11px 0; padding: 0 0 3px 0; border-bottom: 1px solid #ccc; color: #0e4085;}
div#leftbox p, div#rightbox p {margin: 0; padding: 0 20px 0 0; line-height: 15px;}

/* kontakt */

div#kontaktarea {margin: 28px 0 0 0; padding: 0; border: solid 1px #999; position: relative;}
div#kontaktarea h1 {margin: 0; padding: 0 13px; background: #fff; display: inline; position: relative; top: -17px; left: 5px;}
div#kontaktarea h3 {margin: 25px 15px 5px 18px; padding: 0 13px 0 0; border: 0; background: url(img/line_thingray.png) repeat-x; }
div#kontaktarea h3 span {position: relative; top: -7px; background: #fff; padding: 0 3px 0 0;}
div#kontaktarea h3.noline {background: none;}
div#kontaktarea p {margin: 5px 13px 5px 18px; padding: 0; line-height: 135%;}
div#kontaktarea table {margin: 0 13px 0 14px; border-spacing: 3px;}
div#kontaktarea table td {width: 229px; padding: 3px 0;}
div#kontaktarea table td input.short {width: 212px;}
div#kontaktarea table td input.long {width: 446px;}
div#kontaktarea table td p {margin: 0; padding: 0 0 3px 0;}
div#kontaktarea textarea {width: 688px; height: 100px; margin: 10px 13px 18px 18px;}
div#submitarea {margin: 18px 0; padding: 0; border: solid 1px #999; position: relative;}
div#submitarea p {margin: 25px 13px 25px 18px; padding: 0; line-height: 135%;}

/* okno pomocy */
#kontenerPomocy, #podkladkaPomocy {position:absolute; display:none; top:0; left:0;}
#kontenerPomocy {z-index:99; 
						     background: #fff; 
								 border: solid #B3BBC1; border-width:0 6px 6px 6px;
								 padding: 0 14px 14px 14px;
								 height:170px; width:250px;}
#podkladkaPomocy {z-index:98; height:190px; width:290px;} /* rozmiary #kontenerPomocy + obramowanie + odstep */
#kontenerPomocy div.top {height: 18px; text-align: right; padding-top:10px;}
#kontenerPomocy div.tytul {font-size:20px; color:#003163; padding: 14px 0;}
#kontenerPomocy div.button {padding-top: 14px;}
/* e */

a.buttonright {float: right; position: relative; top: -7px;  border: solid #B3BAC4 1px; font-weight: bold; font-size:10px; font-color: #0D4185; padding:2px 5px 2px 5px;background: #fff;}
a.buttonright:hover {color: #0D4185; text-decoration: none; border: solid #0D4185 1px;} 
a.buttonright:visited, a.buttonright:active {color: #0D4185;}
a.buttonright img {padding-left:5px; border:none}