/* 
--------------------------------
KOLORY 

szary: #bfbfbf
niebieski: #56637a
ciemno szary: #6c6c6d
ciemno niebieski : #262c36 rgba(38, 44, 54,1)
jeszcze ciemniejszy brązowy: #967220

--------------------------------
*/

/* FONTY */

@font-face {
	font-family: 'BradhITC';
	src: url('../fonts/BradhITC/BradhITC.eot');
	src: local('../fonts/BradhITC/BradhITC'), url('../fonts/BradhITC/BradhITC.woff') format('woff'), url('../fonts/BradhITC/BradhITC.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;	
}

/* wyzerowania domyslnych wartosci */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, bog, cite, code, img, ins, kbd, q, s, samp, small, strike, dl, dt, dd, ol, ul, il, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

ol, ul {list-style: none;}

table {border-collapse: collapse; border-spacing: 0;}

//hr {display: none;}

img {border: 0;}

h1, h2, h3 {
	font-size: 1em;
}

html { 
	overflow:scroll;
	background: #606129 url(../images/tlo-powielane.jpg) top left repeat-x;
}

body { 
	width: 1280px;
	height: 800px;
	margin: 0 auto;
	margin-top: 20px;
	overflow: hidden;
	//border: 1px solid red;
	background:url(../images/tlo.jpg) center center no-repeat;
	box-shadow: 1px 1px 7px rgba(1,1,1,0,3);
	font-size: 10px;
	position:relative;
}

h1 {
	display: block;
	width: 447px;
	height: 135px;
	background:url(../images/logo.png) no-repeat;
	text-indent: -998em;
	margin-top: 90px;
	margin-left: 70px; 
	//border: 1px solid red;
	float:left;
}

h3 {
	display:block;
	font-family : 'BradhITC';
	font-size: 2.8em;
	color: #fff;
	margin-top: -16px;
	margin-left: 40px;
	text-shadow: 1px 1px 2px rgba(1,1,1,0.4);
}

header > div { 
	width: 130px;
	height: 200px;
	background:url(../images/wstazka.png) top left no-repeat;
	float: right;
	//border: 1px solid red;
	//margin-right: 131px;
	position:absolute;
	top:0;
	right: 131px;
}


#srodek { 
	float: right;
	width: 700px;
	margin-top: 150px;
	margin-bottom: 20px;
}

#srodek  section section {
	border-radius: 10px;
	background: rgba(255,255,255,0.4);
	float:left;
}


#srodek  section section:nth-child(1){
	width: 225px;
	height: 55px;
	margin-bottom: 30px;
	margin-right: 290px;

}

#srodek  section section:nth-child(2){
	width: 225px;
	height: 490px;
	margin-right: 30px;
	overflow:scroll;
}


#srodek  section section:nth-child(3){
	width: 370px;
	height: 490px;
}

#srodek  section section:nth-child(3) li {
	display:block; 
	font-size: 1.8em;
	color: rgba(38, 44, 54,0.9);
	margin: 0px 30px;
	padding: 30px 0px;
	border-bottom: 1px dashed rgba(1,1,1,0.2);
}

li.brak:hover {
	background: none;
	margin: 0px;
	padding: 0px;
}

li.brak a {
	font-family: 'BradhITC';
	font-size: 1.3em;
	margin-top: 40px;
	color:#FFF;
	
}

#srodek  section section:nth-child(3) li:hover { 
	background: none;
}

#srodek  section section h2 {
	font-family : 'BradhITC';
	font-size: 2.4em;
	color: #fff;
	margin-top: -15px;
	margin-left: 30px;
	text-shadow: 1px 1px 2px rgba(1,1,1,0.4);
}

#srodek  section section input {
	width: 150px;
	height: 25px;
	margin-left:30px;
	border:1px solid #bfbfbf;
	border-radius: 4px;
	padding-left: 10px;
	-webkit-box-shadow:inset 1px 1px 5px 1px rgba(1,1,1,0.2);
	box-shadow:inset 1px 1px 5px 1px rgba(1,1,1,0.2);
}


li { 
	display:block; 
	font-size: 1.5em;
	border-bottom: 1px dashed rgba(1,1,1,0.4);
	color: rgba(38, 44, 54,0.9);
	
}

li:hover {
	padding-left: 20px;
	background-color: rgba(38, 44, 54,0.1);
}

li:hover:first-child {
	border-radius: 10px 10px 0px 0px;
}



li:last-child {
	border: none;
}

ul li a {
	display: block;
	padding: 10px 30px;
	margin: 0px 15px;
	cursor: pointer;
}

footer {
	clear: both;
}

footer p {
	display:block;
	font-family : 'BradhITC';
	font-size: 2em;
	font-weight: bold;
	color: #fff;
	margin-left: 70px;

}

/* SÓWAK */