/** CSS for main GUIś*/

html {
	height: 100%;
	margin-bottom: 0px;
}

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

body {
	background-image: url(../images/tlo.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	line-height: 120%;
	font-size: 11px;
	color: #333333;
	background-color: #e4e4e4;
	text-align: center;
}

h1 {
	font-weight: bold;
	font-size: 26px;
	background: url(../images/under_header.gif) left no-repeat;
	background-position: 15px 0px;
	padding-left: 40px;
	}
h3,h4,h5 {
	font-weight: bold;
	color: #dc3444;
	text-align: left;
	}
h3{	
	font-size: 18px; 
	padding-left: 15px; 
	padding-top:15px;
	padding-bottom:10px;
}
h4{	
	font-size: 14px;
	padding-left: 15px;	
	padding-top:15px;
	padding-bottom:5px;
}
h5{	
	font-size: 12px;
	padding-left: 30px;	
	padding-top:1px;
	padding-bottom:3px;
}




/*************************/
/*************************/
/*************************/

div#main {
	width: 1000px;
	margin: 0px auto;
	/*margin-left:auto;
	margin-right:auto;*/
	min-height: auto;
	height: auto !important;
}


div#mainHeader {
	width: 1000px;
	height: 149px;
	float: left;
}

	div#headerTop{
		background-image:url(../images/index_r1_c1.jpg); background-position:center top; background-repeat:no-repeat;
		width: 1000px;
		height: 35px;	
	}
	
	div#headerMiddle{
		background-image:url(../images/index_r2_c1.jpg); background-position:center top; background-repeat:no-repeat;
		width: 1000px;
		height: 86px; 
	}
	
	div#headerBottom{
		background-image:url(../images/index_r3_c1.jpg); background-position:center top; background-repeat:no-repeat;
		width: 1000px;
		height: 28px;	
	}


div#mainBody{
	width: 1000px;
	min-height: 185px;
	height: auto !important;
	height: 185px;
	float: left;
}
	
	
div#mainFooter{
	width: 1000px;
	height: 50px;
	float: left;
	background-image:url(../images/index_r7_c1.jpg); background-position:center bottom; background-repeat:no-repeat;
}
	#footer2 {
		float: right;
		padding-top: 18px;
		color: #fff;
		margin-right: 10px;
	}

	a.bottomLink img{
		filter: alpha(opacity=0);
		opacity: 0.0;
		height:39px;width:39px;
	}
	a.bottomLink:hover img{
		filter: alpha(opacity=50);
		opacity: 0.5;
	}




div#divideVertical15{
	height: 15px;
	width: 1000px;
	float: left;
	}
div#divideVertical5{
	height: 5px;
	width: 1000px;
	float: left;
	}


/*************************/
/********* HOME **********/
/*************************/

	div#homeTopFlash{
		width: 1000px;
		height: 308px;
	}

	div#homeMiddle{
		background-color: #dbdbdb;
		width: 1000px;
		height: 10px;	
	}

	div#homeBottom{
		background-image:url(../images/index_r6_c1.jpg); background-position:center top; background-repeat:no-repeat;
		width: 1000px;
		height: 228px;
	}
		div#homeBottomTop{
			height: 40px;
			width: 1000px;
		}
			div#homeBottomTopLeft{
				float: left;
				width: 333px;
				height: 40px;
			}
			div#homeBottomTopCenter{
				float: left;
				width: 333px;
				height: 40px;
			}
			div#homeBottomTopRight{
				float: left;
				width: 334px;
				height: 40px;
			}
		div#homeBottomMiddle{
			height: 178px;
			width: 1000px;
		}
			div#homeBottomMiddleSeparate{
				float: left;
				height: 178px;
				width: 7px;
			}
			div#homeBottomMiddleContent{
				float: left;
				height: 178px;
				width: 324px;
			}
				div#homeBottomMiddleContentNew{
					width: 300px;
					height: 164px;
					padding-left: 12px;
					padding-top: 12px;
					float: left;
				}
				
		div#homeBottomBottom{
			height: 10px;
			width: 1000px;
		}

	
	
/*************************/
/*************************/
/*************************/
	
div.frameHeaderCaption{
	color: #ffffff;
	font: bold 18px arial;
	text-align: left;
	padding-left: 27px;
	padding-top: 10px;
}
div.homeModul1{
	padding-left:22px;
	padding-top:25px;
	width: 180px; 
	color: #000000;
	font: bold 12px arial;
	text-align: justify;
	line-height: 200%;
	float: left;
}


div.homeModul2{
	width: 300px;
	height: 164px;
	float: left;
}	


	div.transbox{
		background-color: #ffffff;
		/* for IE */
		filter: alpha(opacity=80);
		/* CSS3 standard */
		opacity: 0.8;
		width: 200px;
		float: right;
	}
	div.transbox a:hover{
		/* for IE */
		filter: alpha(opacity=100);
		/* CSS3 standard */
		opacity: 1.0;
	}
	div.transbox p{
		padding: 10px 10px 10px 10px;
		font-weight: bold;
		color: #000000;
		text-align: right;
		font: bold 12px arial;
		line-height: 150%;
	}
	
	

div.homeModul3{
	padding-left:40px;
	padding-top:30px;
	float: left;
}
	
	
	
	
/*************************/
/********* OFERTA **********/
/*************************/	


	div#ofertaUp{
		width: 1000px;
		min-height: 155px;
		height: auto !important;
		height: 155px;
		float: left;
	}
		
		
	div#ofertaDown{
		width: 1000px;
		min-height: 150px;
		height: auto !important;
		height: 50px;
	}

/***/
/***/


/*************************/
/********* KONTAKT **********/
/*************************/	

div#kontaktRow{
	width: 1000px;
	min-height: 155px;
	height: auto !important;
	height: 155px;
	float: left;
}
	div#kontaktUpLeft{
		width: 640px;
		min-height: 155px;
		height: auto !important;
		height: 155px;
		float: left;
	}
		div#kontaktUpLeftVertical5{
			width: 640px;
			height: 5px;
			float: left;
		}
		div#kontaktUpLeftContent{
			width: 320px;
			min-height: 155px;
			height: auto !important;
			height: 155px;
			float: left;
		}
	div#kontaktUpRight{
		width: 360px;
		min-height: 155px;
		height: auto !important;
		height: 155px;
		float: left;
	}
/**/
.frameKontaktCenter{
	text-align: center;
	font-size: 13px;
	padding-top: 25px;
	padding-bottom: 10px;
}	
p.frameKontaktLeftAlign{
	text-align: left;
	font-size: 13px;
	padding-left: 30px;
	padding-bottom: 10px;
}	
p.frameKontaktLeftCenter{
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}	





/***********/
/**********/
/*******/

	
	
#index_kontakt{
	width: 1000px;
	text-align: left;	
	background-color: #dbdbdb;
	height: 850px;	
}
div.face{
	border-top: 12px solid #ffffff;
	border-bottom: 12px solid #ffffff;
	height: 200px;
	width: 100%;
	text-align: left;
	/*border: 1px solid #ffffff;*/
}
div.facetransbox{
	background-color: #ffffff;
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;
	}
div.facetransbox.left{
	margin-left: 0px;
  	margin-top: 100px;
	}
div.facetransbox.right{
  	margin-top: 100px;
  	margin-left: 110px;
	}
div.facetransbox p{
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	font: bold 12px arial;
	}

div.lifecircle{
	width: 100%;
	height:210px;
	text-align: left;
}
	
/******************/
/*** OFERTA OPIS ***/
/******************/


img.offerTransImage{
	/*	border-top: 10px solid #FFFFFF;
		border-left: 15px solid #FFFFFF;*/
		/* for IE */
		filter: alpha(opacity=40);
		/* CSS3 standard */
		opacity: 0.4;
		float:left;
}	
.offer_choice{
	height: 270px;
	margin-top: 10px;
	
	}

div.offer_desc{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #000000;
	font: bold 12px arial;
	text-align: justify;
	line-height: 200%;
	}
	
div.offer_desc_list ul li{
	list-style-type: disc;
	margin-left: 20px;
}

/******************/
/******************/

.opendet{
	}



.select_element{
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 3px;
	height: 50px;
	border: 1px solid #FFFFFF;
	}
.select_element:hover{
	border: 1px solid #aaaaaa;
}
	
.element_desc{
	padding-left: 0px;
	vertical-align: bottom;
	width: 85px;
	word-wrap: break-word;
	}
.element_desc:hover{
	
}
	
	
/*div*/
div#details_up{
	width: 663px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	float:left;
}
	div#details_pict {
		text-align: center;
		width: 160px;
		float: left;
		min-height: 100px;
		height: auto !important;
		height: 100px;
	}
	div.detail_pict{
		padding-top: 12px;
	}
	
	
	div.detail_pict_caption{
		font: normal 10px arial;
		color: #aaaaaa;
		padding-top: 3px;
		width: 160px;
		text-align: center;
	}
	
	
	div#details_desc{
		width: 503px;
		float: left;
		min-height: 100px;
		height: auto !important;
		height: 100px;
		}
	div.detail_desc{
		color: #000000;
		font: normal 13px arial;
		text-align: justify;
		line-height: 200%;
		padding-top: 12px;
		}
	div.detail_desc ul li{
		list-style-type: disc;
		margin-left: 20px;
	}
	div.detail_desc ol li{
		margin-left: 20px;
	}
div#details_down{
	width: 663px;
	height: 75px;
	float:left;
	text-align: right;
}
	div#details_doc{
		width: 120px;
		height: 75px;
		float:right;
		text-align: right;
	}
	div.detail_doc_desc{
		text-align: right;
		padding-top: 10px;
		padding-bottom: 5px;
		font: bold 10px arial;
		color: #9a9a9a;
	}
	
	input.setDocs { display: block; }

#linkback{
	font-size:12px;
	color: #000000;
	font-weight:bold;
	padding: 10px;
}

/*end - div*/







/***********************/
/***	NEWS	********/
/***********************/

div#newsTableAll{
	width: 500px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	float: left;
	padding-top: 15px;
}
		div#newsTableHeader{
			width: 500px;
			height: 25px;
			float: left;
			border-bottom: 1px solid #00FF00;
		}
				/*special for Nowości*/
				div#newpartsTableHeaderLeft{
					width: 300px;
					height: 25px;
					float: left;
				}
				/**/
				div#newsTableHeaderLeft{
					width: 100px;
					height: 25px;
					float: left;
					text-align: center;
				}
				div#newsTableHeaderCenter{
					width: 200px;
					height: 25px;
					float: left;
				}
				div#newsTableHeaderRight{
					width: 200px;
					height: 25px;
					float: left;
				}
				
				
		div#newsTableBody{
			width: 500px;
			min-height: 25px;
			height: auto !important;
			height: 25px;
			margin: auto;
			float: left;
	
		}
				/*special for Nowości*/
				div#newpartsTableBodyLeft{
					width: 300px;
					height: 25px;
					float: left;
				}
				/**/
				div#newsTableBodyLeft{
					width: 100px;
					height: 25px;
					float: left;
					text-align: center;
				}
				div#newsTableBodyCenter{
					width: 200px;
					height: 25px;
					float: left;
				}
				div#newsTableBodyRight{
					width: 150px;
					height: 25px;
					float: left;
				}
				div#newsTableBodyRightRight{
					width: 50px;
					height: 25px;
					float: left;
				}
				
				
div#homeNewsTest{
	width: 300px;
	height: 164px;
	padding-left: 7px;
	padding-top: 12px;
	float: left;
}

/**************/
/**************/
	
	
/***********************/
/***	NEWS	********/
/***********************/

div#partsTableAll{
	width: 500px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	float: left;
	padding-top: 15px;
}
		div#partsTableHeader{
			width: 500px;
			height: 25px;
			float: left;
			border-bottom: 1px solid #00FF00;
		}
				div#partsTableHeaderLeft{
					width: 400px;
					height: 25px;
					float: left;
					text-align: left;
				}
				div#partsTableHeaderRight{
					width: 100px;
					height: 25px;
					float: left;
				}
				
		div#partsTableBody{
			width: 500px;
			min-height: 25px;
			height: auto !important;
			height: 25px;
			margin: auto;
			float: left;
	
		}
				div#partsTableBodyLeft{
					width: 400px;
					height: 25px;
					float: left;
					text-align: left;
				}
				
				div#partsTableBodyRight{
					width: 100px;
					height: 25px;
					float: left;
				}
				
				

/**************/
/**************/	
	
	
	/************/
	
/** Graphics in HOME page*/
div#frameMain{
	min-height: 155px;
	height: auto !important;
	height: 155px;
	float: left;
}
div#framePaddingBox{
	float: left;
	min-height: 155px;
	height: auto !important;
	height: 155px;
}
div#frameAll{
	float: left;
	min-height: 155px;
	height: auto !important;
	height: 155px;
}
	div#frameHeader{
		height: 40px;
	}
		div#frameLT{
			background-image:url(../images/frame/frame_l_t.gif); background-position:right top; background-repeat:no-repeat;
			height:40px;
			width: 5px;
			float: left;
		}
		div#frameHeaderTitle{
			background-image:url(../images/frame/frame_header.gif); background-position:left top; background-repeat:repeat;
			height:40px;
			float: left;
		}
		div#frameRT{
			background-image:url(../images/frame/frame_r_t.gif); background-position:left top; background-repeat:no-repeat;
			width: 12px;
			height:40px;
			float: left;
		}
		div#frameLT_light {
			background-image:url(../images/frame/frame_l_t_light.gif); background-position:right top; background-repeat:no-repeat;
			height:40px;
			width: 5px;
			float: left;
		}
		div#frameHeaderTitle_light {
			background-image:url(../images/frame/frame_header_light.gif); background-position:left top; background-repeat:repeat;
			height:40px;
			float: left;
		}
		div#frameRT_light {
			background-image:url(../images/frame/frame_r_t_light.gif); background-position:left top; background-repeat:no-repeat;
			width: 12px;
			height:40px;
			float: left;
		}
		
		
	div#frameContent{
		min-height: 100px;
		height: auto !important;
		height: 100px;
	}
		div#joinLeft{
			background-color: #ffffff;
		}
		div#joinRight{
			margin-left: 5px;
			background-image:url(../images/frame/frame_right.gif); background-position:right top; background-repeat:repeat-y;
		}
			.clear {
				clear: both;
			}	
			div#frameContentLeft{
				float: left;
				width: 5px;
				
				background-color: #ffffff;
			}
			div#frameContentCenter{
				background-color: #ffffff;
				margin-right: 12px;	
				min-height: 100px;
				*height: 100px;
			}
			div#frameContentRight{
				background-image:url(../images/frame/frame_right.gif); background-position:left top; background-repeat:repeat-y;
				width: 12px;
				float: right;
						
			}
	div#frameFooter{
		height: 15px;
		float: left;
	}	
		div#frameLD{
			background-image:url(../images/frame/frame_l_d.gif); background-position:right top; background-repeat:no-repeat;
			height:15px;
			width: 5px;
			float: left;
		}
		div#frameDown{
			background-image:url(../images/frame/frame_down.gif); background-position:left top; background-repeat:repeat;
			height: 15px;
			float: left;
		}
		div#frameRD{
			background-image:url(../images/frame/frame_r_d.gif); background-position:left top; background-repeat:no-repeat;
			width: 12px;
			height: 15px;
			float: left;
		}
/**/
.frameTitle {
	color: #ffffff;
	font: bold 16px arial;
	padding-left: 27px;
	/*padding-top: 10px;*/
	text-align: left;
	height: 40px;
}
.frameTitle_light{
	/*color: #dc3444;
	color: #01622f;*/
	color: #ffffff;
	font: bold 14px arial;
	height: 40px;
	text-align: center;
}
div.frameContentCenterContent{
	color: #000000;
	font: bold 12px arial;
}



	/*****************/
	
	
	
	/** NEWPART **/
.newpart_name{
	padding-bottom: 0px;
	padding-top: 12px;
	font-weight: bold;
	font-size: 14px;
}
.newpart_comment{
	font: normal 10px arial;
	color: #aaaaaa;
	padding-top:3px;
	padding-bottom:3px;
}


.greenalert{
font:100% tahoma, verdana, sans-serif;
padding: 3px 0 3px 40px ;
background: url(../images/s_okay.png) no-repeat;  
background-position: 8px 50%;
background-color:#c9febb;
display: block;
width:  auto;
height: auto;
font-weight: bold;
text-align: left;
border: 1px solid #0d3d00;
margin: 10px 0px 10px 0px;
}


.redalert{
font:100% tahoma, verdana, sans-serif;
padding: 3px 0 3px 40px ;
background: url(../images/s_error.png) no-repeat;  
background-position: 8px 50%;
background-color:#ffd7d7;
display: block;
width:  auto;
height: auto;
font-weight: bold;
text-align: left;
border: 1px solid #FF0000;
margin: 10px 0px 10px 0px;
}

	/****/
	
	
	
	
	

.frame_header_caption_m1{
	color: #ffffff;
	font: bold 18px arial;
	padding-left: 27px;
	height: 40px;
}







.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
	width: 140 px;
}

.inputcaption label{
	font-weight: normal;
	color: #000000;
	
	}



#map_left{
	width: 560px;
	float:left;
}
#map_right{
	width: auto;
	float:left;
}
.map_itself{
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}

.map_desc {
	font: normal 10px arial;
	color: #aaaaaa;
	width: 187px;
	text-align: justify;
	}

	
	
/**
	ABOUT
*/
#about_all{
	width: 690px;
	height: 660px;
	text-align:left;
	padding-left:25px;
	padding-top:25px;
	border-bottom:25px solid #FFFFFF;
	font-weight: normal;
	background: url(../images/ofirmie.png) no-repeat bottom right;  
}
#about_up{
	width: 690px;
	float:left;
}
#about_down{
	width: 690px;
	float:left;
	padding-top:100px;
}
#about_down_bottom{
	width: 690px;
	float:left;
	text-align:right;
}
	
	
	
h3#area_search {
	padding-top: 15px;
	padding-bottom: 10px;
	color: #000000;
	}
.img_ico{
	padding-left:2px; padding-right:4px;
}

	
	

.clr {
	clear: both;
}

.outline {
  border: 1px solid #cccccc;
  background: #ffffff;
	padding: 2px;
}

#buttons_outer {
	width: 635px;
  	margin-bottom: 2px;
	margin-right: 2px;
	float: left;

}

#buttons_inner {
	border: 1px solid #cccccc;
	height: 21px !important;
	height: 23px;
}


#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}


ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 12px;
	line-height: 25px;
	white-space: nowrap;
	border-right: 2px solid #959595;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	width:120px;
}

ul#mainlevel-nav li a
{
	text-transform:uppercase;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:2px;
	text-decoration: none;
	color:#fff;
	
}

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #fff;
	text-decoration: underline;
}


#search_outer {
	float: left;
	width: 165px;
}

#search_inner {
  border: 1px solid #cccccc;
	padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #c64934;
}

#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}

#header {
	float: left;
	padding: 0px;
	margin-right: 2px;
	width: 635px;
	height: 150px;
	background: url(../images/header_short.jpg) no-repeat;
}


table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}



.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}


ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
/*background-image: url(../images/arrow.png);*/
background-repeat: no-repeat;
background-position: 0px 2px;
}


td {
	text-align: left;
	font-size: 11px;
}



/**********/
a img{
	margin: 0px;
	border: 0px;
}


/***********/



/* Joomla core stuff */
a:link, a:visited {
	color: #017337; 
	text-decoration: none;
	font-weight: bold;
}
a img {
	color: #ffffff;
	}

a:hover {
	color: #017337;	
	text-decoration: none;
	font-weight: bold;
}



/************/
/** BUTTON **/
/************/

.button {
  color: #fff; 
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 15px !important;
  height: 20px !important;
  border:none;
  cursor: pointer;
  margin: 1px;
}
/**********/
/**********/




a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ccc;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}

a.mainlevel#active_menu {
	color:#fff;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #fff;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}








.house_details_header {
	color: #000000;
	font-size: 13px; 
	font-weight: bold;
	padding-left: 40px;
}





/******************************************/
/********  		DYNAMIC MENU	***********/
/******************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
	position: relative;
	z-index: 0;
	cursor:pointer;
	
	padding:1px 0 0 14px; text-align:left;
	text-decoration:none; color:#000000;
}
.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
	
	padding:1px 0 0 14px; text-align:left; 
	text-decoration:none; color:#000000;
}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFFFFF;
	border: 2px solid gray;
	
	left: -1000px;	top: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail:hover span tr td a img{
	display: block;
}


.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -350px;
	left: -100px; 
	display: block;
}




/* the menu */
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/

	ul.menu, li.folder, li.item , li.folder a, li.item a {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}

	ul.menu {
		width:150px;
		border:1px solid #9d9da1;
		background:white;
		list-style:none;
	}

	li.folder, li.item {
		position:relative;
		padding:1px;
		padding-left:26px;
		background:url("images/item_moz.gif") no-repeat;
		z-index:9;
	}
		li.folder	{ background:url("images/item_folder.gif") no-repeat; }		
		li.folder ul {
			position:absolute;
			left:120px; /* IE */
			top:5px;
		}		
			li.folder>ul { left:140px; } /* others */

	li.item a, li.folder a {
		padding:2px;
		text-decoration:none;
		color: #000000;
		font-weight:bold;
		width:100%; /* IE */
	}
		li>a { width:auto; } /* others */

	li a.submenu { 	background:url("images/sub.gif") right no-repeat; 	}

	/* regular hovers */

	li.item a:hover, li.folder a:hover {
		border-color:gray;
		background-color:#bbb7c7;
		color:black;
	}
	li.folder a:hover {		background-color:#bbb7c7;}
	
	/* hovers with specificity */
	
	li.folder:hover	{ z-index:10; 		}		
	ul.menu ul 		{ display:none; 	}
	li:hover ul 		{ display:block;	}		



	
.hide_parts{
	cursor:pointer;
	padding:1px 0 0 14px; text-align:left;
	text-decoration:none; color:#000000;
}
.hide_parts:hover{
	padding:1px 0 0 14px; text-align:left; 
	text-decoration:none; color:#000000;
}
.hide_parts span, .hide_parts:link span{ /*CSS for enlarged image*/
	display: none;
}


.hide_parts:hover span{ /*CSS for enlarged image on hover*/
	display: block;
}