@font-face {
    font-family: 'venera';
    src: url('./fonts/venera-700.eot');
    src: url('./fonts/venera-700.eot') format('embedded-opentype'),
         url('./fonts/venera-700.woff') format('woff'),
         url('./fonts/venera-700.ttf') format('truetype'),
         url('./fonts/venera-700.svg#Venera700') format('svg');
}

@font-face {
    font-family: 'caslon';
    src: url('./fonts/acaslonpro-semibold.eot');
    src: url('./fonts/acaslonpro-semibold.eot') format('embedded-opentype'),
         url('./fonts/acaslonpro-semibold.woff') format('woff'),
         url('./fonts/acaslonpro-semibold.ttf') format('truetype'),
         url('./fonts/acaslonpro-semibold.svg#AdobeCaslonProSemibold') format('svg');
}

/**********************************************************************/
* {
	padding: 0;
	margin: 0;
	font-family: calibri;
}

a, a img {
	text-decoration: none;
	border: none;
}

p {
	padding: 10px 0;
}

#logo span {
	display: none;
}

.clearfix {
	display: block;
	clear: both;
}

/**********************************************************************/
input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea {
	padding: 1px;
	margin: 0;
	
	border: solid 1px #dedede;
	
	color: #777;
	font-family: calibri;
	font-size: 15px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;

	transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

input[type="text"]:focus, input[type="password"]:focus,
input[type="email"]:focus, input[type="number"]:focus, textarea:focus {
	border-color: rgba(41, 92, 161, 0.4);
	
	color: #333;

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	outline: 0 none;
}

.button { display: inline-block; }

input[type="submit"], .button {
	margin: 0;
	padding: 4px;
	
	font-size: 12px;
	letter-spacing: 1px;
	font-family: venera;
	color: #fff;
	
	background: #7ea3dc;
	
	border-style: none;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	
	transition: box-shadow 0.15s linear 0s, background 0.15s linear 0s;
	-webkit-transition: box-shadow 0.15s linear 0s, background 0.15s linear 0s;
	-moz-transition: box-shadow 0.15s linear 0s, background 0.15s linear 0s;
	-o-transition: box-shadow 0.15s linear 0s, background 0.15s linear 0s;
	
	cursor: pointer;
}

input[type="submit"]:hover, input[type="submit"]:active, .button:hover, .button:active {
	background: #8dacdc;
	
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
}

/**********************************************************************/
a.more {
	display: block;
	
	width: 100px;
	padding: 1px 0;
	
	background-color: #7ea3dc;
	
	color: #fff;
	text-align: center;
	font-size: 14px;
	position: absolute;
	bottom: -17px; right: 20px;
	
	
	opacity: 0;
	
	-moz-transition: opacity 0.3s linear 0.2s, bottom 0.3s linear 0.2s;
	-webkit-transition: opacity 0.3s linear 0.2s, bottom 0.3s linear 0.2s;
	transition: opacity 0.3s linear 0.2s, bottom 0.3s linear 0.2s;
}

a.more:hover, a.more:active {
	background-color: #8dacdc;
}

/**********************************************************************/
body {
	width: 100%;
	min-width: 1000px;
	height: 100%;
	
	margin: 0;
	padding: 0;
	
	background-image: url('./layout/pat1.png');
	
	color: #fff;
	text-align: center;
}

div#all {
	width: 100%;
	height: 100%;
	
	padding: 0;
	margin: 0;
}

/**********************************************************************/
header {
	position: relative;
	
	width: 100%;
	min-width: 1000px;
	height: 80px;
	
	margin: 0;
	padding: 20px 0;
	
	background-color: #fff;
}

header > div {
	width: 964px;
	height: 80px;
	
	margin: 0 auto;
	padding: 0;
}

header > div > h1#logo {
	width: 375px;
	height: 80px;
	
	margin: 0;
	padding: 0;
	
	background-image: url('./layout/logo.png');
	background-position: center;
	background-repeat: no-repeat;
	
	float: left;
}

header h1#logo a {
	display: block;
	
	width: 375px;
	height: 80px;
	
	margin: 0;
	padding: 0;
}

header > div > aside {
	width: 585px;
	height: 80px;
	
	margin: 0;
	padding: 0;
	
	float: left;
	position: relative;
}

header aside form {
	display: block;
	
	height: 24px;
	
	margin: 0 auto;
	margin-top: 28px;
	padding: 0;
	
	position: absolute;
	right: 2px;
}

header aside input#searchInput {
	float: left;
	height: 20px;
}

header aside input#searchSubmit {
	float: left;
	width: 110px;
	margin-left: 3px;
}

header #userOptions {
	height: 20px;
	
	margin: 0 auto;
	
	font-size: 14px;
	font-family: calson;
	
	position: absolute;
	right: 0;
	bottom: -12px;
}

header #userOptions a, header #userOptions span {
	display: block;
	float: left;
	position: relative;
	
	padding: 5px 10px 8px 10px;
	margin: 0 2px;
	
	color: #000;
	
	background-image: url('./layout/pat1.png');
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

header #userOptions a:active, header #userOptions a:hover {
	top: -3px;
}

/**********************************************************************/
#menu {
	position: relative;
	overflow: visible;
	width: 100%;
	min-width: 1000px;
	height: 96px;
	
	z-index: 50;
	
	margin: 0;
	padding: 0;
	
	background-image: url('./layout/pat2.png');
	
	-webkit-box-shadow: -1px -1px 2px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    -1px -1px 2px rgba(50, 50, 50, 0.75);
	box-shadow:         -1px -1px 2px rgba(50, 50, 50, 0.75);
}

	#menu > nav {
		display: inline-block;
		overflow: visible;
		
		height: 96px;
		
		margin: 0 auto;
		padding: 0;
	}

		#menu > nav > ul {
			overflow: visible;
			height: 96px;
			margin: 0; padding: 0;
			
			list-style: none;
		}

			#menu > nav > ul > li {
				display: block;
				float: left;
				height: 96px;
				margin: 0; padding: 0;
				
				overflow: visible;
				vertical-align: bottom;
				
				background-position: center;
			}

				#menu > nav > ul > li > a:link, #menu > nav > ul > li > a:visited {
					display: block;
					z-index: 50;
					
					height: 96px;
					
					margin: 0;
					
					text-decoration: none;
					overflow: visible;
					color: white;
					
					text-shadow: 0 0 1px #fff;
				}

				#menu > nav > ul > li > a:hover {
					z-index: 50;
					height: 100px;
					
					/*margin-left: -2px;*/
					margin-top: -5px;
					
					background-image: url('./layout/pat3.png');
					
					text-shadow: 0 0 3px #fff;
					
					-webkit-border-top-left-radius: 2px;
					-webkit-border-top-right-radius: 2px;
					-moz-border-radius-topleft: 2px;
					-moz-border-radius-topright: 2px;
					border-top-left-radius: 2px;
					border-top-right-radius: 2px;
					
					-webkit-box-shadow: 0px -1px 5px rgba(50, 50, 50, 0.6);
					-moz-box-shadow:    0px -1px 5px rgba(50, 50, 50, 0.6);
					box-shadow:         0px -1px 5px rgba(50, 50, 50, 0.6);
				}

				#menu > nav > ul > li > a:active {
					text-shadow: 0 0 4px #fff;
				}
				
					#menu > nav > ul > li > a > div {
						z-index: 50;
						box-sizing: content-box;
						-moz-box-sizing: content-box; /* Firefox */
						
						height: 26px;
						
						margin: 0;
						padding: 0 11px;
						padding-top: 70px;
						
						background-repeat: no-repeat;
						background-position: center 20px;
						
						text-align: center;
						font-size: 16px;
						letter-spacing: 1px;
						font-family: venera;
						white-space: nowrap;
					}
					
					#menu > nav > ul > li > a:active > div, #menu > nav > ul > li > a:hover > div {
						box-sizing: content-box;
						-moz-box-sizing: content-box;
						z-index: 50;
						
						height: 30px;
						padding: 0 11px /*0 12px for having wider hover menu item*/;
						padding-top: 70px;
						text-align: center;
					}

/**********************************************************************/
#break {
	position: relative;
	overflow: visible;
	z-index: 50;
	
	width: 100%;
	height: 50px;
	
	margin: 0;
	padding: 0;
	padding-top: 10px;
	
	font-size: 30px;
	color: #fff;
	font-family: calson;
	font-weight: 900;
	
	background-image: url('./layout/pat2.png');
	
	-webkit-box-shadow: -1px -1px 2px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    -1px -1px 2px rgba(50, 50, 50, 0.75);
	box-shadow:         -1px -1px 2px rgba(50, 50, 50, 0.75);
}

/**********************************************************************/
#main {
	width: 964px;
	height: 100%;
	
	margin: 0 auto;
	padding: 0;
	padding-bottom: 20px;
	
	/*background-color: #f6faff;*/
	background-color: #fff;
	
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.5);
}

#content {
	position: relative;
	display: block;
	
	width: 960px;
	
	margin: 0 auto;
	padding: 0;
	padding-top: 35px;
}

/******** MOŻLIWE ZE DO WYWALENIA DO LINII ODZIELAJĄCEJ ********/


/**********************************************************************/
h2.title {
	display: block;
	
	height: 90px;
    width: 340px;
    
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 0;
    
    background: #7ba1db;
    position: relative;
}

/*cut of corners - top-right and bottom-right*/
h2.title:after {
    content: '';
    height: 70px;
    position: absolute;
    top: 0; right: 0;
    border-top: 11px solid #fff/*#f6faff*/;
    border-left: 11px solid #7ba1db;
    border-bottom: 11px solid #fff/*#f6faff*/;
    width: 0;
}

/*cut of corners - top-left and bottom-left*/
h2.title:before {
    content: '';
    height: 70px;
    position: absolute;
    top: 0; left: 0;
    border-top: 11px solid #fff/*#f6faff*/;
    border-right: 11px solid #7ba1db;
    border-bottom: 11px solid #fff/*#f6faff*/;
    width: 0;
}

h2.title > span {
	position: absolute;
	display: block;
	z-index: 50;
	
	top: 9px;
	left: -312px;
	
	width: 964px;
	height: 70px;
	
	background-image: url(./layout/pat4.png);

}

h2.title > span > span {
	display: block;
	position: absolute;
	
	top: -9px;
	left: 322px;
	
	width: 320px;
	height: 90px;
	
	margin: 0;
	padding: 0;
	
	background-image: url(./layout/pat2.png);
		
	-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.75);
	
}

h2.title > span > span > span {
	display: inline-block;

	height: 22px;
	
	margin: 0;
	padding-top: 34px;
	padding-left: 45px;
	padding-right: 0;
	
	font-size: 22px;
	font-family: venera;
	
	background-repeat: no-repeat;
	background-position: 0 25px;
}

/**********************************************************************/
.imageLink {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

/**********************************************************************/
footer {
	display: block;
	position: relative;
	
	width: 924px;
	height: 20px;
	
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 10px 20px;
	
	color: #000;
	text-align: right;
	font-size: 13px;
	
	background-color: #bac6d9;
	
	-webkit-box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 3px 10px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 3px 10px rgba(50, 50, 50, 0.5);
	
	-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;
}

/**********************************************************************/
#error {
	font-size: 18px;
	color: #f00;
	margin-top: 30px;
}

#info {
	font-size: 18px;
	color: #0f0;
	margin-top: 30px;
}

/**********************************************************************/
#manage {
	width: 838px;
	margin: 0 auto;
	margin-top: 50px;
	background: rgba(255, 0, 0, 0.7);
	font-weight: bold;
	clear: both;
}

#manage h5 {
	font-size: 25px;
	font-family: calibri;
	color: #fff;
}

#manage ul, #manage li {
	list-style: none;
}

#manage li, #manage a {
	display: block;
	height: 25px;
	font-size: 16px !important;
	width: 100%;
	background: rgba(255, 255, 255, 0.3);
	color: #fff !important;
}

#manage a:active, #manage a:hover {
	background: rgba(255, 255, 255, 0.5);
}

.manage {
	width: 90px;
	height: 30px;
	
	position: absolute;
	top: -30px;
	left: 0;
	
	display: none;
}
	.manage > ul,
	.manage > ul > li
		{ list-style: none; }
	
	.manage ul {		
		margin: 0;
		padding: 0;
		
		position: absolute;
		left: 0;
		
		display: block;
	}
	
		.manage > ul > li,
		.manage > ul > li > a {
			display: block;
			width: 30px; height: 30px;
			margin: 0; padding: 0;
			color: transparent;
			
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 20px;
		}
		
		.manage > ul > li {
			background-color: #777;
			background: rgba(255, 0, 0, 0.7);
			
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
			
			.manage > ul > li > a:active, .manage > ul > li > a:hover {
				background: rgba(255, 255, 255, 0.2);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 20px;
			}
			
			.manage > ul > li.edit > a { background-image: url('./menu/edit2.png'); }