/* podstawowe -------------------------------------*/

body { margin: 0; padding: 0; background: #fff url(../images/bg_root.gif) repeat-x;  }

body, td {color: #444; font: normal 12px Arial, Tahoma, sans-serif; text-align:justify; }
input, textarea, select { font: normal 11px Arial, Tahoma, sans-serif; color: #666; }
/*select { float:left; padding-left:20px}*/
img { border:0}

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

form { padding:0; margin:0; }
p { padding: 0 0 12px 0; margin:0 }

/* tekst ------------------------------ */
.justify {
text-align:justify;
}

.produkt_nazwa {
font-weight:bold;
color:#0066CC;
}

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

#root { 
	width:872px;
	/*height:900px;*/
	margin: 0px auto;
	background: #fff;
	}
	
#headerWrapper {
	overflow: hidden;
	width:872px;
	height: 56px;
	border-bottom: solid 0px #f1eee7;
	}
	
	#logo {
		float: left;
		padding-left: 0px;
		width: 173px;
    	height: 56px;
	    margin:0;
		}
		
	#logo_tlo {
		float: left;
		padding-left: 0px;
		width: 229px;
    	height: 56px;
	    margin:0;
	    background: url(../images/menu_pasek.jpg) repeat top left;
		}
		
	#flagi {
		float: left;
		padding: 0px;
		width: 76px;
    	height: 56px;
	    margin:0;
		}
		
#naglowek_flash {
		float: left;
		width:872px;
		height:204px;				
		}
     
#tytul {
	overflow: hidden;
	width:872px;
	height: 39px;
	border-bottom: solid 0px ;
	}
	
	#naglowek_L {
		float: left;
		padding-left: 0px;
		width: 95px;
    	height: 39px;
	    margin:0;
	    background: url(../images/naglowek_L.jpg) no-repeat top left;
		}
	#dzial {
		float: left;		
		padding-left: 0px;
		/*padding-top: 12px;*/
		width: 355px;
    	height: 39px;
	    margin:0;
		font: normal 16px Arial, Tahoma, sans-serif; color:#FFFFFF; font-weight:bold;
	    background: url(../images/naglowek_dzial.jpg) no-repeat top left;
		}
		
		#dzial .tekst { text-align: left; padding-left: 10px; padding-top: 10px; }
		
	#naglowek_R {

		float: right;
		padding-top: 0px;
		padding-left: 0px;
		width: 422px;
    	height: 39px;
	    margin:0;
	    background: url(../images/naglowek_R.jpg) no-repeat top left;
		}




#zawartosc {
	float: left;
		width:872px;
		background: url(../images/content_tlo.jpg) repeat-y top left;
	}
	
	#gornabelka {
		float: left;
		padding-left: 0px;
		width: 872px;
    	height: 32px;
	    margin:0;
	    background: url(../images/content_belka.jpg) no-repeat top left;
		}
	
	#lewakol {
		float: left;
		padding-left: 0px;
		width: 526px;
	    margin:0;
	    background: url(../images/content_lewy.jpg) no-repeat top left;
	    min-height: 200px;
		}
		
		#lewakol_tekst {
		float: left;
		padding-left: 55px;
		width: 450px;
    	height: 100%;
	    margin-left:0px;
	    margin-top:25px;
	    /*background: url(../images/content_lewy.jpg) repeat top left;*/
		}
		
	
		#lewakol_do_pobrania {
		float: left;
		padding-left: 55px;
		width: 400px;
    	height: 100%;
	    margin-left:0px;
	    margin-top:25px;
	    /*background: url(../images/content_lewy.jpg) repeat top left;*/
		}
		
		#lewakol_dane {
		float: left;
		padding-left: 55px;
		width: 450px;
    	height: 100%;
	    margin-left:0px;
	    margin-top:25px;
	    /*background: url(../images/content_lewy.jpg) repeat top left;*/
		}
	
	#prawakol {
		float: left;
		padding-left: 0px;
		width: 346px;
	    margin:0;
	    /*background: url(../images/content_prawy.jpg) no-repeat top left;*/
		}
		#prawakol_1 {
		float: left;
		padding-left: 0px;
		width: 346px;
	    margin:0;
	    background: url(../images/content_prawy_1.jpg) no-repeat top left;
		}
		
		#mapLogotyp {
				display: block;
         		padding-left: 0px;
				padding-top: 10px;
				padding-bottom: 15px;
    	        text-align: center;		
			}	
			
			#mapMarka {
			    display:block;
			    width: 197px;
				padding-right:0px;
				padding-left:0px;
				/*padding: 51px 15px 0 85px;*/									
				}
				
				#mapMarka .select {
			    padding-right:0px;
			    padding-left:8px;
				/*padding: 51px 15px 0 85px;*/									
				}
			
				
			    #mapProdukt {
				padding-left:8px;
				padding-top:5px;
				/*padding: 51px 15px 0 85px;*/
									
				}
		
		#prawakol_2 {
		float: left;
		padding-left: 0px;
		width: 346px;
    	height: 311px;
	    margin:0;
	    background: url(../images/content_prawy_2.jpg) no-repeat top left;
	    text-align: center;
		}
		
		#lewe_Fotografia {
		float:left;
  			    padding-left: 0px;
				padding-top:0px;
		        width: 14px;
    	        height: 290px;
								}
		
		#Fotografia {
		        float:left;
  			    padding-left: 10px;
				padding-top:10px;
		        width: 299px;
    	        height: 290px;
				margin-left:0px;	
			}	

	#stopka {
	    clear:both;
	 	overflow:hidden;
		padding-left: 0px;
		width: 872px;
    	height: 131px;
	    margin:0px;
	    background: url(../images/stopka.jpg) no-repeat top left;
   }
		
   #prawa {
	float: left;
	padding-left: 120px;
	padding-right:100px;
	width: 200px;
   	height: 10px;
    margin-top:65px;
	text-align:left;
	font-size:10px;		
   }
				
		#licznik {
		float: left;
		background-color:#0066FF;
		color:#FFFFFF;
		font-weight:bold;		
		padding-left: 5px;
		width: 70px;
    	height: 15px;
	    margin-left:0px;
	    margin-top:70px;
		text-align:left;
		font-size:13px;		
		}
		
		#itarts {
		margin-top:65px;
		padding-left: 120px;
		float: left;
		width: 140px;
		}


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

table#zewn {
	width: 350px;
	border-collapse: collapse;
	border: 1px solid #9feaff;
	}
    
table#wewn {
	width: 100%;
	border-collapse: collapse;
	}	

table#dane {
width: 450px;
	border-collapse: collapse;
	border: 1px solid #9feaff;
	}	

 /*table#kursTab td, table#kursTab td.grey {
	width: 70px;
	padding:4px;
	padding-left:10px;
	background-color: #fff;
	border: 1px solid #9feaff;
	text-align: left;
	vertical-align: top;
	} */

table#wewn td.ikonki {
	padding:4px;
	height: 20px;
	padding-left:5px;
	text-align: center;
	background-color: #fff;
	/*border: 1px solid #9feaff;*/
	text-align: left;
	vertical-align: top;
	
		
	}
	

table#dane td.jnieb {
	padding:4px;
	width: 80px;
	height: 15px;
	padding-left:5px;
	background-color: #d6fdff;
	/*border: 1px solid #9feaff;*/
	text-align: center;
	color:#3d87ac;
	font-weight:bold;
	vertical-align: top;
	border: 1px solid #9feaff;
	}
	
	table#dane td.jnieb_ean {
	padding:4px;
	width: 200px;
	height: 15px;
	padding-left:5px;
	background-color: #d6fdff;
	/*border: 1px solid #9feaff;*/
	text-align: center;
	color:#3d87ac;
	font-weight:bold;
	vertical-align: top;
	border: 1px solid #9feaff;
	}
	
	table#dane td.biale {
	padding:4px;
	width: 80px;
	height: 15px;
	padding-left:5px;
	background-color: #fff;
	/*border: 1px solid #9feaff;*/
	text-align: center;
	color:#000;
	font-weight:normal;
	vertical-align: top;
	border: 1px solid #9feaff;
	}
	
	table#dane td.biale_ean {
	padding:4px;
	width: 200px;
	height: 15px;
	padding-left:5px;
	background-color: #fff;
	/*border: 1px solid #9feaff;*/
	text-align: center;
	color:#000;
	font-weight:normal;
	vertical-align: top;
	border: 1px solid #9feaff;
	}
	
div.ikonka_foto { background: url(../images/ikonka_foto.jpg) left 2px no-repeat;
padding: 0 0 0 25px; }

div.ikonka_karta { background: url(../images/ikonka_karta.jpg) left 0px no-repeat;
padding: 0 0 0 25px; }

div.ikonka_chem { background: url(../images/ikonka_chem.jpg) left 2px no-repeat;
padding: 0 0 0 25px; }


/*table.button {
	width: 170px;
	border-collapse: collapse;
	}
	
table.button td { padding:0; border: none }*/



table { width: 100%; margin: 0; padding:0; border-collapse: collapse; }

/* table th { 
	background: url(img/bg_footer.gif) left top repeat-x;
	padding: 6px 8px 6px 8px;
	color: #fff;
	border: 1px solid #fff;
	} */

table  td { 
	background: #fff; 
	padding:0px 0px 0px 0px;
	border: 0px solid #e9e9e9;
	}


/*table td.ll, table th.ll { text-align: left; }
table td.rl, table th.rl { text-align: left; }*/


/* A -------------------------------------*/

a { color: #3d87ac; text-decoration: underline;  }
a:hover { color: #444; text-decoration: underline; }



a.sub, a.subLast {
	color: #226aba;
	text-decoration: none;
	padding: 0 7px 0 5px;
	background: url(../images/bg_dot_a.gif) right 2px no-repeat;
	}

a.sub:hover, a.subLast:hover  { color: #666;	}
a.subLast { background:none; padding-right:0px;	}



/* menu gorne --------------------------------*/

#menuA, #menuB { overflow: hidden; font: normal 14px Arial, Tahoma, sans-serif; font-weight:bold; }
	#menuA { width: 364px; height: 56px; background: url(../images/menu_pasek.jpg);float: left;}
		#menuA .fll { padding-left:15px; }
		#menuA .flr { text-align: right; padding-right: 0px; padding-top: 30px; }
		
		
/* formularze */
.form_tb {
	width: auto;
	border: 0px;
	background: none;
}

.form_tb  .form_label {
	width: 120px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	background: none;
}

.form_tb  td {
	vertical-align: top;
	padding: 5px;
	background: none;
}

ul.errors {
	padding: 0px;
	margin: 0px;
}

ul.errors li {
	list-style: none;
	font-size: 10px;
	color: red;
}

.form_tb input[type=text]{
padding:1px;
border:1px #43CBFD solid;
width: 300px;
font-size: 11px;
}

.form_tb textarea {
padding:1px;
border:1px #43CBFD solid;
width: 300px;
font-size: 11px;
}

.form_tb .checkbox {
width: 20px;
}

.form_tb .przycisk {
font-weight:bold;
height:22px;
background-color:#43CBFD;
border:none;
color:#FFFFFF;
font-size:11px;
width: auto;
}

.pole_cmb_standard {
border:1px #5c666e solid;
}

.tekst_red{
color:#ed1c24;
}

.error {
	color:red;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
	padding:5px;
	border: 1px solid #73bbb8;
}