body
{ 
  background: url('img/tlo.png') repeat-x;
  background-color:	#eaebec;
  margin:		0px; 
  padding:   0px;
}

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

a
{
  text-decoration: none;
  color: #698ce2;
  font-weight: normal;
}

a:hover
{
  color: #000000;
  text-decoration: none;
}

#all_body
{
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  width: 1000px;

}

#col2 h2
{
  margin: 10px 0px 20px 20px;
  padding: 0px 0px 0px 30px;
  font-family: "Trebuchet ms", tahoma, arial;
  background:	url('img/menu2a.gif') no-repeat left center;
  font-size: 21px;
  line-height: 21px;
  color: #3b3b3b;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-weight: normal;
}


#all
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 1000px;
  background:	url('img/all_black.png') no-repeat left top;
}


#laptop
{
   border-top: 0px solid #c1cee1;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   float: left;
   width: 312px;
   height: 521px;
   background: url(img/laptop.png) no-repeat left top;
}

#laptop2
{
   border-bottom: 0px solid #c1cee1;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   float: left;
   width: 312px;
   height: 358px;
   background: url(img/laptop.png) no-repeat left top;
}

#laptop3
{
   border-bottom: 0px solid #c1cee1;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   float: left;
   width: 312px;
   height: 358px;
   background: url(img/laptop.png) no-repeat left top;
}

#laptop .foto
{
   margin: 85px 58px 0px 36px;
   padding: 0px 0px 0px 0px;
   width: 197px;
   height: 123px;
   float: right;

}





#top0
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 1000px;
  height: 55px;
}

#top0 .menu
{
   border-top: 0px solid #c1cee1;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
  width: 687px;
  height: 55px;
}

#top0 .menu1_on
{
   border-left: 0px solid #c1cee1;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   float: left;
   width: 101px;
   height: 55px;
   background: url(img/topmenu1.gif) no-repeat left bottom;
}

#top0 .menu1
{
   border-left: 0px solid #c1cee1;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   float: left;
   width: 101px;
   height: 55px;
   background: url(img/topmenu2.gif) no-repeat left bottom;
}

#top0 .menu2_on
{
   list-style: none;
     border-left: 0px solid #d9e2f7;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;

   letter-spacing: 0px;
   text-align: center;
}

#top0 .menu2
{
   list-style: none;
     border-left: 0px solid #d9e2f7;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;

   letter-spacing: 0px;
   text-align: center;
}

#top0 .menu2_on a
{
   border-right: 0px solid #000000;
   display: block;
   position: relative;
   text-decoration: none;
   padding: 32px 0px 7px 0px;
   font-family: "trebuchet ms", arial, tahoma, arial;
   line-height: 15px;
   font-size: 15px;
   font-weight: bold;
   color: #21407b;
}

#top0 .menu2_on a:hover
{
   color: #000000;
}

#top0 .menu2 a
{
   border-right: 0px solid #000000;
   display: block;
   position: relative;
   text-decoration: none;
   padding: 34px 0px 7px 0px;
   font-family: "trebuchet ms", arial, tahoma, arial;
   line-height: 13px;
   font-size: 13px;
   font-weight: bold;
   color: #698ce2;
}

#top0 .menu2 a:hover
{
   color: #000000;
}




#top0 .menu3
{
   border-left: 0px solid #c1cee1;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   float: left;
   width: 131px;
   height: 55px;
}

#top0 .menu4
{
   list-style: none;
     border-left: 0px solid #d9e2f7;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;

   letter-spacing: 0px;
   text-align: center;
}

#top0 .menu4 a
{
   border-right: 0px solid #000000;
   display: block;
   position: relative;
   text-decoration: none;
   padding: 34px 0px 7px 0px;
   font-family: "trebuchet ms", arial, tahoma, arial;
   line-height: 13px;
   font-size: 13px;
   font-weight: bold;
   color: #ffffff;
}

#top0 .menu4 a:hover
{
   color: #000000;
}











#top1
{
   border-top: 0px solid #c1cee1;
      border-bottom: 0px solid #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 1000px;
  height: 75px;
}

#logo
{
  border-top: 0px #ebebeb solid;
  margin: 0px 0px 0px 0px;
  padding: 19px 40px 0px 60px;
  float: left;
  width: 213px;
  font-family: "Trebuchet ms";
  font-size: 42px;
  line-height: 42px;
  letter-spacing: -1px;
  font-weight: normal;
  color: #2d475f;
  height: 53px;
}

#slogan
{
  border-left: 1px #ebebeb solid;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  float: left;

  height: 75px;
}

#top1 .menu
{
  border-top: 0px #e0000b solid;
  margin: 0px 0px 0px 0px;
  padding: 25px 0px 0px 0px;
  float: left;
  width: 637px;
  height: 60px;
}


#top1 .menu1
{
   border-right: 0px solid #c1cee1;
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 0px 0px;
   float: left;
   width: 155px;
   height: 50px;
}


#top1 .menu2
{
   list-style: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-family: "trebuchet ms", arial, tahoma, arial;

   line-height: 13px;
   font-size: 13px;
   letter-spacing: 0px;
   text-align: left;
   text-transform: uppercase;
}




#top1 .menu2 a
{
   background: url(img/menu2.gif) no-repeat left top;

   display: block;
   position: relative;
   text-decoration: none;
   margin: 0px 0px 0px 5px;
   padding: 2px 0px 15px 25px;
   font-weight: bold;
   color: #698ce2;
}

#top1 .menu2 a:hover
{
   background: url(img/menu2a.gif) no-repeat left top;
   color: #000000;
}

#top1 .menu2 span
{
   color: #000000;
}






#top3
{
   border-top: 0px solid #c1cee1;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 1000px;
  height: 270px;
}






#col1
{
  border-right: 0px solid #cacaca;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 312px;
}

#col1 p
{
  border-top: 0px solid #ffffff;
   width: 600px;
  margin: 7px 0px 6px 0px;
  padding: 0px 0px 0px 60px;
  font-family: arial, "Trebuchet ms";
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  float: left;
  color: #000000;
  letter-spacing: 0px;
}


#tagi
{
  border-top: 0px solid #cacaca;
  margin: 10px 0px 0px 0px;
  padding: 20px 0px 0px 25px;
  float: left;
  background: url(img/tagi2.png) no-repeat left top;
  width: 287px;
}


#tagi a
{
   float: left;
   text-decoration: none;
   margin: 0px 0px 0px 0px;
   padding: 4px 15px 4px 0px;
   font-weight: bold;
   color: #698ce2;
   line-height: 14px;
   font-size: 13px;
   font-family: arial, "trebuchet ms", helvetica, sans-serif;
}

#tagi a:hover
{
   color: #000000;
   text-decoration: underline;
}

#tagi a.tag_10
{
   font-size: 10px;
}

#tagi a.tag_11
{
   font-size: 11px;
}

#tagi a.tag_13
{
   font-size: 13px;
}

#tagi a.tag_15
{
   font-size: 15px;
}

#tagi a.tag_16
{
   font-size: 16px;
}




#col2
{
  border-left: 1px solid #b2c2d6;
  border-top: 0px solid #0000ff;
  margin: 20px 0px 20px 0px;
  padding: 0px 0px 30px 0px;
  float: left;
  width: 687px;
}


#col2 .galeria
{
  border-top: 0px solid #0000ff;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 24px;
  float: left;
  width: 650px;
}



#col2 .box1
{
  border-top: 1px solid #ffffff;
  float: left;
  margin: 0px 0px 0px 20px;
  padding: 5px 0px 0px 0px;
  width: 615px;
  height: 130px;
  
}

#col2 .box2
{
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 615px;
  height: 130px;

}

#col2 .box3
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 11px;
  width: 170px;
  height: 112px;
  line-height: 8px;
  background: url(img/tlo_serwisy.png) no-repeat left top;
}


#col2 .box4
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 400px;


}

#col2 .box4a
{
  float: left;
  margin: 5px 0px 0px 0px;
  padding: 0px 60px 2px 7px;


    background-color: #ffffff;
}

#col2 .box4a a
{
  background: url(img/img_li.gif) no-repeat left center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 15px;
   line-height: 13px;
   color: #698ce2;
   font-size: 13px;
   font-family: arial, "trebuchet ms", helvetica, sans-serif;
   font-weight: bold;
}

#col2 .box4a a:hover
{
  color: #000000;
}




#col2 .box4b
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 6px 0px 0px 0px;
  width: 400px;
     line-height: 12px;
   color: #353535;
   font-size: 11px;
   font-family: arial, "trebuchet ms", helvetica, sans-serif;
  height: 50px;


}

#col2 .box4c
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 4px 4px 4px 2px;
  width: 400px;
   line-height: 12px;
   color: #8c8c8c;
   font-size: 11px;
   font-family: arial, "trebuchet ms", helvetica, sans-serif;
}



#col2 .ramka1
{
  float: left;
  margin: 0px 15px 0px 0px;
  height: 95px;
  line-height: 8px;

}

#col2 .ramka2
{
  float: left;
  margin: 0px;
    background-color: #ffffff;
}

#col2 .ramka2 a
{
  border: 1px solid #ffffff;
   padding: 4px;
  margin: 0px;
  display: block;
}

#col2 .ramka2 a:hover
{
  border: 1px solid #93aceb;
  background-color: #ffffff;
  margin: 0px;
}


#col2 a
{
  font-weight: bold;
}


#col2 .klienci
{
  border: 0px solid #000fff;
  margin: 10px 0px 0px 30px;
  padding: 0px 0px 0px 0px;
  float: left;
  display: inline;
  width: 640px;
}


#col2 ul
{
   list-style: disc;
   margin: 0px 0px 20px 20px;
   width: 520px;
   padding: 0px 0px 0px 0px;
}

#col2 ul li
{
   margin: 3px 30px 5px 15px;
   padding: 3px 0px 0px 6px;
   background: url(../img/img_li.gif) no-repeat left top;
   line-height: 14px;
   color: #000000;
   font-size: 13px;
   font-family: arial, "trebuchet ms", helvetica, sans-serif;
}

#col2 ol
{
   list-style: decimal;
   margin: 0px 0px 20px 20px;
   padding: 0px 0px 0px 0px;
      font-size: 17px;

}

#col2 ol li
{
   margin: 3px 30px 5px 20px;
   padding: 3px 0px 0px 7px;
   background: url(../img/img_li.gif) no-repeat left top;
   line-height: 14px;
   color: #000000;
   font-size: 13px;

   font-family: arial, "trebuchet ms", helvetica, sans-serif;
}

#col2 p
{
  border-top: 0px solid #ffffff;
   width: 600px;
  margin: 7px 0px 6px 0px;
  padding: 0px 0px 0px 20px;
  font-family: arial, "Trebuchet ms";
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  float: left;
  color: #000000;
  letter-spacing: 0px;
}

#col2 .adres
{
  border-top: 0px solid #ffffff;
   width: 600px;
  margin: 6px 0px 4px 0px;
  padding: 0px 0px 0px 20px;
  font-family: arial, "Trebuchet ms";
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  float: left;
  color: #000000;
  letter-spacing: 0px;
}



#col2a
{
  border-right: 0px solid #b2c2d6;
  border-top: 0px solid #0000ff;
  margin: 20px 0px 20px 0px;
  padding: 0px 0px 30px 0px;
  float: left;
  width: 420px;
}

#col2a p
{
  border-top: 0px solid #ffffff;
   width: 370px;
  margin: 6px 0px 4px 0px;
  padding: 0px 0px 0px 20px;
  font-family: arial, "Trebuchet ms";
  font-size: 13px;
  line-height: 15px;
  font-weight: normal;
  float: left;
  color: #000000;
  letter-spacing: 0px;
}

#col2b
{
  border-right: 0px solid #b2c2d6;
  border-top: 0px solid #0000ff;
  margin: 20px 0px 20px 0px;
  padding: 0px 0px 30px 0px;
  float: left;
  width: 220px;
  background-color: #f3f4f4;
}


















#main
{
  border-top: 0px solid #00ffff;
  margin: 60px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 1000px;
  background:	url('img/tlo_main.jpg') no-repeat left top;
}

.main_box
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 733px;
}


#main h3
{
  margin: 0px 0px 0px 0px;
  padding: 2px 60px 2px 20px;
  font-family: "Trebuchet ms";
  background-color: #f9f9f9;
  font-size: 20px;
  letter-spacing: 21px;
  font-weight: normal;
  float: left;
  color: #000000;
  letter-spacing: -1px;
}

#main h3 span
{
  color: #83dc00;
}



#main h4
{
  margin: 10px 0px 20px 0px;
  padding: 2px 60px 2px 24px;
  font-family: "Trebuchet ms";

  font-size: 20px;
  letter-spacing: 21px;
  font-weight: normal;
  float: left;
  color: #000000;
  letter-spacing: -1px;
}

#main h4 span
{
  color: #83dc00;
}











































#footer_body1
{
   border-top: 0px solid #cad3dc;

   margin: 0px auto 0px auto;
   padding: 0px 0px 0px 0px;
   clear: both;
}

#footer_body2
{
   border-top: 0px solid #ffffff;

   margin: 0px auto 0px auto;
   padding: 0px 0px 0px 0px;
   clear: both;
     background: url('img/footer.gif') repeat-x;
      background-color: #dae0e6;
      
}

#footer_body3
{
   border-top: 0px solid #e8f1f8;
   clear: both;
   width: 1000px;
   height: 140px;
   margin: 0px auto;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   font-family: tahoma;
   clear: both;

}


#footer1
{
   border-top: 0px solid #aaafff;
   width: 970px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 10px;
   text-align: left;
   float: left;
}





#footer1 .menu
{
   border-top: 0px solid #000000;
   background: url('../img/top2.gif') no-repeat left top;
   width: 978px;

   margin: 0px;
   padding: 0px;
   float: left;
      color: #000000;
   margin: 13px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}


#footer1 .menu ul
{
   list-style: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

#footer1 .menu li
{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-weight: bold;

   display: inline;
}

#footer1 .menu a
{
   border-right: 1px solid #c3cdd7;
   text-decoration: none;
   line-height: 13px;
   margin: 0px 0px 0px 0px;
   padding: 2px 16px 2px 10px;
   position: relative;
   color: #1e439c;
   font-family: arial, tahoma, "trebuchet ms", tahoma, arial;
         background: url('../img/menu_s3.gif') no-repeat left center;
   font-weight: normal;
   font-size: 11px;
   letter-spacing: 0px;

}

#footer1 .menu a:hover
{
  color: #000000;
}























#footer2
{
   border-top: 0px solid #aaafff;
   width: 470px;
   margin: 0px 0px 0px 0px;
   padding: 40px 0px 0px 17px;
   color: #73777a;
   font-family: Arial, verdana, tahoma;
   font-weight: normal;
   font-size: 13px;
   letter-spacing: 0px;
   text-align: left;
   line-height: 12px;
   float: left;
}

#footer2 span
{
   color: #7a736c;
   font-family: tahoma, Arial, verdana, tahoma;
   font-weight: normal;
   font-size: 10px;
   padding: 0px 0px 0px 1px;
   text-align: left;
}



#footer3
{
   border-top: 0px solid #aaafff;
   width: 190px;
   margin: 0px 0px 0px 0px;
   padding: 12px 20px 0px 0px;
   color: #000000;
   font-family: Arial, verdana, tahoma;
   font-weight: normal;
   font-size: 13px;
   letter-spacing: 0px;
   text-align: center;
   float: right;
}

#footer3 a
{
   text-decoration: none;
   color: #ff0000;
}

#footer3 a:hover
{
   text-decoration: none;
   color: #000000;
}