a  {
  
    color: #666666;

}
 img {
  
    color: #f2f2f2;

}
body {
	height: 100%;
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
	
	background-color: #868686;
/*	#999999; */
	margin: 0;
	behavior: url("includes/inc.csshover.htc");

}

#flags{
  position:relative;
   margin-right:30px;
   
   margin-top:5px;

}
.flag{
  
  float: right; 
    border:solid 1px #999999; 
	padding:1px;
	margin-left:5px;
  
}


#imgprod{
	border:solid 1px #999999; background-color:#F0F0F0;
	padding:5px;
	margin:10px;
	float: right; 
    clear: right; 
}

#imgsanta{
	border:solid 1px #999999; background-color:#F0F0F0;
	padding:5px;
	margin:10px;
	
}


#imgprodmain{
	border:solid 1px #999999; background-color:#F0F0F0;
	padding:5px;
	margin:10px;
	float: left; 
    clear: right; 
}

#imgprodlewa{
	border:solid 1px #999999; background-color:#F0F0F0;
	padding:5px;
	
	margin:20px;
	
	margin-left: 20px;
	margin-top: 20px;
	float: left; 
    clear: left; 
}
#imgprodprawa{
	border:solid 1px #999999; background-color:#F0F0F0;
	padding:5px;
	
	margin:20px;
	
	margin-left: 20px;
	margin-top: 20px;
	float: right; 
    clear: right; 
}

#imginfo{
	border:solid 1px #999999; background-color:#F0F0F0;
	padding:5px;
	margin:20px;
	float: left; 
    clear: left; 
}



hr{
  height:1px;
  color: #d9d8d8; 
 
}
#container {
	width:800px;
	
	height: 100%;
	position: relative;
	padding-top:0;
	padding-bottom:0;
	margin:0 auto auto auto;
	background-image:url(images/interfejs_02.jpg);
	background-repeat:repeat-y;
	display:block;

overflow: auto;	
z-index: 0;
	
}


#top{
  position:relative;
  height:170px;
  width:800px;
 
  background-image:url(images/interfejs_01.jpg);

	background-color:#FFFFFF;
z-index:10;
}

.titlemenu {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#666666;
/* 	border-bottom:1px dashed #cccccc;*/
}
.black {
  margin-left:50px;
  text-align: right;
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;	
	color:#666666;
/* 	border-bottom:1px dashed #cccccc;*/
}

.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}
.graypanel{position:relative;
	border:solid 1px #d9d8d8; background-color:#F0F0F0; padding:8px;z-index:0;
}
/*#menu{float:left; margin-top: 130px; margin-left:20px; margin-right:20px;width:740px; background-color:#F0F0F0; padding:9px;}*/
#panelcenter{position:relative; width:500px; height: 100%; margin-left: 30px; margin-right: 0px; margin-top: 10px; margin-bottom: 0px;float:left; z-index:0;}

#uppanel{ position:relative; margin-left:0px; margin-right:10px; width:490px;  margin-top: 0px; float:left}
#uppanelnews{ position:relative; margin-left:0px; margin-right:10px; width:490px;  margin-top: 10px; float:left}

#midpanel{ position:relative; margin-left:0px; margin-right:10px; width:240px;  margin-top: 10px; float:left}

#panelright{position:relative; width:240px; float:right; margin-left: 0px; margin-right:30px;} 

#kalendarpanel{position:relative; width:240px; margin-top: 10px; }


#rightkontakt{position:relative; width:240px; margin-top: 0px; }

#footer{position: relative; bottom: 0;clear:both;  float:left;  text-align:center;  margin-top: 20px; margin-right:20px;width:740px; 	background-image:url(images/interfejs_02.jpg);
	background-repeat:repeat-y; padding:10px;}


/* Overall Box Properties */




#menu {background-color:#cfd0d0; 
margin-left:20px; 
margin-right:18px;

margin-top: 129px;


	
	
	position:absolute;
	padding: 0;
	float: left;
	width:759px;
	height:33px;
	z-index:100;
	}


/* Type of Menu (Vertical vs. Horizontal) */

#menu ul {position: relative;
	display: block;
	list-style: none;
	margin: 0;
	float: left;
	padding: 0;
	z-index:8;
	height:33px;
	
	}

/* Position of menu elements */

#menu ul li {
	position: relative;
	color: #666666;
	display: inline;
	padding: 0;
	float: left;
	margin:0 0 0 0px;
	z-index:1000;
	
	}



/* 1st level menu items */

#menu ul li a {
  display:block;
  position:relative;
  font: 0.8em Tahoma, sans-serif;
	font-size: 13px;
	font-weight:bold;
	
	display: block;
	float: left;
	
	padding: 7px 20px 10px 20px;
	
	text-decoration: none;
	

	background-color:#cfd0d0;
	color: #666666;
	border-bottom:none;
	z-index:1000;
	}




#menu ul li a:hover {
 
	background: #666666 ;
	position:relative;
	
	color:#FFFFFF
	}



/* Position of Drop Down Elements */

#menu ul li ul {
 
	float: left;
	
	display: none;
	
	}

/* For Top Level Hover when on the second level */

#menu ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 33px;
	width: 100px;
	height: auto;
	margin: 0 0 0 -5px;
	padding: 0;
	border-top:none;
	color: #666666;
	}
	
	

	
/* This adds the arrow to the Flyout link */

#menu ul li:hover ul li.flyout {
	background:url(images/arrow.gif) no-repeat center right #cfd0d0
	}

/* Added specifically for Internet Explorer */

 #menu ul li:hover ul { 
	background: none; 
	}


#menu ul li ul li, #menu ul li.more ul li {
	width: 180px;
	background-color:#cfd0d0;
	padding: 0;
	margin-left:6px;
	}


/* Edit look of drop down 2nd level menu items */

#menu ul li ul li a {
	background: none;
	padding: 8px 10px;
	width: 180px;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	float: none;
	padding: 7px 20px 7px 15px;
	margin-left:0;
	border-bottom:none;
	border-top:none;
	}

#menu ul li ul li:hover { 
	background: #666666 ;
	width: 180px;
	border-bottom:none;
	border-top:none;
	}

#menu ul li ul li a:hover {
	color: #fff;
	width: 180px;
	background: none;
	padding: 7px 30px 7px 25px;
	border-bottom:none;
	border-top:none;
	background: #666666 ;
	}

#menu ul li ul li:hover > a {
	color: #fff;
	background: none;
	padding:  7px 30px 7px 25px;
	border-bottom:none;
	border-top:none;
	}

#menu ul li ul li ul, #menu ul li:hover ul li ul { 
	display: none;
	margin-left:0;
	border-bottom:none;
	border-top:none;
	
	}

#menu ul li ul li:hover ul, #menu li.exp:hover ul, #menu ul li:hover ul li:hover ul {
	position: absolute;
	display: block;
	left: 100%;
	top: 0px;
	z-index: 300;
	border-bottom:none;
	
	width: 180px;
	}

#menu ul li:hover ul li:hover ul li, * html #menu ul li ul li a { 
	width: 100px;
	margin-left:0
	}