body {
  background-color: #222222; 
  background-size: auto; 
  background-image: url('../pics/background.jpg'); 
  
  text-align: center;
  font-size: 11px;
  color: #CCCCCC;
  margin: 0 auto;
  font-family: "Trebuchet MS", sans-serif;


  scrollbar-base-color: #000000; 
  scrollbar-track-color: #222222; 

}


/* ///////////////////////////////////////// główne elementy strony */



.wrap { 
  width: 920px;
  height: auto;
  top: 0px;
  margin: 0px auto;
  text-align: left;
}


.top_section { 	
  width: 908px;
  height: 66px;
  top:0;
  margin: 0 auto;
  clear: both;
}


.banner_section { 	
  width: 920px;
  height: 266px;
  top:0;
  margin: 0px auto;
  clear: both;
  margin-top: 12px;
}



.main_menu_section {
  clear: both;
  border: none; 
  width: 920px; 
  height: 45px;   
  position: relative;
  left: 0px;	
}


.main_section { 	
  width: 908px;
  top: 0px;
  height: auto;
  float: left;
  clear: both;
}


.bottom_section { 	
  float: left;
  width: 908px;
  height: auto;
  top: 0px;
  margin: 0px auto;
  clear: both;
}




/* ///////////////////////////////////////// Elementy bannera */


.main-banner { 
  width: 908px;
  height: 222px;
  float: left;

  position: relative; 
  top: 0px; 

  background-color: #000000;
  background: url(../pics/main_banner.jpg) no-repeat;
	

-moz-border-radius: 10px;									
-webkit-border-radius: 10px;						
-o-border-radius: 10px;										
border-radius: 10px;									
-moz-text-shadow: 4px 4px 6px #000;				
-webkit-text-shadow: 4px 4px 6px #000;			
-o-text-shadow: 4px 4px 6px #000;					
text-shadow: 4px 4px 6px #000;						
-moz-box-shadow: 8px 8px 10px black;			
-webkit-box-shadow: 8px 8px 10px black;		
-o-box-shadow: 8px 8px 10px black;				
box-shadow: 5px 5px 5px black;	
z-index:5;


}



.top_right_menu { 	
width: 100px; 
height: auto;   
position: relative; 
top: 10px; 
float: right;
right: 10px;
text-align: right;
}


.top_link {
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
float: right;
clear: both;
}
 
.top_link a {
font-size: 12px;
color: #AAAAAA;
font-weight: bold;
text-decoration:none;
float: right;
}

.top_link a:hover {
font-size: 12px;
color: #FFCC00;
font-weight: bold;
text-decoration:none;
float: right;
}



.logo { 
  float:left;
  position: relative;
  margin-top: 12px;
  width: 294px; 
  height: 54px; 
  text-decoration: none;
}

.logo img {
  border: none;
  text-decoration: none;
}


.logo_text {
  font-size: 14px;
  color: #FFFFFF;
  font-weight: bold;
  float: left;
  letter-spacing: 10px;
  margin-left: 2px;
  text-decoration: none;
}

.logo_text a {
  text-decoration: none;
  color: #FFFFFF;
}



/* ///////////////////////////////////////// Elementy page title i contentu */

.left_section {
  float: left;
  width: 224px;
  height: auto;
  top: 0px;
  margin-right: 10px;
}

.l_frame_up {
  clear: both;
  float: left;
  width: 224px;
  height: 10px;
  background: url('../pics/left_frame_up.gif') no-repeat;
  font-size: 2px;
}

.l_frame_main {
  clear: both;
  float: left;
  width: 224px;
  height: auto;
  background: url('../pics/left_frame_main.gif') repeat-y;
}

.l_frame_down {
  clear: both;
  float: left;
  width: 224px;
  height: 10px;
  background: url('../pics/left_frame_down.gif') no-repeat;
  font-size: 2px;
}





.page_title {
  height: auto;
  width: auto;
  float: left;
  font-family:  "Trebuchet MS", "arial black"; 
  font-size: 16px;
  line-height: 18px;
  color: #FFFFFF;
  text-decoration:none;
  font-weight: bold;
  margin: 0px 10px 10px 10px;
  padding-left: 22px;
  text-align: left;
  background: url('../pics/dot.gif') no-repeat;
}

.page_pic {
  position: relative;
  float:left;
  width: 204px;
  height: 153px;
  margin: 0px 10px 0px 10px;

}





.right_section {
  float: left;
  width: 672px;
  height: auto;
  top: 0px;
}

.r_frame_up {
  clear: both;
  float: left;
  width: 672px;
  height: 10px;
  background: url('../pics/right_frame_up.gif') no-repeat;
  font-size: 2px;
}

.r_frame_main {
  clear: both;
  float: left;
  width: 672px;
  height: auto;
  background: url('../pics/right_frame_main.gif') repeat-y;
}

.r_frame_down {
  clear: both;
  float: left;
  width: 672px;
  height: 10px;
  background: url('../pics/right_frame_down.gif') no-repeat;
  font-size: 2px;
}


.text_container {
  position: relative;
  float:left;
  width: 652px;
  height: auto;
  font-size: 12px;
  text-align: justify;
  text-decoration:none;
  margin: 0px 10px 0px 10px;
  color: #CCCCCC;
}


.text_container a {
  font-size: 11px;
  color: #FFCC00;
}

.text_container a:hover {
  font-size: 11px;
  color: #FFCC00;
  text-decoration: none;
}

.text_spacer {
  clear: both;
  float: left;
  width: 652px;
  height: 10px;
  background: url('../pics/text_spacer.gif') no-repeat;
  font-size: 2px;
  margin-top: 20px;
  padding-bottom:20px;
}


.content_container {
  position: relative;
  float:left;
  width: auto;
  height: auto;
  clear: both;
  margin: 0px 10px 0px 10px;
  font-size: 11px;
  color: #CCCCCC;
}

.commercial_button {
  position: relative;
  float:left;
  width: 224px;
  height: 60px;
  clear: both;
  margin: 20px 0px 10px 0px;
  font-size: 11px;
  color: #CCCCCC;
  cursor: pointer;
  cursor: hand;
}

.commercial_button img {
  border: none;
}






/* ///////////////////////////////////////// Elementy głównego menu */


.main_menu {
width: 900px; 
height: 45px;   
position: relative; 
margin-top: -5px; 
float: right;
right: 10px;
clear: both;
}



.products_inactive { 
border: none; 
width: 150px; 
height: 38px;   
position: relative; 
float:right;
background: url(../new_menu/products_inactive.png) no-repeat; 	
} 



.fabrics_or { 
border: none; 
width: 150px; 
height: 38px;   
position: relative; 
float:right;
} 

.fabrics_or a { 
float: right; 
width: 150px; 
height: 38px; 
background: url(../new_menu/fabrics_or_hi.png) no-repeat; 	 
} 

.fabrics_or a:hover { 
width: 150px; 
height: 49px; 
background: url(../new_menu/fabrics_or_lo.png) no-repeat; 
} 


.fabrics_bl { 
border: none; 
width: 150px; 
height: 38px;   
position: relative; 
float:right;
} 

.fabrics_bl a { 
float: right; 
width: 150px; 
height: 38px; 
background: url(../new_menu/fabrics_bl_hi.png) no-repeat; 	 
} 

.fabrics_bl a:hover { 
width: 150px; 
height: 49px; 
background: url(../new_menu/fabrics_bl_lo.png) no-repeat; 
} 



.contact_us_or { 
border: none; 
width: 160px; 
height: 38px;   
position: relative; 
float:right;
right: 10px;
} 

.contact_us_or a { 
float: right; 
width: 150px; 
height: 38px; 
background: url(../new_menu/contact_us_or_hi.png) no-repeat; 
right: 10px;	 
} 

.contact_us_or a:hover { 
width: 150px; 
height: 49px; 
background: url(../new_menu/contact_us_or_lo.png) no-repeat; 
right: 10px;
} 


.contact_us_bl { 
border: none; 
width: 160px; 
height: 38px;   
position: relative; 
float:right;
right: 10px;
} 

.contact_us_bl a {  
float: right; 
width: 150px; 
height: 38px; 
background: url(../new_menu/contact_us_bl_hi.png) no-repeat; 
right: 10px;	 
} 

.contact_us_bl a:hover { 
width: 150px; 
height: 49px; 
background: url(../new_menu/contact_us_bl_lo.png) no-repeat; 
right: 10px;
} 




.dealers_or { 
border: none; 
width: 150px; 
height: 38px;   
position: relative; 
float:right;
} 

.dealers_or a { 
float: right; 
width: 150px; 
height: 38px; 
background: url(../new_menu/dealers_or_hi.png) no-repeat; 	 
} 

.dealers_or a:hover { 
width: 150px; 
height: 49px; 
background: url(../new_menu/dealers_or_lo.png) no-repeat; 
} 


.dealers_bl { 
border: none; 
width: 150px; 
height: 38px;   
position: relative; 
float:right;
} 

.dealers_bl a { 
float: right; 
width: 150px; 
height: 38px; 
background: url(../new_menu/dealers_bl_hi.png) no-repeat; 	 
} 

.dealers_bl a:hover { 
width: 150px; 
height: 49px; 
background: url(../new_menu/dealers_bl_lo.png) no-repeat; 
} 






.products_or { 
border: none; 
width: 150px; 
height: 38px;   
position: relative; 
float:right;
} 

.products_or a {  
float: right; 
width: 150px; 
height: 38px; 
background: url(../menu/products_or_hi.gif) no-repeat; 	 
} 

.products_or a:hover { 
width: 150px; 
height: 49px; 
background: url(../menu/products_or_lo.gif) no-repeat; 
} 


.products_bl { 
border: none; 
width: 150px; 
height: 38px;   
position: relative; 
float:right;
} 

.products_bl a { 
float: right; 
width: 150px; 
height: 38px; 
background: url(../menu/products_bl_hi.gif) no-repeat; 	 
} 

.products_bl a:hover { 
width: 150px; 
height: 49px; 
background: url(../menu/products_bl_lo.gif) no-repeat; 
} 





.start_or { 
border: none; 
width: 150px; 
height: 38px;   
position: relative; 
float:right;
} 

.start_or a { 
float: right; 
width: 150px; 
height: 38px; 
background: url(../new_menu/start_or_hi.png) no-repeat; 	 
} 

.start_or a:hover { 
width: 150px; 
height: 49px; 
background: url(../new_menu/start_or_lo.png) no-repeat; 
} 


.start_bl { 
border: none; 
width: 150px; 
height: 38px;   
position: relative; 
float:right;
} 

.start_bl a { 
float: right; 
width: 150px; 
height: 38px; 
background: url(../new_menu/start_bl_hi.png) no-repeat; 	 
} 

.start_bl a:hover { 
width: 150px; 
height: 49px; 
background: url(../new_menu/start_bl_lo.png) no-repeat; 
} 




.link_chain_containter {
  width: 900px;
  height: 25px;
  clear: both;
  float: left;
}

.link_chain {
  font-size: 11px;
  color: #888888;
  font-weight: normal;
}
 
.link_chain a {
  font-size: 11px;
  color: #AAAAAA;
  font-weight: normal;
  text-decoration:none;
}

.link_chain a:hover {
  font-size: 11px;
  color: #FFCC00;
  font-weight: normal;
  text-decoration:none;
}





/* ///////////////////////////////////////// Elementy menu dolnego */


.left_bottom_menu { 	
width: 500px;
height: 25px;
top: 5px;
position: relative;
float: left;
}


.right_bottom_menu { 	
width: 300px;
height: 25px;
top: 5px;
position: relative;
float: right;
}



.krcpd_logo { 
width: 105px; 
height: 25px; 
float: right;
position: relative;
top: -3px;
}
 
.krcpd_logo a { 
width: 105px; 
height: 25px;
float: right;
position: relative;
top: -3px;
background: url(../pics/krcpd-small.gif) no-repeat;  
}



 
.bottom_link {

font-size: 12px;
color: #888888;
width: auto;
}
 
.bottom_link a {

font-size: 12px;
color: #888888;
text-decoration:none;
width: auto;
}

.bottom_link a:hover {

font-size: 12px;
color: #FFCC00;
text-decoration:none;
width: auto;
}