body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:  url(../images/body_back.png) repeat-x top left;
	font-size:small;
}
#ramka{
	position: relative; margin: 40px auto 0px auto;
	width: 768px;
}
a img{border: 0px;}
#logo_menu_header{
	width:100%; position: relative; height: 45px; display: block;
	overflow: hidden;
}
#logo{
	width: 130px; text-align: left; float: left; margin: 0px;
}
#menu{
	width:637px; text-align: right; float: right; margin: 0px;
	position: relative;
}
#menu ul{
	margin: 10px 0 0 0; padding: 0px; float: right; list-style: none;
}
#menu ul li{
	float: left; margin: 0 0 0 10px;
}
#menu ul li a{
	font-size: 110%; text-decoration: none; color:#144b7e; font-weight: bolder;
}
#menu ul li a:hover{
	font-size: 110%; text-decoration: none; color:#fc8332; font-weight: bolder;
}
#header{
	width:768px; height: 262px; margin: 0px; padding: 0px; overflow: hidden;
	background: url(../system/web/uploads/front_header.png) no-repeat top left;
}
#header2{
	width:768px; height: 262px; margin: 0px; padding: 0px; overflow: hidden;
	background: url(../system/web/uploads/header.png) no-repeat top left;
}
#info_header{
	width: 300px; padding: 20px; height: 200px; 
}
#info_header p{
	color: #7b7b7b; 
}
h1{
	font-size: 120%; color: #4d80b0; font-weight: bolder; margin: 10px 0;
}
a{
	color: #7b7b7b; font-weight: bolder; text-decoration: underline;
}
a:hover{
	color: #7b7b7b; font-weight: bolder; text-decoration: none;
}
p{
	margin: 6px 0; font-size:90%;
}
#main{
	width:768px;  margin: 0px 0 0 0; padding: 0px; overflow: hidden;
	background: none;
}
#content{
	width: 746px; padding: 10px; overflow: hidden; background: white;
	margin: 0px;
}
#left{
	width: 275px; padding: 5px 5px 65px 5px; margin: 0px; background: white;
	float: left;
}
#center{
	width: 267px; padding: 5px 5px 65px 5px; margin: 0px; 
	background: #93c8f9 url(../images/center_back.jpg) no-repeat left bottom;
	float: left;
}
#right{
	width: 194px; padding: 5px 5px 65px 5px; margin: 0px; 
	background: #fc8332 url(../images/right_back.png) no-repeat left bottom;
	float: left;
}
#right h1, #right p{
	color: black !important;
}
#left p, #center p{
	color: #4d80b0 !important;
}
#footer{
	position: relative; margin: 5px auto 0px auto;
	width: 768px; padding: 0 0 40px 0; font-size: 85%;
	color: #7b7b7b; clear: both;
}
#footer .l{
	margin: 0px; width: 45%; float: left; text-align: left;
}
#footer .r{
	margin: 0px; width: 45%; float: right; text-align: right;
}
#footer * a{
	text-decoration: none;
}

.umowa{
	padding: 2px 0 2px 18px;
	background-image: url(../images/umowa.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.error_list{
	list-style: none;
	padding: 0px;
	margin: 2px;
}
.error_list li{
	padding: 0px 2px 2px 20px;
	background-image: url(../images/stop.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: red;
	font-weight: bolder;
}
.error{
	padding: 0px 2px 2px 20px;
	background-image: url(../images/stop.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: red;
	font-weight: bolder;
}
.good{
	background-image: url(../images/good.png);
	padding: 2px 2px 3px 20px;
	background-position: left top;
	background-repeat: no-repeat;
	font-weight: bold;
	color: green;
}
.inputText{
	width: 388px;
	font-size:90%;
	padding: 2px;
	font-size: 90%;
	border: 1px solid #dcdcdc;
}
.inputText:hover{
	border: 1px solid silver;
}
.inputText2{
	width: 190px;
	font-size:90%;
	padding: 2px;
	font-size: 90%;
	border: 1px solid #dcdcdc;
}
.inputText2:hover{
	border: 1px solid silver;
}
.inputText3{
	width: 50px;
	font-size:90%;
	padding: 2px;
	font-size: 90%;
	border: 1px solid #dcdcdc;
}
.inputText3:hover{
	border: 1px solid silver;
}
.longInput{
	width: 500px;
	font-size:90%;
	padding: 2px;
}
table th{
	color: #144b7e; border: 0px;
	padding: 2px; font-variant: small-caps;
	background: #53a9f8  url(../images/th_back.png) repeat-x top left;
}
.tooltip{
	position: absolute; border: 1px solid #93c8f9; width: 300px; z-index: 20;
	background-color: white; padding: 3px; text-align: justify;
	border-bottom: 2px solid #93c8f9; border-right: 2px solid #93c8f9;
	font-size:80%;
}
.tip{
	cursor: help;
}
.clear{
	width: 100%; height: 0px; clear: both;
}
#klient_menu{
	width: 150px; float: left; margin: 0px;
	padding: 0px;
}
#klient_content{
	width: 590px; float: left;padding: 0px 0 0 3px;
	margin: 0px;
}
#klient_menu ul{
	list-style: none; margin: 0px; padding: 0px;
}
#klient_menu ul li{
	margin: 0 0 2px 0;
}
#klient_menu ul li a{
	text-decoration: none; font-size: 90%; color: #144b7e;
}
#klient_menu ul li a:hover, #klient_menu ul li.active a{color: #fc8332;}
.user{
	padding: 2px 0 2px 20px;
	background-image: url(../images/user.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.umowa{
	padding: 2px 0 2px 20px;
	background-image: url(../images/umowa.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.rachunek{
	padding: 2px 0 2px 20px;
	background-image: url(../images/rachunek.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.logout{
	padding: 2px 0 2px 20px;
	background-image: url(../images/logout.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.login{
	padding: 2px 0 2px 20px;
	background-image: url(../images/login.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.edit{
	padding: 2px 0 2px 20px;
	background-image: url(../images/edytuj.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.monit{
	padding-left: 19px;
	background-image: url(../images/monit.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.show{
	padding: 2px 0 2px 20px;
	background-image: url(../images/show.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.pdf{
	padding: 2px 0 2px 22px;
	background-image: url(../images/pdfLogo.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.info{
	padding: 2px 0 2px 20px;
	background-image: url(../images/info_icon.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.delete{
	padding: 2px 0 2px 20px;
	background-image: url(../images/delete.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.oferta{
	padding: 2px 0 2px 20px;
	background-image: url(../images/ogloszenie.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.back{
	padding-left: 20px;
	background-image: url(../images/lista.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.new{
	padding: 2px 0 2px 20px;
	background-image: url(../images/new.png);
	background-position: left top;
	background-repeat: no-repeat;
}
table .opis{
	font-style: italic;
	font-size: 80%;
}
#shadow{
	background-color: gray;
	margin-bottom: 5px;
}
.abc{
	background-color: #d3eafe;
}
.def{
	background-color: #a9d4fc;
}
.tr_hover{
	background-color: #eaf5ff;
}
.akcja a{
	display: block;
}
#shadow table td{
	color: black;
	padding: 4px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}
#shadow table td{
	border: 0px; position: relative;
	border-right: 1px solid black;
}
#shadow table{
	width: 100%;
	top:-2px;
	left: -2px;
	position: relative;
	border: 1px solid black;
}
#shadow table th{
 	padding: 4px; font-variant: small-caps;
	background: #53a9f8  url(../images/th_back.png) repeat-x top left;
	text-align: left; color: #144b7e;
	border: 0px solid black; border-bottom: 1px solid black;
	border-right: 1px solid black;
}
.platnosc{
	padding: 2px 0 2px 20px;
	background-image: url(../images/platnosc.png);
	background-position: left;
	background-repeat: no-repeat;
}
.checkbox_list{
	list-style: none; padding: 0px; margin: 0px;
}
.checkbox_list input{
	width: 20px !important;
}