html, body, ol, ul, li
{
	background: #000 url(../images/tlo.jpg);
	background-repeat : repeat;
	margin: 0 auto;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #343434;
	z-index : 0;
}
#all
{
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -280px;
	left:0px;

}
#load {
	background: #fff;
	width: 22%;
	display: none;
	position:fixed;
	_position:absolute;
	left: 40%;
	top: 100px;
	_top:expression(eval(document.documentElement.scrollTop) + 100);
	margin: auto;
	background: #ddd; 
	text-align: center;
	vertical-align: middle;
	border: 1px dotted #888;
	color: #000;
	font-size: 12px;
	font-weight: bold;
		}
a img { border: none; }
.obrazek {
	border-width: 1px;
	border-color: #000;
	border-style: solid ;
	margin: 2px ;
}

a:link, a:visited {
color : #676767;
font-weight : normal;
text-decoration : none;
font-family : "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size : 12px;
padding-left : 4px;
text-decoration : none;
}

a:hover {
color : #5e697b;
text-decoration : underline;
}

#menu {
	width: 294px;
	height: 380px;
	text-align: center;
}
#menu ul {
	background: url(../images/img_01.jpg);
	list-style: none;
	width: 294px;
	display: block;
	margin: 0px;
}
#menu li {

	list-style: none;
	display: block;
	padding: 5px;
	margin: 10px;
	background: url(../images/img_01.jpg);
}

#menu li a{
	display: block;
	margin: 0px;
	text-decoration: none;
	color: #222222;
	text-align: center;
	font-family: Verdana, Arial, 'Century Gothic';
	font-size: 12px;
}
#menu li a:hover{
	color: #fff;
	padding: 0px;
	background: #cf1519;
}

.stopka{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #676767;
}

input#imie, #email, #tresc {
padding : 2px;
border : 1px solid #fff;
background : #999999;
color : #fff;
font-size: 12px;
}
input#wyslij {
width : 80px;
padding : 2px;
border : 1px solid #fff;
background : #999999;
color : #fff;
cursor : pointer;
}
input#wyslij:hover, input#wyczysc:hover {
color : #000;
border : 1px solid #fff;
}

textarea {
	border : 1px solid #9ea8b6;
	padding : 2px;
	font-weight : normal;
	font-family : Verdana, Arial;
	font-size : 10px;
	color: #cabfad;
}


#kontaktarea {
width: 500px;
height: 460px;
overflow: hidden;
position: relative;
margin: 0.2em auto;
padding: 10px;
text-align: justify;
border: 0px dotted #333333;
}

#mycustomscroll {
width: 500px;
height: 450px;
overflow: auto;
position: relative;
background: url(../images/projekt.png);
background-position: bottom right;
background-repeat : no-repeat;
margin: 0.3em auto;
padding: 10px;
text-align: justify;
z-index:10;
}
.text{
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
padding: 10px;
text-align: justify;
color: #676767;
}
.h1{
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 18px;
color: #676767;
}
#home{
	width: 294px;
	height: 380px;
	text-align: center;
}
#home a{
	padding:8px 43px;
	top:100px;
	font-family: Verdana, Arial, 'Century Gothic';
	font-size: 16px;
	border-width:0px;
	background: #cf1519 url(../images/tlo_m.jpg);
	position:relative;
	z-index:4;
	color: #fff;
}
#home a:hover{
	color: #000;
	text-decoration: none;
	border:1px dotted #fff;
	background: #cf1519;
	}
.tytul{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
}
.grubo{
	font-family : "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	padding: 10px;
	text-align: justify;
	color: #676767;;
	font-weight : bold;
}
.h2{
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #676767;
}