/* Setup: Repeated code per rollover */

#info {
	background-image: url(../images/r.gif);    /* rollover state */
	width: 200px;                    /* image width */
	height: 100px;                   /* image height */
}

#swap01 {
	background-image: url(../images/ciagniki_01-over.jpg);    /* rollover state */
	width: 136px;                    /* image width */
	height: 243px;                   /* image height */
}
#swap02 {
	background-image: url(../images/ciagniki_02-over.jpg);    /* rollover state */
	width: 136px;                    /* image width */
	height: 243px;                   /* image height */
}
#swap03 {
	background-image: url(../images/ciagniki_03-over.jpg);    /* rollover state */
	width: 136px;                    /* image width */
	height: 243px;                   /* image height */
}
#swap04 {
	background-image: url(../images/ciagniki_04-over.jpg);    /* rollover state */
	width: 136px;                    /* image width */
	height: 243px;                   /* image height */
}
#swap05 {
	background-image: url(../images/ciagniki_05-over.jpg);    /* rollover state */
	width: 136px;                    /* image width */
	height: 243px;                   /* image height */
}


/* Application: Common Code */

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* optional */
#images {

	/*
	left: 50%;
	margin-top: -122px;
	position: absolute;
	top: 50%;
	margin-left: -340px;
	*/
	align: center;
	width: 685px;
	height: 243px;
}
#images a { float: left; }

body { background-color: #E3E3E3; margin: 0; padding: 0; }


body {
	color: #000;
	background-color: #FCFCFC;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
/*	*/
}
a {
color: #000000;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
a:hover {
color: #249600;

}
h1 {
position: absolute;
top: 40px;
left: 0px;
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
#menu{
position: absolute;
top: 485px;
left: 0;
width: 100%;
/*

bottom: 60px;
margin-bottom: 50px;
*/
float: none;
clear: both;
}

#bt {
position: absolute;
padding-left: 10%;
padding-right: 10%;
margin-top: -28px;
font-size: 1em;
color: #CACACA;
}


#boot {
text-align: center;
}

h3 {
font-size: 13px;
text-align: center;
}

#bt2 {
/*
position: relative;
absolute
*/
text-align: justify;
padding-left: 10%;
padding-right: 10%;
margin-top: 470px;
font-size: 1em;
color: #777;
float: none;
clear: none;
color: #CACACA;
}


p {
background-color: #B6B6B6;
position: absolute;
bottom: 0px;
width: 100%;
height: 20px;
font-size: 1em;
color: #777;
margin: 0px;
padding-top: 2px;

/*
margin: 0px;
padding: 2px;
*/
}




#bg  {

	background-image: url(../images/ciagniki_bg.jpg);
	margin: 100px 0px 0px 0px;
	/*
	position: absolute;
	top: 50%;
	margin-top: -122px;
	margin-left: 0px;
	*/

	width: 100%;
	height: 243px;
}