/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,latin-ext);
*/

* {
	margin: 0;
	padding: 0;
	font: 400 14px/1.5 'Open Sans', Verdana;
	
}

html {
	background-color: #F8F9F7;
}

body {
	width: 100%;
	height: 100%;
	background-color: #fff;
	color: #000;

}

h1 {
	font-size: 26px;
}


h2 {
		font-size: 18px;
		display: block;
		color: #dd0000;
		padding: 0;
		text-transform: uppercase;
}

h3 {
		font-size: 24px;
		display: block;
		padding: 0;
		
}


h4 {
	
}

#header{
	background-color: #fff;
	width: 100%;
	margin: auto;
	border-bottom: solid 1px #eee;
	box-shadow: 0 0 10px #666;
}


#container-header{
	max-width: 980px;
	margin: auto;
}

#logo {
	min-width: 220px;
	float: left;
	text-align: left;
	
}

#logo img{
	padding: 25px 0 10px 0;
	width: 200px;
}



#top {
	max-width: 760px;
	float: right;
	text-align: right;
	
}

#top ul {
	list-style: none;
}

#top li {
	display: inline-block;
	padding: 30px 0 0 20px;
	text-align: left;
	font-weight: 400;
}

#top li.wyloguj{
	text-align: center;
}


#top a:link, #top a:visited {
	display: block;
	color: #dd0000;
	text-decoration: none;
	padding: 10px 0;
	font-weight: 600;	
}

#top a:hover {
	color: #ff0000;
	text-decoration: none;
}

#image {
    width: 100%;
	border-bottom: solid 10x #eee;
}


#image  img {
    display: block;
    width: 100%;
}






#content{
	background-color: #fff;
	width: 100%;
	margin: auto;
}


#container-content{
	max-width: 980px;
	margin: auto;
	padding: 25px 0;
}


#login{
	width: 550px;
	margin: 0 auto;
	text-align: center;
}

#login h1{
	padding: 0 0 20px 0;
}

.menu{
	min-width: 160px;
	margin: 0 auto;
	text-align: center;
	float: left;
}

.menu img {
	width: 70%;
}




#footer{
	background-color: #F8F9F7;
	width: 100%;
	height: 50px;
	margin: auto;
	border-top: solid 1px #eee;
}


#container-footer{
	max-width: 980px;
	margin: auto;
}

#container-footer p {
	text-align: right;
	padding: 30px 0;
	margin: auto;
}


.plog {
	width: 50px;
	padding: 5px 0;
	display: inline-block;
	text-align: left;
}

.button {
	padding: 5px 10px;
	
}


.clear {
	clear: both;
}

.clear1 {
	clear: both;
	padding: 5px;
}


.clear2 {
	clear: both;
	padding: 20px;
}

table.tablesorter thead tr .header {
	background-color: #e6EEEE;
	background-image: url(/_img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter .selall {
	background-color: #e6EEEE;
	text-align: center;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(/_img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/_img/desc.gif);
}


.lewo {
	float: left;
}

.prawo {
	float: right;
	text-align: right;
}

.navi {
	color: #337AB7;
	font-size: 1em;
}

.nawigacja{
	background-color: #fff;
	border-bottom: solid 1px #ccc;
	width: 980px;
	position: fixed;
	top: -100px;
	padding-top: 15px;
	padding-bottom: 5px;
}

.imgtitleleft{
	float: left;
	width: 64px;
	margin-right: 20px;
}

.imgtitleright {
	float: right;
	width: 64px;
	margin-left: 20px;
}

.imgtitlerightsmall {
	width: 36px;
	margin-right: 10px;
	float: left;
}

.red {
	color: red;
}

.tytul{
	color: #333;
	font-weight: bold;
	font-size: 18px;
}

.opis {
	margin: 0 10px;
}


.opis2 {
	display: block;

}

.lewo25 {
	float: left;
	width: 25%;
}

.filtr {
	display: inline;
	width: auto;
}

.szereg {
	float: right;
	margin-left: 5px;
}