/*  glowny layout  */

img { border: 0; }

a{color: #0000FF; text-decoration: none;}
a:hover{color: #0000FF; text-decoration: underline;}
p{margin: 5px 0px 5px 0px; padding: 0px;}

p.tytul{font-weight: bold; font-size: 10pt; text-align: center;}

body{background-color: #FFFFFF; margin:0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }

#strona{width: 815px; margin: 0 auto; padding: 0px; border: none; background: url(srodek_bialy.jpg) repeat-y;}
#logo{float: left; width: 100%; height: 171px; background: url(top.jpg) no-repeat; margin:0px; padding:0px;}

#katalog_firm #menu { padding-left: 20px; vertical-align: top; width: 252px; }
#katalog_firm #menu_oferta a { text-decoration: none; }
#katalog_firm #menu_oferta a:link { color: #003366; }
#katalog_firm #menu_oferta a:visited { color: #003366; }
#katalog_firm #menu_oferta a:hover { border-bottom: solid 1px #EA6545; color: #003366; }

#katalog_firm h3 {  font-size: 13px; color: #003366; margin-bottom: 0px; margin-top: 0px; }
#katalog_firm h2 {  font-size: 16px; color: #003366; margin-bottom: 0px; margin-top: 10px; }

#katalog_firm #listawycen th { background: #F5F4F2; padding: 3px; border-bottom: solid 2px #D9D5CD; }
#katalog_firm #listawycen td { border-bottom: solid 1px #D2D2D2; padding: 3px;  }

#katalog_firm .col { float: left; width: 150px; font-size: 12px; color: #003366; }
#katalog_firm .formtable { color: #003366; font-size: 12px; }
#katalog_firm .textbox {  border: solid 1px #D9D9D9; padding: 2px; font-size: 11px; width: 290px;  }
















#menu
{
	float: left;
	/*width: 815px;*/
	width: 772px;
	padding-left: 43px;
	height: 39px;
	padding-top: 1px;
	background: url(menu.jpg) no-repeat;
}

.gielda{display: block; float: left; width: 184px; height: 40px; /*border-left: 1px solid black;*/}
.gielda:hover{background: url(gielda_btn.jpg) no-repeat;}
.gielda1{display: block; float: left; width: 184px; height: 40px; background: url(gielda_btn.jpg) no-repeat;}

.salon{display: block; float: left; width: 172px; height: 40px;}
.salon:hover{background: url(sprzedarz_btn.jpg) no-repeat;}
.salon1{display: block; float: left; width: 172px; height: 40px; background: url(sprzedarz_btn.jpg) no-repeat;}

.materialy{display: block; float: left; width: 100px; height: 40px;}
.materialy:hover{background: url(materialy_btn.jpg) no-repeat;}
.materialy1{display: block; float: left; width: 100px; height: 40px; background: url(materialy_btn.jpg) no-repeat;}

.forum{display: block; float: left; width: 77px; height: 41px;}
.forum:hover{background: url(forum_btn.jpg) no-repeat;}

.producenci{display: block; float: left; width: 110px; height: 41px;}
.producenci:hover{background: url(producenci_btn.jpg) no-repeat;}
.producenci1{display: block; float: left; width: 110px; height: 41px; background: url(producenci_btn.jpg) no-repeat;}

.porady{display: block; float: left; width: 82px; height: 41px;}
.porady:hover{background: url(porady_btn.jpg) no-repeat;}
.porady1{display: block; float: left; width: 82px; height: 41px; background: url(porady_btn.jpg) no-repeat;}

#srodek
{
	width: 100%;
	/*height:auto !important;
	height: 300px;
	min-height: 300px;*/
}

#srodek_tresc
{
	width: 90%;
	margin: auto;
	padding-top: 10px;
	height:auto !important;
	height: 200px;
	min-height: 200px;
}

#lewa
{
	float: left;
	/*width: 300px;*/
	width: 166px;
	padding-left: 56px;
	
	overflow: hidden;
	padding-left: 56px;
	padding-right: 5px;
	
	/*color: #1A5D94;*/
	/*background-color: #0000FF;*/
}
#prawa
{
	float: right;
	/*width: 500px;*/
	width: 515px;
	padding-right: 60px;
	
	overflow: hidden;
	
	margin-top: 5px;
	/*background-color: #FF0000;*/
}

#prawa a{color: #0000FF; text-decoration: none;}
#prawa a:hover{color: #0000FF; text-decoration: underline;}

#stopka
{
	clear: both;
	/*width: 815px;*/
	width: 782px;
	padding-right: 33px;
	margin: auto;
	background: url(stopka.jpg) no-repeat top;
	height: 17px;
	padding-top: 15px;
	font-size: 8pt;
	text-align: right;
	color: #999999;
}
/*	end glowny layout  */


/*  rozne  */
#srodek_niebieskalewa{background: url(srodek_niebieski.jpg) repeat-y; width: 100%; float:left;}
#srodek_ramkadol{clear: both; background: url(ramka_dol.jpg) no-repeat; width: 100%; height: 11px;}
#belka_duza
{
	clear: both;
	background: url(belka_duza.jpg) center no-repeat;
	width: 90%;
	padding-left: 10%;
	/*height: 23px;*/
	height: 21px;
	padding-top: 2px;
	color: #FFFFFF;
	font-size: 11pt;
	font-weight: bold;
	position: relative;
	left: -3px;
}

.belka_mala
{
	clear: both;
	background: url(belka_mala.gif) top no-repeat;
	width: 184px;
	text-align: center;
	/*height: 23px;*/
	height: 25px;
	padding-top: 2px;
	padding-bottom: 5px;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	position: relative;
	left: -13px;
}

.poszukujemy
{
	display: block;
	clear: both;
	background: url(ciagle_belka.png) top no-repeat;
	width: 184px; 
	height: 58px;
	position: relative;
	left: -13px;
}

p.msg{font-weight: bold; color: #000066;}
p.tytul1{ font-size: 12pt; color: #000066; font-weight: bold;}
p.info{font-size: 9pt; color: #999999; font-weight: normal;}

.linia{height: 1px; width: 100%; border: none 0; border-top: 1px solid #CCCCCC;; font-size: 0pt; margin: 10px 0px 10px 0px;}

#szukajform{font-size: 8pt;}
#szukajform select{font-size: 8pt; width: 130px;}
input.wejscie{font-size: 8pt; width: 60px;}
a.znaczek{display: block; background: url(znaczek.jpg) left top no-repeat; padding: 0px 0px 8px 10px; margin: 0px;}
/*  end rozne  */

/*  gielda pracy  */

#gieldapracy_lewa
{
	float: left;
	/*width: 300px;*/
	width: 150px;
	padding-left: 56px;
	font-size: 8pt;
	color: #1A5D94;
}

#gieldapracy_lewa a{ text-decoration: underline; color: #000000; font-size:9pt;}
#gieldapracy_lewa a:hover{color:#666666;}

#gieldapracy_prawa
{
	float: right;
	/*width: 500px;*/
	width: 530px;
	padding-right: 55px;
	margin-top: 5px;
	font-size: 8pt;
	/*background-color: #FF0000;*/
}

input.szukampracy{background: url(szukampracy_btn.jpg) no-repeat; width: 139px; height: 34px; border: none; font-size: 0pt; color:#00CC00;}
input.damprace{background: url(damprace_btn.jpg) no-repeat; width: 141px; height: 36px; border: none; font-size: 0pt; color:#00CC00;}

input.szukaj{background: url(szukaj_btn.gif) no-repeat; width: 138px; height: 34px; border: none; font-size: 0pt; color:#00CC00;}

#gieldapracy_prawa table{width: 90%; text-align: left; margin: auto;}

#srodek_gielda
{	
	background: url(srodek_gielda.jpg) repeat-y; width: 725px; padding-left: 50px; padding-right: 40px; font-size: 9pt;
	height:auto !important;
	height: 300px;
	min-height: 300px;
}

a.gieldapracy_ogloszenia{display:block; padding: 0px; margin: 0px 0px 10px 0px; color: #000000;}
a:hover.gieldapracy_ogloszenia{color: #000066;}

a.mailto{color: #990000;}
a:hover.mailto{color: #000066;}

#srodek_normal
{
	width: 720px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin: auto;
}

/*  porady  */
#porady_kategorie{text-align: center; padding-top: 5px; padding-bottom: 5px;}
#porady_kategorie a
{
	display: block;
	font-size: 11pt;
	color: #0078E6;
	text-decoration: none;
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom: 1px solid #99C0E1;
	text-align: left;
}
#porady_kategorie a:hover{color: #000000;}
/*  end  porady  */