body {
	font-family: Verdana, Arial; 
	font-size: 13px;
	background-color: #ffffff;
	margin:0;
	text-align: justify;
	font-family:Tahoma;
}

a {color: #b90000; text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {border-width:0px;}

.black a {color: #333; text-decoration: none;}
.black a:hover {text-decoration: underline;}

object {border:0px;}

img {border:0px;}

.red {color: #b90000;font-size:14px;font-weight:bold;margin:10px}

.margines {margin:10px}

hr {
	border-width: 1px;
	border-style: solid;
	border-color: #bbb;
	width: 100%;
}

.header {color: black; font-weight: bold; text-transform: uppercase;}

.historia {text-align: right; vertical-align: top;}

.rok {
	background-color: #ddd;
	text-align: center;
	font-weight: bold;
	padding: 0px;
	vertical-align: middle;
}

.szary {
	background-color: #ddd;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ciemne {border-color: #999;	margin-top: 15px; margin-bottom: 15px;}

.prawo {text-align: right; width: 150px; vertical-align: middle;}

.lewo {padding-left: 5px; vertical-align: middle;}

.lista {	margin: 0px; padding: 0px;}

ul.lista li {margin-left: 30px; padding-left: 0px;}

table.partner td {vertical-align: middle; text-align: center; width: 50%;}

.top0 {font-family: Verdana; color: #333; text-decoration: none; font-size: 10px;}
.top0:hover {color: #999; text-decoration: none;}

.data {font-family: Verdana; color: #999999; font-size: 9px; font-weight: bold;}

#cale {
background-color: #ffffff;
width: 1000px;
margin: auto;
}

#gora {
background: transparent;
height: 80px;
width: 730px;
text-align: right;
padding: 10px;
float: right;
}

#lewo {
float: left;
width: 250px;
text-align: left;
overflow:hidden;
clear:left;
}

#lewogora {
float:left;
width:250px;
background:#b90000;
height:50px;
color:#fff;
text-align:center;
vertical-align:middle;
line-height:16px;
margin:10px 0;
font-style:oblique;
font-size:12px;
padding-top:15px;
}

#prawo {
clear:right;
float: right;
width: 730px;
padding: 10px;
text-align: left;
}

#dol {
clear: both;
width: 1000px;
color: #667;
background-color: #fff;
text-align: center;
font-size:12px;
line-height:16px;
margin-bottom:10px;
}
#dol p {
font-size:10px;
margin:10px 0;
}
#dol strong {
font-size:10px;
font-weight:normal;
}

#dol a {
font-weight:bold;
color: #444;
text-decoration:none;
}

#dol a:hover {
color: #999;
}

.okno {
background-color: #fff;
width: 200px;
margin: 10px;
padding: 15px;
}

#MySlideShow {display: none; width: 250px; height: 238px;}

#referencje {overflow:hidden;margin:10px;display:none}

#referencje div {height:112px}

#referencje span {font-style:oblique}

/*kolory dla linków, szare, nie rzucają się w oczy ale sie odróżniają, a jak najedziemy to od razu wiemy że to odnośnik*/
.przykladowe-oferty a, #welcome a {
	color: #555;
	text-decoration: none;
}
.przykladowe-oferty a:hover, #welcome a:hover {
	color: #b30;
	text-decoration: underline;
}


/*pomocnicze*/
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.more a {
	color:#b90000;
}
.clear {
	clear: both;
}




/** layout **/
#content-strony-glownej {
  float: right;
  padding: 10px;
}
#welcome h1 {
  font: 20px arial, sans-serif;
}
#content-strony-glownej h2 {
  font: 18px arial, sans-serif;
  color: #BE8B06;
  border-bottom: 1px solid #C4AE7C;
  padding-bottom: 6px;
  margin-bottom: 1em;
}

#content-strony-glownej h3 {
  font: 14px arial, sans-serif;
  color: #BE8B06;
  border-bottom: 1px solid #C4AE7C;
  padding-bottom: 6px;
  margin-bottom: 1em;
  margin-top: 2em;
}
#content-strony-glownej .left {
  margin-right: 18px;
}
#content-strony-glownej .more {
  font-weight: bold;
  font-size: 10px;
}


#welcome {
  margin-right: 20px;
}
#welcome  h1, #welcome  h2, #welcome  h3, #welcome  h4{
  color: #b30;
}

/*Oferta to oferta nasza, a inne to korzyści i cała reszta*/
#oferta, #inne {
  padding-top: 5px;
  margin: 0;
}
#oferta h2, #oferta h3, #oferta h4, #inne h2, #inne h3, #inne h4, #oferta h2 a, #oferta h3 a, #oferta h4 a, #inne h2 a, #inne h3 a, #inne h4 a {
  padding: 0;
  color: #b30;
}

#przykladowe-oferty-img1, #przykladowe-oferty-img2 {
  width: 250px;
}


.przykladowe-oferty  {
  float: left;
  padding-left: 20px;
  width: 42%;
}
.przykladowe-inne {
  padding-left: 20px;
  padding-bottom: 10px;
  width:45%;
  float:left;
}




.przykladowe-inne ul, .przykladowe-oferty ul{
padding-left:10px;
display:block;
list-style:none;
}

.przykladowe-inne  li, .przykladowe-oferty li{
  padding-left: 15px; 
  background: url('../img/arrow_.gif') no-repeat; /*nie wiem co to za obrazek, znalzałem go w naszym css, dobrze by było jakiś mały punktor wsadzić*/
  background-position: 0px 5px;
}

.strzala {
background:#fff url('../img/strzala.png') no-repeat center center;
text-align:center;
vertical-align:middle;
font-weight:bold;
font-size:1.1em;
color:#fff;
width:135px;
height:135px;
}

.obokstrzala {
padding:10px;
vertical-align:top;
}

/*MENU GŁÓWNE*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

.menu-mirror{float:right; width: 730px; line-height:20px; z-index:100; background: url('../img/defoult.png') repeat-x bottom;}
.menu {font-size:12px;font-family: Verdana, sans-serif; margin:auto; width: 100%; line-height:20px; z-index:100; background: url('../img/defoult.png') repeat-x bottom;}
.menu ul li a, .menu ul li a:visited {
display:block; overflow:hidden;
background: #b90000 url('../img/defoult.png') repeat-x; /* tło */
color: #eee;
font-weight: bold;
text-decoration: none;
padding: 3px 17px 3px 16px;
height: 24px;
}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {
color: #eee;
cursor: pointer;
background: #c52d2d url('../img/active.png') repeat-x; /* tło */
}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0;}
.menu ul li:hover ul li {width:175px}
.menu ul li:hover ul li a.hide {background:#b90000 url('../img/arrow_gray.gif') no-repeat 160px center}
.menu ul li:hover ul li:hover a.hide {background:#c52d2d url('../img/arrow_gray.gif') no-repeat 160px center}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {
display:block;
padding: 3px;
border-top: 1px solid #de8787;  /* kreski oddzielające */
background: #b90000;  /* tło */
}
.menu ul li:hover ul li a:hover {background:#c52d2d;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:175px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-175px;}