@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);

body {margin:0 auto; width:100%; min-height:500px; color:#252525; font-family: 'arial'; font-size:9px; }

#top {width:2720px; height:64px; background:url(../images/footer_bg.jpg) ; margin:0px;}
#top_content {width:2700px; height:64px; margin:0 auto;}
#top form {margin:0px;}
#logout-bt  {background:url(../images/logout_hover.png) no-repeat; width:64px; height:64px; border:0px; margin:0px; display:block; float:left; cursor:pointer;}
#logout-bt:hover {background:url(../images/logout.png);}

#content {width:100%; height:100%; margin:0px; font-size:12px; margin-left:15px; padding-right:15px; }
#content-main {width:2700px; min-height:500px; margin:0 auto; padding-top:20px;}
#buttons {width:250px; height:auto; float:left; margin:0px; padding-top:20px;}
#container {width:915px; height:auto; float:left; margin:0px; padding-top:20px; padding-left:30px; margin-bottom:100px;}

th {font-size:12px; background:#c4c4c4; color:#FFFFFF; font-weight:normal; text-align:left; padding:3px; border:2px solid #ededed;}
h1 {font-family: 'Open Sans'!important; font-weight:100; }
table {width:98%; /*border-collapse:collapse;*/}
/*td {border:1px solid #323232;} */
td {margin:1px; 
	border:2px solid #ededed; 
	padding:1px 10px 1px 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
tr {background:#fafafa; height:27px;}
#login-table {
	
	width:420px;
	height:230px;
	border:1px solid #AAAAAA;
	background:#FFFFFF;
	margin:0 auto;
	margin-top:100px;
	
}
#login-table form { float:left; margin-left:30px; }
.test td {background:#E8DF00;}
table a:visited, table a:link, table a:hover {text-decoration:none; color:#000000;}
.handlowiec {background:#ffffff; width:70px;}
.handlowiec a {display:inline-block; width:100%; height:auto; padding-left:4px; background:url(../images/arrow.png) no-repeat; background-position:right;}
.klient {background:#ffffff; width:150px;}
.klient a {display:inline-block; width:100%; height:auto; padding-left:4px; background:url(../images/arrow.png) no-repeat; background-position:right;}
.termin {width:97px;}
.termin input[type=text] {width:75px; margin:0px; }
.lp {width:8px; text-align:center; font-weight:bold; background:#EFEFEF; padding:2px 4px 1px 4px;}
.del-prod {padding:2px 2px 1px 2px; text-align:center; }
.produkt {background:#ffffff; width:210px;}
.produkt input[type=text] {width:180px !important; margin:0px; }
.format {background:#ffffff; width:60px;}
.format a {display:inline-block; color:#D1D1D1; width:100%; height:auto; padding-left:4px; background:url(../images/arrow.png) no-repeat; background-position:right;}
.przebieg a {display:inline-block; color:#D1D1D1; width:auto; height:110%; padding:5px 4px 2px 4px; background:url(../images/arrow.png) no-repeat; background-position:right;}
.przebieg {border:0px; min-width:300px;}
.rachunek {background:#ffffff; width:130px;}
.rachunek a {display:inline-block; width:100%; height:auto; padding-left:4px; background:url(../images/arrow.png) no-repeat; background-position:right;}
.platnosc {background:#ffffff; width:140px;}
.platnosc a {display:inline-block; width:100%; height:auto; padding-left:4px; background:url(../images/arrow.png) no-repeat; background-position:right;}
.wyszlo {background:#ffffff; width:45px;}
.wyszlo a {display:inline-block; width:100%; height:auto; padding-left:4px; background:url(../images/arrow.png) no-repeat; background-position:right;}

.faktura {background:#ffffff; width:45px;}
.faktura a {display:inline-block; width:100%; height:auto; padding-left:4px; background:url(../images/arrow.png) no-repeat; background-position:right;}
input[type=text],input[type=password], textarea { 
    padding: 9px; 
    border: solid 1px #E5E5E5; 
	font-size:11px;
    outline: 0; 
	margin-right:0px;
    font: normal 11px/100% Verdana, Tahoma, sans-serif; 
    width: 200px; 
    } 
td input[type=image] {border:0px;}
td input[type=text] {width: 100px; padding:2px;}

textarea { 
    width: 400px; 
    max-width: 800px; 
    height: 150px; 
    line-height: 150%; 
    } 
   
input:hover, textarea:hover, 
input:focus, textarea:focus { 
  border: 1px solid rgba(81, 203, 238, 1);
    } 
   
.form label { 
    margin-left: 10px; 
    color: #999999; 
    } 
   
input[type=submit], .submit { 
    width: auto; 
    padding: 7px 15px; 
    background: #449ED8; 
    border:1px solid #449ED8; 
    font-size: 14px; 
    color: #FFFFFF; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
	-moz-transition: all 0.05s ease-in-out;
  	-ms-transition: all 0.05s ease-in-out;
  	-o-transition: all 0.05s ease-in-out;
	
}
.submit a:visited, .submit a:link, .submit a:hover {color:#ffffff !important;}
input[type=submit]:hover, .submit:hover {
	
	border:1px solid #449ED8;
    background: #FFFFFF; 
	color: #434343;
	
	
}
.submit, .submit:hover {text-decoration:none; font-size: 14px; font-family:arial; margin:5px 5px 5px 5px; display:inline-block;}