body {
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-family: Arial;
    background-image: url('../images/bg_page.png');
    background-repeat: repeat-x;
    background-color: #b0dcf0;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

div {
    float: left;
}
div.page {
    width: 100%;
    height: auto;
}

div.body {
    min-width:960px;
	width:95%;
    height: auto;
    margin: 0 auto;
    float: none;
}
div.header{
	height:160px;
	width:100%;
}
div.logo{
	width:50%;

	height:120px;
	margin-top: 20px;
	text-align: left;
}
div.log{
	width: 40%;
	float:right;
	height:147px;
	background-image: url('../images/bg_logowanie.png');
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;

	border: 1px solid #919191;
	
}
div.log_nagl{
	width:83%;
	margin-left:5%;
	margin-right:12%;
	margin-top:5px;
	background-image: url('../images/logowanie.png');
	background-position: left;
	background-repeat: no-repeat;
	height:40px;
	color: #257194;
	font-weight: bolder;
	font-size:24px;
	text-align: center;
}
div.log_login_a{
	width: 13%;
	margin-left:19%;
	font-weight: bolder;
	font-size: 13px;
	height:auto;
	color: #606262;	
	margin-bottom: 5px;
}
div.log_login_b{
	width: 56.5%;
	height:auto;
	margin-bottom: 5px;
}
div.log_login_b input, div.spr_adres_b input{
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	font-size:13px;
	color: #b2b2b2;
	background-color: #ffffff;
	border: 1px solid #c6c6c6;
	-moz-border-radius: 7px;
}
div.log_login_c{
	width: 30%;
	height:auto;
	margin-left: 19%;
}
div.log_login_c a{
	color: #ff0000;
	font-size:12px;
}
div.log_login_d{
	width: 40%;
	height:auto;
	text-align: right;
}
div.log_login_d input{
	width: 145px;
	height: 27px;
	background-image: url('../images/btn.png');
	border: 0;
	background-color: transparent;
	color: #1979b9;
	font-weight: bolder;
	font-size:12px;
}
div.content{
	float:none;clear:both;
	overflow:auto;
	height: auto;
	padding:5px;
	background-color: #ffffff;
}
div.box{
	height:255px;
	width:49%;
	background-image: url('../images/bg_box.png');
	border: 1px solid #c6c6c6;
	-moz-border-radius: 7px;
	margin-right:1%;
}
div.box_a{
	height:auto;
	width:50%;
	margin-top:10px;
	margin-bottom: 10px;
	border-right: 1px dashed #bbbbbb;
}
div.box_b{
	height:auto;
	width:49%;
	margin-top:10px;
	margin-bottom: 10px;
}
div.box_a_img{
	width:100%; 
	height: auto;
	text-align: center;
	margin-top: 10px;
}
div.box_a_nagl{
	width:100%; 
	height: auto;
	text-align: center;
	margin-top: 10px;
	font-size:18px;
	color: #257194;
	font-weight:bolder;
}
div.box_a_txt{
	width:85%;
	margin-left:10%; 
	height: auto;
	text-align: left
	margin-top: 20px;
	color: #606262;
	font-size:12px;
	line-height:20px;
	padding-bottom:30px;
}
div.box_spr{
	height:255px;
	width:49%;
	background-image: url('../images/bg_sprawdz.png');
	border: 1px solid #929191;
	background-position: bottom;
	background-color: transparent;
	background-repeat: repeat-x;
	-moz-border-radius: 7px;
}
div.box_spr_wyn{
	width: 100%;
	height:25px;
}
div.box_spr_wyn div{
	width: 33%;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
	color: #606262;
	font-weight: bolder;
}
div.box_spr_wyn_2{
	width: 100%;
	height:auto;
	background-color: #257194;
}
div.box_spr_wyn_2 div{
	width: 33%;
	margin-top:2.5px;
	height:auto;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	border-right: 1px solid #ffffff;
	font-weight: bolder;
}
div.spr_adres_a{
	width: 18%;
	margin-left:10%;
	font-weight: bolder;
	font-size: 13px;
	height:auto;
	color: #606262;	
	margin-bottom: 5px;
}
div.spr_adres_b{
	width: 62%;
	font-weight: bolder;
	font-size: 13px;
	height:auto;
	color: #606262;	
	margin-bottom: 5px;
}
div.ip{
	margin-top: 10px;
	width:100%;
	-moz-border-radius: 7px;
	border: 1px solid #d6d6d6;
	height: auto;
}
div.box_left{
	width:25%;
	height: auto;
}
div.box_right{
	width:75%;
	height: auto;
}
div.ip_nagl{
	width:80%;
	height: auto;
	text-align: left;
	color: #606262;
	font-size:12px;
	margin-top:10px;
	margin-left:20%;
	font-weight: bolder;
}
div.ip_nagl a{
	color: #606262;
	margin-left: 5px;
}
div.ip_nagl a:hover{
	text-decoration: underline;
}
div.ip_nagl img{
	vertical-align: middle;
}
div.box_right_nagl{
	width: 90%;
	margin-left: 1.5%;

	color: #757575;
	font-size: 17px;
	margin-bottom: 10px;
	font-weight: bolder;
	text-align: center;
	color: #7F0707;
}
div.box_right_txt{
	width: 90%;
	margin-left: 3%;
	margin-top: 10px;
	color: #257194;
	font-size: 14px;
	font-weight: bolder;
	text-align: left;
}
div.menu{
	width: 100%;
	height: 30px;
	padding-top: 10px;
	padding-bottom:10px;
	background-color: #FFFFFF;
}
div.menu_odn{
	width: 19.9%;
	height: 26px;
	line-height: 26px;
	text-align:center;
	margin-top:2px;
}
div.menu_odn a{
	font-size: 14px;
	color: #000000;
	display: block;
	font-weight: bolder;
	text-decoration: none;
	width: 90%;
	-moz-border-radius: 7px;
	border: 1px solid #D6D6D6;
	background-color:#A5C0CD;
	margin-left:5%;
	
}
div.menu_odn a:hover{
	background-color: #EFEFEF;
}
div.list_item{
	width: 99%;
	padding-right: 1%;
	height:25px;
	line-height:25px;
	background-color: #CFF0FF;
	margin-bottom:3px;
}
a.btn{
	background-color:#A5C0CD;
	padding: 10px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px; 
	font-size: 12px; 
	font-weight: bolder;
	color: black;
}
div.list_nagl{
	width:100%;
	height:30px;
	line-height:30px;
	text-align: left;
}
div.list_item:hover{
	
	background-color: #DFF5FF;
}
div.col_1{
	width: 59%;
	padding-left: 1%;
	color: #000000;
	font-size:13px;
}
div.col_1 a{
	color: #000000;
	font-size:13px;
	display: block;
}
div.col_2{
	width:9%;
	font-size:11px;
	height:25px;
	text-align: right;
}
div.col_2 img{
	vertical-align: middle;	
}
div.col_form_a{
	width: 18%;
	margin-right:2%;
	height: 25px;
	line-height: 25px;
	font-size:12px;
	text-align:right;
	margin-left:20%;
}
div.col_form_b{
	width: 30%;
	height: 25px;
	line-height: 25px;
	font-size:12px;
}
div.col_form_b input{
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	font-size:13px;
	color: #b2b2b2;
	background-color: #ffffff;
	border: 1px solid #c6c6c6;
	-moz-border-radius: 7px;
}
div.col_form_b select{
	width: 100%;
	
	font-size:13px;
	color: #b2b2b2;
	background-color: #ffffff;
	border: 1px solid #c6c6c6;
	
}
div.action{
	width: 100%;
	height:auto;
	margin-top:10px;
	text-align: center;
}
div.action input {
	background-color:#A5C0CD;
	padding: 5px;
	border: 0;
	-moz-border-radius:7px;
	font-size: 12px; 
	font-weight: bolder;
	color: black;
}
div.foot{
	margin-top: 10px;
	width:100%;
	-moz-border-radius: 7px;
	border: 1px solid #d6d6d6;
	height: 30px;
}
div.foot_a{
	width:47%;
	margin-left:3%;
	text-align:left;
	font-size: 12px;
	color: #606262;
	height:30px;
	line-height: 30px;
}
div.foot_b{
	width:47%;
	text-align:right;
	font-size: 12px;
	color: #606262;
	height:30px;
	line-height: 30px;
}
div.foot_b a{
	color: #606262;
	font-weight: bolder;
}


/* wykres */
svg {border: 1px solid #cccccc; cursor: pointer; font-size: 12px; }
svg>line.b {stroke: #000000; stroke-width: 2px; }
svg>line.g {stroke: #D3D3D3; stroke-width: 1px; stroke-dasharray: 4 4; }
svg>g>.c0, svg>g>.c10, svg>g>.c20 {stroke: #00008B; fill: #00008B; stroke-width: 2px; }
svg>g>.c1, svg>g>.c11, svg>g>.c21 {stroke: #8B0000; fill: #8B0000; stroke-width: 2px; }
svg>g>.c2, svg>g>.c12, svg>g>.c22 {stroke: #228D22; fill: #228D22; stroke-width: 2px; }
svg>g>.c3, svg>g>.c13, svg>g>.c23 {stroke: #8B4513; fill: #8B4513; stroke-width: 2px; }
svg>g>.c4, svg>g>.c14, svg>g>.c24 {stroke: #483D8B; fill: #483D8B; stroke-width: 2px; }
svg>g>.c5, svg>g>.c15, svg>g>.c25 {stroke: #8B008B; fill: #8B008B; stroke-width: 2px; }
svg>g>.c6, svg>g>.c16, svg>g>.c26 {stroke: #DC143C; fill: #DC143C; stroke-width: 2px; }
svg>g>.c7, svg>g>.c17, svg>g>.c27 {stroke: #6B8E23; fill: #6B8E23; stroke-width: 2px; }
svg>g>.c8, svg>g>.c18, svg>g>.c28 {stroke: #66CDAA; fill: #66CDAA; stroke-width: 2px; }
svg>g>.c9, svg>g>.c19, svg>g>.c29 {stroke: #9932CC; fill: #9932CC; stroke-width: 2px; }
svg>text, svg>g>text {font-family: Courier New; }
svg>text.a {fill: #000000; }
svg>g>text[class*="c"] {stroke-width: 0px; }
svg>g>circle[class*="c"] {fill: #FFFFFF; }
svg>rect.h {fill-opacity: 0.0; }
div.chartR {width: 250px; position: fixed; border: 2px solid #7B68EE; background-color: #FFFFFF; -moz-border-radius: 10px; padding: 5px; text-align: left; display: none; }
div.chartR>div {text-align: right; border-top: 1px solid #D3D3D3; }
div.chartR>div:first-child {width: 100%; text-align: center; font-weight: bold; border: none; }
div.chartR>div>span {padding-left: 5px; width: 45px; display: block; float: right; text-align: left;; }
div.chartR>div>div {width: 200px; }