/* glowne bloki strony */

body
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 18px;
	color: #686868;
	margin: 0px;
	padding: 0px;
	background: #eaeaea;
	text-align: center;
}

.page_center {
   margin: 0px auto;
   width: 870px;
}

#top {
  display: block;
  width: 100%;
  height: 105px;
  margin: 0px auto 0px auto;
  text-align: center;
  background: #0000cc url('../img/bg_top_repeat-x.gif') repeat-x 0px 0px;
}

#sg_link {
  display: block;
  position: relative;
  top: 40px;
  left: 18px;
  width: 242px;
  height: 33px;
  background: transparent url('../img/logo.jpg') no-repeat 0px 0px;
}


/* - - - - - - - - MENU - - - - - - - - */

#menu {
  position: relative;
  top: 44px;
  left: -18px;
  float: right;
  width: 490px;
  height: 25px;
  background: transparent;
}

#menu a {
  display: block;
  float: left;
  margin: 0px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  overflow: hidden;
}

.menu_separator {
   float:left;
   margin: 0px 10px;
   width: 3px;
   height: 25px;
   background: transparent url('../img/menu_separator.gif') no-repeat 0px 0px;
}
.menu_pl {
   float:left;
   margin: 0px;
   width: 16px;
   height: 16px;
   background: transparent url('../img/menu_pl.gif') no-repeat 0px 0px;
}

#menu_home     { width: 35px; background: transparent url('../img/menu_home.gif')     no-repeat 0px 0px; }
#menu_about_us { width: 55px; background: transparent url('../img/menu_about_us.gif') no-repeat 0px 0px; }
#menu_offer    { width: 35px; background: transparent url('../img/menu_offer.gif')    no-repeat 0px 0px; }
#menu_faq      { width: 120px; background: transparent url('../img/menu_usefull_informations.gif')      no-repeat 0px 0px; }
#menu_contact  { width: 45px; background: transparent url('../img/menu_contact.gif')  no-repeat 0px 0px; }

#menu a:hover {
  background-position: 0px -25px;
}

#middle {
   margin: 0px auto;
   width: 870px;
   height: auto;
   background-color: #ffffff;
}
#middle img { margin-top: 2px; }


/* - - - - - - - - BOX RIGHT - - - - - - - - */

#box_right {
   float: right;
   margin: 10px 14px 0px 0px;
   width: 285px;
   height: auto;
   min-height: 100px;
}

#contact {
   margin: 0px 0px 20px 0px;
   text-align: right;
   background: transparent url('../img/background_phone.jpg') no-repeat 20px 70px;
}

#map {
   text-align: right;
   background: transparent url('../img/background_map.jpg') no-repeat 0px 0px;
}

#our_team {
   text-align: justify;
}





/* - - - - - - - - PAGE - - - - - - - - */

#page {
   float: left;
   margin: 10px 0px 0px 14px;
   width: 520px;
   height: auto;
	color: #686868;
   text-align: justify;
}

.img_left  { float:  left; margin: 0px 10px 10px 0px; }
.img_right { float: right; margin: 0px 0px 10px 10px;}

a.read_more { display: block; width: 66px; height: 14px; background: #ff9730 url('../img/button_read_more.gif') no-repeat 0px 0px; }

#bottom {
  display: block;
  margin: 0px auto 100px auto;
  width: 100%;
  height: 44px;
  color: #ffffff;
  text-align: left;
  background: #0000cc url('../img/bg_bottom_repeat-x.gif') repeat-x 0px 0px;
}
#bottom div {
   position: relative;
   top: 12px;
}
#bottom a {
   margin: 0px 10px;
   color: #ffffff;
}

/* elementy */

div.c {
  clear:both !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 0px !important;
  height: 0px !important;
  border: none !important;
  overflow: hidden !important;
}

img {
  border: 0px;
}

h3 {
  margin: 0px 0px 4px 0px;
  font-size: 14px;
}
h3.green {
  padding: 16px 24px;
}
h3.header {
  position: relative;
  top: -20px;
  width: 300px;
  padding: 16px 24px;
  color: #ffffff;
  background-color: transparent;
}
h4 {
  font-size: 12px;
   color: #0a4b83;
}
h4.green {
  text-align: center;
  font-weight: normal;
}

.navy { color : #0a4b83; }

.box_1 {
  position: relative;
  top: -20px;
  float:left;
  margin: 0px;
  width: 420px;
  height: 180px;
  background-color: #ebe9e9;
  text-align: justify;
}
.box_1 div.padding {
  margin: 8px 16px;
}
.box_1 img {
  margin-left: 16px;
}
.box_1 a {
  color : transparent;
}

.marg { margin-left: 20px;}
.box_2 {
  float:left;
  margin: 0px 90px 0px 0px;
  width: 226px;
  background-color: #ebe9e9;
  text-align: justify;
}
.box_2 div.padding {
  margin: 4px 8px;
}

a {
  color: #56545c;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

a.wiecej {
  clear:both;
  float:right;
  margin: 10px 20px;
}

ul {
   padding: 0px;
   list-style-image: url('../img/ul_li.gif');
}
li {
   margin: 4px 20px;
   padding-left: 4px;
}

table { border-collapse: collapse; }
table td { vertical-align: top; padding: 20px 0px; border-bottom: 1px solid #3B6F9C; font-family: verdana; }
table td.opis { width: 240px; }
table td img { border: 1px solid #999999; }