html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, hgroup, menu, nav, section {
	display: block;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
label{
	position:absolute;
	left:-9999px;
	}
[placeholder]:active,
[placeholder]:focus{
	cursor:text;
	color:#a5a5a5;
	}
.clear {
	clear:both;
	}
/*------------------------------------- body ------------------------------------------*/
@font-face {
    font-family: 'CopseRegular';
    src: url(/zso9/fonts/copse/Copse-Regular-webfont.eot);
    src: url(/zso9/fonts/copse/Copse-Regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(/zso9/fonts/copse/Copse-Regular-webfont.woff) format('woff'),
         url(/zso9/fonts/copse/Copse-Regular-webfont.ttf) format('truetype'),
	      url(/zso9/fonts/copse/Copse-Regular-webfont.svg#CopseRegular) format('svg');
    font-weight: normal;
    font-style: normal;
	}
body {
	font: 12px/20px 'CopseRegular', CopseRegular, Helvetica, Arial, sans-serif;
	background:url(/zso9/images/noise.png) repeat scroll 0 0;
	margin:0;
	padding:0;
	color:#05008B;
	overflow:hidden;
	}

#wrapper {
/*
	width:1000px;
 	margin:0 auto;
	padding:50px 0;
*/
	position:absolute;
	height:150px;
	width:1000px;
	left:50%;
	top:50%;
	margin-top:-270px;
	margin-left:-500px;
/*
	margin-top:-270px;
	margin-left:-480px;
*/
	}

a {
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	}
p.copyright {
	clear:both;
 	text-align:center;
	height: 100%;
 	margin:15px 0px 0px 65px;
	text-shadow: #939598 0px 0px 1px;
}

#book {
  	position:relative;
}
.top-page {
	background:url(/zso9/images/top-paper.png) no-repeat left top;
	width:1000px;
	height:24px;
	position:relative;
	}
.godlo-rp {
	background:url(/zso9/images/godlo_RP.png) no-repeat left top;
	width:61px;
	height:73px;
	top:7px;
	left:13px;
	position:absolute;
	z-index:9999;
	}
.content-page {
	background:url(/zso9/images/row.png) repeat-y left top;
	width:1000px;
	height:435px;
	position:relative;
	}
.bottom-page {
	background:url(/zso9/images/bottom-paper.png) no-repeat left top;
	width:1000px;
	height:55px;

	}
.top-spiral {
	position:absolute;
	background:url(/zso9/images/spiral.png) no-repeat scroll 0 0;
	width:38px;
	height:89px;
	left:-9px;
	top:61px;
	}
.bottom-spiral {
	position:absolute;
	background:url(/zso9/images/spiral.png) no-repeat scroll 0 0;
	width:38px;
	height:89px;
	left:-9px;
	top:293px;
	}
.row {
	width:100%;
	height:29px;
	float:left;
	}
h2 {
	font-family: 'CopseRegular', CopseRegular, Helvetica, Arial, sans-serif;
	font-size:35px;
	text-align:center;
	height:35px;
	line-height:33px;
	font-weight:bold;
 	text-shadow: 2px 2px 2px #e1e1e1;
	position:relative;
	left:30px;
	}
/*-----------------------------------------------------------------------------------*/
#cform {
	position:relative;
	display:none;
	}
#captcha {
	float:left;
	position:relative;
	}
#captcha span {
	float:left;
	height:38px;
	line-height:38px;
	margin-right:10px;
	font-size:14px;
	}
#ribbon {
	position:absolute;
	background:url(/zso9/images/ribbon.png) no-repeat scroll left top;
	width:70px;
	height:45px;
	top:47px;
	right:-64px;
	display:block;
	text-indent:-9999px;
	z-index:100;
	cursor:pointer;
	}
#gim26img a {
	position:relative;
	left:160px;
	top:112px;
	background:transparent url(/zso9/images/gim26.png) no-repeat;
	width:250px;
	height:234px;
	display:block;
	text-indent:-9999px;
	}
#gim26img a:hover { background-position:-251px 0; }
#zso9logo {
 	position:absolute;
	background:url(/zso9/images/zso9logo.png) no-repeat scroll left top;
	width:119px;
 	height:321px;
	float:left;
	left:473px;
	top:87px;
	}
#lo8img a {
	position:relative;
	left:649px;
	top:-123px;
	background: transparent url(/zso9/images/lo8.png) no-repeat;
	width:250px;
	height:234px;
	display:block;
	text-indent:-9999px;
	}
#lo8img a:hover { background-position: -250px 0; }
/*---------------------------------- dolne ikonki -------------------------------------*/
ul.icons {
	position:relative;
	text-align:center;
	padding-top:12px;
	padding-left:70px;
	}
ul.icons li {
	display:inline;
	margin:0 5px;
	}
ul.icons li a {
 	text-indent:-9999px;
	width:44px;
	height:24px;
	display:inline-block;
	}
li a.gim26face { background:url(/zso9/images/icon/facebook.png) no-repeat scroll center center; }
li a.godstet {	background:url(/zso9/images/icon/godlo-szczecin.png) no-repeat scroll center center; }
li a.logostet { background:url(/zso9/images/icon/logo-szczecin.png) no-repeat scroll center center; }
li a.bipgov { background:url(/zso9/images/icon/logo-bip.png) no-repeat scroll center center; }
li a.lo8face { background:url(/zso9/images/icon/facebook.png) no-repeat scroll center center; }
/* ========================= CENTERING (HOR&VER) AN IMAGE IN A BOX ======================== */
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 1000px;
    height:550px ;
}
.wraptocenter * {
    vertical-align: middle;
}