@charset "iso-8859-5";
/* CSS Document */
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.main #container {
	width:60em; /*780px;   using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:32em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element.*/
	border:0px #FF0000 solid; 
}
.main #mainContent {
	position:absolute;
	margin-top:2em;
	padding: 0em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(../../page/images/index_background_opt.jpg);
	width:60em;
	height:30em;
	border:#00FF00 solid 0px;	
}
#przemyslawwolski{
	position:absolute;
	top:2.5em;
	left:2em;
	width:auto;
	height:auto;
	border:#000000 solid 0px;
	}
#camera{
	position:absolute;
	left:1em;
	top:9em;
	width:13em;
	height:15em;
	border:#0000FF solid 0px;
	cursor:pointer;
	visibility:hidden;
	}
.cam:link{ text-decoration:none;}
.cam:visited{ text-decoration:none;}
.cam:active{ text-decoration:none;}
.cam:hover{ text-decoration:none;}


h2{ padding:0px; margin:0px; line-height:1em; padding-top:5px; font-weight:bolder; font-size:1em; }

.access{ text-decoration:underline; font-style:normal; font-size:1em;}

#menu{ position:absolute; top:28em; left:37em; height:1em; text-align:justify;}
#menu h3{ width:0em; font-size:0em; margin:0em; padding:0em; visibility:hidden;}
#menu ul{ float: left; width:20em; height:1em; border-top:#009900 solid 1px; padding:0em; margin:0em; padding-left:0.5em;}
#menu li { list-style: none; margin: 0; padding: 0; width: 4em; float: left; }
#menu a, #menu h4 { font: normal 0.9em Verdana, Arial, Helvetica, sans-serif; display: block; margin:0em; }
#menu h4 { }
#menu a { color: #FFFFFF; text-decoration: none; }
#menu a:hover { color:#FFFF00;}


a:link{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em; color:#FFFFFF; font-style:italic; text-decoration:none;}
a:visited{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em; color:#FFFFFF; font-style:italic; text-decoration:none;}
a:active{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em; color:#FFFF00; font-style:italic; text-decoration:none;}
a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em; color:#FFFF00; font-style:italic; text-decoration:underline;}
.hidden{visibility:hidden;}
.white_text{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:1em; text-align:center;}
.counter{ border:#000000 solid 0px; margin-top:-1em; }
.address{ margin-top:2em; color:#CCCCCC; font-size:x-small; text-align:center; background-color:inherit;}