img {border: 0;}
a { outline: none; }
p a { color: #3179AD; text-decoration: none }
p a:hover { color: #266A9B; text-decoration: underline }

html {background: #fff;}

input, textarea, select { font-size: 12px; font-family: tahoma }

body {width: 100%; min-width: 955px; min-height: 1024px; background: url(images/bg.jpg) repeat-x 0 0 transparent; text-align: left; margin: 0;}

#l {position: absolute; right: 50%; width: 50%; height: 1024px; z-index: 0; background: url(images/left.jpg) no-repeat 100% 0 transparent;}
#r {position: absolute; left: 50%; width: 50%; height: 1024px; z-index: 0; background: url(images/right.jpg) no-repeat 0 0 transparent;}

#container {position: relative; margin: 0 auto; width: 955px; overflow: hidden; background: transparent; z-index: 2;}

#top {width: 955px; height: 132px;}
  #top h1 {float: left; margin: 25px 0 0 10px; width: 224px; height: 79px;}
    #jsddm {float: right; margin: 55px 0 0 0; list-style: none; position: relative; z-index: 1000 }
    #jsddm li {display: block; float: left; z-index: 1000}
    #jsddm li a {text-indent: -3000em; display: block; padding: 5px 15px; float: left; background-position: 18px 5px; background-repeat: no-repeat;}
      #m1 {background-image: url(images/m1.png); width: 105px; height: 15px;}
        #m1:hover, #m1.active {background-image: url(images/m1_hover.png)}
      #m2 {background-image: url(images/m2.png); width: 46px; height: 15px;}
        #m2:hover, #m2.active {background-image: url(images/m2_hover.png)}
      #m3 {background-image: url(images/referencje.png); width: 70px; height: 15px;}
        #m3:hover, #m3.active {background-image: url(images/referencje_hover.png)}
      #m4 {background-image: url(images/m4.png); width: 76px; height: 33px; background-position: 15px 10px !important; position: relative; top: -5px; padding: 0 !important;}
        #m4:hover, #m4.active {background-image: url(images/m4_hover.png);}
      #m5 {background-image: url(images/m5.png); width: 40px; height: 15px;}
        #m5:hover, #m5.active {background-image: url(images/m5_hover.png)}
      #m6 {background-image: url(images/m6.png); width: 52px; height: 15px;}
        #m6:hover, #m6.active {background-image: url(images/m6_hover.png)}
      #m12 {background-image: url(images/promocje.png); width: 66px; height: 15px;}
        #m12:hover, #m12.active {background-image: url(images/promocje_hover.png)}
		
		#jsddm li ul {margin: 0; padding: 0; position: absolute; top: 27px; left: 175px; width: 211px; visibility: hidden; z-index: 1000; background: url(images/ul_top_bg.jpg) no-repeat 0 0 transparent; padding-top: 23px;}
		  #jsddm li ul li {float: none; display: block; margin: 0; padding: 0; width: 211px; background: #222222; overflow: hidden;}
		  #jsddm li ul li a {color: #fff; z-index: 1000; display: block; width: 211px; height: 13px; text-align: left; background-position: 15px 0; margin: 3px 0;}
		  .menu_last {height: 45px; background: url(images/ul_last_bg.png) no-repeat 0 0 transparent !important; padding-bottom: 45px;}
		  #m7 {background-image: url(images/m7.png);}
		    #m7:hover, #m7.active {background-image: url(images/m7_hover.png);}
		  #m8 {background-image: url(images/m8.png);}                                                   
		    #m8:hover, #m8.active {background-image: url(images/m8_hover.png);}
		  #m9 {background-image: url(images/m9.png);}
		    #m9:hover, #m9.active {background-image: url(images/m9_hover.png);}
		  #m10 {background-image: url(images/m10.png);}
		    #m10:hover, #m10.active {background-image: url(images/m10_hover.png);}
		  #m11 {background-image: url(images/m11.png);}
		    #m11:hover, #m11.active {background-image: url(images/m11_hover.png);}
		  #m13 {background-image: url(images/m13.png);}
		    #m13:hover, #m13.active {background-image: url(images/m13_hover.png);}
		  #m14 {background-image: url(images/m14.png);}
		    #m14:hover, #m14.active {background-image: url(images/m14_hover.png);}
		  #m15 {background-image: url(images/m15.png);}
		    #m15:hover, #m15.active {background-image: url(images/m15_hover.png);}
		  #m16 {background-image: url(images/m16.png);}
		    #m16:hover, #m16.active {background-image: url(images/m16_hover.png);}
		  #m17 {background-image: url(images/m17.png);}
		    #m17:hover, #m17.active {background-image: url(images/m17_hover.png);}
		  #m18 {background-image: url(images/m18.png);}
		    #m18:hover, #m18.active {background-image: url(images/m18_hover.png);}
		    
		.m4_li_hover:hover {background: url(images/li_hover.jpg) repeat-x 0 -3px transparent; padding-top: 3px; margin-top: -3px;}
		  .m4_li_hover:hover #m4 {background-image: url(images/m4_hover.png);}
      
#pasek {height: 90px;}
  .powitanie {float: left; position: relative; top: 40px; left: 10px;}
  .slogan {float: right; position: relative; top: 35px; right: 300px; z-index: 5;}

#banner { height: 120px; margin: 20px 0px 00px 0px }
  
#left_box, #center_box_inside, #right_box {min-height: 360px; overflow: hidden;}

#left_box, #right_box {width: 268px; padding: 25px 15px;}

#left_box {float: left; background: url(images/left_box_top.jpg) no-repeat 0 0 #f8f8f8;}

#center_box {float: left; margin-left: 15px; background: transparent; width: 298px; padding: 0 14px; border: 1px solid #fff; border-width: 0 1px;}
  #center_box_inside {background: #fff; padding: 25px 15px;}

#right_box {float: right; background: url(images/right_box_top.jpg) no-repeat 100% 0 #f8f8f8;}

h2 {width: 268px; height: 20px; margin: 0; margin-bottom: 15px;}
  h2 img {margin: 0; display: block;}
  
h3 {margin: 0 0 0 10px; display: block;}
  h3 a {font-size: 12px; font-family: tahoma; color: #000; text-decoration: none;}
  
p, td, li {font-size: 12px; font-family: tahoma; color: #000; line-height: 17px; margin: 0 0 17px 10px; text-align: justify }
li { margin: 0 0 5px 0; }

.stopki_r {float: right;}

#podstrona {width: 925px; padding: 25px 15px; background: url(images/podstrona_top.jpg) no-repeat 0 0 #f8f8f8;}
#podstrona_glowna {clear: both; width: 925px; padding: 20px 15px 10px 15px; background: url(images/info_top.png) no-repeat 0 0 #FDF4FD; position: relative }

#footer {clear: both; display: block; border-top: 1px solid #fff; position: relative; top: 25px; margin: 0 0 125px 0; padding: 30px 0 0 0;}
  #footer p, #footer a {font-size: 11px; font-family: tahoma; color: #828282; text-decoration: none;}
  #footer .right a {margin: 0 5px;}
  #footer a:hover {text-decoration: underline;}
  #footer .left {float: left; vertical-align: top; }
  .right {float: right;}

#oferta_l {float: left; width: 202px; padding: 15px; background: url(images/top_l.jpg) no-repeat 0 0 #f8f8f8;}
  #oferta_l ul {display: block; list-style: none; margin: 0; padding: 0;}
  #oferta_l li {width: 202px; padding: 0; margin: 0;}
  #oferta_l a {display: block; width: 182px; height: 21px; padding: 6px 10px 0 10px; font-size: 12px; font-family: tahoma; color: #000; text-decoration: none;}
    #oferta_l a:hover, #oferta_l a.active {color: #23a9de; background: url(images/oferta_menu_hover.jpg) repeat-x 0 0 transparent;}

#oferta_r {float: right; width: 712px; border-left: 1px solid #fff;}
  #oferta_inside {float: right; width: 672px; min-height: 200px; padding: 15px; background: url(images/top_r.jpg) no-repeat 100% 0 #f8f8f8;}
  
#oferta_outside {width: 100%; overflow: hidden; background: url(images/oferta_l_bg.jpg) repeat-y 0 0 transparent;}

.img_text { margin: 0 15px 10px 0px }
.img_nomargin { position:relative; top: -15px; left: -12px }

.left_col p { line-height: 2px; font-size: 11px }

.right { text-align: right }

#hosting_table {width: 672px;}
  .grey {background: #efefef !important;}
  #hosting_table td {padding: 5px; text-align: center; vertical-align: middle; color: #252525; font-size: 12px; font-family: tahoma;}
  .text_left {width: 175px !important; text-align: left !important;}

#sprawdz_domene {display: block; width: 672px; height: 125px; background: url(images/sprawdz_domene_bg.jpg) no-repeat 0 0 transparent;}
  #sprawdz_domene p {position: relative; top: 40px; left: 175px; margin: 0;}
  #sprawdz_domene label {display: inline; margin: 0 5px;}
  #sprawdz_domene input {font-size: 12px; font-family: tahoma; color: #252525}
  #spr_txt {width: 181px; height: 15px; padding: 6px 10px 6px 10px;  background: url(images/input_text.png) no-repeat 0 0 transparent; border: 0;}
  #sprawdz_domene select {width: 67px; height: 27px; padding: 6px 5px 6px 5px; background: url(images/select.jpg) no-repeat 0 0 transparent; border: 0;}
  #spr_sub {width: 68px; height: 27px; background: url(images/sprawdz.jpg) no-repeat 0 0 transparent; border: 0; padding: 6px 10px 6px 10px;}

#table_domeny {margin: 15px 0; width: 672px;}
  #table_domeny td {padding: 5px; text-align: center; vertical-align: middle; color: #252525; font-size: 12px; font-family: tahoma;}
  #table_domeny td.left { padding: 8px 5px 8px 8px; text-align: left }
  .red {color: #ff0000 !important;}

#ftable { margin: 17px 0 0 0 }
#ftable td span { color: red }

.finput { width: 201px; height: 27px; background: #ffffff url(images/input_bg.gif) left top no-repeat; position: relative; top: -10px; }
.finput input { border: 0; padding: 6px 5px 0px 5px; width: 191px; height: 27px; background-color: transparent }

.ftextarea { width: 307px; height: 125px; background: transparent url(images/textarea_bg.gif) left top no-repeat; position: relative; top: -10px;  }
.ftextarea textarea { border: 0; padding: 7px; overflow: auto; background: transparent; width: 293px; height: 111px  }

.otd { vertical-align: middle; padding: 0 50px 0 60px }

#referencje img { padding: 0 10px 0 0 }

#arrow_left { position: absolute; top: 40px; left: 11px; }
#arrow_right { position: absolute; top: 40px; left: 896px; margin-left: 20px }
#p1, #p2, #p3, #p4, #p5, #p6, #p7 { width: 850px; padding: 0 0 0 25px }