html,
body {
	font-size:14px;
	font-family: Arial;
	color:#fff;

	background: url("/baza_ssaki/public/img/bg.png") top no-repeat #0a0b0d;
	margin:0;
	padding:0;

}


.clear {clear:both;}


#wrapper {

	width:960px;

	margin:0 auto;
	padding-top:0;
}

#header{

	position:relative;
}
	
	#navigation-margin{

		margin-top:20px;
	}

	#header #navigation{

		background:#191a1b;
		-webkit-border-top-left-radius: 15px;
		-webkit-border-top-right-radius: 15px;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 15px;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		width:100%;
		height:90px;
		overflow:hidden;
		
		-webkit-box-shadow: 0px -3px 16px rgba(87, 201, 177,0.75);
		-moz-box-shadow:    0px -3px 16px rgba(87, 201, 177,0.75);
		box-shadow:         0px -3px 16px rgba(87, 201, 177,0.75);
	}

	#header #nav{

		color:#a4a4a4;
		background:none;
		font-size:14px;
		font-family:Helvetica;
		text-transform:uppercase;
		float:left;
		margin:0;
		padding:0;
		width:100%;

	}

		#header #nav li{

			position:relative;
			list-style:none;

			float:left;
			display:inline;

			border-left:1px solid #a4a4a4;

			height:60px;
			padding-top:30px;
			
			width:140px;
			text-align:center;
		}
		
			#header #nav li.active{

				background:#1ab594;
				color:#fff;
			}

			#header #nav li.active a{

				color:#fff;
				text-decoration:none;
			}

		.active .active_triangle{

			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 0 10px 10px 10px;
			border-color: transparent transparent #fff transparent;
			position:absolute;
			bottom:0px;
			left:60px;
		}

		#header #nav li:hover{

			background:#1ab594;
			color:#fff;
		}

		#header #nav li:first-child{

			border-left:0;
		}

			#header #nav li a{

				text-decoration:none;
				color:#a4a4a4;
			}

			#header #nav li:hover a{

				text-decoration:none;
				color:#fff;
			}

#raporty {

	color:#4f4f4f;
	font-size:11px;
}


	#raporty ul{

		list-style:none;
	}

		#raporty ul li{

			width:auto;
			padding-left:20px;
		}

			#raporty ul li a{

				color:#4f4f4f;
				text-decoration:none;
			}

			#raporty ul li a:hover{

				color:#57c9b1;
			}


		#raporty_sub{

			padding-left:20px;
		}


#content {

	width: 100%;
	margin: 0 auto;
	padding: 0px;
	padding-bottom:10px;
	background: #eee;
}

.section-title{

	width:100%;
	margin-left:20px;
	color:#898989;
	font-size:24px;
	font-family:Helvetica;
	height:50px;
	text-transform: uppercase;
}

.button-action{

	color:#1ab594;
	font-size:13px;
	font-family:Helvetica;
	text-transform: uppercase;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#fff;
	font-weight:bold;
	float:right;
	margin-right:20px;
	width:180px;
	padding:10px;
	text-align:center;
}

.button-action a,
.button-action a:visited,
.button-action a:active,
.button-action a:focus,
.button-action a:link{

	color:#1ab594;
	text-decoration:none;
}


.button-action a:hover{

	color:#1ab594;
	text-decoration:none;
}

.content-submenu{

	width:100%;
	background:#fff;
	font-size:14px;
	font-family:Helvetica;
	height:50px;
	box-shadow: 0 4px 2px -2px #e2e2e2;
	text-transform: uppercase;
}

	.content-submenu ul{

		list-style:none;
		width:400px;
		margin:0 auto;
		font-weight: bold;
	}

		.content-submenu ul li{

			float:left;
			display:inline;
			margin-right:20px;
			margin-top:20px;
		}

	.content-submenu a,
	.content-submenu a:link,
	.content-submenu a:focus,
	.content-submenu a:visited,
	.content-submenu a:active{

		color:#191a1b;
		text-decoration:none;
	}

	.content-submenu a:hover{

		color:#1ab594;
		text-decoration:underline;
	}



.table-header{

	background: #e2e2e2;
	font-size: 13px;
	color: #666;
	font-weight:bold;
}

.table-header ul li.border {

	border-right:1px solid #e2e2e2;
}

.rounded-10px{

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.table-ul {

	width:96%;
	margin:0 auto;
	min-height: 50px;
	text-align: center;
	line-height:50px;
	margin-bottom:10px;
	overflow:hidden;
}

	.table-ul ul{

		list-style: none;
		width: 100%;
		float: left;
		padding: 0;
		margin: 0;
	}

		.table-ul ul li{

			float:left;
			display:inline;
			width:10%;
			height:50px;
		}

.table-normal{

	font-size:11px;
	color:#4f4f4f;
	background:#fff;
}

		.table-normal ul li.border{

			border-right:1px solid #eee;
		}

		.table-normal ul li.options{

			background:#e2e2e2;
			width:14%;
		}

		.table-normal ul li.options .options-list{

			margin-top:4px;
		}

			.table-normal ul li.options a,
			.table-normal ul li.options a:visited,
			.table-normal ul li.options a:focus,
			.table-normal ul li.options a:link,
			.table-normal ul li.options a:active,
			.table-normal ul li.options a:hover{

				border:0;
				margin:0;
				padding:0;
				text-decoration:none;
			}

			.table-normal ul li.options img{

				border:0;
				margin:0;
				padding:0;
			}

.width-5{

	width:5% !important;
	min-width:5% !important;
}

.width-10{

	width:10% !important;
	min-width:10% !important;
}


.width-15{

	width:15% !important;
	min-width:15% !important;
}

.width-19{

	width:19% !important;
}

.width-20{

	width:20% !important;
}

.width-80{

	width:80% !important;
}

.width-35{

	width:35% !important;
}

.width-64{

	width:64% !important;
}


.foka-formularz{
	
	margin: 0 10px;
	padding-top:20px;
}

	.foka-formularz table{

		border-spacing: 0px 10px;
		color:#4f4f4f;
		font-size:13px;
		font-weight:bold;
	}

		.foka-formularz table input,
		.foka-formularz table textarea,
		.foka-formularz table select{

			width:100%;
			background:#f5f5f5;
			-moz-border-radius: 5px;
		  	-webkit-border-radius: 5px;
			border-radius: 5px;
			border:0px;
			padding:10px 0px;

		}

		.foka-formularz table textarea{

			margin:10px 0;
			
		}


	.foka-formularz tr{

		background:#fff;
		margin:20px 0;
		   -moz-border-radius-topright: 5px;
		  -moz-border-radius-bottomright: 5px;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
	}

	.foka-formularz tr td{

		padding:0 10px;
		height:50px;

	}


	.foka-formularz tr td:first-child {

		width:50%;
		-webkit-border-radius: 10px 0px 0px 10px;
		border-radius: 10px 0px 0px 10px;
	}

	.foka-formularz tr td:last-child {

		width:50%;
		border-left:1px solid #eeeeee;
		-webkit-border-radius: 0px 10px 10px 0px;
		border-radius: 0px 10px 10px 0px;
	}


.users.foka-formularz tr td:first-child {

	width:auto;
		-webkit-border-radius:0;
		border-radius: 0;
	}

	.users.foka-formularz tr td:last-child {

		width:auto;
		-webkit-border-radius:0;
		border-radius: 0;
	}
	
	.users.foka-formularz tr td{
		
		border-left:1px solid #eee;
		padding:2px;
		font-size:11px;
		text-align:center;
	}


	.login{

		position:absolute;
		top:0px;
		right:0px;
		background:#fff;

		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		padding:5px 15px;
		font-size:13px;
		color:#868686;
	}

	.login a{
		
		color:#868686;
		text-decoration:none;
	}


	.sprawozdania a{
		
		color:#868686;
		text-decoration:none;
	}

	.green-font{
		color:#1ab594;
	}



	#footer {

		background:#fff;


		-webkit-border-bottom-left-radius: 15px;
		-webkit-border-bottom-right-radius: 15px;
		-moz-border-radius-bottomleft: 15px;
		-moz-border-radius-bottomright: 15px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		width:100%;
		overflow:hidden;

		box-shadow: 0 -4px 2px -2px #e2e2e2;
		-moz-box-shadow: 0 -4px 2px -2px #e2e2e2;
		-webkit-box-shadow: 0 -4px 2px -2px #e2e2e2;
		margin-bottom:20px;
	}

	.page-title a{

		font-size:40px;
		font-family: Helvetica;
		color:#fff;
		text-decoration:none;
	}



	.wstep{

		line-height:20px;
		text-align:left;
		font-family:Arial;
		font-size:14px;
		margin:30px 20px;
	}






#datepickerform{
	width: 350px;
	border: 0;
	padding: 20px;
	padding-bottom: 70px;
	margin: 10px;

	background: url(datepickerform.png) no-repeat;
	/*background-color: aqua;*/
}

#datepickerform_raport{
	width:450px;
}

#datepickerform_raport input[type="checkbox"]{
	margin: 16px;
}

#glowna{
	background-color:#fff;
	color: #222;
	width: 922px;
	padding: 15px;

}


#exampleSimple{
	background-color: #ffffff;
	padding: 20px;
}




#sidebar {
	background:#fff;
	width:210px;
	padding:10px 20px 20px 5px;
	float:left;
	color:#666;
}

#sidebar h2 {
	font:160% Arial;
	color:#333;
	margin:10px 0 10px 0;
	border:none;
}

#sidebar h3 {
	color:#999;
	font:100% Verdana;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 0 -10px 0;
}

#sidebar p {
	margin:15px 0;
}

#sidebar p.news {
	background:#fefefe;
}

#sidebar p.news a.more {
	color:#ccc;
	display:block;
	text-align:right;
	font:80% Verdana;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
	padding:10px 0;
}

#sidebar p.news a:hover {
	color:#666;
}


#sidebar {
	padding:4px;
	background:#f6f6f6;
	border:1px solid #ccc;
	color:#777;
	font:90% Verdana;
	width:190px;
}

#sidebarright {
	width:170px;
	float:right;
	padding:10px 0 0 20px;
	background:url(../images/sidebarright.jpg) top left no-repeat;
}

#sidebarright p {
	font:90% Verdana;
	color:#777;
	line-height:20px;
	margin:10px 0;
}

#sidebarright h2 {
	font:140% Arial;
	color:#333;
	margin:10px 0;
	border:none;
}

#sidebarright ul {
	margin:10px 0 10px 15px;
	font:90% Verdana;
}

#sidebarright ul li {
	margin:5px 0;
}

#sidebarright a {
	border-bottom:1px dotted #eee;
	color:#444;
	text-decoration:none;
}

#sidebarright a:hover {
	border-bottom:1px solid #ccc;
}


#contentnorightbar {
	/*margin:0 0 0 240px;
	padding:20px 0 0 20px;*/
}



h3 {
	font:140% Trebuchet MS;
	margin:10px 0;
	border-bottom:2px solid #f6f6f6;
}




#contentnorightbar ul {
	margin:15px 0 15px 20px;
	line-height:25px;
	padding:15px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	color:#79B933;
}
#contentnorightbar ul span {
	color:#444;
}

img {
	padding:0px;
	border: 0px;
	/*background:#ccc;
	border:4px solid #f6f6f6;*/
}



p img {
	float:left;
	margin:0 10px 0 0;
}

blockquote p {
	font:160% Georgia;
	color:#aaa;
	padding:0 10% 0 0;
	line-height:30px;
}

table#my_view_raport{
	width:450px;
}

table#my_view_raport input[type="checkbox"]{
	width: 20%;
	float: left;
}

/* tables */
table#my_view {
	font-family:arial;
	background-color: #CDCDCD;
	color: #444444;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table#my_view thead tr th, table#my_view tfoot tr th {
	background-color: #80E9C9;
	/*border: 1px solid #FFF;*/
	font-size: 8pt;
	padding: 4px;
	color:#f8f8f8;
 	
}
table#my_view thead tr .header {
	background-image: url("ul_new.jpg");
	background-repeat: repeat-x	;
	background-position: center right;
	cursor: pointer;
	min-width: 30px;
	height: 30px;
	color: #fff;
}
table#my_view tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table#my_view tbody tr#odd td {
	background-color:#F0F0F6;
}
table#my_view thead tr .headerSortUp {
	background-color: #ff4a03;
	color:#f7f7f7;
	background-image: url(asc.gif);
}
table#my_view thead tr .headerSortDown {
	background-image: url(desc.gif);
	color:#f7f7f7;
	background-color: #ff4a03;

}
table#my_view thead tr .headerSortDown, table#my_view thead tr .headerSortUp {
/*	background-color: #8dbdd8;*/
	background-position: center right;
	background-repeat: no-repeat;
	
}
table#my_view tbody td.alt{
	background: #d6fadf;
}


div#test1{
	align:left;
}

#bord img{
	border: #ddd 2px solid;
	}
#bord{
	background-color:#ffffff;
	height: 20px;
	margin: 0 auto;
	width: 95%;
	text-align: left;

	}
#formbutton {
	margin-left: 100px;
}

#logo {
	width: 329px;
	height: 40px;
	background: url(../images/pw.jpg) no-repeat;
}
#div_menu{
	}

#div_menu table{
	width: 95%;
	margin: 0 auto;
	}




#map-canvas {
	width: 94%;
	height:600px;
	margin: 0px auto;
	padding-top: 30px;
}

#mapContent{
	color: #666 !important;
}

#mapContent h1{
	margin-top:0;
}

#legenda{
	padding:20px;
	background: none;
	border:0;
}

#legenda td{
	background: none;
	color: #232323;
	border:0;
	padding:5px;
	margin:0;
	font-size:13px;
}