td, tr, img, div, span, a, h1, h2, h3, h4, h5, table, 
p, body, html, hr, th {
  margin: 0;
  padding: 0;
  border: 0;
}

a.link1:link,
a.link1:visited{
  color: #52656b;
  text-decoration: none;
}

a.link1:hover,
a.link1:active {
  color: #52656b;
  text-decoration: underline;
}


#path a:link,
#path a:visited{
  color: #52656b;
  text-decoration: none;
}

#path a:hover,
#path a:active {
  color: #52656b;
  text-decoration: underline;
}

a:link,
a:visited,
#path a.link2:link,
#path a.link2:visited{
  color: #ff6600;
  text-decoration: none;
}

a:hover,
a:active,
#path a.link2:hover,
#path a.link2:active {
  color: #000;
  text-decoration: underline;
}

html {
  background-color: #fff;
  min-height: 100%;
}

body {
  background: url(../images/bg_all_bielsko.gif) repeat-x left top transparent;
}

body, table {
  font-family: Arial, 'Arial CE', Verdana, sans-serif;
  font-size: 12px;
  color: #52656b;
  text-align: center;
}

#all {
  width: 1000px;
  height: auto !important;
  height: 600px;
  margin: auto;
  text-align: left;
  display: block;
   
  background: url(../images/cube_sklep_strony_www_cms.png) right 69px no-repeat transparent !important;
  background-image: url(../images/cube_sklep_strony_www_cms.gif);
  zoom: 1;
}

#logo {
  float: left;
  margin: 25px 30px 22px 0;
}

#menu_bar {
  float: left;
  width: 629px;
  height: 46px;
  
  clear: both; 
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

#menu_bar #menu_top {
  width: 100%;
  height: 9px;
  overflow: hidden;
  
  background: url(../images/menu_top_aplikacje_internet.png) left top no-repeat;
}

#menu_bar #menu {
  width: 100%;
  height: 20px !important;
  height: 23px;
  padding-top: 3px;
  overflow: hidden;
  
  background: url(../images/menu_bg_cms.png) left top repeat-y;
}

#menu_bar #menu a:link,
#menu_bar #menu a:visited,
#menu_bar #menu a:hover,
#menu_bar #menu a:active {
  margin: 3px 10px 0 22px;
  float: left;
  color: #fff;
}

#menu_bar #menu a:hover,
#menu_bar #menu a:active {
  color: #dcdfe5;
  text-decoration: underline;
}

#menu_bar #menu_bottom {
  width: 100%;
  height: 14px;
  overflow: hidden;
  
  background: url(../images/menu_bottom_rozwiazania_web.png) left top no-repeat;
}




#flash_main {
  width: 630px;
  height: 348px;
  
  float: left;
  clear: left;

  margin-top: 28px;
  margin-bottom: 10px;
}

#right_box1 {
  width: 330px; 
  float: right;
  margin-top: 260px;
  margin-right: 12px;
  display: inline; /*ie6 fix*/
}

#right_box2 {
  width: 330px; 
  float: right;
  margin-top: 260px;
  margin-right: 12px;
  display: inline; /*ie6 fix*/
}

#right_box1 h3,
#right_box2 h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 25px;
  margin-left: 15px;
}

#right_box1 h5,
#right_box2 h5 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
}
#right_box2 h5 {
  font-weight: bold;
}

#right_box1 .position,
#right_box2 .position,
#right_box2 .position2 {
  width: 273px !important;
  width: 325px; 
  
  padding-left: 52px;
  padding-top: 4px;
  margin-bottom: 14px;
  
  float: left;
  clear: both;
    
  display: inline; /* IE FIX */
  background: url(../images/hint_box1_profesjonalne.png) 12px top no-repeat;
}
#right_box2 .position { 
  width: 228px;
  margin-bottom: 2px;
  }

#right_box2 .position2 { 
  width: 228px;
  margin-bottom: 2px;
  background: url(../images/hint_box2_www.png) 12px top no-repeat;
  }
 
#newsletter {
  width: 308px !important;
  height: 74px !important;
  width: 333px;
  height: 111px;
  
  float: left;
  display: inline;
  padding: 37px 0 0 25px;
  background: url(../images/newsletter_bg_najlepszy_cms.png) left top no-repeat;
  
  margin-bottom: 30px;
}

#newsletter span {
  color: #7a8b90;
  font-size: 11px;
  padding-top: 10px;
  float: left;
}

#newsletter input.mail {
  width: 187px !important;
  height: 16px !important;
  width: 195px;
  height: 24px;
  
  float: left;
  display: inline;
  
  border: 1px solid #dadada;
  padding: 3;
  margin: 0;
  margin-right: 2px;
  
  color: #999;
  padding: 3px;
}

#newsletter input.btn_zapisz {
  width: 90px;
  height: 24px;
  
  float: left;
  display: inline;

  border: none;
  background: url(../images/btn_zapisz_sie_strony_www.gif) left top no-repeat;
  
  cursor: hand;
  cursor: pointer;
  
  margin-left: 2px;
}

.random {
  width: 242px;
  height: 159px;
  
  margin-right: 11px;
  margin-bottom: 7px;
  
  background-position: center top;
  background-repeat: no-repeat;
  
  overflow: hidden;
  
  float: right;
  clear: both;
  display: inline;

}
  
.mini {
  width: 77px;
  height: 77px;
  
  margin-right: 11px;
  margin-bottom: 7px;
  
  background-position: center top;
  background-repeat: no-repeat;
  
  overflow: hidden;
  
  float: left;

}


.realization {
  width: 298px !important;
  width: 316px;
  float: left;
  
  margin-top: 26px;
  padding: 3px 18px 0 0;
  
  display: inline; /* IE FIX */
  /* border-right: 1px solid #dadee0; */
}

.news {
  width: 289px !important;
  width: 316px;
  float: left;
  
  margin-top: 26px;
  padding: 3px 7px 30px 18px;
  
  display: inline; /* IE FIX */

}

.realization h3,
.news h3 {
  font-size: 18px;
  font-weight: bold;
  padding-top: 5px;
  padding-left: 45px;
  padding-bottom: 21px;
  clear: both; 
  zoom: 1; /*ie6 fix */
}
.realization h3 {
  background: url(../images/hint_header2_website.png) left top no-repeat transparent;
}

.news h3 {
  background: url(../images/hint_header1_3d.png) left top no-repeat;
}

.realization h4,
.news h4 {
  font-size: 14px;
  font-weight: bold;
  
  
}
.realization h5,
.news h5 {
  font-size: 10px;
  font-weight: normal;
  
  margin-bottom: 10px;
}

/*.realization .mini,
.news .mini {
  width: 77px;
  height: 77px;
  
  margin-right: 11px;
  margin-bottom: 7px;
  
  background-position: left top;
  background-repeat: no-repeat;
  
  overflow: hidden;
  
  float: left;

}*/

.realization .text_col,
.news .text_col {
  float: right;
  width: 253px;
}

.news .text_col {
  width: 244px;
}

#footer {
  width: 100%;
  height: 68px;
  
  float: left;
  clear: both; 
  display: block;
  
  color: #afbbc0;
  font-size: 11px;
  
  padding-top: 12px;
  margin-top: 50px;

  
  background: url(../images/footer_avigraf.png) center top no-repeat transparent;
}

.footer_copyright {
  margin-left: 27px;
  float: right;
}

.footer_menu {
  margin-right: 27px;
  float: left;
}

a.footer_menu:link,
a.footer_menu:visited {
  color: #afbbc0;
  text-decoration: none;
}

a.footer_menu:hover,
a.footer_menu:active {
  color: #52656b;
  text-decoration: none;
}

#stretcher {
  clear: both;
}

#subpage_content {
  width: 620px;
  
  float: left;
  clear: left;
  
  margin-top: 20px;
}

#subpage_content h3 {
  width: 580px !important;
  width: 619px;
  
  font-size: 20px;
  font-weight: bold;
  
  padding-left: 39px;
  padding-bottom: 39px;
  clear: both;
  
  background: url(../images/hint_box1_profesjonalne.png) 1px top no-repeat;
}

#subpage_content h3 span {
  font-size: 12px;
}

#subpage_content .text {
  width: 578px;
  margin-left: 41px;
  clear: both;
}

#subpage_content .offer_block {
  width: 100%;
  padding-bottom: 25px;
  margin-bottom: 16px;
  float: left;
  clear: both;
  border-bottom: 1px solid #dadee0;
}

#subpage_content .img_left {
  float: left;
  clear: left;
  margin-right: 11px;
  margin-bottom: 11px;
}

#subpage_content .offer_text {
  float: left;
  width: 80%;
}

#subpage_content h4 {
  font-size: 14px;
  font-weight: bold;
  
  margin-bottom: 8px;
}

#subpage_content h5 {
  font-size: 10px;
  font-weight: normal;
  width: 95%;
  float: right;
  text-align: right;
  margin-right: 4px;
  margin-bottom: 5px;
}

table.portfolio {
  text-align: left;
  width: 100%;
  margin-bottom: 31px;
}

table.portfolio td,
table.portfolio th {
  padding: 10px 10px 10px 0;
  border-bottom: 1px solid #dadee0;
}

table.portfolio th {
  padding: 0 10px 7px 0;
  font-size: 14px;
  font-weight: bold;
}

table.portfolio a {
  width: 100%;
  display: block;
}

table.portfolio tr:hover td a:link,
table.portfolio tr:hover td a:visited  {
  color: #ff6600;
}


#subpage_content .art_img {

  width: 210px;
  height: 210px;
  
  margin-right: 22px;
  margin-bottom: 22px;
  
  background-position: center top;
  background-repeat: no-repeat;
  
  overflow: hidden;
  
  float: left;
}


#subpage_content .next_to_img_text {
  width: 345px;
  float: left;
}
  
#subpage_content .header {
  font-size: 14px;
  font-weight: bold;
}


#path {
  padding-bottom: 20px;
  padding-left: 42px;
  display: block;
  font-size: 11px;
  color: #52656b;
}