/* html i body */
html, body { 
	margin:0; 
	text-align: center;
        background: white url('i/tlo.png') top repeat-x;
	}
	
body, table, td { font: 11px Verdana; color: black; }
img, a img { border: 0px none; margin: 0; }

a:link {color: rgb(149,112,39); text-decoration: none}
a:visited {color: rgb(149,112,39); text-decoration: none}
a:hover {color: rgb(255,102,0); text-decoration:underline }
.clear{clear:both; font: 0px Arial; width:99%;}

/* main */
div#main {clear:both; margin:0 auto; width: 998px; text-align:left; }

div#top {width: 998px; height: 151px; padding: 0; background: url('i/top.jpg') top left no-repeat;}


div#toplogo {width: 880px; text-align:left; height: 85px; padding: 0; float: left;}
div#toplogo a {width: 700px; height: 98%; float: left;}



div#menu {float: left; width: 998px; height: 52px; padding: 0 0 0 0; background: white url('i/menu-tlo.png') top left no-repeat; }

#menu ul {float: right; width: 984px; font: bold 12px Verdana; padding: 0; margin: 0; list-style-type: none; height: 52px; }
#menu ul li {line-height: 4.2em; float: left; padding: 0 10px 0 11px; height: 52px; background: url(i/menu-separ.png) left no-repeat;}
#menu ul li.first {padding-left: 1em; background: none;}
#menu ul li a {text-align: center; color: white; text-decoration: none; float: left; height: 100%; padding: 0 1.6em;}
#menu ul li a:hover {color: white; background: url(i/menu-hover.png) top repeat-x;}


#menu-sub {padding-top: 4px; padding-left: 0; float: left; position: relative;}
#menu-sub ul {margin: 0px; padding: 0px;}
#menu-sub li {margin: 0px; padding: 0px; width: 204px; list-style-type: none; background-image: url(i/submenu-tlo.png); background-repeat: repeat-y; background-position: left top; border-bottom: 1px solid white;}
#menu-sub a {height: 27px; display: block; font: bold 11px Verdana; text-decoration: none; color: white; line-height: 27px; text-align: left; padding-left: 20px;}
#menu-sub  a:hover {background-image: url(i/submenu-hover.png); background-repeat: repeat-y; background-position: left top; text-decoration: none; font: bold 11px Verdana; line-height: 27px; color: black;}


div#stopka {width: 984px; height: 50px; float: left; background: url('i/stopka-tlo.gif') top left no-repeat; margin-left: 7px;}
div#stopka-copy {float: left; width: 880px; padding: 1.5em 0 0 2.5em; font: 11px Tahoma; color: white; line-height: 160%;}

div#stopka-info {float: left; width: 500px; padding: 1em 0 1em 2em; font: 9px Tahoma; text-align: left; color: #c0c0c0;}
div#stopka-powered {float: right; width: 400px; padding: 0; font: bold 10px Tahoma; text-align: right; margin-right: 1em;}


div#contentmain {width: 984px; background: white; margin-left: 7px;}

div#left {float: left; width: 204px; margin: 12px 0 10px 10px; }



div#index-center {float: left; width: 730px; }
div#index-center #tresci-home {float: left; font: 11px Tahoma; padding: 2em 2em 2em 2.4em; line-height: 150%;}
div#index-center #tresci-home #naglowek {padding: 0; margin: 0; font: bold 16px Arial; color: rgb(7,136,195);}
div#index-center #tresci-home p {text-align:justify; padding: 1em 0 0 0; }

#right1 {float: left; width: 452px; height: 392px; background: url('i/index-aktu.jpg') top left no-repeat; margin-left: 2.6em;}
#right1 #right1-ramka {float: left; padding: 3em 2em 0 3.2em; font: 10px Tahoma; line-height: 160%;}
#right1 #right1-ramka p {padding: 0 0 0.2em 0;}
#right1 #right1-ramka p span#nag {font: bold 11px Tahoma;  line-height: 170%;}
#right1 #right1-ramka p a:link, #right1 #right1-ramka p a:visited {color: white; text-decoration: none;}
#right1 #right1-ramka p a:hover {color: white; text-decoration: underline;}


div#index-right {float: right; width: 288px; margin-top: 1em;}

#index-right #right3 #right2-ramka {text-align: right; padding: 0 0.8em 0.4em 0; }
#index-right #right3 {float: right; width: 288px; height: 372px; background: url('i/index-right.jpg') top left no-repeat;}
#index-right #right3 #right3-ramka {padding: 0 0 0 1.4em;}


div#podstrona { margin: 0; float: left; font: 11px Verdana; width: 770px;}
div#naglowek {padding: 0; margin: 1em; font: bold 16px Arial; color: rgb(7,136,195); }
div#tresci {padding: 2.2em; margin: 0; float: left;  color: black;  font: 11px Verdana;}
div#tresci p {padding: 0.2em 1.2em 1em 1.2em; margin: 0; font: 11px Verdana; line-height: 190%; text-align: justify; color: #121212;}
div#tresci hr {color: rgb(149,112,39); width: 80%; height: 1px;}



#news-lista {float: left; width: 680px; margin:0; padding: 1em 1em 2em 1em; background: url('i/newsy-tlo.png') bottom center no-repeat;}
#news-lista #dane {float: left; width: 550px;}
#news-lista #opcje {float: left; width: 120px; margin:0; padding:0; text-align: left;}

#news-lista #data {float: left; width: 80px; margin:0; padding:0; font: 12px Tahoma; color: rgb(102,102,102);}

#news-lista #tytul {float: left; width: 460px; margin:0; padding:0; font: bold 12px Tahoma;}
#news-lista #tytul a:link, #news-lista #tytul a:visited {color: rgb(18,157,210); text-decoration: none; font: bold 12px Tahoma;}
#news-lista #tytul a:hover {color: rgb(18,157,210); text-decoration: underline;  font: bold 12px Tahoma;}

#news-lista #tresci {float: left; width: 490px; margin:0; padding:1em 0 1em 0; font: 11px Tahoma; line-height: 160%;}




#stronicowanie {clear:both; margin:0 auto; width: 560px; text-align: center; font: bold 11px Tahoma; padding: 1em; }
#stronicowanie a:link, #stronicowanie a:visited {color: rgb(18,157,210); text-decoration: none;}
#stronicowanie a:hover {color: rgb(132,197,113); text-decoration: underline;}

#stronicowanie2 {clear:both; margin:0 auto; width: 560px; text-align: center; font: 10px Tahoma; padding: 1em; }




div#main-form {clear:both; margin:0 auto; width: 574px; text-align:left; background: white;}

/* kontakt */
#formZgloszenie label {
		float:left;
		width:11em;
	margin-top: 10px;
	margin-bottom: 2px;
	font: 11px Verdana;
	}

#formZgloszenie {
float: left;
	width: 574px;
	margin: 0;
	display: block;
background: url(i/form-tlo.png) top no-repeat;
font: 11px Verdana;
}

#formZgloszenie .tloPole {
	display: block;
	width: 500px;
	padding: 1em 1em 1em 1em;
	margin: 1em 2em 0 2em;
	border: 1px solid rgb(172,213,238);
}
#formZgloszenie .tloPole2 {
	display: block;
	width: 500px;
	padding: 1em 1em 1em 1em;
	margin: 1em 2em 0 2em;
	border: 1px solid rgb(172,213,238);
}
#formZgloszenie   .input1  {
	color: #666666;
font: 11px Verdana;
background: white url(i/form-pole-tlo.png) top repeat-x;
	border: 1px solid rgb(112,174,219);
	margin-top: 5px;
	margin-bottom:5px;
	padding: 4px;
}
#formZgloszenie  .input2  {
	color: #666666;
font: 11px Verdana;
background: white url(i/form-pole-tlo.png) top repeat-x;
	border: 1px solid rgb(112,174,219);
	margin-top: 6px;
	margin-bottom: 6px;
}

.input-submit {
	color: white;
	font: bold 11px Verdana;
background: url(i/form-butt-tlo.png) top repeat-x;
	margin-top: 3px; border:0;
	margin-bottom:3px;
	padding: 7px;
}