
body
{
	font-size: 14px;
	text-align:left;
	font-family: Verdana,Tahoma,Arial;
	margin: 0px; 
	padding: 0px; 
	background: url('images/top_bg.jpg') repeat-x #e7e1d5;
	color: #f1ebdf;	
}
     
a:hover  { color: #776281; text-decoration:none; font-size: 14px; font-family: Verdana,Tahoma,Arial;} 
a { color: #f1ebdf; text-decoration:none; font-size: 14px; font-family: Verdana,Tahoma,Arial;}
a:focus { outline: none;} /* Usuwa ramke z linków na img w FF  body  #861103 bg 8b1203*/
object { outline:none; }

h1{font-size: 24px; padding-bottom: 18px; font-weight: bold;}

/*  ----------------------- STANDARDOWE ------------------------------ */
div,form,p   { padding:0px; margin:0px;  }
img { border:0px; }
.czysc { clear:both; font-size:1px; overflow:hidden;}
/* --------------------------------------------------------------------------- */

.alarm { font-size:11px; color:#ffffff;  font-weight:bold; }



/* ----------------------------------------------------------------------------------------------------------------------------------------*/	
/*							GLOWNE WARSTWY							                           */
/* ----------------------------------------------------------------------------------------------------------------------------------------*/
div#kontener{ margin:0px auto; overflow:hidden; width:1000px;}

div#kontener_duzy{background: url('images/bg.jpg') no-repeat top center; }
div#top{width:1000px; height:406px; overflow:hidden; position: relative; }

div#center {	width:1000px; margin: 0px auto; overflow:hidden; padding: 80px 0px 19px 0px; position:relative;}
div#footer{ width: 100%; background-color:#e7e1d5;}
div#bottom{	width:1000px; height:55px; margin: 0px auto; overflow: hidden; background-color:#e7e1d5; }

div#undicom  { 	color:#8A8A8A; font-size:10px; font-family:Tahoma;	float:right; width:200px; text-align:right; padding-right:10px; padding-top:3px; }
div#undicom a { 	color:#8A8A8A; font-size:10px; font-family:Tahoma;	}
div#undicom a:hover { 	color:#6E8CE3; font-size:10px; font-family:Tahoma;}
/* ----------------------------------------------------------------------------------------------------------------------------------------*/	
/*							top						                           */
/* ----------------------------------------------------------------------------------------------------------------------------------------*/
div#top_left{ width:410px; height: 406px; float: left; overflow: hidden; background: url('images/facet.jpg') no-repeat;}
div#top_right{width: 590px; overflow: hidden; float: left;}
div#top_txt{ width: 300px; color: #918c79; text-align: center; padding: 30px 0px 0px 110px; float: left; overflow: hidden; font-size: 16px;}
div#logo a{ width:435px; height: 60px;  padding: 18px 0px 0px 110px; overflow: hidden; float:left;}
div#baner{ width: 590px; height: 342px; background: url('images/baner_bg.png') no-repeat; overflow: hidden; position: absolute; top: 95px; right: 8px; }
	div#baner_box {width: 555px; height: 264px; position: absolute; top: 10px; left: 17px;}
		#baner_box img {position: absolute; top: 0px; left: 0px;}
/*  Do zrobienia MENU rozwijane */
div#menu{width:1000px; height:41px; padding-top: 7px; padding-bottom: 12px;}
	div.menuitem{ color:#7b4b3c; font-size:24px; overflow: hidden; padding-left: 95px;}
		div.menuitem a { background: url('images/menu_img.jpg') no-repeat left; height: 41px;  font-size:24px; display: block; 
						padding: 15px 100px 0px 52px; float: left; overflow: hidden; color:#7b4b3c;}
		div.menuitem a:hover {   font-size:24px; color:#a01e12; }
		div.menuitem a.current{	font-size:24px; color:#a01e12; }
		
div#menu {width: 905px; position: absolute; top: 0px; left: 95px; z-index:1000;}
	#menu ul { margin: 0px; padding: 0px; list-style-type: none; z-index:1001;}
		#menu ul li {float: left; margin: 0px; padding: 0px; position: relative; z-index: 1002; }
			#menu ul li a {background: url('images/menu_img.jpg') no-repeat left; height: 41px;  font-size:24px; display: block; 
						padding: 15px 65px 0px 52px; float: left; overflow: hidden; color:#7b4b3c;}
			#menu ul li a:hover, #menu ul li a.current, #menu ul li a.active{font-size:24px; color:#a01e12;}
				#menu ul li ul { display: none; position: absolute; top: 55px; left: 35px; width: 190px; background: #e6e0d4;}
				#menu ul li ul li.submenu_top {width: 190px; padding: 0px; background: url("images/submenu_gora.png") no-repeat;}
				#menu ul li ul li.submenu_dol {width: 190px; height: 11px; background: url("images/submenu_dol.png") no-repeat;}
					#menu ul li ul li.submenu_top ul {width: 150px; margin: 0px; padding: 12px 15px 3px 25px; display: none; position: static; top: 0px; left: 0px; background: url("images/submenu_center.png") repeat-y;}
					#menu ul li ul li.submenu_top ul li {float: none;}
					#menu ul li ul li.submenu_top ul li a { height: auto; margin: 0px; float: none; padding: 0px 0px 15px 22px;  color: #45312a; font-size: 15px; background: url("images/submenu_off.png") 0px 0px no-repeat;}
					#menu ul li ul li.submenu_top ul li a:hover { height: auto; padding: 0px 0px 15px 22px; color: #930606; font-size: 15px; font-weight: bold; background: url("images/submenu_on.png") 0px 0px no-repeat;}
					
/* ----------------------------------------------------------------------------------------------------------------------------------------*/	
/*							CENTER						                           */
/* ----------------------------------------------------------------------------------------------------------------------------------------*/
div#content_left
{
	width:696px; text-align:justify;	float:left;
	padding-right:25px;	padding-left:20px;
}

div#content_right{	width: 251px; float: left; overflow: hidden;} 
	div#right_center {width: 251px; overflow: hidden; background: url("images/right_center.png") left repeat-y;}
		div#right_top {width: 251px; overflow: hidden; background: url("images/right_top.jpg") left top no-repeat;}
			div#right_bottom {width: 203px; padding: 18px 29px 20px 19px; overflow: hidden; background: url("images/right_bottom.jpg") left bottom no-repeat; text-align: left;}
			

div#cien_top{ background: url('images/cien_top.png') repeat-x top #9d0801; width:100%; }
div#cien_bottom{ background: url('images/cien_bottom.jpg') repeat-x bottom ; width:100%;}

div.ramka_left{background: url('images/ramka.png') no-repeat; width: 258px; height: 136px; overflow: hidden; float: left; padding: 0px 16px 18px 0px;}
div.ramka_img{width: 231px; height: 123px; padding: 6px 13px; overflow: hidden;}
div.txt_box{float: left; overflow: hidden;}
	div.kat_ng{font-size: 24px; padding-bottom: 18px; font-weight: bold;}
		.kat_ng h1 {color: #f1ebdf; font-size: 24px; font-weight: bold; padding: 0px; margin: 0px; }
		.kat_ng h1 a {color: #f1ebdf; font-size: 24px; font-weight: bold; }
		.kat_ng h1 a:hover {color: #f1ebdf; font-size: 24px; font-weight: bold; }
	div.kat_txt{padding-bottom: 15px;}

div.txt_main {width: 422px; float: left; overflow: hidden;}	
	
div.ramka_right{background: url('images/ramka_right.png') no-repeat; width: 205px; height: 128px; overflow: hidden; padding-bottom: 8px;}
div.img2{width: 175px; height: 109px; padding:9px 15px; overflow: hidden; text-align: center;}
div.right_ng{color:#8d1203; font-size: 10px; padding: 0px 5px;font-weight: bold;}
	.right_ng a {color:#8d1203; font-size: 10px; font-weight: bold;}
	.right_ng a:hover {color:#8d1203; font-size: 10px; font-weight: bold;}
div.right_txt{font-size: 10px; color:#362924; text-align: left; padding: 0px 5px 5px 5px;}
div.czytaj { width: 81px; height: 11px; float:right; overflow: hidden; padding-bottom: 18px; }
div.czytaj a{ width: 81px; height: 11px; background: url('images/czytaj.jpg') no-repeat; float:right; overflow: hidden; }
	
div.wiecej {width: 150px; float:right; overflow: hidden; text-align: right; }
	div.wiecej a{height: 15px; padding: 9px 16px 0px 0px; display: block; color:#f1ebdf; font-size: 12px; background: url("images/st.jpg") right 12px no-repeat;}
	div.wiecej a:hover{ color:#f1ebdf; font-size: 12px; }
div.gal_fotka_box
{
	float:left; width:180px; margin-right:42px; margin-bottom:20px;
	height:120px; overflow:hidden;
	padding:1px; border:1px solid #2D409C;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------*/	
/*							realizacje						                           */
/* ----------------------------------------------------------------------------------------------------------------------------------------*/
div.kat_ng_real{font-size: 18px; padding-bottom: 18px; font-weight: bold;}
	h2 {color: #f1ebdf; font-size: 18px; font-weight: bold; padding: 0px; margin: 0px; }
div.ramka_left_real{background: url('images/ramka_left_real.png') no-repeat; width: 165px; height: 102px; overflow: hidden; float: left; padding: 0px 21px 18px 0px;}
	div.img3{width: 148px; height: 92px; padding: 5px 8px; overflow: hidden; text-align: center;}
div.kategoria {width: 696px; padding-bottom: 21px; overflow: hidden;}
div.kategoria_main {width: 696px; padding-bottom: 11px; overflow: hidden;}

div.txt_box_real{width: 510px; float: left; overflow: hidden;}

div#stronicowanie {width: 696px; padding: 6px 0px; overflow: hidden; text-align: right;}
	#stronicowanie a {color: #f1ebdf; font-size: 11px;}
	#stronicowanie a:hover, #stronicowanie a.cur_str {color: #f1ebdf; font-size: 11px; font-weight: bold;}
/* ----------------------------------------------------------------------------------------------------------------------------------------*/	
/*							o nas						                           */
/* ----------------------------------------------------------------------------------------------------------------------------------------*/
div.kat_txt_onas{width: 696px; padding-bottom: 28px; overflow: hidden;}
div.ramka_left_real_onas{ background: url('images/ramka_left_real.png') no-repeat; width: 165px; height: 102px; overflow: hidden; float: left; padding: 0px 12px 18px 0px;}
/* ----------------------------------------------------------------------------------------------------------------------------------------*/	
/*							kontakt						                           */
/* ----------------------------------------------------------------------------------------------------------------------------------------*/

div#content_left_kontakt{width:696px; text-align:justify; float:left; overflow: hidden; padding-right:10px;	padding-left:20px;}
div#kontakt_txt{ font-weight: bold; text-align: left; }
div#left2{width: 368px; padding-bottom:20px; overflow: hidden; float: left;}
div#right2{width: 294px;  padding:0px 0px 20px 29px; overflow: hidden; float: left;}
div#mapa{background: url('images/mapa_bg.jpg') no-repeat; width: 350px; height: 189px; overflow: hidden; float: left; padding: 8px 9px 8px 9px;}
div#text_box_kontakt{padding-bottom: 25px;}
/* ----------------------------------------------------------------------------------------------------------------------------------------*/	
/*							bottom						                           */
/* ----------------------------------------------------------------------------------------------------------------------------------------*/
div#copyright{float: left; color:#432e04; font-size: 10px; padding: 25px 0px 0px 54px; font-family: tahoma;}
div#seetop{ float: right; padding: 20px 34px 0px 0px; color:#432e04; font-size: 10px;}





/* ----------------------------------------------------------------------------------------------------------------------------------------*/	
/*							FORMULARze							                       			 */
/* ----------------------------------------------------------------------------------------------------------------------------------------*/
#wyslij{width: 87px; height: 29px; float: right; overflow: hidden; padding-top: 10px;}
.formularz_etykieta{ color:#f1ebdf; padding-bottom:3px;}
	div.form {width: 294px; height: 29px; padding-bottom: 5px; overflow: hidden;}
	input.formularz
	{
		width: 286px; height: 19px;
		padding: 4px 3px 4px 3px; 
		background-color: #e7e1d6; border:1px solid #c7ba9e; 
		color: #252525; font-size: 11px; 	font-family: Tahoma,Verdana,Arial;
	
	}

	select.formularz
	{
		width:294px; height:19px;
		background-color: #e7e1d6; border:1px solid #c7ba9e; 
		color: #252525; font-size: 11px; 	font-family: Tahoma,Verdana,Arial;
		margin-bottom:4px;
	}	
	
	.wiadomosc,textarea.formularz
	{
		width: 284px; height: 98px; padding: 4px;
		background-color: #e7e1d6; 	border:1px solid #c7ba9e;  
		color: #252525; font-size: 11px;	font-family: Tahoma,Verdana,Arial;
		overflow:auto;
	}

	.guzik
	{
		background-color:#e7e1d6;
		color:#252525;
		font-weight:bold;
		font-size:11px;
		border:1px solid #c7ba9e; 
		font-family: Tahoma,Arial, Verdana;
		padding:3px;
	}
