/* 
    Created on : 2015-12-04, 13:57:27
    Author     : Łukasz Bryk ZSTZ 
*/

body {
	margin: 0px;
	padding: 0;
	font-family: Arial;
}


/*Kontener*/
.container {
	height: 100%;
	margin-bottom: -144px;
	margin: 0 auto;
	position: relative;
	width: 1201px;
}

/*Obiżenie strony*/
#side_position {
	padding-top: 34px;
}

/*Linia na samej górze*/
#line {
	position: absolute;
	background: #e4eac7;
	height: 24px;
	width: 100%;
	z-index: 1;
}

/*Gradien na górze strony*/
#oliv {
	position: absolute;
	background: url('img/oliv__1.png') no-repeat;
	height: 49px;
	z-index: 2;
	margin: 0 auto;
	margin-left: 150px;
	top: 0;
	width: 1201px;
}

/*

Pierwsza belka w sliederze - z nazwą szkoły i logiem

*/

#beam {
	position: relative;
	background: url('img/beam.png');
	width: 1201px;
	height: 132px;
	z-index: 3;
}

/*

Format zdjęc w sliderze

*/

.slider {
	position: relative;
	width: 1189px;
	height: 270px;
	z-index: 2;
	margin-left: 9px;
	top: -55px;
}

/*

Format strony - tło

*/

#main {
	background: url('img/background.png') repeat-y;
}

/*

Menu główne strony

*/

#menu_panel {
	position: absolute;
	z-index: 3;
	bottom: 20px;
}

#menu_panel .menu_wrapping {
	position: relative;
	float: left;
	background: url('img/menu_b1.png') no-repeat;
	width: 10px;
	height: 64px;
	top: 16px;
}

#menu_panel .menu_endbeam {
	position: relative;
	float: right;
	right: 24px;
	background: url('img/menu_b2.png') no-repeat;
	width: 7px;
	height: 50px;
	bottom: 20px;
}

#menu ul li {
	float: left;
	display: inline-block;
}

#menu ul {
	margin: auto;
	list-style-type: none;
}

#menu ul ul {
	float: none;
	width: 200px;
	position: absolute;
	padding-top: 5px;
	padding-left: 2px;
	top: 80px;
	margin-left: -30px;
	background-color: #b2cc8e;
	border: 4px solid #fff;
	display: none;
}

#menu ul ul li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	color: #4e9724;
	padding: 6px 10px;
	width: 180px;
}

#menu ul ul li a:hover {
	background: #4e9724;
	color: #345;
}

#menu ul li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	z-index: 5;
	transition: background 0.5s linear 0s, color 0.5s linear 0s;
}

.noactive {
	position: relative;
	float: left;
	background: url('img/menu_noactive.png') repeat-x;
	right: 30px;
	min-height: 25px;
	top: 30px;
	padding: 14px 16px;
}

.noactive:hover {
	background: url('img/menu_hover.png') repeat-x;
}

#menu li#separator {
	position: relative;
	background-image: url('img/separator.png');
	height: 50px;
	width: 13px;
	top: 30px;
	right: 30px;
}

/*

Menu boczne strony

*/

#vertical_menu {
	position: relative;
	right: 39px;
	bottom: 15px;
}

#vertical_menu ul {
	list-style-type: none;
}

#vertical_menu ul li a {
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	/*font-weight: bold;*/
	font-family: Arial;
	font-size: 14px;
	color: #344a1f;
	left: 12px;
}

#vertical_menu ul li {
	position: relative;
	background: url('img/submenu_bullet.png') right no-repeat;
	padding-right: 20px;
	width: 100%;
}

#vertical_menu ul li a:hover {
	color: #4e9724;
}

#vertical_menu li#vertical_separator {
	position: relative;
	background: url('img/vertical_separator.png') repeat-x;
	width: 216px;
	height: 10px;
	left: 10px;
}

/*Lewy div  - menu boczne*/
#leftBox {
	position: relative;
	float: left;
	background: url('img/submenu_background.png') repeat-y;
	width: 21.3%;
	height: 100%;
}

/*Prawy div - reklamy*/
#rightBox {
	position: relative;
	float: left;
	background: #ebefd4 url('img/rightpanel_background.png') no-repeat;
	border-top-right-radius: 10px;
	border: 4px solid #fff;
	width: 17.7%;
	height: 100%;
	text-align: center;
	padding-top: 37px;
}

/*Treść strony*/
#middle {
	position: relative;
	bottom: 20px;
	float: left;
	background: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 60.3%;
}

#content {
	position: relative;
	margin-left: 32px;
	margin-right: 50px;
	margin-top: 26px;
	font-family: Arial;
	font-size: 14px;
}

#content h1 {
	font-family: Arial;
	font-size: 20px;
	color: #534f4c;
	text-transform: uppercase;
	text-align: center;
}

#content h2 {
	font-family: Arial;
	font-size: 18px;
	font-style: italic;
	color: #147a3b;
	text-align: left;
}

#content a {
	color: #147a3b;
	text-decoration: none;
}

#content a:hover {
	color: #4e9724;
}

#content .paragraph_separator {
	position: relative;
	left: 50px;
}

/*

Przyciski

*/

input[type='button'] {
	float: right;
	background: url('img/button.png') repeat-x;
	width: 176px;
	height: 28px;
	border: 0;
	color: white;
	font-style: italic;
	font-family: Arial;
	font-size: 14px;
	box-shadow: 0 0 10px #4f9627;
	-moz-box-shadow: 0 0 10px #4f9627;
	-webkit-box-shadow: 0 0 10px #4f9627;
}

input[type='submit'] {
	float: right;
	background: url('img/button.png') repeat-x;
	width: 85px;
	height: 23px;
	border: 0;
	color: white;
	font-style: italic;
	font-family: Arial;
	font-size: 13px;
	box-shadow: 0 0 10px #4f9627;
	-moz-box-shadow: 0 0 10px #4f9627;
	-webkit-box-shadow: 0 0 10px #4f9627;
}

/*

Stopka

*/

/*Format całej stopki*/
footer {
	position: relative;
	clear: both;
	bottom: 0;
	background: #edf1d8;
	width: 100%;
	height: 144px;
}

/*Formatowanie tekstu w stopce*/
footer,
.tekst {
	position: relative;
	color: #969a88;
	font-family: Arial;
	font-size: 14px;
	font-style: italic;
}

#left_footer {
	position: relative;
	float: left;
	padding-top: 55px;
	width: 87%;
}

#right_footer {
	float: left;
	width: 13%;
	padding-top: 28px;
}

/* Zdobienia */
.imgPrez {
	overflow: hidden;

	border-radius: 10px 0 10px 0;
}

.imgPrez img {
	border-radius: 10px 0 10px 0;
	border: 1px solid forestgreen;
}

.imgPrez img:hover {
	filter: grayscale();
	border: 1px solid forestgreen;
}

a[href^="https://www.facebook.com/"]::before
{
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	padding-left: 10px;
	background: url('img/fb_.png') no-repeat;
}