/*
przezroczystosc png w ie 6;
*/
/*img, div, a, input { behavior: url(../application/css/iepngfix.htc) }*/


img{
  border: 0px;
}

a{
  text-decoration: none;
  outline: none;
  color: #9ba7b2;
}

a img{
  border: 0px;
  text-decoration: none;
}

body {
  font-family: Tahoma, sans-serif;
  color:#9ba7b2;
  line-height:1.5em;
  text-align:center;
  background:url(../images/top_bg.png) 0 0 repeat-x;
  margin:0 auto;
}

/*GLOWNA*/

#logo {
  width:266px;
  height:64px;
  margin-top:25px;
  margin-bottom: 15px;
  background:url(../images/logo.png) 0 0 no-repeat;
  float:left;
}

#slogan h2{
  font-size: 18px;
  font-weight: normal;
  line-height: 1.8em;
}
#slogan {
  width:496px;
  height:46px;
  margin-top:0px;
  /*background:url(../images/slogan.png) 0 0 no-repeat;*/
  text-align: left;
  font-size: 18px;
  float:right;
  margin-right: 10px;
  color: #9ba7b2;
}

.wazne2{
  color: #9ba7b2;
}

#content_1 .wazne3{
  color: rgb(255, 102, 0);
}

.orange, .white, .grey1{
  font-family: Tahoma;
}

.orange{
  font-size: 19px;
}

.white{ 
  font-size: 18px;
  font-weight: normal;
  color: #FFF;
}

.grey1{
  color: #686b6e;
}

ul{
  list-style-type:none;
  padding: 0px; 
}

#content_1 ul{
  list-style-type: circle;
}

#content_1 ol,#content_1 ul{
  padding-left: 20px;
  color: #686b6e;
}


#content_1 li{
  line-height: 18px;
}

#menu1 li{
  width:80px;
  display:inline;
  padding-left: 20px;
  padding-right: 20px;
  border-right:1px solid #383d41;
  text-align:center;
  line-height:18px;
}

.orange,.belka_dol a,.paginator a{
  background-color: transparent;
  color: #fd5101;
}

#menu1 .menu_active a{
 color: #9ba7b2;
}

#menu1 li ul li{
  width: 0px;
  height:0px;
}

#menu1 ul{ 
  padding-top: 0px !important;
  padding-top: 12px;
}

#menu1 a{ 
  color: #FFF;
  font-size: 12px;
  text-decoration: none;
}

#menu1 a:hover{ 
  color: #9ba7b2;
  font-size: 12px;
  text-decoration: none;
}

#menu1 {
  width:925px;
  height:45px;
  color: #FFF;
  background:url(../images/top.png) 0 0 no-repeat;
  float:right;
  text-align:right;
  padding-right: 10px;
  margin:0px auto;
}

.x1, .x2{ font-size: 12px;}
.x1 {
  float:left;
  border-right:1px solid #CCC;
  text-align:center;
  line-height:18px;
  margin-top:15px;
  padding-left: 10px; padding-right: 10px;
  color:#FFF;
}

.x2 {
  float:right;
  text-align:center;
  line-height:18px;
  margin-top:15px;
  
  color:#333;
}

#container {
  width:930px;
  min-height:700px;
  margin:0 auto;
  margin-bottom:30px;
}

#footer {
  height:200px;
  margin: 0px auto;
  background-color:#0e1017;
}

.footer {
  padding-top: 50px;
  width: 925px;
  margin:0 auto;
}

.footer a{
  text-decoration: none;
  color: #FFF;
}

.font486c8c {
  text-align: left;
  padding-left: 20px;
  color:#486c8c;
}

#projekty{
  width:930px;
}



#card_area { width:5800px;margin:0px; overflow:hidden;}

.card_windows img{
  border: 0px;
}
.card_windows{ 
  width: 220px;
}

.card_windows a{
  font-size: 18px;
  font-weight: normal;
  color: #FFF;
  width: 37px;
  height: 40px;
  display: block;
  float: left;
}

.card_active, .card_inactive { margin-left: 5px; line-height: 42px; }
.card_active{ background:url(../images/card_active.png) 0 100% no-repeat }
.card_inactive{ background:url(../images/card_inactive.png) 0 100% no-repeat }


.proj_l {
  float:left;
  width:57px;
  height:312px;
  margin-top:20px;
}

.proj_main{
  width: 796px;
  height: 332px;
  margin-top:0px;
  float: left;
  background:url(../images/projekty_bg-l.jpg) 0 100% no-repeat;
}

.proj_ins img{
  padding-top: 20px;
}
.proj_ins {
  width:416px;
  margin-left: 50px;
  height:332px;
  float:left;
  background:url(../images/proj_bg.jpg) 0 100% no-repeat;
}

.proj_r {
  background:url(../images/projekty_bg-r.png) 0 0 no-repeat  ;
  float:right;
  width:69px;
  height:312px;
  margin-right: 7px;
  margin-top:20px;
}


.opis{
  display: block;
  font-size: 11px;
  color: #686b6e;
  float:left;
  width: 320px;
  margin-top: 85px;
  text-align: left;
  padding-left: 10px;
  height: 235px;
}

.desc{
  height: 120px;
  line-height: 17px;
}

.opis h2{
  width: 320px;
  height: 60px;
   font-size: 22px; 
   display: block; 
   margin: 10px 0 10px 0; 
   font-weight: normal;
}

.oferujemy {
  /*background:url(../images/oferujemy.png) 0 0 no-repeat;*/
  width:925px;
  margin-top: -30px;
  }

.oferujemy h2{
  color: #FFF;
  text-align: left;
  font-size: 23px;
  font-weight: normal;
  padding-left: 10px;
}

.offer_box h3 a,.offer_box_last h3 a{color: #87bde2;}
.offer_box h3,.offer_box_last h3{ color: #87bde2; font-size: 14px; font-weight: normal; text-align: left; padding-left: 10px;}

.offer_box,.offer_box_last{
  float:left;
  width:210px;
  min-height:200px; 
  margin-left: 6px;
  margin-right: 6px;
  margin-top:30px;
}
.offer_box{
  padding-right: 10px;
  border-right: 1px solid #202326;
}

.oferujemy p{
  text-align: left;
  padding-left: 10px;
  padding-right:10px;
  color: #686b6e;
  font-size: 11px;
  line-height: 15px;
}

.oferujemy span{

}

.readmore{ 
  text-align: right;
  display: block;
  width: 210px;
  height: 20px;
  font-size: 10px;
  background:url(../images/arr_readmore.png) 65% 70% no-repeat;
}

.bluetext, .poziome_read a{ 
  color: #87bde2;
}

.clear_both, .clear{
  clear:both;
}

.discount{
  overflow: hidden; 
  position: relative; 
  width: 796px;
}

#disciunt_panel{
  float: right; 
  margin-top: 10px; 
  margin-right: 75px;
}

.content_middle{
  position: absolute; 
  margin-left: 57px;

  height:168px;
}


#belka{
  background:url(../images/belka.png) 0 0 no-repeat;
  width: 926px;
  height:55px;
  line-height: 55px;

  margin-top: 10px;
  margin-bottom: 20px;
  color: #ccc;
}

.kontakt_frm{
  font-size: 25px;
  font-weight: normal;
  color: #FFF;
}
#kontakt_frm{
  /*background:url(../images/kontakt_hdr.png) 0 0 no-repeat;*/
  width: 640px;
  min-height: 200px;
  display: block;
  padding-top: 10px;
}

.kfrm1,.kfrm2,.kfrm3{ min-height: 100px;   float: left;}
.kfrm1{width: 250px;}
.kfrm2{width: 200px;}
.kfrm3{width: 435px; }

#kontakt_frm label{
  color: #486c8c;

  font-size: 12px;
  line-height: 1.2em;
  text-align: left;
}

#kontakt_frm input, #kontakt_frm .kfrm3 textarea{
  background-color: #0e1017;
  border: 1px solid #202326;
  height: 18px;
  padding-left: 10px;
  color: #FFF;
  width: 180px;
}

#kontakt_frm .kfrm3 input{
  border: 0px;
  background:url(../images/btn_frm.png) 0 0 no-repeat;
  width: 110px;
  text-align: left;
  height: 25px;
  color: #FFF;
  font-size: 12px;
  float: right;
  margin-bottom: 20px
}
#kontakt_frm .kfrm3 textarea{
  width: 435px;
  height: 185px;
}

.kfrm1 p{
  margin-bottom: 10px;
  padding-left: 5px;
  color: #686b6e;
  font-size: 12px;
  text-align: left;
}

.tel{ color: #FFF; font-size: 15px; display: block; margin-top: 5px;}
.email{ color: #486c8c; font-size: 12px; display: block;}

.req{
  background:url(../images/asterisk.png) 0 0 no-repeat;
}

.adres_btn{
  background:url(../images/btn_bg.png) 0 0 no-repeat;
  width: 167px;
  height: 28px;
  margin-top: 10px;
  padding-left: 15px;
  color: #FFF;
  font-size: 12px;
  line-height: 22px;
  display: block;
}




hr{
  background-color: #303237;
  border: 0px; 
  height:1px; 
  margin-bottom: 10px;
}

.btn_orange{ 
  background:url(../images/btn_orange.png) 0 0 no-repeat;
  width: 105px;
  height: 24px;
  line-height: 22px;
  color: #FFF;
  text-align: center;
  margin-left:10px;
  float:left;
}

.btn_blue a, .btn_orange a{ text-decoration: none; color: #FFF; }
.btn_blue{ 
  background:url(../images/btn_blue.png) 0 0 no-repeat;
  width: 93px;
  height: 24px;
  line-height: 22px;
  color: #FFF;
  text-align: center;
  margin-left: 10px;
  float: left;
}

/*KONIEC GLOWNEJ*/

/*PORFOLIO*/

#content_1_100{
  width: 100%;
} 
#content_1{
  width: 635px;
} 

#content_1{
  background:url(../images/belka_short.png) 0 0 no-repeat;
}
#content_1_100{
  background:url(../images/belka_100.png) 0 0 no-repeat;
}
#content_1, 
#content_1_100, 
.content_header{
  min-height: 825px;
  line-height: 40px;
  text-align: left;
  margin-top: 20px;
  float: left;
}

#content_1 p, #content_1_100 p{
  line-height: 1.5em;
  color: #686b6e;
}

#content_1__menu a:hover{
  color: #87bde2;
}
#content_1__menu a{
  text-decoration: none;
  color:#686b6e;
}

#content_1__menu ul{
  margin-left: 35px;
}

#content_1__menu{
  width: 260px;
  padding-top: 5px;
  min-height: 800px;
  float: left;
}

#content_1__menu .p ul li {
  margin-left: 0px;
  padding: 0px;
}


#content_1__menu ul li ul li{ 
  height: 30px; 
  line-height: 25px;
}

#content_1__menu ul li ul{ 
  margin-left:0px;
}

#content_1__menu li{
  width: 255px;
  margin-top: 3px;
  text-align: left;
  line-height:45px;  
}

#content_1__menu .li_pad_40 li {
  width: 120px;
  height: 25px;
}

#content_1__menu .a_p a{
  color: #87bde2;
}

#content_1__menu .ina_p a, #content_1__menu .a_p a{
  background-image: none;
}

.ina_p, .a_p{
  margin: 3px;
  font-size: 12px;
}

.ina_p{
  background:url(../images/btn_portf_small_inactive.png) 0% 50% no-repeat;
}

.a_p{
  background:url(../images/btn_portf_small_active.png) 0% 50% no-repeat;
}

.li_pad_40{
  text-align: left;
  margin-left: 20px;
  height: 30px;
}

.li_pad_40 a {
  height: 30px;
  display: block; 
  line-height: 30px;
  padding-left:30px;
  margin-bottom: 5px;
}

.li_strony_www a,
.li_o_firmie a,
.li_strony_firmowe a,
.li_sklepy_internetowe a,
.li_hosting_www a,
.li_systemy_zarzadzania_trescia a,
.li_pozycjonowanie_i_marketing a,
.li_sieci_i_serwery a,
.li_aplikacje_web a,
.li_aktualnosci a,
.li_portale a,
.li_portfolio a,
.li_druk a
{height: 47px; width:203px; display: block; padding-left: 50px;}

.li_strony_www ul li a,
.li_o_firmie ul li a,
.li_strony_firmowe ul li a,
.li_sklepy_internetowe ul li a,
.li_hosting_www ul li a,
.li_systemy_zarzadzania_trescia ul li a,
.li_pozycjonowanie_i_marketing ul li a,
.li_sieci_i_serwery ul li a,
.li_aplikacje_web ul li a,
.li_aktualnosci ul li a,
.li_portale ul li a,
.li_portfolio ul li a,
.li_druk ul li a
{background-image: none;}


.li_strony_www a,.li_strony_firmowe a{ background:url(../images/stronywww_ico.png) 3% 50% no-repeat; }
.li_sklepy_internetowe a{ background:url(../images/sklepyin_ico.png) 3% 50% no-repeat; }
.li_o_firmie a{ background:url(../images/ofirmie_ico.png) 3% 50% no-repeat; }
.li_hosting_www a{ background:url(../images/hosting_ico.png) 3% 50% no-repeat; }
.li_systemy_zarzadzania_trescia a{ background:url(../images/cms_ico.png) 3% 50% no-repeat; }
.li_pozycjonowanie_i_marketing a{ background:url(../images/pozycjonowanie_ico.png) 3% 50% no-repeat; }
.li_sieci_i_serwery a{ background:url(../images/sieci_serwery_ico.png) 3% 50% no-repeat; }
.li_aplikacje_web a{ background:url(../images/aplikacjeweb_ico.png) 3% 50% no-repeat; }
.li_portale a{ background:url(../images/portale_ico.png) 3% 50% no-repeat; }
.li_druk a{ background:url(../images/druk_ico.png) 3% 50% no-repeat; }
.li_aktualnosci a{ background:url(../images/aktualnosci_ico.png) 3% 50% no-repeat; }
.li_portfolio a{ background:url(../images/aktualnosci_ico.png) 3% 50% no-repeat; }

.active{  background:url(../images/btn_portf_active.png) 0 0 no-repeat;}
.inactive{  background:url(../images/btn_portf_inactive.png) 0 0 no-repeat;}

#section_hdr{
  padding-left: 20px;
  width: 600px;
  height: 27px;
  margin-top: 20px;
}
#section_hdr h2{
  font-size: 20px;
  font-weight: normal;
  color: #FFF;
}

#content_1__items{
  width: 600px;
}
#content_1__items_100{
  width: 96%;
}

#content_1 .content_p p{
  line-height: 20px;
}

#content_1__items, 
#content_1__items_100, 
.content_box{
  margin-top: 20px;
  min-height: 200px;
  margin-left: 20px;
  font-size: 12px;
  display: block;
}

.content_header{

}

#path_100{
  width: 100%;
}
#path{
  width: 630px;
}
#path,#path_100{
  font-size: 12px;
  height: 40px;
  padding-left: 20px;
}

#content_1__items p,#content_1__items_100 p{ font-size: 12px; line-height: 1.2em; text-align: justify;}

.table_item img{
  border: 1px solid #575d64;
  padding: 5px;
  width: 150px;
  height: 113px;
  float: left;
  margin-right: 10px;
  background-color: #0b0d0f;
}

.p_item{
  width: 440px;
}

.p_item,.p_klient, .p_opis, .p_url{
  font-size: 12px;
  padding-right: 5px;
  padding-left: 5px;
}
.p_item{

  min-height: 400px;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
}
.tb_item_desc_hdr{
  border-bottom: 1px solid #575d64;
  width: 445px;
  height: 18px;
}

.p_klient{
  color: #FFF;
  float: left;
  margin: 0px;
}

.p_opis p {
  padding: 0px;
  margin: 0px;
}

.p_opis{
  clear: both;
  width: 440px;
  line-height: 12px;
  text-align: justify;
  font-family: Tahoma;
  color: #595f66;
}

.p_url{
  float: right;
  line-height: 20px;
  text-align: right;
  color: #9ba7b2;
}

.belka_dol{
  background:url(../images/belka_portf_dol.png) 0 0 no-repeat;
  width: 924px;
  height: 32px;
  font-size: 12px;
  line-height: 32px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.paginator{
  width: 655px;
  float: left;
}

.gotop a{color: #87bde2; text-decoration:none;}
.gotop{
  float: right;
  padding-right: 20px;
}

.paginator a{ text-decoration: none;}

.l{ float: left; padding-left: 10px; width: 100px; text-align: left;}
.r{ float: right; padding-right: 10px;  width: 80px; text-align: right;}


.page_number_act, .page_number_inact, .pager p{
  width: 23px;
  height: 30px;
  line-height: 30px !important;
  color: #FFF;
  border: 1px solid #1a1c21;
}

.page_number_inact{
  color: #595f66;
}

.page_number_act{
  color: #FFF !important;
  background-color: #fd5101;
}

.pager p{
  margin-top: 0px;
  float: left;
}
.pager{
  width: 430px;
  float: left;
  height: 32px;
  padding-top: 3px;
  text-align: center;
}

.path_icons{
  float:right; 
  padding-right: 30px;
}

.path_icons a{
  cursor:pointer;
}

.path_icons img{
  padding-right: 10px;
  width: 19px;
  height: 19px;
}

.table_item{
  float: left;
  width: 620px;
  margin-top: 5px;
  margin-left: -15px;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.table_item_desc{
  width: 380px;
  float: left;
}

.small_title{
  width: 620px;
  font-size: 12px;
}

.p_url p a{
  text-decoration: none;
  color: #9ba7b2;
}
.p_url p{
text-align: left;
margin: 0px;
  
}
/*KONIEC PORFOLIO*/

.bold{
  font-weight: bold;  
}

#aktualnosci{
  margin-top: 20px;
  width: 930px;
}

#aktualnosci h2, .news_h2, .partnerzy h2{
  text-align: left;
  font-size: 23px;
  font-weight: normal;
  color: #FFF;
  padding-left: 10px;
}

.informacyjne hr{
  border: 0px;
  height: 1px;
  background-color: #303237;
  margin-top: 20px;
  margin-bottom: 20px;
}

.box_prawa{
  min-height: 180px;
  float: left;
  width: 250px;
  margin-bottom: 10px;
}

.boxik_prawa hr{
  border: 0px;
  height: 1px;
  background-color: #303237;
  margin-left: -5px;
  width: 271px;
}

.boxik_prawa .white{
  font-weight: normal;
  text-align: left;
  font-size: 16px;
  line-height: 16px;
}

.boxik_prawa img{
  display:block;
  margin:auto;
}

.boxik_prawa p{
  width: 210px;
  padding-left: 30px;
  text-align: left;
}

.boxik_prawa{
  width: 261px;
  font-size: 12px;
  color: #686b6e;
  margin-left: 10px;
  padding: 5px;
  background-color: #1c1e23;
}

.bbottom, .btop{
  width: 271px;
  height: 7px;
  margin-left: 10px;
}

.btop{
  margin-top: 0px;
  background:url(../images/box_firma_top.png) 0 0 no-repeat ;
}

.bbottom{
  background:url(../images/box_firma_bottom.png) 0 0 no-repeat;
  margin-bottom: 20px;
}

.informacyjne,
.techniczne{
  width: 620px;
  float: left;
  padding-right: 18px;
  margin-bottom: 10px;
}

.news_body .gallery{ 
  margin-right: 10px;
}

.news_body{
  text-align: justify;
  width: 620px;
  font-size: 12px;
  color: #686b6e;
}

.news_hdr a{ text-decoration: none; color: #87bde2; }
.news_hdr{
  text-align: left;
  height: 20px; 
  width: 550px;
  color: #87bde2; 
}

.news_cat_name{ 
  color: #FFF;
  font-weight: bold; 
  padding-bottom: 3px; 
}

.news_pub{
  color: #CCC;
  height: 18px;
  width: 418px;
  text-align: right;
  margin-right: 30px;
  font-size: 10px;
}

.news_autor{
  width: 125px;
}

.news_published,
.news_autor{
  color: #FFF;
  font-size: 11px;
  line-height:  23px;
  margin-right: 10px;
  height: 23px;
  float: right;
  background-color: #1d2025;
}

.news_published{
  width: 102px;
}

.news_readmore a{
  color: #FFF;
}
.news_readmore, .akt_readmore{
  width: 106px;
  height: 24px;
  font-size: 10px;
  background:url(../images/btn_frm.png) 0 0 no-repeat;
}

.news_readmore{
  float: right;

  margin-bottom: 10px;
  text-align: center;
}

.akt_readmore{
  float: right;
}

.bord{
  border-bottom: 1px solid #202326;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.left{  float: left;}
.right{  float: right;}

.gallery{
  margin-top: 8px;
  float: left;
  width: 150px; 
}

.gallery2{
  width: 630px; 
  margin-top: 10px;
  text-align: center;
}

#category_items{
  font-size: 12px;
}

.describe{
  width: 440px;
  text-align: justify;
}

.left_foto{
  float: left;
  padding: 5px;
}

.news_desc{
  float: left;
  margin-left: 20px;
  width: 600px;
}

#content_1 .news_desc ul, #content_1 .news_desc ol{
  padding-left:160px;
}

.news_desc img {
  margin-top: 10px;
  margin-left: -15px;
  margin-right: 10px;
}

.news_h2{
  margin: 0px;
  width: 500px;
  float: left;
}

.news_home{
  clear: both;
  width: 590px;
}

.published{
  font-size: 10px;
  color: #686b6e;
  height: 12px;
  text-align: right;
  padding-left: 20px;
}

#gmap{
  width: 650px;
  height: 400px;
  margin-top: 20px;
}

.akt_all a { color: #87bde2; padding-right: 20px;}
.akt_all{
    background:url(../images/akt_bg.png) 0 0 no-repeat;
    margin-top: 25px;
    width: 624px;
    height: 53px;
    line-height: 53px;
    font-size: 17px;    
    text-align: right;
}

.akt_readmore a{
  color: #FFF;
}
.akt_readmore {
  line-height: 25px;
  padding-left: 25px;
}

.wstecz a{  
  color: #87bde2;
}

.wstecz{
  padding-left: 20px;
}

.partnerzy h2{
  margin-top: 48px;
  padding-bottom: 15px;
  border-bottom: 1px solid #1d2025;
}

.partnerzy, #partner_items{
  width: 930px;
  min-height: 50px;
}

.b1{
  float: right;
  widtH: 610px;
  border: 1px solid #FF0000;
}



.slide { width:930px; height:145px; text-align:center; position:relative;}

.slide  li { 

  float: left; 
  list-style: none; 
  height: 200px; 
  width: 186px;
}

.error{
  color: #FF0000;
  font-size: 10px;
}


/* ramka obrazka */
.frame_wrapp {}
.frame_wrapp img {}
.frame_wrapp td { border: 0; }
/* bottom */
.frame_bl { height:4px; width:8px; background:url('../images/frame_bl.jpg') bottom left no-repeat; }
.frame_bc { height:4px; background:url('../images/frame_b.jpg') bottom repeat-x; }
.frame_br { height:4px; background:url('../images/frame_br.jpg') bottom right no-repeat; }
/* middle */
.frame_ml { width:8px; border:0; background: url('../images/frame_ml.jpg') left repeat-y; }
.frame_mc { }
.frame_mr { width:8px; background:url('../images/frame_mr.jpg') right repeat-y; }
/* top */
.frame_tl { height:8px; width:8px; background: url('../images/frame_tl.jpg') bottom left no-repeat; }
.frame_tc { height:8px; background: url('../images/frame_t.jpg') top repeat-x; }
.frame_tr { width: 8px; height:8px; background: url('../images/frame_tr.jpg') bottom right no-repeat; }


.poziome_read{
  float: right;
  font-size: 11px;
  width: 80px;
  height: 20px;
  padding-right: 10px;
}

.inner{ text-align: center;width: 920px; display: block; float: left;}

.belka_inner li{ border: 1px solid #336699; float: left;   }

.belka_inner{
  width: 930px;
  margin: 0px auto;
  float: left;
  line-height: 55px;
}

table, tr, td{ 
  border-collapse: collapse;
  padding: 0px; 
  margin: 0px auto;
  line-height: 18px;
  color: #686b6e;
}

.prev_next{
  margin-top: 40px;
  width: 600px;
  text-align: center;
}

.verysmall{
  font-size: 9px;
  text-align: right;
  margin-top: -20px;
  margin-bottom: 10px;
  float: right;
  color: #11171F;
}