body {
background-color : #111; 
font-family : tahoma; 
font-weight : normal; 
color : #aaaaaa; 
//text-align : center; 
font-size : 12px; 
} 

#bottommenu {
width : 640px; 
min-width : 640px; 
text-align : right; 
padding : 0px; 
text-decoration : none; 
clear : both; 
margin : 0 auto 0; 
background-color : #111; 
vertical-align : middle; 
} 
#topmenu {
width : 640px; 
min-width : 640px; 
text-align : left; 
padding-top : 50px; 
text-decoration : none; 
clear : both; 
margin : 0 auto 0; 
background-color : #111; 
vertical-align : middle; 
} 
a, a:link, a:visited {
font-weight : normal; 
color : #aaa; 
font-family : tahoma; 
font-size : 12px; 
text-decoration : none; 
} 
a:hover {
font-weight : normal; 
color : #eee; 
} 
a:active {
font-weight : normal; 
color : #eee; 
} 

#indexmain {
//background-image : url("img/main1.jpg"); 
display: block;
background-repeat : no-repeat; 
/*background-attachment : fixed; */
border : 0px solid #999999; 
width : 640px; 
height : 440px; 
margin : 0 auto 0; 
text-align : left; 
image-border: 0;
} 

#preload
{
display: none;
}


//rozne klasy indexmain do podmiany przez js - losowy obrazek tla - teraz dynamicznie wsatwiam caly styl w js
#indexmain1 {
background-image : url("img/main1.jpg"); 
display: block;
background-repeat : no-repeat; 
/*background-attachment : fixed; */
border : 0px solid #999999; 
width : 640px; 
height : 440px; 
margin : 0 auto 0; 
text-align : left; 
} 

#indexmain2 {
background-image : url("img/main2.jpg"); 
display: block;
background-repeat : no-repeat; 
/*background-attachment : fixed; */
border : 0px solid #999999; 
width : 640px; 
height : 440px; 
margin : 0 auto 0; 
text-align : left; 
} 

#indexmain3 {
background-image : url("img/main3.jpg"); 
display: block;
background-repeat : no-repeat; 
/*background-attachment : fixed; */
border : 0px solid #999999; 
width : 640px; 
height : 440px; 
margin : 0 auto 0; 
text-align : left; 
} 

#indexmain4 {
background-image : url("img/main4.jpg"); 
display: block;
background-repeat : no-repeat; 
/*background-attachment : fixed; */
border : 0px solid #999999; 
width : 640px; 
height : 440px; 
margin : 0 auto 0; 
text-align : left; 
} 

#indexmain5 {
background-image : url("img/main5.jpg"); 
display: block;
background-repeat : no-repeat; 
/*background-attachment : fixed; */
border : 0px solid #999999; 
width : 640px; 
height : 440px; 
margin : 0 auto 0; 
text-align : left; 
} 


#indexmain6 {
background-image : url("img/main6.jpg"); 
display: block;
background-repeat : no-repeat; 
/*background-attachment : fixed; */
border : 0px solid #999999; 
width : 640px; 
height : 440px; 
margin : 0 auto 0; 
text-align : left; 
} 

#indexmain7 {
background-image : url("img/main7.jpg"); 
display: block;
background-repeat : no-repeat; 
/*background-attachment : fixed; */
border : 0px solid #999999; 
width : 640px; 
height : 440px; 
margin : 0 auto 0; 
text-align : left; 
} 