/* Zespol muzyczny Horyzont */





/* Glowne */



body {

background: #fff;

margin: 0;

}



img {

display: block;

border: 0;

}





/* Uklad */



#logo {

	background-image: url(images/logo.jpg);

	margin: 0px;

	padding: 0px;

	height: 150px;

	width: 350px;

	position: absolute;

	visibility: visible;

	left: 0px;

	top: 0px;



}



#baner {

	background-image: url(images/baner.jpg);

	margin: 0px;

	padding: 0px;

	height: 150px;

	width: 430px;

	left: 350px;

	top: 0px;

	position: relative;

	visibility: visible;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #545454;



}



#fotografia {

	margin: 0px;

	padding: 0px;

	height: 81px;

	width: 340px;

	left: 425px;

	top: 60px;

	position: absolute;

	visibility: visible;



}



#lewa {

	background-image: url(images/lewa.jpg);

	position: absolute;

	visibility: visible;

	height: 200px;

	width: 179px;

	left: 0px;

	top: 150px;

	margin: 0px;

	padding: 0px;







}



#menu {

  	margin: 0px;

	padding: 0px;

	height: 200px;

	width: 171px;

	position: absolute;

	visibility: visible;

	left: 179px;

	top: 150px;

}







#ewelina {

	margin: 0px;

	padding: 0px;

	height: 200px;

	width: 430px;

	position: absolute;

	visibility: visible;

	left: 350px;

	top: 150px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #545454;





}



#galeria {

	background-image: url(images/galeria.jpg);

	margin: 0px;

	padding: 0px;

	height: 63px;

	width: 348px;

	position: absolute;

	visibility: visible;

	left: 0px;

	top: 350px;





}



#pasek {

	background-image: url(images/pasek.jpg);

	margin: 0px;

	padding: 0px;

	height: 650px;

	width: 20px;

	position: absolute;

	visibility: visible;

	left: 340px;

	top: 350px;





}



#ozespole {

	background-image: url(images/ozespole.jpg);

	margin: 0px;

	padding: 0px;

	height: 63px;

	width: 430px;

	position: absolute;

	visibility: visible;

	left: 350px;

	top: 350px;



}



#kontakt {

	background-image: url(images/kontakt.jpg);

	margin: 0px;

	padding: 0px;

	height: 63px;

	width: 430px;

	position: absolute;

	visibility: visible;

	left: 350px;

	top: 350px;



}



#linki2 {

	background-image: url(images/linki1.jpg);

	margin: 0px;

	padding: 0px;

	height: 63px;

	width: 430px;

	position: absolute;

	visibility: visible;

	left: 350px;

	top: 350px;



}



#linki {

	margin: 0px;

	padding: 0px;

	height: 63px;

	width: 430px;

	position: absolute;

	visibility: visible;

	left: 350px;

	top: 350px;

	background-image: url(images/linki1.jpg);





}



#repertuar {

	background-image: url(images/repertuar.jpg);

	margin: 0px;

	padding: 0px;

	height: 63px;

	width: 430px;

	position: absolute;

	visibility: visible;

	left: 350px;

	top: 350px;



}





#galeria4 {

	background-image: url(images/galeria1.jpg);

	margin: 0px;

	padding: 0px;

	height: 63px;

	width: 430px;

	position: absolute;

	visibility: visible;

	left: 350px;

	top: 350px;



}



#materialy1 {

	background-image: url(images/materialy1.jpg);

	margin: 0px;

	padding: 0px;

	height: 63px;

	width: 430px;

	position: absolute;

	visibility: visible;

	left: 350px;

	top: 350px;



}





#tlo {

	margin: 0px;

	padding: 0px;

	height: 954px;

	width: 430px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #545454;

	position: absolute;

	visibility: visible;

	left: 348px;

	top: 350px;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #7185AB;







}





#galeria1 {

	position: absolute;

	visibility: visible;

	height: 120px;

	width: 80px;

	left: 30px;

	top: 430px;





}



#galeria2 {

	position: absolute;

	visibility: visible;

	height: 120px;

	width: 80px;

	left: 132px;

	top: 430px;

}



#galeria3 {

	position: absolute;

	visibility: visible;

	height: 120px;

	width: 80px;

	left: 234px;

	top: 430px;

}



#wiecej-galeria {

	position: absolute;

	visibility: visible;

	left: 30px;

	top: 560px;



}



#materialy {

	margin: 0px;

	padding: 0px;

	height: 63px;

	width: 348px;

	position: absolute;

	visibility: visible;

	left: 0px;

	top: 590px;

	background-image: url(images/materialy.jpg);



}



#player {

	margin: 0px;

	padding: 0px;

	height: 100px;

	width: 300px;

	position: absolute;

	visibility: visible;

	left: 25px;

	top: 660px;



}





#wiecej-materialy {

	position: absolute;

	visibility: visible;

	left: 30px;

	top: 770px;

}



#wiecej-linki {

	position: absolute;

	visibility: visible;

	left: 30px;

	top: 900px;

}



.tekst {

	position: absolute;

	visibility: visible;

	height: 1173px;

	width: 345px;

	left: 387px;

	top: 438px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: center;

	color: #333;



}



.tabela {

	margin: 0;

	width: 340px;

	border: none;

	padding: 0px;

}





div#foto img {

	position: absolute;

	visibility: visible;

	left: 385px;

	top: 440px;

	display: inline;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: center;

	color: #333;

	width: 345px;



}







#linki {

	background-image: url(images/linki.jpg);

	margin: 0px;

	padding: 0px;

	height: 63px;

	width: 348px;

	position: absolute;

	visibility: visible;

	left: 0px;

	top: 796px;





}



#linki1 {

	margin: 0px;

	padding: 0px;

	height: 51px;

	width: 300px;

	position: absolute;

	visibility: visible;

	left: 30px;

	top: 880px;





}





div#linki2 ul {

	margin: 0px;

	padding: 0px;

	position: absolute;

	visibility: visible;

	left: 30px;

	top: 875px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	list-style-type: none;





}



#stopka1 {

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #545454;

	position: absolute;

	visibility: visible;

	height: 5px;

	width: 780px;

	left: 1px;

	top: 1063px;

	background-image: url(images/stopka1.jpg);









}



#stopka2 {

	background-image: url(images/stopka2.jpg);

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #545454;

	position: absolute;

	visibility: visible;

	height: 40px;

	width: 780px;

	left: 1px;

	top: 1304px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #545454;

}



#stopka3 {

	position: absolute;

	visibility: visible;

	height: 30px;

	width: 780px;

	left: 18px;

	top: 1323px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #fff;

	text-align: center;

	font-weight: normal;

	font-style: normal;

}



div#stopka3 a {

color: #fff;

}



div#stopka4 ul {

	position: absolute;

	visibility: visible;

	height: 40px;

	width: 780px;

	left: 1px;

	top: 1648px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #545454;

	text-align: center;

	font-weight: normal;

	list-style-type: none;

	margin: 0px;

	padding: 0px;





}



.av {

	list-style-type: circle;

	list-style-position: outside;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 17px;













}



#valid {

	position: absolute;

	visibility: visible;

	height: 60px;

	width: 300px;

	left: 693px;

	top: 1208px;

	display: inline-table;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

}





div#valid1 img {

	display: inline;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

}







.form1 {

	background-color: #F7F7F7;

	border: 1px solid #CCCCCC;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #7185AB;

	font-size: 12px;

}





/* Typografia */



p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: justify;

	color: #333;

	line-height: 17px;





}



h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	text-align: left;

	color: #333;

	vertical-align: 12%;

}







ul {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: justify;

}



.border {

	border: 1px solid #000000;

	margin: 0px;

	padding: 0px;





}





/* Linki */





A:link {

	color:#7185AB;

	text-decoration: none;

} 



A:visited {

	color:#7185AB;

	text-decoration: none;

} 



A:hover {

	color:#7185AB;

	text-decoration: underline;

} 



A:active {

	color:#7185AB;

	text-decoration: none;

}