html, body, div, p, img, a, ul, li, h1, h2, h3, h4, hr, input, form
	{
		border: 0px;
		padding: 0px;
		margin: 0px
	}
	
	html 
	{ 
		height: 100%;
	}
		
	body
	{
		height: 100%;
		background: #dfe0e2 url('obrazki/pasek_tlo.png') repeat-x;
		font-family: Verdana,Trebuchet MS, Tahoma, Georgia, sans-serif;
		font-size: small;
		text-align: center;
		color: #353c3e;
	
	}
	
	div {border: 0px solid red;}
#lang, #lang li

	{
	list-style-type: none; 
	position: relative;
	top: -11px;
	float: right;
	margin: 0px 10px 0px 0px; 
	}
	
#div_menu2{
text-align: left;

margin: auto;
width: 860px;
height: 29px;
padding: 8px 0px 0px 0px;
color: #c5c5c5;
}
#div_menu2 form{
display: inline;
}

#div_menu2 .butt{
position: relative;
top: 3px;
margin: 0px 0px 0px 23px;
padding: 0px 0px 0px 0px;
}


#div_menu2 .pole{
display: inline;
height: 14px;
margin: 0px 0px 0px 0px;
background: #dfe0e2;
border: 1px solid #8c8c8c;
}



#div_menu2 p{
display: inline;
margin: 0px 5px 0px 25px;
}


#baner{

width: 917px;
height:158px;
margin: 0px auto;
padding: 0px 3px 4px 0px;
}

#flashgif
{
position: relative;
top: -158px;
}

#div_menu{
margin: auto;
width: 880px;
padding: 12px 0px 0px 40px;

}

#div_menu ul, #div_menu ul li {
	list-style: none;
	display: inline;
}


#div_menu a:link, #div_menu a:visited {

	text-decoration: none;
	background: url("obrazki/menu.png") no-repeat 5px 9px;
	font-weight: bold;
	color: #353c3e;
	width: 115px;
	height: 23px;
	padding: 7px 20px 7px 25px; 
	margin: 0px 10px 0px 0px;
}

#div_menu a:hover, #div_menu a:active{
	
	color: white;
	background: #8fbdd4 url("obrazki/menu_a.png") no-repeat 5px 9px;
	
}

#menu_a a:link, #menu_a a:visited {

	text-decoration: none;
	background: #8fbdd4 url("obrazki/menu_a.png") no-repeat 5px 9px;
	font-weight: bold;
	color: white;
	width: 115px;
	height: 23px;
	padding: 7px 20px 7px 25px; 
	margin: 0px 10px 0px 0px;
}


#main{
padding: 40px 100px 0px 130px;
margin: auto;
height: 560px;
width: 700px;
background: transparent url('obrazki/radary1.png') no-repeat 720px bottom; 
text-align: left;
}

#main img{

float: left;
margin: 0px 10px 5px 0px;
}


#main h2{
font-size: medium;
margin: 10px 0px 10px 0px;
}

#main h4{
font-size: 1.1em;
margin: 10px 0px 10px 0px;
/* text-align: center; */
}
#main p{
margin: 0px 40px 10px 20px;

}

#main h3{
font-size: 1.1em;
margin: 10px 0px 10px 0px;
}

#main ul{
margin: 0px 0px 0px 30px;
}

#main a:link, #main a:visited {

	text-decoration: none;
	color: #0080c0;
}

#main a:hover, #main a:active {
	/* color: #00496c; */
	font-weight: bold;
}


#stopka{
border-top: 2px solid white;
height: 160px;
background: transparent url('obrazki/tlo.png') repeat; 
}

#stopka2{
margin: auto;
width: 860px;
height: 130px;
background: transparent url('obrazki/radary2.png') no-repeat 720px 0px; 
text-align: left;
padding: 30px 0px 0px 70px;
}

#stopka2 ul, #stopka2 ul li {
	list-style: none; 
	display: inline;  
}



#stopka2 a:link, #stopka2 a:visited {

	text-decoration: none;
	color: black;
}

#stopka2 a:hover, #stopka2 a:active {
	color: white;
}

#st1, #st2{
height: 100px;
width: 150px;
border-right: 1px solid white;
float: left;
padding: 0px 0px 0px 30px;
}

	
#st1 {
background: transparent url('obrazki/ok.png') no-repeat 140px 72px; 
}
#st1 p{
padding: 5px 0px 0px 0px;
}
#st1 h2{
padding: 0px 0px 5px 0px;
letter-spacing: 2px;
}

#st2 h4{
padding: 0px 0px 5px 0px;
letter-spacing: 2px;
}

#st2 p{
padding: 2px 0px 0px 0px;
}

#st2 {
background: transparent url('obrazki/koszyk.png') no-repeat 140px 75px; 
}

#st3{
height: 100px;
width: 140px;
border-right: 1px solid white;
float: left;
padding: 0px 0px 0px 30px;
}

#st3 ul{
list-style-type: disc; 
display: block;
}
#st3 ul li{
display: block;
padding: 5px 0px 0px 0px;
}

#st3 {
background: transparent url('obrazki/celownik.png') no-repeat 130px 65px; 
}

#stopka2 img{
border: 1px solid #353c3e;
margin: 10px 0px 0px 30px;
}


#dotik{
position: relative;
top: -105px;
left: 30px;
font-size: x-small;
}

#komiksPreview{
		visibility: hidden; 
		position: fixed;
		top: 0px;
		left: 0px;
		width: 605px;
		height: 605px;
		background: transparent url('obrazki/bckgrd.png') repeat;
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
		border: 2px solid white;
		display: inline;
		color: red;
		}
		
#komiksPreview a{
font-weight: bold;
float: right;
}		

#komiksPreview a:link, #komiksPreview a:visited {

	text-decoration: none;
	color: red;
}

#komiksPreview a:hover, #komiksPreview a:active {
	color: #0000ff;
}

		#komiksPreviewin{
				
		position: relative;
		margin: 30px auto;
		padding: 0px 0px 0px 0px;
		width: 535px;
		height: 535px;
			background: transparent url('obrazki/ludy/ludy_p1.jpg') no-repeat;
		text-align: left;
		border: 0px solid black;
		}