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

/* =Basic HTML, Non-essential
----------------------------------------------------------------------*/
body

#container0{
	width: 1024px;
	background: url("img/pattern6.gif") repeat;
	margin-left: auto;
	margin-right: auto;
	min-height: 1400px;
}
#container
{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	min-height: 1400px;
	background: url(img/skrzypce.png) -42px 70px no-repeat,
		url(img/instr.png) 180px 10px no-repeat,
		url(img/country.png) 430px 33px no-repeat,
		url(img/kowboje.png) 695px 10px no-repeat,
		url(img/mandolina.png) 970px -40px no-repeat,
		url(img/banjo.png) 950px 280px no-repeat,
		url(img/skrzypce.png) 975px 680px no-repeat,
		url(img/banjo.png) -70px 875px no-repeat,
		url(img/akustyk.png) 940px 980px no-repeat,
		url(img/mandolina.png) -52px 1270px no-repeat,
		url(img/akustyk.png) -82px 1610px no-repeat,
		url(img/mandolina.png) 970px 1430px no-repeat,
		url(img/banjo.png) 950px 1750px no-repeat;
}
#top{

	height: 110px;

}

#nav{
	width: 809px;
	height: 266px;
	margin-top: -2px;
	margin-left: 105px;
	margin-right: auto;
	background-image: url(img/wizytowka.jpg);

	}
  #men1, #men2, #men3, #men4, #men5, #men6, #men7{
	float: left;
	width: 115px;
	height: 35px;
	font-family: arial;
	font-size: 18px;
	padding-top: 238px;
	text-align: center;
	text-top: 104px;
	color: white;
}



#nav2{
	float: left;
	width:190px;
	margin-left: 5px;
	min-height: 710px;
	font-family: arial;
	font-weight: bold;
	background-image: url(img/drogowskaz.png);
		
	}
#top1{
	width: 180px;
	height: 26px;
	margin-top: 71px;
	font-size: 18px;
	text-align: center;
	
	}
#top2{
	width: 180px;
	height: 26px;
	margin-top: 3px;
	font-size: 18px;
	text-align: center;
}
#top3{
	width: 180px;
	height: 26px;
	margin-top: 2px;
	font-size: 18px;
	text-align: center;
}
#top4{
	width: 180px;
	height: 26px;
	margin-top: 2px;
	font-size: 18px;
	text-align: center;
}
#top5{
	width: 180px;
	height: 26px;
	margin-top: 3px;
	font-size: 18px;
	text-align: center;
}
#top6{
	width: 180px;
	height: 26px;
	margin-top: 2px;
	font-size: 18px;
	text-align: center;
}
#top7{
	width: 180px;
	height: 26px;
	margin-top: 2px;
	font-size: 18px;
	text-align: center;
	
}
#top8{
	width: 180px;
	height: 26px;
	margin-top: 2px;
	font-size: 18px;
	text-align: center;
}
#top9{
	width: 180px;
	height: 26px;
	margin-top: 2px;
	font-size: 18px;
	text-align: center;
}
#top10{
	width: 180px;
	height: 26px;
	margin-top: 3px;
	font-size: 18px;
	text-align: center;
}
#top11{
	width: 180px;
	height: 26px;
	margin-top: 3px;
	font-size: 18px;
	text-align: center;
}
#top12{
	width: 180px;
	height: 26px;
	margin-top: 30px;
	font-size: 18px;
	text-align: center;
}

#strona_menu{
	float: left;
	margin-left: 380px;
}
#strona, #strona1, #strona2, #strona4{
	float: left;
	margin-top: 20px;
	margin-left: 40px;
	width: 30px;
	height: 35px;
	text-align: left;
	font-size: 24px;
	color: #ffcc99;
	font-family: arial;
}
#strona3{
	float: left;
	margin-top: 20px;
	margin-left: 40px;
	width: 30px;
	height: 35px;
	text-align: left;
	font-size: 24px;
	color: #ffcc99;
	font-family: arial;
	text-decoration: underline;
}
#zdjecie{
	float: left;
	transform: rotate(12deg);
	margin-top: 20px;
	margin-left: 100px;
	margin-right: auto;
	border-color: rgba(255,255,255, .3);
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	padding: 13px;
	transition: 2.5s;
}
#zdjecie:hover{
	transform: rotate(372deg);
}
#footer{
	clear: both;
	background-color: rgba(255,255,255, .5);
	color: white;
	text-align: center;
	padding: 18px;
	margin-bottom: 20px;
}
#down{
	width: 1024px;
	height: 20px;
}

p a
{
	background: inherit;
	color: #777;
}

p a:hover
{
	background: inherit;
	color: #000;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	float: left;
	transform: rotate(-5deg);
	margin-left: 113px;
	margin-top: -105px;
	margin-bottom: 15px;
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	
	position: absolute;
	top: -600px;
	left: -210px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: rgba(255,255,255, .3);
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 0,5px;
	vertical-align: top;
	width: 150px;
	height: 150px;
}

.hoverbox li
{
	background: rgba(000, .3);
	border-color: rgba(255,255,255, .5);
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 25px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	border-radius: 5px;
	transform: rotate(8deg);
	padding: 2px;
	width: 575px;
	height: 575px;
}



/* niedwiedzony link */
#nav a:link
{
	color: white;
	text-decoration: none;
}

/* odwiedzony link */
#nav a:visited
{
	color: white;
	text-decoration: none;
}

/* link po najechaniu kursorem */
#nav a:hover
{
	color: red;
	text-decoration: none;
}

#nav2 a:link{
	color: #310501;
	text-decoration: none;
}
#nav2 a:visited{
	color: #310501;
	text-decoration: none;
}
#nav2 a:hover{
	color: white;
	text-decoration: none;
}

#strona_menu a:link{
	color: #ffcc99;
	text-decoration: none;
}
#strona_menu a:visited{
	color: #ffcc99;
	text-decoration: none;
}
#strona_menu a:hover{
	color: red;
	text-decoration: underline;
}
#top9 a:link{
	color: #310501;
	text-decoration: underline;
}
#top9 a:visited{
	color: #310501;
	text-decoration: none;
}
#top9 a:hover{
	color: white;
	text-decoration: underline;
}