@charset "utf-8";
html, body
   {
	  text-align: left;
	  color: #000;
	  font-family: "Comic Sans MS", "Courier New", cursive;
          background: #fefdef url(tlo.bmp) repeat top right ;
    margin:0;
    padding:0;
          
	}

#CALOSC
{
 position: absolute; top: 50%;
 margin-top: -275px;
 width: 100%;
 overflow: visible;
}

#CONTAINER
 	{
	  width: 947px;
      margin: auto;
	  padding: 0px;

	}
     #CONTAINER img
       {
         border-style: none;
       }
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
#LEWY
        {
          width: 185px;
          height: 550px;
          float: left;
          color: #fff  ;
          background: #1f3763 url(lewa_tlo.jpg) no-repeat top left;
        }
   #LOGO
    {
      width: 162px;
      height: 169px;
      position: relative; left:18px; top:9px;
    }
    #LOGO a
    {
      margin: 0px;
	  padding: 0px;
    }
    #LOGO a:hover
      {
        display: block;
        background: url(logo_big.jpg) no-repeat top left ;
      }
    #BIURO
          {
           height: 100px;
           width: 185px; 
           margin: 0px;
		   padding: 0px;
           position: relative; top:10px; left:5px;
           float: left;
           }
    #BIURO h1
    {
    	font-weight: bold;
    	text-align: center;
        font-size: 19px;
        font-family: "Bookman Old Style", "Courier New", cursive ;
  	}

          #BIURO a:link, #BIURO a:visited
          {
           color: #fff  ;
           text-decoration: none;
           display: block;
          }
    #ADRESY
           {
             width: 175px;
             float: left;
             position: relative; top: 110px; left: 20px;
             overflow: visible;
             text-align: left;
             font-size: 17px;

           }
      #ADRESY a:link, #ADRESY a:visited
           {
            color: #AFB6F9;
            text-decoration: none;
           }
      #ADRESY a:hover
           {
            color: #8889B6;
            text-decoration: none;
           }
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
#SRODEK
  {
    width: 275px;
    height: 550px;
    float: left;
    background: #b0b5bd url(srodek_tlo.jpg) no-repeat top left;
  }
    #MENU
      {
        position: relative; top: 160px; left: 40px;
        height: 330px;
        width: 190px;
        display: block;
        text-align: center;
      }
     #MENU.ofer
       {
         position: relative; top: 120px;
       }
     #MENU p
       {
         font-family: "Courier New", "Lucida Console", sans-serif ;
         font-size: 25px;
         font-variant: small-caps;
         line-height: 7mm;
         font-weight: bold;
         overflow: hidden;
         margin: 0px;
		 padding: 0px;
		 position: reltative; top: 10px;
		 line-height:12mm;
       }
     #MENU ul li
       {
         font-family:  "Comic Sans MS", cursive  ;
         position: relative; bottom: 15px; right: 20px;
         list-style: none;
         overflow: hidden;
         font-size: 12px;
         line-height: 7mm;
		 font-weight: bold;
		 color: #444;
       }
     #MENU p a:link, #MENU  p a:visited
       {
        color:  #222;
	  	text-decoration: none;
	  	display: block;
	  	background: url(buttonn.png) center no-repeat;
        }
     #MENU p a.aktyw:link, #MENU  p a.aktyw:visited, #MENU p a.aktyw:hover, #MENU p.p1 a.aktyw:hover
       {
		 font-size: 25px;
		 background: url(buttonn2.png) center no-repeat;
       }
     #MENU ul a:link, #MENU  ul a:visited
       {
         color: #222;
         text-decoration: none;
	 	 display: block;
      	 background: url(buttonn_m.png) center no-repeat;
		
       }
     #MENU ul li.aktyw a:link, #MENU  ul li.aktyw a:visited, #MENU ul li.aktyw a:hover
       {
		 font-size: 12px;
         background: url(buttonn2_m.png) center no-repeat;
		
       }
     #MENU p a:hover
       {
		 font-size: 24px;
		background: url(buttonn2.png) center no-repeat;
       }
     #MENU ul a:hover
       {
		 font-size: 11px;
         background: url(buttonn2_m.png) center no-repeat;
       }
     #FLASHEK
     {
      position: relative; top: 130px; left: 65px;
      float: left;
     }
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
#PRAWY
  {
    width: 487px;
    height: 550px;
    float: left;
    background: #c4cfe6 url(prawa_tlo.jpg) no-repeat top left;
	color: #444;
  }
     #TRESC
       {
         width: 400px;
         height: 510px;
         position: relative; left: 60px; top: 50px;
         font-family: "Verdana", "Georgia", "Cambria", sans-serif;
         padding-right: 10px;
         color:  #444 ;
         overflow: visible;
         text-align: left;
         font-size: 18px;
       }
       #TRESC.zakres
       {

         position: relative; left: 40px;
         width: 420px;
       }

       #TRESC h1
       {
         font-size: 40px;
         text-align: center;
         margin: 0px;
         padding: 0px;
       }
       #TRESC h3
       {
         font-size: 23px;
       }

       #TRESC p
           {
             text-indent: 10mm;
           }
       #TRESC ul.odstep
       {
         line-height:10mm;
       }
         #TRESC a:link, a:visited
           {
             color: #00a;
             text-decoration: none;
           }
         #TRESC a:hover
           {
             color: #F25D1C;
             font-weight: bold;
           }
		 #TRESC h1, #TRESC h2, #TRESC h3
		 {
		   font-family:   "Courier New", serif ;
		 }

         #TRESC ul a:hover
           {
             color:   #F25D1C ;
             letter-spacing: 1mm ;
             font-weight: bold;
           }
         #TRESC ul.bez, ul li.bez
           {
             list-style: none;
             position: relative; right: 40px;
           }
         #TRESC.lok
           {

             position: relative; left: 40px;
	     width: 420px;
             float: left;
             text-align: center;
		   }
		    #TRESC.lok b
           	{
             font-size: 20px;
           	}
		  #TRESC.form, #TRESC.kont
		  {
		  	width: 360px;
   			position: relative; left: 100px; top: 0px;
		  }
		  #TRESC.form
		  {
		  	width: 420px;
			position: relative; left: 55px; top: 10px;
			font-size: 14px;
			height:540px;
			color: black;

		  }


		  #TRESC.form h1
		  {
		    font-size: 25px
		  }
		  #TRESC.wyslana
		  {
		    font-family: "Comic Sans MS", cursive ;
		  	font-size: 25px;
			height:300px;
			font-weight: bold;
			position: relative; left: 60px; top: 130px;
		  }
			#TRESC.wyslana p
			{
			margin: 0px;
			padding: 0px;
			}
       /* ------------------------------------------------------------------*/
       #MAPA, #MAPA a:link, #MAPA a:visited
         {
           color: #1F3767;
           width: 205px;
           text-align: center;
           font-size: 12px;
           position: relative; top: 20px;
         }
           #MAPA img
             {
               
               border-style: solid ;
               border-color: #000 ;
               border-width: 0.7mm;
             }
             

         #ADRES
         {
            width: 210px;
			position: relative; top: 20px; 
         }
         

#STOPKA
{
width: 100%;
margin-top: 5px;
padding: 0px;
float: left;
}


#STOPKA h1, #STOPKA p, #STOPKA a
{
font-family: "Verdana", "Georgia", "Cambria", sans-serif;
color:  #ccc ;
text-align: center;
font-size: 9px;
}

		#STOPKA a:link, #STOPKA a:visited
           {
             color: #ccc;
             text-decoration: none;
           }
/*
#LINKI
{
width: 100%;
display: none;
float: left;
margin: 0px;
padding: 0px;
}

		#LINKI a:link, #LINKI a:visited
           {
             color: #ccc;
             text-decoration: none;
             margin: 0px;
			 padding: 0px;
           }
           
#LINKI p, #LINKI a, #LINKI font
{
margin: 0px;
padding: 0px;

font-family: "Verdana", "Georgia", "Cambria", sans-serif;
color:  #ccc ;
text-align: center;
font-size: 10px;
}
*/