@charset "utf-8";
/* CSS Document */


a:link, a:visited {
	color : inherit;
	font-weight : normal;
	text-decoration : none;}



a:hover {
	color : #8fde62;
	font-weight : normal;
	text-decoration : none;
	
	}

	img { border: 0;}


body {
    font-family: Calibri, Arial, Helvetica, Verdana, sans-serif
    background-color: rgb(238, 238, 238);
    height: 100%;
    width: 100%;
    margin: 0px auto;
}



h4 {font-family: font:20px/22px "Helvetica Neue",Arial, Helvetica, sans-serif;}

h5 {font-family: font:20px/22px "Helvetica Neue",Arial, Helvetica, sans-serif;
	background: #00446a;
	background: -webkit-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -moz-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -o-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -ms-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: linear-gradient(top, #00446a 0%,#002c44 100%); border-radius: 50%; width: 50px; height: 50px;}

h6 {font-family: font:20px "Helvetica Neue",Arial, Helvetica, sans-serif; }

h7 {font-family: font:20px "Helvetica Neue",Arial, Helvetica, sans-serif;  }

h8 {font-family: font:24px "Helvetica Neue",Arial, Helvetica, sans-serif;  }



#header {background-color: #ffffff;
	position: relative;
	top: -30px;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	min-width: 1000px;
	min-width: 1000px;
	height: 400px;
	margin: 0 auto; 
	-webkit-box-shadow: inset 1px 1px 1px #ffffff; -moz-box-shadow: inset 1px 1px 1px #ffffff; box-shadow: inset 1px 1px 1px #ffffff;
	
			}


#trans-header {	width: 100%; 
		min-width: 1000px;
		height: 50px; 
		color: #00446a;
		z-index: 88;
		text-align: center;
		font-family: Georgia;
		font-size: 40px;
		font-weight: normal;
		padding-top: 100px;
		padding-bottom: 20px;
		position: relative; top: -170px;
		*background: rgb(255, 255, 255); 
background: rgb(255, 255, 255)\0/;

background: rgba(255, 255, 255, 0.7);
	filter: alpha (opacity=70);
	content 
	filter: alpha(opacity=0)


<!--[if gte IE 9]>  background: transparent;
		 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000)";
		 filter: progid :DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);
		 zoom: 1; <![EndIf]-->
		 
		 <!--[if lte IE 8]>  background-color: rgb(255, 255, 255,);<![EndIf]-->

}

#nav { 	width: 100%;
		min-width: 1000px;
	height: 50px;
	background: #00446a;
	background: -webkit-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -moz-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -o-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -ms-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: linear-gradient(top, #00446a 0%,#002c44 100%);
	position: relative;
	top: -20px;
	text-align: center;
	margin: 0 auto;
	z-index: 999;
	font-family: 'trebuchet ms';
	font-size: 13px;
	border-radius:0px  0px -10px -10px;
	border-top: thin solid #d5d5d5;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	float:left;
	margin-bottom: 20px;
	

} 


#uber-menu {	height:50px; 
		width: 800px; 
		margin: 0 auto;
		padding: 0px 100px 0px 100px;
		text-align: center;
		}
		
.news {	float: left; 
		padding: 10px 10px 20px 0;
		border-bottom: dotted grey thin;
		}
		
.news1 {	float: left; 
		padding: 10px 10px 20px 0;
		
		}
		
		.news1 img {border-radius: 5px; margin: 5px; float: left; box-shadow: 0 8px 6px -6px black;}
		
		.news img {border-radius: 5px; margin: 5px; float: left; box-shadow: 0 8px 6px -6px black;}
		
.menu { height:30px;
	width: auto;
	background-color: #144f74;
	color: white;
	padding: 15px 15px 5px 15px;
	text-align: center;
	float: left; 


}
	
.menu1 { height:30px;
	width: auto;
	background-color: #00446a;
	color: white;
	padding: 15px 15px 5px 15px;
	text-align: center;
	float: left; }

	
	.menu2 { height:auto;
	width: auto;
	background-color: #144f74;
	color: white;
	padding: 15px 15px 15px 15px;
	text-align: center;
	float: left; 
	z-index: 99998; }
	
	
	.menu3 { height:auto;
	width: 150px;
	background-color: #144f74;
	padding: 15px 15px 15px 15px;
	color: white;
	text-align: center;
	float: left; 
	z-index: 99998; }
	
	/* navigacja */
	
.navigation,
.navigation ul,
.navigation li,
.navigationa {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* Menu */
.navigation {	
	height: 40px;
	width: 750px;
	padding: 5px 0px 5px 0px;
	margin: 0 auto 20px auto; 
	text-align: center;
	background: #00446a;
	background: -webkit-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -moz-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -o-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -ms-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: linear-gradient(top, #00446a 0%,#002c44 100%);

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

.navigation li {
	position: relative;
	list-style: none;
	float: left;
	display: block;
	height: 40px;
	
}



/* Links */

.navigation li a {
	display: block;
	padding: 0 14px;
	margin: 6px 0;
	line-height: 28px;
	text-decoration: none;
	
	border-left: 1px solid #002c44;
	border-right: 1px solid #004e79;

	font-family: Georgia;
	font-weight: normal;
	font-size: 13px;

	color: #f3f3f3;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.navigation li:first-child a { border-left: none; }
.navigation li:last-child a{ border-right: none; }

.navigation li:hover > a { color: #8fde62; }

/* Sub Menu */

.navigation ul {
	position: absolute;
	top: 40px;
	left: 0;

	opacity: 0;
	
	background: #002c44;

	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}

.navigation li:hover > ul { opacity: 1; }

.navigation ul li {
	height: 0;
	overflow: hidden;
	padding: 0;

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

.navigation li:hover > ul li {
	height: auto;
	overflow: visible;
	padding: 0;
}

.navigation ul li a {
	width: 190px;
	padding: 4px 0 4px 40px;
	margin: 0;
text-align: left;
	border: none;
	border-bottom: 1px dotted #004e79;
	margin: 0 50px 0 10px;
}

.navigation ul li:last-child a { border: none; }

/* Icons */

.navigation a.documents { background: url(img/bell.png) no-repeat 6px center; }
.navigation a.messages { background: url(img/bell.png) no-repeat 6px center; }
.navigation a.signout { background: url(img/bell.png) no-repeat 6px center; }
	
/* koniec navigacji */

#cont { width: 800px;
	height: auto;
	margin: 0 auto; 
	padding: 50px 50px 5% 50px;
	text-align: justify;
	font-size: 16px;
	color: #001419;
	font-family: Calibri, Arial, Helvetica, Verdana, sans-serif;
		
	

}

#cont_prev { width: 560px;
	height: auto;
	margin: 0 auto; 
	text-align: center;
	font-size: 14px;
	color: #001419;
	overflow-x: hidden;
		
	

}

#cont_prev_members{ width: 600px;
	height: auto;
	margin: 0 auto; 
	text-align: center;
	font-size: 14px;
	color: #001419;
	overflow-x: hidden;
		
	

}



#logowanie_pasek {	padding-left: 60px; 
			background-color: pink; 
			height: 60px; 
			position: fixed; 
			top: 0px; 
			left: 0px; 
			padding: 20px; 
			width: 100%; 
			z-index: 9999;
}


.logowanie_enter {	width:530px; 
			height: auto; 
			position: relative; 
			top:250px; 
			left:35%;
			float:left;
			display: block; 
			margin-bottom: 10px;
			background-color: white; 
			border: thin solid #d5d5d5; 
			padding: 30px; 	border-radius: 10px;
			font-size: 12px;
			-webkit-box-shadow: 0 8px 6px -6px black;
			-moz-box-shadow: 0 8px 6px -6px black;
			box-shadow: 0 8px 6px -6px black;
}

.scrollup{		
						
			text-indent:0px;
			opacity:0.7;
			position:fixed;
			top:85%;
			left:1%;
			display:none;			
			
		}



.side { width: 100px;
	height: 100%;
	margin-left: 10%;
	padding: 50px;
	text-align: justify;
	font-size: 14px;
	background-color: white;
	float: left;
	position:relative;
	border-radius: 5px 5px 0px 0px;
	}


.main {	width:100%; 
	height: auto; 
	position: relative; 
	left: 0px auto; 	
	display: block; 
	background-color: white; 
	border: thin solid #d5d5d5; 
	padding: 20px 30px 20px 30px; 
	border-radius: 10px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	margin-left: 10%;
	margin-top: 10%;
	float: left;
	margin: auto;}

	
	
	.main_prev {	width:500px; 
	height: auto; 
	display: block; 
	background-color: white; 
	border: thin solid #d5d5d5; 
	padding: 20px; 
	border-radius: 10px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	float: left;
	margin: 150px auto 150px; auto;
	text-align: justify;}



	.main_prev_members {	width:560px; 
	height: auto; 
	display: block; 
	background-color: white; 
	border: thin solid #d5d5d5; 
	padding: 20px; 
	border-radius: 10px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	float: left;
	margin: 150px auto 150px; auto;
	text-align: justify;}


.main1 { width:560px; 
	height: auto; 
	position: relative; 
	display: block; 
	background-color: white; 
	border: thin solid #d5d5d5; 
	margin: 0 auto 30px auto;
	padding: 50px 80px 50px 80px; 	
	font-size: 14px;
	border-radius: 10px;
	font-size: 12px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;}


	
.main11 { width:600px; 
	height: auto; 
	position: relative; 
	display: block; 
	background-color: white; 
	border: thin solid #d5d5d5; 
	margin: 0 auto 30px auto;
	padding: 50px 80px 50px 80px; 	
	font-size: 14px;
	border-radius: 10px;
	font-size: 12px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;}

.main2 { width:1250px; 
	height: auto; 
	position: relative; 
	left: 0px; 
	display: block; 
	margin-bottom: 10px;
	background-color: white; 
	border: thin solid #d5d5d5; 
	padding: 30px; 	border-radius: 10px;
	font-size: 12px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;}


.main3 { width:700px; 
	height: auto; 
	
	float: left;
	
	display: block; 
	background-color: white; 
	border: thin solid #d5d5d5; 
	margin: 10px auto 30px auto;
	padding: 30px; 	
	border-radius: 10px;
	font-size: 12px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6-6px black;}



.main4 { width:530px; 
	height: auto; 
	margin: 50 auto;
	display: block; 
	background-color: white; 
	border: thin solid #d5d5d5; 
	padding: 30px; 	
	border-radius: 10px;
	font-size: 12px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;}





.left_panel{	width: 100px; 
		height: 250px; 
		background: #00446a;
	background: -webkit-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -moz-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -o-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -ms-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: linear-gradient(top, #00446a 0%,#002c44 100%);
		display: block; 
		position: absolute; 
		text-align: left;
		border-radius: 10px 10px 0px 0px;
		padding:30px;
		color: white;
		-webkit-box-shadow: 0 8px 6px -6px black;
		-moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 8px 6px -6px black; 
		float: left;
		margin-top: 12px;
		}


.right1_panel{	width: 230px; 
		height: auto; 	
		background: #00446a;
	background: -webkit-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -moz-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -o-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -ms-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: linear-gradient(top, #00446a 0%,#002c44 100%);
		display: block; 
		position: relative; 
		left: 0px; 
		top: 0px; 
		z-index: 4; 
		padding:20px;
		color: white;
		text-align: left; 
		float: right;
		-webkit-box-shadow: 0 8px 6px -6px black;
	   	-moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;}


.right_panel{	width: 150px; 
		height: auto; 
		background: #00446a;
	background: -webkit-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -moz-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -o-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -ms-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: linear-gradient(top, #00446a 0%,#002c44 100%);
		display: block; 
		position: relative;
		font-size: 12px; 
		left: 10px;
		top: 0px;
		float: right;
		padding:30px;color: white;
		-webkit-box-shadow: 0 8px 6px -6px black;
		-moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 8px 6px -6px black; }


.right2_panel{	width: 160px; 
		height: auto; 
		background: #00446a;
	background: -webkit-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -moz-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -o-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: -ms-linear-gradient(top, #00446a 0%,#002c44 100%);
	background: linear-gradient(top, #00446a 0%,#002c44 100%);
		display: block; 
		position: relative; 
		left: 0px; 
		top: 0px; 
		z-index: 4; 
		padding:20px;
		color: white;
		text-align: left; 
		float: right;
		-webkit-box-shadow: 0 8px 6px -6px black;
	   	-moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black; }



#logo1 {width: 150px;
	height: 150px;
	margin: 0 auto;
	background-image: url('gfx/dzwon1.jpg');
	background-color: white;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 9999;
	position: relative;
	text-align: center;
	

	}


#footer {	width: 100%;
		height: 400px;
		font-family: Georgia;
		font-size: 12px;
		color: #00446a;
		background-color: #ffffff;
		text-align: left;
		border-top: thin solid #d5d5d5;
		padding-bottom: 5%;
		float: left;
		



}

#cont-footer {	width: 800px;
		height: auto;
		margin: 0 auto;
		Margin-top: -70px;
		padding-top: 70px;
		padding-left: 40px;
		text-align: left;
		border-top: thin solid #d5d5d5;
		
		}


.kolumna {	height: auto;
		width: 180px;
		float: left;
		padding: 0px 0px 0px 10px; 
		}



.kolumna1 {	height: auto;
		width: 180px;
		float: left;
		padding: 0px 20px 0px 10px; 
		}

.kolumna2 {	height: auto;
		width: 180px;
		float: left;
		padding: 0px 0px 0px 10px; 
		}





#content {width:65%; max-width:690px; margin:6% auto 0;}
 
/*
*/

 
table {
    overflow:hidden;
    margin:0;
    padding:0;
    font:12px/15px "Helvetica Neue",Arial, Helvetica, sans-serif;
    border:1px solid #d3d3d3;
    background:#fefefe;
    width:70%;
    margin:5% auto 0;
    -moz-border-radius:5px; /* FF1+ */
    -webkit-border-radius:5px; /* Saf3-4 */
    border-radius:5px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
 
th, td {padding:18px 28px 18px; text-align:center; }
 
th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}
 
td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
 
tr.odd-row td {background:#f6f6f6;}
 
td.first, th.first {text-align:left}
 
td.last {border-right:none;}
 
/*
Background gradients are completely unnecessary but a neat effect.
*/
 
td {
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}
 
tr.odd-row td {
    background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}
 
th {
    background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
    background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
}
 
/*
I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements. 
And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
*/
 
tr:first-child th.first {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px; /* Saf3-4 */
}
 
tr:first-child th.last {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px; /* Saf3-4 */
}
 
tr:last-child td.first {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}
 
tr:last-child td.last {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}

input[type="text"], textarea, input#s, input[type="password"] {
    width: 98%;
    border-style: solid;
    border-color: rgb(153, 153, 153) rgb(255, 255, 255) rgb(255, 255, 255) rgb(153, 153, 153);
    background: none repeat scroll 0px 0px rgb(237, 237, 237);
    font-size: 14px;
    padding: 10px 7px;
    border-width: 1px;
}

td.input
{
    width: 98%;
    border-style: solid;
    border-color: rgb(153, 153, 153) rgb(255, 255, 255) rgb(255, 255, 255) rgb(153, 153, 153);
    background: none repeat scroll 0px 0px rgb(237, 237, 237);
    font-size: 14px;
    padding: 10px 7px;
    border-width: 1px;
}