html, body
{
	text-align: justify;
	background: #fff;
	margin: 0 0 0 0;
	font-family: Verdana, Sans Serif;
	font-size: 12px;
	color: #000;
	height: 100%;
	width: 100%;
}

img
{
	float: none;
	border: 0;

}

.constr
{
	float: left;
	border: 0;
}

.clear
{
	clear: both;
}

#left
{
	float: left;
	width: 15%;
	height: 100%;
	margin-right: 5%;
	display: table;
}

#galeria-box
{
	display: table-cell;
	vertical-align: middle;

      margin: 0 auto;
      margin-top: expression((x=document.documentElement.clientHeight-this.scrollHeight)>0?x/2+'px':0);
}

#right
{
	float: left;
	width: 80%;
	height: 100%;
}

#r-top
{
	float: left;
	width: 100%;
	height: 70%;
	overflow: hidden;
}

#r-bot
{
	float: left;
	width: 100%;
	height: 30%;
	position: relative;
}

#menu
{
	position: absolute;
	right: 5%;
	top: 0;
}

*html #r-bot
{
	height: 29%;
}

.thumb
{
	width: 80px;
	height: 80px;
	margin: 15%;
	margin-left: 20%;
	margin-bottom: 3%;
	margin-top: 10%;
}

*html .thumb
{
	margin: 1%;
	margin-left: 20%;
}

.thumb-cykle
{
	width: 91%;
	height: 80px;
	margin-left: 9%;
	margin-bottom: 3%;
	margin-top: 5%;
}

.thumb-cykle img
{
	float: left;
}

.thumb-cykle p
{
	float: left;
	color: #939598;
	font-size: 16px;
	margin-top: 30px;
	margin-left: 15px;
}

*html .thumb-cykle
{
	margin: 1%;
	margin-left: 8%;
}

.item-last
{
	margin-bottom: 0;
}

.item-first
{
	margin-top: 0%;
}

#nav-box
{
	width: 5%;
	float: left;
	height: 100%;
}

#nav-pre
{
	height: 71%;
	width: 5%;
}

#nav
{
	width: 5%;
	height: 29%;

}

#cykle-nav
{
	float: right;
	margin-right: 5%;
	margin-top: 2%;
}

#cykle-nav p
{
	float: left;
	margin: 0px 10px 0px 10px;
	color: #939598;
	font-size: 16px;
}

.main-txt
{
	float: left;
	margin-right: 10px;
	display: block;
	height: 37px;
}

	#name
	{
		background: url(../images/txt-name.gif) 0 0 no-repeat;
		width: 237px;
	}

	#name-email
	{
		background: url(../images/txt-email.gif) 0 0 no-repeat;
		width: 390px;
	}

	#malarstwo:hover, #malarstwo-sel
	{
		background: url(../images/txt-malarstwo.gif) 0 -37px no-repeat;
		width: 100px;
	}

	#malarstwo
	{
		background: url(../images/txt-malarstwo.gif) 0 0 no-repeat;
		width: 100px;
	}

	#malarstwo-en:hover, #malarstwo-en-sel
	{
		background: url(../images/txt-malarstwo-en.gif) 0 -37px no-repeat;
		width: 79px;
	}

	#malarstwo-en
	{
		background: url(../images/txt-malarstwo-en.gif) 0 0 no-repeat;
		width: 79px;
	}

	#media:hover, #media-sel
	{
		background: url(../images/txt-media.gif) 0 -37px no-repeat;
		width: 60px;
	}

	#media
	{
		background: url(../images/txt-media.gif) 0 0 no-repeat;
		width: 60px;
	}

	#media-en:hover, #media-en-sel
	{
		background: url(../images/txt-media-en.gif) 0 -37px no-repeat;
		width: 60px;
	}

	#media-en
	{
		background: url(../images/txt-media-en.gif) 0 0 no-repeat;
		width: 60px;
	}

	#oautorze:hover, #oautorze-sel
	{
		background: url(../images/txt-oautorze.gif) 0 -37px no-repeat;
		width: 79px;
	}

	#oautorze
	{
		background: url(../images/txt-oautorze.gif) 0 0 no-repeat;
		width: 79px;
	}

	#oautorze-en:hover, #oautorze-en-sel
	{
		background: url(../images/txt-oautorze-en.gif) 0 -37px no-repeat;
		width: 104px;
	}

	#oautorze-en
	{
		background: url(../images/txt-oautorze-en.gif) 0 0 no-repeat;
		width: 104px;
	}

	#teksty:hover, #teksty-sel
	{
		background: url(../images/txt-teksty.gif) 0 -37px no-repeat;
		width: 54px;
	}

	#teksty
	{
		background: url(../images/txt-teksty.gif) 0 0 no-repeat;
		width: 54px;
	}

	#teksty-en:hover, #teksty-en-sel
	{
		background: url(../images/txt-teksty-en.gif) 0 -37px no-repeat;
		width: 42px;
	}

	#teksty-en
	{
		background: url(../images/txt-teksty-en.gif) 0 0 no-repeat;
		width: 42px;
	}

	#kontakt:hover, #kontakt-sel
	{
		background: url(../images/txt-kontakt.gif) 0 -37px no-repeat;
		width: 72px;
	}

	#kontakt
	{
		background: url(../images/txt-kontakt.gif) 0 0 no-repeat;
		width: 72px;
	}

	#kontakt-en:hover, #kontakt-en-sel
	{
		background: url(../images/txt-kontakt-en.gif) 0 -37px no-repeat;
		width: 72px;
	}

	#kontakt-en
	{
		background: url(../images/txt-kontakt-en.gif) 0 0 no-repeat;
		width: 72px;
	}

#prev, #next
{
	float: left;
}

#col1, #col2, #col3
{
	text-align: justify;
	width: 30%;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}

#col3
{
	margin-right: 0px;
}

#col1 table, #col2 table, #col3 table
{
	text-align: left;
	line-height: 16px;
}

a:link
{
     	text-decoration: none;
	color: #577d1b;


}

a:visited
{
    	text-decoration: none;
	color: #577d1b;
}


a:hover
{
    	text-decoration: none;
	color: #577d1b;

}

a:active
{
    	text-decoration: none;
	color: #577d1b;

}

#kontakt-site
{
	font-size: 18px;
	font-weight: bold;
	color: #939598;
	margin-top: 30%;
	margin-left: 10%;
}

#media-site
{
	margin-top: 10%;
	margin-left: 16%;
}