*{
margin: 0px;
padding:0px;
border: 0px;
}

html {background:#c1c1c3 url('../gfx/bg.jpg') top center no-repeat;}
h2{font-size:18px;}
body {font-family: Arial; min-height:550px; font-size:11px; color:#777; width:100%; text-align:center; }
 a {text-decoration:none; outline:0px; cursor:pointer; font-size:11px; color:#777}
   
.clr{clear:both; width:100%; height:1px; display:block;}

.width960{width:960px; margin:0px auto;}
.left20{left:20px; margin-right:-20px;}
.center{text-align:center;}

.hr_l{width:940px; height:2px; background:transparent url('../gfx/line.png') 0px 0px no-repeat; margin:10px auto;  }

#menu{width:100%; height:100px; display:block; padding-top:40px; }
#menu  {text-align:center;}
#menu  ul span.slash{ float:left; width:12px; height:14px; display:block; top:-17px; position:relative; background:transparent url('../gfx/slash.png') 0px 0px no-repeat;}
.opt1{left:55px;}
.opt2{left:180px;}
.opt3{left:323px;}

#menu ul{width:400px; height:50px; display:block; position:relative; left:10px; list-style-type:none; margin:0px auto;}
#menu ul li{float:left;}
#menu ul li a{ height:14px; display:block ;text-indent:-9999px; margin:0px 26px;}

.m_home{ width:45px; background:transparent url('../gfx/home.png') 0px 0px no-repeat; }
.m_h_a, .m_home:hover{ background:transparent url('../gfx/home_hover.png') 0px 0px no-repeat; }

.m_kancelaria{width:104px; background:transparent url('../gfx/kancelaria.png') 0px 0px no-repeat; }
.m_ka_a, .m_kancelaria:hover{ background:transparent url('../gfx/kancelaria_hover.png') -1px 0px no-repeat; }

.m_kontakt{ width:79px; background:transparent url('../gfx/kontakt.png') 0px 0px no-repeat; margin-right:0px; }
.m_ko_a, .m_kontakt:hover{ background:transparent url('../gfx/kontakt_hover.png') 0px 0px no-repeat; margin-right:0px; }

#content{width:960px; height:350px; display:block; margin:0px auto 30px auto; text-align:left;  text-align:center;}


#footer{width:100%; height:120px; display:block; position:relative;text-align:center; color:#999; font-size:12px; display:block; }
#footer a{color:#999;}
#footer p{width:auto; position:relative; margin:0px auto;}

#footer h1.prof{background:transparent url('../gfx/prof.png') 0px 0px no-repeat; width:585px; height:22px; display:block; margin:5px auto; text-indent:-9999px;}
#footer h2.tel{background:transparent url('../gfx/tel.png') 0px 0px no-repeat; width:155px; height:17px; display:block; margin:5px auto 45px auto; text-indent:-9999px;}


/* podstrony - home */

#home img{position:relative; top:20px;}

/* podstrony - start */

#start a{position:relative; top:25px; }


/* podstrony - kancelaria */
#kancelaria div{width:400px; margin-right:20px; min-height:100px; display:block; text-align:left; position:relative; left:25px;}
#kancelaria .ka_left{  float:left;}
#kancelaria .ka_left h2{ background:transparent url('../gfx/supremalex.png') 0px 0px no-repeat; width:400px; height:14px; text-indent:-9999px; float:left; margin-bottom:15px;}
#kancelaria .ka_left p{  margin-left:17px; width:320px; font-size:13px; float:left; line-height:25px;}
#kancelaria .ka_right{ float:right; position:relative; left:-25px;}
#kancelaria .ka_right h2{ background:transparent url('../gfx/nasze_atuty.png') 0px 0px no-repeat; width:400px; height:14px; text-indent:-9999px; float:left; margin-bottom:15px;}
#kancelaria .ka_right p{  width:340px; font-size:13px; float:left; background:transparent url('../gfx/li.png') 3px 3px no-repeat; padding-left:18px; margin-bottom:13px;}
#kancelaria h3 {background:transparent url('../gfx/dzialamy.png') 0px 0px no-repeat; width:384px; height:21px; display:block; margin:10px auto; clear:both; text-indent:-9999px; position:relative; top:80px;}

/* podstrony - kancelaria */
#kontakt div{width:400px; margin-right:50px; min-height:100px; display:block; text-align:left; position:relative; left:25px;}
#kontakt .ko_left{  float:left;}
#kontakt .ko_left h2{width:400px; height:18px; text-indent:-9999px; float:left;  margin-bottom:5px;}
#kontakt .ko_left h2.dane_ko{ background:transparent url('../gfx/dane_kontaktowe.png') 0px 0px no-repeat; }
#kontakt .ko_left h2.adres{ background:transparent url('../gfx/adres.png') 17px 0px no-repeat; }
#kontakt .ko_left h2.dane_tele{ background:transparent url('../gfx/dane_teleadresowe.png') 17px 0px no-repeat; }
#kontakt .ko_left p{  margin-left:17px; width:350px; font-size:13px; float:left; line-height:16px; margin-bottom:20px;}
#kontakt .ko_left p span{text-decoration:underline;}
#kontakt .ko_left p strong{width:150px; float:left; font-weight:normal; margin-right:20px; margin-top:15px;}

#kontakt .ko_right{ float:right;}

#kontakt .ko_right h2{width:400px; height:14px; text-indent:-9999px; float:left;  margin-bottom:10px; background:transparent url('../gfx/form.png') 0px 0px no-repeat;}

#kontakt .ko_right form{  width:320px; font-size:13px; float:left; position:relative; }
#kontakt .ko_right form *{  outline:0px; border:0px;}
#kontakt .ko_right form input{margin-bottom:10px; color:#777; padding-left:5px;padding-top:2px;}
#kontakt .ko_right form input.text{  width:320px; height:21px; background:transparent url('../gfx/pasek.png') 0px 0px no-repeat;font-size:13px; float:left; position:relative; left:18px;}
#kontakt .ko_right form textarea{  width:320px; height:178px; background:transparent url('../gfx/pole.png') 0px 0px no-repeat;font-size:13px; float:left; position:relative; left:18px; color:#777; padding:5px;}
#kontakt .ko_right form input.submit{width:50px; height:18px; background-color:#662d91; color:#fff; font-size:11px; padding:2px; position:relative; top:3px; left:18px;}

#kontakt .ko2_left h2{ background:transparent url('../gfx/supremalex.png') 0px 0px no-repeat; width:400px; height:14px; text-indent:-9999px; float:left; margin-bottom:15px;}
#kontakt .ko2_left p{  margin-left:17px; width:320px; font-size:13px; float:left; line-height:25px;}

#kontakt .ko2_left{ float:left;}
#kontakt .ko2_right{ float:right;}

#kontakt .ko2_right h2{width:400px; height:18px; text-indent:-9999px; float:left;  margin-bottom:10px; background:transparent url('../gfx/form_z.png') 0px 0px no-repeat;}


#kontakt .ko2_right form{  width:320px; font-size:13px; float:left; position:relative; }
#kontakt .ko2_right form *{  outline:0px; border:0px;}
#kontakt .ko2_right form input{margin-bottom:10px; color:#777; padding-left:5px;padding-top:2px;}
#kontakt .ko2_right form input.text{  width:320px; height:21px; background:transparent url('../gfx/pasek.png') 0px 0px no-repeat;font-size:13px; float:left; position:relative; left:18px;}
#kontakt .ko2_right form textarea{width:320px; height:88px; background:transparent url('../gfx/pole.png') 0px 0px no-repeat;font-size:13px; float:left; position:relative; left:18px; color:#777; padding:5px;}
#kontakt .ko2_right form input.submit {width:50px; height:18px; background-color:#662d91; color:#fff; font-size:11px; padding:2px; position:relative; top:3px; left:18px;}