/* let's go  czyli zaczynamy -------------------------------------*/

html { height: 100%; }
body { 
	margin: 0; 
	padding: 0; 
	background: #fff url(../../html/img/bg_root.gif) repeat-x;
	font: normal 18px Tahoma, Verdana, sans-serif;
	color:#555555;
	min-width: 754px;
	}

body, td, input, textarea, select {color: #555; font: normal 11px Tahoma, Arial, sans-serif; }

p { margin:0; padding: 0 0 11px 0; }
img { border:0}

.clear { clear: both; }
.fll { float: left;}
.flr { float: right; }

form { padding:0; margin:0; }

hr {  
	height: 1px; 
	border: 0; 
	color: #eaeaea; 
	background: #eaeaea;  
	margin-top: 3px!important; 
	margin-bottom: 8px!important;
	margin-top: -4px; 
	margin-bottom: 0px;
	}

hr.grey {
	height:1px;
	background: #fff;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 0px dashed #CCCCCC;
	border-left: 0px dashed #CCCCCC;
	border-right: 0px dashed #CCCCCC ;
	}
	
	

/* div layout  -------------------------------------*/

#root { 
	position: relative; 
	width: 754px;
	margin: 0px auto;
	}

#header {
	background: url(../../html/img/home_img.jpg) repeat-x;
	height:150px;
	margin-top: 4px;
	}
	
	#topLinks { text-align: right; padding: 0 9px 0 0 }
	
#breadcrumbs {
	width: 734px;
	overflow: hidden;
	padding: 9px 10px 15px 10px;
	font: normal 9px Verdana, Arial, sans-serif;
	background: url(../../html/img/bg_pers.gif) repeat-x;
	}
	
	#breadcrumbs .fll {  }
	#breadcrumbs .flr {  }

	#mainWrapper {
	overflow: hidden;
	width: 754px;
	margin-top: 4px;
	background: url(../../html/img/bg_main.gif) repeat-y;

	}
		
		#leftColumn {
			float: left;
			width: 170px;
			}
			
			div.logo { text-align: center; padding: 10px 0 0 0 }
			
		#mainColumn {
			float: right;
			width: 584px;
			}
			
			#main {
				padding: 10px 20px 15px 20px;
				line-height: 16px;
				}
				
				#contact { 
					overflow: hidden;
					width: 544px;
					padding-bottom: 10px;
					border-bottom:1px dashed #CCCCCC; 
					}
					
					#contact div.fll { width: 85px }
					#contact div.fll img { padding-top: 3px }
					#contact div.flr { width: 455px }
				
#footerWrapper {
	padding: 25px 0 20px 0;
	line-height: 16px;
	}
	
	#footLev1 { border-bottom:1px dashed #CCCCCC; text-align: right; padding-bottom: 3px }
	#footLev2 { padding: 8px 0 0 0 }
	#footerWrapper p { text-align: center }
	
	
	
	
/* A -------------------------------------*/

a { color: #3c61b1; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

#footerWrapper a { color: #555; text-decoration: underline; }
#footerWrapper a:hover { color: #F5441B; text-decoration: underline; }

#footLev1  a {
	display: inline;
	padding: 0 0px 0 25px;
	color: #F5441B;
	font-size: 9px;
	font-weight: bold;
	background: url(../../html/img/sub2_img.gif) no-repeat 10px 3px; 
	}

#footLev1  a:hover { color:#000 }
	
/* nawigacja -------------------------------------*/


ul#menu {
	list-style: none;
	margin:0px;
	padding:5px 0 0 0;
	}
	
ul#menu li {
	display: inline;
	
	}
	
ul#menu li  a {
	display:block;
	text-decoration:none;
	padding: 6px 6px 6px 23px;
	color:#555555;
	border-bottom:1px dashed #CCCCCC;
	background: url(../../html/img/sub_img.gif) no-repeat 6px 9px; 
	}
	
ul#menu li a:hover {
	color:#F5441B;
	}

ul#menu li  a.on { font-weight: bold }
	
ul#menu ul li  a {
	display:block;
	text-decoration:none;
	padding: 6px 6px 6px 17px;
	color:#555555;
	background: url(../../html/img/ul_ico.gif) no-repeat 7px 11px;
	}
	
ul#menu ul ul li  a {
	display:block;
	text-decoration:none;
	padding: 6px 6px 6px 17px;
	color:#F5441B;
	font-size:9px;
	background: none; 
	}

ul#menu ul ul li  a:hover { color: #555 }
	
	
ul#footerMenu {
	margin: 0; 
	padding: 0; 
	list-style: none;
	}
	
ul#footerMenu li {
	display: inline;
	padding: 0;
	}

ul#footerMenu li a { text-decoration: none;	}
ul#footerMenu li a:hover { text-decoration: underline; }

#topLinks ul {
	margin: 0; 
	padding: 8px 0 0 0; 
	list-style: none;
	}
	
#topLinks ul li {
	display: inline;
	padding: 0;
	}


#topLinks ul li a {  padding-right: 12px }

#topLinks span { display:none; }	


#main ul {
	margin: 0; 
	padding: 0 20px 10px 40px; 
	}
	
#main ul li {
	padding: 0;
	}


/* naglowki -------------------------------------*/


#leftCol h1, #rightCol h1 {
	font: bold 13px Tahoma, Arial, sans-serif;
	margin: 0 12px 5px 12px;
	padding: 10px 0 5px 0;
	display: block;
	}
	
#main h1 {
 	font: bold 14px Tahoma, Verdana, sans-serif;
 	margin: 0;
	padding-bottom: 18px!important;
	padding:0 0 2px 26px;
	
	
	background: url(../../html/img/h_box3.gif) no-repeat 0px 2px;
	}

	
/* inne -------------------------------------*/


div.errors { 
	padding: 10px; 
	color: #F5441B; 
	font-weight: bold; 
	background: #fff; 
	border: solid 1px #F5441B 
	}


#main img.lt { 
	float: left;
	padding: 4px 11px 5px 0px;
	}
	
#main img.rt { 
	float: right;
	padding: 4px 0px 5px 11px;
	}
	
#main img.ctr { 
		padding: 4px 0px 2px 0px;
	}
	
	
p.rt { text-align: right }
p.ct { text-align: center }

div.hc { overflow: hidden; padding: 10px 0 10px 0; border-bottom: 1px solid #eaeaea }

#gallery { 
	overflow: hidden;
	padding-top: 5px;
	}
	
div.rt { text-align: right; padding-top: 5px; }


ul#kartki { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}	
	
ul#kartki li { 
	display:inline; 
	}
	
ul#kartki li a {
	float:left;
	padding: 1px; 
	margin:0 10px 10px 0;
	border: solid 5px #eaeaea;
	}

ul#kartki li a:hover { 
	padding: 5px; 
	background: #000;
	border: solid 1px #fff;
	}
	
img.none { padding:0; margin:0; display: block}
img.kartka { padding: 0px 0 15px 0; margin:0; border:0 }


#kontaktForm { border: none; }

#kontaktForm legend { display: none; }

#kontaktForm div { 
	padding: 7px 0 7px 0;
	border-bottom: 1px dashed #ddd;
	}

#kontaktForm div label { 
	float: left; 
	width: 150px;  
	}

#kontaktForm div input,
#kontaktForm div textarea { 
	width: 260px;
	padding: 3px 5px; 
	border: 1px solid #ccc; 
	overflow: auto; 
	}

#kontaktForm div input:hover,
#kontaktForm div textarea:hover { background: #fff; }

#kontaktForm div input:focus,
#kontaktForm div textarea:focus { background: #f7f7f7; }

#kontaktForm span { 
	color: #F5441B; 

	}

#kontaktForm div.zgoda input { 
	border: none; 
	vertical-align: middle; 
	width: auto; 
	margin: 0px 5px 0px 0px; 
	}

#kontaktForm div.zgoda label { float: none; }

#kontaktForm div.submit { border: none }
#kontaktForm div.submit input { 
	width: 120px; 
	margin: 0px 0px 0px 180px;  
	padding:0 0 2px 0; 
	border: solid 1px #CF4626; 
	background: #F5441B; 
	color: #fff; 
	font-weight: bold; 
	}


/* tabele -------------------------------------*/		

#main table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	}

#main td {
	border: 1px solid #ccc;
	padding: 5px;
	}