/* Layout */ 

body {
 margin:0;
 color: #777;
 text-align:center;
 padding:0;
 background: #eaf3f7 url('images/tlo.jpg') repeat-y center;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 }

#outer {
 text-align:left;
 border:0;
 width:704px;
 margin:0 auto;
 padding:0;
 background: url('images/tlo_cont.jpg') no-repeat 0 185px;
 }


/* Hide from IE5-mac. Only IE-win sees this. \*/ 
    * html #outer {
	padding-left:16px;
	background: url('images/tlo_cont.jpg') no-repeat 16px 185px;

	}	
/* End hide from IE5/mac */




#hdr {
 height:60px;
 color: #777;
 }

#bar {
 height:185px;
 color: #777;
 border:0;	
 border-width:1px 0 1px 0;
 background: #EAF3F7;
 }
 
#bar img {
 border: 0;
 padding: 0;
 margin: 0;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/ 
    * html #bar {
    
}
/* End hide from IE5/mac */




#bodyblock {

 color: #777;
 width:704px;
 padding:0;
 margin:0;
 background: url('images/bottom_main.jpg') no-repeat bottom;
 border: 0px solid black;

 }

#l-col {
 float:left;
 color: #777;
 width:230px;
 border: 0px solid black;
 line-height: 20px;
 }

#cont {
 float:right;
 width:470px;
 color: #777;
 border:0px solid black;	
 text-align:left;
 padding:0;
 padding-bottom:20px;
 margin:0;
 }





#ftr {
 height:25px;
 color: #777;
 border:0;
 margin:0;
 clear: both;
 }
 
#ftr2 {
 height:25px;
 color: #777;
 background: #eaf3f7;
 border:0;
 margin:0;
 clear: both;
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #333;
 }

/* Menu */ 
#navcontainer {
 text-align: left;
 margin-top: 5px;
 margin-bottom: 300px;
}

#navcontainer a, #navcontainer a:link, #navcontainer a:visited {
 font-family: verdana, arial, sans-serif;
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
 color: #6c8cc7;
}

#navcontainer a:hover {
 font-family: verdana, arial, sans-serif;
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
 color: #ff9966;
}

#navcontainer a.negative:link , #navcontainer a.negative:visited  {
 color: #ff9966;
}

#navcontainer a.negative:hover {
 color: #6c8cc7;
}

#navlist {
 margin-left: 10px;
 padding-left: 10px;
 list-style: none;
 line-height: 30px;
}

#navlist li {
 padding-left: 10px;
 background-image: url(images/arrow.gif);
 background-repeat: no-repeat;
 background-position: 0 1.2em;
 
}

#navlist2 {
 margin-left: 5px;
 padding-left: 5px;
 list-style: none;
 line-height: 20px;
}

#navlist2 li {
 padding-left: 10px;
 background-image: url(images/arrow.gif);
 background-repeat: no-repeat;
 background-position: 0 .7em;
}

#navlist2 a, #navlist2 a:link, #navlist2 a:hover, #navlist2 a:visited {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 color: #519f00;
}

#navlist2 a:hover {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 color: #519f00;
 border: solid #ff9966;
 border-width: 0px 0px 1px 0px;
}

#navlist3 {
 margin-left: 5px;
 padding-left: 5px;
 list-style: none;
 line-height: 20px;
}

#navlist3 li {
 padding-left: 10px;
 background-image: url(images/arrow.gif);
 background-repeat: no-repeat;
 background-position: 0 .7em;
}

#navlist3 a, #navlist3 a:link, #navlist3 a:hover, #navlist3 a:visited {
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
 color: #ff9966;
}

#navlist3 a:hover {
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
 border: solid #519f00;
 border-width: 0px 0px 1px 0px;
 color: #ff9966;
}


/* Linki */
#ftr2 a, #ftr2 a:visited, #ftr2 a:visited{
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #519f00;
 text-decoration :none;
}

#ftr2 a:hover{
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #519f00;
 text-decoration:none;
 border: solid #333;
 border-width: 0 0 1px 0;
}

#cont a.ubranka, #cont a.ubranka:link, #cont a.ubranka:visited, #cont a.ubranka:active {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 line-height: 25px;
 font-weight: bold;
 text-decoration: none;
 color: #ff9966;
}

#cont a.ubranka:hover {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 line-height: 25px;
 font-weight: bold;
 text-decoration: none;
 color: #ff9966;
 border: solid #519f00;
 border-width: 0px 0px 1px 0px;
}


#cont a, #cont a:visited, #cont a:link, #cont a:active {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #ff9966;
 text-decoration: none;
}

#cont a:hover {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #ff9966;
 text-decoration: underline;
}



/* Tabela News */

#news {
 width: 455px;
 padding: 0;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #777;
 margin-top: 25px;
}

#news2 {
 width: 455px;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #777;
 margin-left:12px;
}

.witaj {
 border: solid #b8c3c9;
 border-width: 0 0 1px 0;
}

.wyd {
 padding: 10px 0 0 0;
 margin: 10px 0 0 0;
 vertical-align: top;
 border: solid #b8c3c9;
 border-width: 0 0 1px 0;
}

/* wyszukanie */
.szukaj {
 background: #f9fff2;
 border: solid #b8c3c9;
 border-width: 0 1px 1px 0;
 vertical-align: top;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #555;
 padding: 5px;
 margin: 0;
}

.szukaj2 {
 background: #f9fff2;
 border: solid #b8c3c9;
 border-width: 1px;
 vertical-align: top;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #555;
 padding: 5px;
 margin: 0;
}

.ubrania {
 background: #f9fff2;
 border: 1px solid #b8c3c9;
 vertical-align: top;
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 color: #555;
 padding: 0px;
 margin: 0px;
 width: 440px;
 text-align: center;
}

.ubraniam {
 background: #f9fff2;
 border: 1px solid #b8c3c9;
 vertical-align: top;
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 color: #555;
 padding: 0px;
 margin: 0px;
 width: 40%;
 text-align: center;
}

.ubranias {
 background: #f9fff2;
 border: 1px solid #b8c3c9;
 vertical-align: top;
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 color: #555;
 padding: 0px;
 margin: 0px;
 width: 60%;
 text-align: center;
}

.w {
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 color: #fff;
 font-weight: bold;
 text-align: center;
 background: #6c8cc7;
 width: 100%;
}

.w1 {
 font-family: verdana, arial, sans-serif;
 font-size: 9px;
 color: #555;
 font-weight: normal;
 text-align: center;
 background: #ecf2e5;
 width: 100%;
}

.w2 {
 font-family: verdana, arial, sans-serif;
 font-size: 9px;
 color: #555;
 font-weight: normal;
 text-align: center;
 background: #e5ebde;
 width: 100%;
}

.wu {
 border: solid #f9fff2;
 border-width: 1px 0px 0px 0px;
}


.loguj {
 background: #f9fff2;
 border: solid #b8c3c9;
 border-width: 0 0 1px 0;
 vertical-align: top;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #555;
 padding: 5px;
 margin: 0;
}

.select {
 width: 180px;
 height: 20px;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #6c8cc7;
 background: #fff;
 border: 1px solid #6c8cc7;
 margin: 0px;
 padding: 0px;
}

.button {
 width: 100px;
 height: 20px;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #6c8cc7;
 background: #fff;
 border: 1px solid #6c8cc7;
 margin: 0px;
 padding: 0 0 1px 0;
}

/* Kontakt */

.pole {
 border: 1px solid #ff9966;
 text-indent: 5px;
 color: #ff9966;
 background: transparent;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 width: 250px;
}

#dane_kont {
 margin-top: 18px;
 border: 1px solid #ff9966;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 padding: 5px 0px 5px 0px;
}

.pole:focus {
 background: #fff;
 color: #000;
 font-weight: 100;
 border: 1px dashed #ff9966;
}

.pole_txt {
 border: 1px solid #ff9966;
 text-indent: 5px;
 color: #ff9966;
 background: transparent;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 width: 390px;
}

.pole_txt:focus {
 background: #fff;
 color: #000;
 font-weight: 100;
 border: 1px dashed #ff9966;
}

.buton{
 border: 1px solid #ff9966;
 text-indent: 5px;
 color: #ff9966;
 background: transparent;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 width: 150px;
}

.tab_nazwa {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #777;
 width: 140px;
 text-align: right;
}

.tab_kont{
 text-align: center;
 width: 470px;
}
 
/* Ogólne */
.small {
 font-family: verdana, arial, sans-serif;
 font-size: 8px;
 color: #777;
}

.green {
 font-family: verdana, arial, sans-serif;
 font-size: 20px;
 font-weight: normal;
 color: #519f00;
}

.red {
 font-family: verdana, arial, sans-serif;
 font-size: 19px;
 font-weight: normal;
 color: #ff9966;
}

.redSmall{
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #ff9966;
}

.gray {
 font-family: verdana, arial, sans-serif;
 font-size: 19px;
 font-weight: normal;
 color: #777;
}

img {
 margin-right: 10px;
 border: 1px solid #ff9966;
}

#cont p {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #777;
 margin: 0px 0 0 0; 
 padding: 10px 12px 0 12px;
}

#cont p a.mapa, #cont p a.mapa:visited, #cont p a.mapa:link, #cont p a.mapa:active {
 width: 150px;
 height: 150px;
 margin: 0;
 padding: 0;
 background: url('images/mapa_o.jpg');
 display: block;
 float: right;
}

#cont p a.mapa:hover {
 width: 150px;
 height: 150px;
 margin: 0;
 padding: 0;
 background: url('images/mapa.jpg');
 display: block;
 float: right;
}

#cont ul {
 margin: 0px 22px 0 25px; 
 padding: 0 0 0 0;
 list-style: disc;
}

#cont li {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #777;
 margin: 20px 0 0 0; 
 padding: 0 0 0 0;
}

/* wyszukiwanie */

.wynik {
 border: 1px solid #6c8cc7;
 width: 450px;
 background: #f7fbfc;
 padding: 0px;
}

.male {
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 color: #777;
 font-weight: bold;
}

.kto {
 font-family: verdana, arial, sans-serif;
 font-size: 13px;
 color: #fff;
 font-weight: bold;
 background: #6c8cc7;
}

.miasto {
 font-family: verdana, arial, sans-serif;
 font-size: 13px;
 color: #fff;
 font-weight: bold;
 text-align: right;
 background: #6c8cc7;
 width: 100%;
}

.adres {
 width:100%;
}

.tab {
 padding: 5px;
}




/* Hide from IE5-mac. Only IE-win sees this. \*/ 
    * html, body {
    height: 100%;
    overflow: auto; 
}
/* End hide from IE5/mac */


#fda
	{
    position: fixed;
    bottom: 0;
    width: 704px;
    margin: 0;
    height: 24px;
    background: #ff6600;
	text-align:center;
	font-weight:bold;
	}

#fda a
	{
	color:#fff;
	}

.small_fda
	{
    font-family: verdana, arial, sans-serif;
 	font-size: 8px;
 	color: #777;
	margin: 0;
	}

/* Hide from IE5-mac. Only IE-win sees this. \*/ 
    * html #fda {
    position: absolute;
}
/* End hide from IE5/mac */