header, section, footer,
aside, nav, article, figure {
		display: block;
		margin:0;
		padding:0;
} 

.thumbnailMini
{
		margin-top:10px;
		max-height:80px;
}

body
{
		margin:0;
		padding:0;
		background:url(../img/bgAluminium.jpg) #B1B2BA no-repeat center 13px;
		color:#FFFFFF;
		font-family:Verdana, Arial, sans-serif;
		font-size:14px;
		line-height:1.5;
}

h1, h2, h3, h4, h5
{
		margin:0;
		padding:0;
}

h1
{
		font-size:150%;
}

h2
{
		font-size:130%;
}

img
{
		border:none;
}

a:link,
a:visited
{
		color:#6677AA;
}

a:hover
{
		color:#8899CC;
}

#wrapper
{
		position:relative;
		min-height:791px;
		width:1003px;
		margin:0 auto;
}

#contentWrapper
{
		padding-top:211px;
		padding-bottom:119px;
}

nav, #menu
{
		width:100%;
		height:67px;
		background:url(../img/bgMenu.png) transparent repeat-x 0 0;
		position:relative;
		left:0;
		top:0;
}

nav ul,
#menu ul
{
		width:476px;
		height:100%;
		margin:0 auto;
		padding:0 0 0 527px;
		list-style-type:none;
}

nav ul li,
#menu ul li
{
		height:100%;
		float:left;
		padding-right:2px;
		background:url(../img/hrMenu.png) transparent no-repeat right top;
}

nav li a,
#menu li a
{
		display:block;
		height:52px;
}

nav li a.index,
#menu li a.index
{
		width:131px;
		background:url(../img/produkty-btn.png) transparent no-repeat 0 0;
		text-indent:-2000em;
}

nav li a.galeria,
#menu li a.galeria
{
		width:107px;
		background:url(../img/galeria-btn.png) transparent no-repeat 0 0;
		text-indent:-2000em;
}

nav li a.o-nas,
#menu li a.o-nas
{
		width:90px;
		background:url(../img/onas-btn.png) transparent no-repeat 0 0;
		text-indent:-2000em;
}

nav li a.referencie,
#menu li a.referencie
{
		width:134px;
		background:url(../img/referencie-btn.png) transparent no-repeat 0 0;
		text-indent:-2000em;
}


nav li a:hover,
#menu li a:hover,
nav li.active a,
#menu li.active a
{
		background-position:0 -52px;
}

header,
#header
{
		position:absolute;
		top:-50px;
}

header h1,
#header h1
{
		width:470px;
		height:66px;
		margin:0;
		padding:0;
		background:url(../img/logo.png) transparent no-repeat 0 0;
		text-indent:-2000em;
}

footer,
#footer
{
		text-align:left;
		font-size:80%;
		padding-left:250px;
		color:#1D1E2E;
		margin-bottom:1em;
}

footer p,
#footer p
{
		margin:5px 0;
}


aside,
#aside
{
		width:229px;
		height:607px;
		background:url(../img/bgAside.png) transparent no-repeat 0 0;
		position:absolute;
		right:0;
		z-index:1;
		padding:102px 35px 50px 68px;
}


#content
{
		
		position:relative;
		top:100px;
		z-index:2;
		width:610px;
		min-height:475px;
		background:url(../img/contentMiddle.png) transparent repeat-y 0 0;
		padding:8px 35px;

}

#content:before
{
		content:'';
		display:block;
		width:680px;
		height:97px;
		background:url(../img/contentTop.png) transparent no-repeat 0 0;
		top:-97px;
		left:0px;
		position:absolute;
}

#content:after
{
		content:'';
		display:block;
		position:absolute;
		left:0px;
		bottom:-21px;
		width:680px;
		height:21px;
		background:url(../img/contentBottom.png) transparent no-repeat 0 0;
		clear:both;
}

#content h1:first-child
{
		position:relative;
		top:-97px;
		margin-top:8px;
		margin-bottom:-40px;
}

.panel
{
		width:181px;
		float:left;
		margin-right:22px;
		margin-bottom:8px;
}

h2.contact
{
		width:134px;
		height:35px;
		background:url(../img/kontakt.png) transparent no-repeat 0 0;
		text-indent:-2000em
}

#content h1.produkty
{
		width:144px;
		height:35px;
		margin-top:4px;
		text-indent:-2000em;
		background:url(../img/produkty.png) transparent no-repeat 0 0;
}

#content h1.galeria
{
		width:144px;
		height:35px;
		margin-top:4px;
		text-indent:-2000em;
		background:url(../img/galeria.png) transparent no-repeat 0 0;
}

#content h1.onas
{
		width:144px;
		height:35px;
		margin-top:4px;
		text-indent:-2000em;
		background:url(../img/onas.png) transparent no-repeat 0 0;
}

#content h1.referencie
{
		width:162px;
		height:35px;
		margin-top:4px;
		text-indent:-2000em;
		background:url(../img/referencie.png) transparent no-repeat 0 0;
}

#content h1.kontakt
{
		width:134px;
		height:35px;
		margin-top:4px;
		text-indent:-2000em;
		background:url(../img/kontakt.png) transparent no-repeat 0 0;
}

aside address
{
		font-style:normal;
		font-size:120%;
		line-height:2;
}

aside img
{
		margin-left:-38px;
		margin-right:10px;
}

.motto
{
		display:block;
		background:url(../img/motto.png) transparent no-repeat 0 0;
		width:345px;
		height:112px;
		position:absolute;
		left:658px;
		text-indent:-2000em;
}

aside .hr,
#aside .hr
{
		width:246px;
		height:3px;
		background:url(../img/hrAside.png) transparent no-repeat 0 0;
		margin:30px 0 30px -38px;
}

.bytext
{
		font-size:110%;
		font-style:italic;
		margin-left:-38px;
}

#slideshow
{
		width:638px;
		height:189px;
		position:absolute;
		top:16px;
		left:4px;
		z-index:1;
}

#slideshow .overlay
{
		width:637px;
		height:193px;
		background:url(../img/slideshow.png) transparent no-repeat 0 0;
		position:absolute;
		left:0;
		top:0;
		z-index:10;
}

#slideshow img
{
		width:630px;
		max-height:189px;
		margin-top:3px;
		margin-left:3px;
}

ul.galleryAdmin,
ul.gallery
{
		list-style-type:none;
}

ul.galleryAdmin
{
		padding:0;
}


.galleryWrapper a
{
		color:#6677aa;text-decoration:none;outline:none;
}
.galleryWrapper	a:hover
{
		color:#8899cc;
}
.galleryWrapper	.caption
{
		font-style:italic;color:#887;
}
.galleryWrapper
{
		position:relative;
}
.galleryWrapper	.gallery
{
		width:auto;margin:0 auto;
}
.galleryWrapper	.gallery li
{
		width:68px;height:50px;border:3px double #111;margin: 0 2px 2px 0;background:#000;
}
.galleryWrapper	.gallery li div
{
		left:240px
}
.galleryWrapper	.gallery li div .caption
{
		font:italic 0.7em/1.4 Verdana,Arial,sans-serif;
}
	
.galleryWrapper	#mainImage
{
		margin:0 auto 50px auto;
		height:382px;
		width:610px;
		background:black;
		text-align:center;
}
.galleryWrapper	#mainImage img
{
		margin-bottom:10px;
}
	
.galleryWrapper	.nav
{
		padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;
		text-align:center;
}

.galleryWrapper .thumbnail
{
		max-width:610px !important;
		height:382px;
}
	
img.ukazka
{
		max-width:176px;
		margin: 1em 10px;
}

.heslo
{
		font-size:120%;
		text-align:center;
		font-style:italic;
}