@import url("reset.css");

html {
	height:100%;
}

body {
	height: 100%;
	color:#525252;
	font:13px/22px Segoe UI, Myriad Pro, helvetica, sans serif;
	background:url(/images/bg.gif) repeat-x;
}

a.skip-kontrast {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-kontrast:focus, a.skip-kontrast:active {
    color: #000;
    background-color:#ff0;
    left: 0;
    top: 0;
    width: 20%;
    height: auto;
    overflow:auto;
    padding:5px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.4em;
    z-index:999;
}

#infocookie {position: fixed; left:0; right:0; bottom:0; height:40px; background-color:#eee; z-index:1000; overflow:auto; text-align:center; line-height:40px;}	


#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -61px;
}

#push {
     height: 61px;
}

.clear {
	clear:both;
}

/* --- header --- */

#header {
	height:349px;
	width:960px;
	margin:0 auto;
}

#nazwa {
	float:left;
	width:380px;
	margin-bottom:40px;
}

#nazwa h2 {
	padding:15px;
	font-size:36px;
	text-align:center;
}

#napis {
	clear: both;
	width: auto;
	margin:0 auto;
	text-align:center;
}

#icons {
	width:696px;
	margin:0 auto;
}

.icon {
	float:left;
	padding:10px 0;
	width:232px;
	text-align:center;
}

/* --- content --- */


#content {
	width:960px;
	margin:0 auto;
}

#content h3 {
	margin-bottom:12px;
	border-bottom:1px solid #e3e3e3;
}

#left {
	width:250px;
	padding-right:30px;
	float:left;
	background:url(/images/nowe/bg_left.png) top right no-repeat;
}

#right {
	width:640px;
	float:right;
}

/* --- --- */

.pomoc {
	padding:3px;
	margin:10px 0;
	border:1px solid #e3e3e3;
}

.gora {
	text-align:right;
	font-size:11px;
	color:#929292;
}

.red {
	color:#e54044;
}

.red:hover {
	color:#e54044;
	text-decoration:underline;
}

/* --- main tags --- */

a {
	color:#525252;
	text-decoration:none;
}

a:hover {
	color:#e54044;
}

h2, h3, h4, h5 {
	color: #1F4575;
	padding:12px 0;
}

h2 {
	font:bold 28px/28px Segoe UI, Myriad Pro, helvetica, sans serif;
}

h3 {
	font:bold 21px/28px Segoe UI, Myriad Pro, helvetica, sans serif;
}

h4 {
	color:#e54044;
	font:bold 16px/18px Segoe UI, Myriad Pro, helvetica, sans serif;
}

h5 {
	font:bold 14px/18px Segoe UI, Myriad Pro, helvetica, sans serif;
}

p {
	padding:0 0 8px 16px;
}

ul {
	margin-left:40px;
	list-style-type: disc;
	margin-bottom:12px;
}

ol {
	margin-left:40px;
	list-style-type: decimal;
	margin-bottom:12px;
}

ol ol{
	margin-left:40px;
	list-style-type: lower-latin;
	margin-bottom:12px;
}

td {
	padding:5px;
	border:1px solid #e7e7e7;
}

th {
	padding:5px;
	border:1px solid #e7e7e7;
}

img {
	vertical-align: bottom;
}

span {
	color:#a1a1a1;
}

/* --- rozne --- */

.float_left {
	float:left;
	padding-right:5px;
}

/* --- top navi --- */

#navs {
	float: right;
	background-repeat: no-repeat;
	width: auto;
}
#navs a {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	display: block;
	float: left;
	padding: 12px 20px;
	width: auto;
	color:#FFF;
}
#navs a:hover {
	background-image: url(/images/nav_hover2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
#navs_left {
	float: left;
	height: 49px;
	width: 11px;
	background-image: url(/images/nav_left.png);
}
#navs_right {
	float: left;
	height: 49px;
	width: 11px;
	background-image: url(/images/nav_right.png);
	margin-left: -1px;
}
#navs_center {
	height: 49px;
	background-image: url(/images/nav_center.jpg);
	float: left;
	background-repeat: repeat-x;
	margin-right: 0px;
	width:auto;
}
#navs  li {
	display: inline;
	margin:0;
}
#navs  ul {
	margin: 0;
	padding-left: 5px;
}
#navs .current {
	background-image: url(/images/nav_hover2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

/* --- form --- */

#form {}

label {
	width:90%;
	margin-right: 10px;
	float:right;
	vertical-align: middle;
}

.tekst {
	float:left;
	margin-right: 10px;
	vertical-align: middle;
}

form input.text {
	width: 410px;
	background: #fefefe;
	border: 1px solid #bbb;
	font-size: 14px;
	color: #333;
	padding: 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	vertical-align: middle;
}

ul.form {
	margin-left:0;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #e7e7e7;
}

ul.form li {
	display:block;
	padding:5px;
	border:1px solid #fff;
}


ul.form li:hover {
	background-color:#f3f3f3;
	border:1px dashed #e7e7e7;
}

/* --- overlay --- */

#overlay { 
	background-image:url(/images/overlay/white.png);
} 
 
.contentWrap { 
    height: 600px;
    overflow-y:auto;
}

.apple_overlay {
	display:none;
	background-image:url(/images/overlay/white.png);
	width:900px;
	padding:35px;
    height:400px; 

}

.apple_overlay div.close {
	background-image:url(/images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* --- footer --- */

#footer_wrap {
    height: 61px;
	background:url(/images/footer_bg.gif) repeat-x;
}

#footer {
	height:40px;
	width:960px;
	margin:0 auto;
	font-size:11px;
	padding-top:20px;
	color:#999;
}

#f_left {
	width:300px;
	float:left;
}

#f_right {
	width:600px;
	float:right;
	text-align:right;
}

#footer p{
	line-height:10px;
}

/* --- karta sprawy --- */

#karta {
	width:740px;
	margin:0 auto;
	font-size:13px;
}

#karta h2 {
	border: 1px solid #bbdbe0;
	background: #ecf9ff;
	color: #0888c3;
	padding:10px;
	font:bold 16px/24px Segoe UI, Myriad Pro, helvetica, sans serif;
}

#karta h3 {
	font:bold 16px/20px Segoe UI, Myriad Pro, helvetica, sans serif;
	margin-bottom:12px;
	border-bottom:1px solid #e3e3e3;
}	

#karta td {
	text-align:left;
}

#karta ul {
	padding:0;
}