body {background-color:#272727}
#c_site {width:780px;  margin:0 auto;}

.chromestyle{
width: 780px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{

width: 100%;
background: url(chromebg.gif) left top repeat-x; /*THEME CHANGE HERE*/
padding: 0px;
height:43px;
margin: 0px;
text-align: center; /*set value to "left", "center", or "right"*/
}
#chromemenu {text-indent:0px;}
.chromestyle ul li{
display: inline;
float: left; 
}

.chromestyle ul li a{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #F5F5F5;
padding: 4px 2px;
margin: 0;
text-decoration: none;
 

}

.chromestyle ul li a:hover{
color:#FFcc00;
/*background: url(chromebg-over.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
margin-top:0px;
margin-left:0px;
border: 0px solid #000000;/*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Arial;
color: #f5f5f5;
line-height:22px;
z-index:100;

/*background-image: url(bg2.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;*/
width: 148px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 6px;
border-bottom: 0px solid #111111; /*THEME CHANGE HERE*/
padding: 2px 0;
background-color:#341b6d;
text-decoration: none;
font-weight: normal;
color: #f5f5f5;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:visited {
color: #f5f5f5}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #ffffff;
	background-color: #111111;
	/*background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;*/
}



/* porady /ciekawostki */
.glossymenu{
margin: 15px 0;
padding: 0;
width: 580px; 

}

.txt{font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color: #f5f5f5;}

.glossymenu a.menuitem{
background:  url(rh_img/bg-pytania.gif) repeat-x bottom left;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color: #CCCCCC;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 2px;
text-decoration: none;
border-bottom: solid 1px #3e3e3e;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background-color: #333333;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color: #f5f5f5;
padding: 5px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 2px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
}

#baner_login{position:relative;width: 780px; height:185px; background-image:url(../img/top.jpg); background-repeat: no-repeat;}
#wyszukiwarka{position:relative;width: 780px; height:50px; background-color:#000000;}

#zaloga  a {width:60px; height:33px;display: block;
          background-image: url(zaloga.gif);
          background-repeat: no-repeat;
		  background-position: 0 0;
		  margin-left:20px;
		 
		  }
		  
#zaloga a:hover {
                background-image: url(zaloga_over.gif);
                background-repeat: no-repeat;
				background-position: 0 0;
				margin-left:20px;
				
				}	
#spolecznosc  a {width:116px; height:33px;display: block;
          background-image: url(spolecznosc.gif);
          background-repeat: no-repeat;
		  background-position: 0 0;
		 
		  }
		  
#spolecznosc a:hover {
                background-image: url(spolecznosc_over.gif);
                background-repeat: no-repeat;
				background-position: 0 0;
				
				}	
#dzielnice  a {width:89px; height:33px;display: block;
          background-image: url(dzielnice.gif);
          background-repeat: no-repeat;
		  background-position: 0 0;
		 
		  }
		  
#dzielnice a:hover {
                background-image: url(dzielnice_over.gif);
                background-repeat: no-repeat;
				background-position: 0 0;
				
				}	
				
#galeria  a {width:146px; height:33px;display: block;
          background-image: url(galeria.gif);
          background-repeat: no-repeat;
		  background-position: 0 0;
		 
		  }
		  
#galeria a:hover {
                background-image: url(galeria_over.gif);
                background-repeat: no-repeat;
				background-position: 0 0;
				
				}	
#warsztaty  a {width:109px; height:33px;display: block;
          background-image: url(warsztaty.gif);
          background-repeat: no-repeat;
		  background-position: 0 0;
		 
		  }
		  
#warsztaty a:hover {
                background-image: url(warsztaty_over.gif);
                background-repeat: no-repeat;
				background-position: 0 0;
				
				}					
				
				
#festiwal  a {width:57px; height:33px;display: block;
          background-image: url(festiwal.gif);
          background-repeat: no-repeat;
		  background-position: 0 0;
		 
		  }
		  
#festiwal a:hover {
                background-image: url(festiwal_over.gif);
                background-repeat: no-repeat;
				background-position: 0 0;
				
				}	
				
#archiwum  a {width:99px; height:33px;display: block;
          background-image: url(archiwum.gif);
          background-repeat: no-repeat;
		  background-position: 0 0;
		 
		  }
		  
#archiwum a:hover {
                background-image: url(archiwum_over.gif);
                background-repeat: no-repeat;
				background-position: 0 0;
				
				}	
#programtv  a {width:112px; height:33px;display: block;
          background-image: url(programtv.gif);
          background-repeat: no-repeat;
		  background-position: 0 0;
		 
		  }
		  
#programtv a:hover {
                background-image: url(programtv_over.gif);
                background-repeat: no-repeat;
				background-position: 0 0;
				
				}																																	
#miasto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	position:absolute;
	left:450px;
	top:-100px;
	width:187px;
	height:26px;
	z-index:2;
}
#login {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	position:absolute;
	left:4px;
	top:3px;
	width:93px;
	height:24px;
	z-index:2;
}
#film_fota {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	position:absolute;
	left:708px;
	top:-118px;
	width:61px;
	height:71px;
	z-index:2;
}																																
/* scroll index */
#cykle {width: 130px; height:440px;overflow:hidden;visibility:visible;top:0px;left:0px;}


#szukaj {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	position:absolute;
	left:506px;
	top:0px;
	width:313px;
	height:49px;
	z-index:2;
}				
.szukaj_s {border: solid 1px #f5f5f5; background-color:#666666; color:#FFFFFF; font-size:11px; width:120px;}