* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
}

/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

.bolded{
	font-weight: bold;
}

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center; 
	min-width:980px;/* for good browsers*/
	min-height:660px;/* for good browsers*/
	background-image: url(./images/px.jpg);
}

#gradient{
	z-index: 1;
	width: 100%;
	height: 660px;
	background-image: url(./images/gradient3.png);
	background-position: top;
	background-repeat: repeat-x;
}

a, a:visited, a:hover {
	color: black;
	text-decoration: none;
}

#container {
	z-index: 2;
	position: absolute;
	width: 980px;
	height:660px;
	left: 50%;
	top: 0px;
	margin-left: -490px;
	background-image: url(./images/background.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 1px;
	outline: 0px dashed blue;
}

#maska {
	outline: 0px dotted red;
	position: absolute;
	width: 469px;
	height:461px;
	left: 90px;
	top: 145px;
	background-image: url(./images/maska.jpg);
	background-repeat: no-repeat;
}

#menu1 {
	outline: 0px dotted red;
	position: absolute;
	width: 406px;
	height:29px;
	left: 494px;
	top: 9px;
}

#menu1 a {
	outline: 0px dotted blue;
	display: block;
	position: absolute;
	top: 0px;
	height: 29px;
	background-repeat: no-repeat;
	background-position: top;
}

#menu1 a:hover {
	background-position: bottom;
}

#menu1 #w_sieci {
	background-image: url(./images/menu1_1.jpg);
	width: 93px;
	left: 0px;
}

#menu1 #w_dloniach {
	background-image: url(./images/menu1_3.jpg);
	width: 111px;
	left: 93px;
}

#menu1 #w_obiektywie {
	background-image: url(./images/menu1_4.jpg);
	width: 124px;
	left: 204px;
}

#menu1 #w_druku {
	background-image: url(./images/menu1_5.jpg);
	width: 78px;
	left: 328px;
}

#menu2 {
	outline: 0px dotted red;
	position: absolute;
	width: 90px;
	height:80px;
	left: 0px;
	top: 438px;
}

#menu2 a {
	outline: 0px dotted blue;
	width: 90px;
	height: 35px;
	display: block;
	margin-bottom:10px;
	background-repeat: no-repeat;
	background-position: top;
}

#menu2 a:hover {
	background-position: bottom;
}

#menu2 #o_mnie {
	background-image: url(./images/menu2_1.jpg);
}

#menu2 #kontakt {
	background-image: url(./images/menu2_2.jpg);
}

#content {
	outline: 0px dotted red;
	position: absolute;
	width: 400px;
	height:336px;
	left: 460px;
	top: 185px;
	overflow: auto;
}

#content *{
	color: black;
}

#content p{
	margin: 12px;
	text-align: justify;
}

#content p div{
	font-weight: bold;
}

#fullcontent {
	outline: 0px dotted red;
	position: absolute;
	width: 760px;
	height:423px;
	left: 110px;
	top: 165px;
	overflow: auto;
}

#pobierz {
	outline: 0px dotted red;
	position: absolute;
	width: 320px;
	height:75px;
	left: 550px;
	top: 515px;
}

#managebutton{
	position: absolute;
	right: 0px;
	top: 0px;
}

#thumbcont {
	display: block;
	outline: 0px dotted red;
	position: absolute;
	width: 192px;
	height:415px;
	left: 112px;
	top: 168px;
	overflow: visible;
}

#thumblist {
	display: block;
	outline: 0px dotted blue;
	position: absolute;
	width: 192px;
	height:415px;
	overflow: visible;
}

.thumbdiv {
	display: block;
	background-position: top;
	background-repeat: no-repeat;
	outline: 0px dotted #932fa3;
	border: 2px solid #932fa3;
	width: 150px;
	height: 110px;
	margin: 20px 10px;
	overflow: hidden;
}

.w_druku .thumbdiv, .w_obiektywie .thumbdiv {
	background-position: center;
}

#picture {
	display: none;
	outline: 0px dotted red;
	position: absolute;
	width: 546px;
	height:383px;
	left: 325px;
	top: 186px;
	overflow: hidden;
	color: black;
	text-align: center;
}

#pic img{
	z-index: 6;
	border: 3px solid #932fa3;
}

#picture #descr{
	z-index: 10;
	display: none;
	outline: 0px dotted blue;
	position: absolute;
	width: 546px;
	left: 0px;
	top: 0px;
	background-image: url(./images/belki.png);
	background-position: top;
	color: black;
	text-align: center;
}

#picture #descr p{
	margin: 6px
}

.belka * {
	color: black;
}

.belka {
	display: none;
	outline: 0px dotted blue;
	position: absolute;
	width: 546px;
	left: 325px;
}

#gorna{
	top: 166px;
	text-align: center;
}

#gorna #title{
	outline: 0px dotted yellow;
	display: block;
	position: absolute;
	width: 366px;
	top: 0px;
	left: 0px;
	margin: 0px 90px;
	text-align: center;
	font-weight: bold;
}

#gorna #pokazopis{
	outline: 0px dotted blue;
	display: block;
	position: absolute;
	top: 0px;
	margin-right: 20px;
	right: 0px;
	text-align: right;
}

#dolna{
	top: 574px;
}

.navi{
	outline: 0px dotted blue;
	display: block;
	position: absolute;
	width: 100px;
	height: 20px;
	top: 0px;
	padding: 0px 20px;
	font-weight: bold;
}

#prev{
	left: 0px;
	text-align: left;
}

#next{
	right: 0px;
	text-align: right;
}

#licznik{
	outline: 0px dotted blue;
	display: block;
	position: absolute;
	width: 266px;
	height: 20px;
	top: 0px;
	left: 0px;
	margin: 0px 140px;
	text-align: center;
}

#licznik .numerki{
	margin: 0px 5px;
}

#kontakt a{
	text-decoration: underline;
}

.managepicturecontainer{
	outline: 0px dashed blue;
	width: 760px;
}

.shortfields{
	clear: left;
}

.shortfields, .longfields{
	outline: 0px dashed red;
	display: inline-block;
	margin-left: 20px;
}