body {
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
  margin: 0;
  padding: 0;
  background: #000;
  color: #666666;
}

.clearing {
	clear: both;
	line-height: 0.1%;
	font-size: 0.1%;
	height: 0.1%;
}

a img {
  border: 0;
}

.schowaj {
  display: none; 
}

.pokaz {
  display: block; 
}


#mainbody  {
	background: #fff;
  margin: 0 auto;
  padding: 0;
	width: 890px;
}

/* TOP GŁÓWNA */

#top-glowna {
  width: 100%;
  height: 204px;
  background: url('gfx/bg-top.png') no-repeat; 
}

#logo {
  float: left;
  padding: 30px 0 43px 20px;  
}

/* MENU */

#menu {
  float: left;
  width: 690px;
  height: 31px;
  font-family: Verdana, Arial;
}
.menu-link {
  float: left;
  background: url('gfx/bg-menu-button.gif') no-repeat;
  width: 99px;
  height: 21px;
  padding: 5px 0 0 0;
  text-align: center;
}
.menu-link a, .menu-link-long a {
  color: #addaeb;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}
.menu-link a:hover, .menu-link-active a:hover, .menu-link-long a:hover, .menu-link-long-active a:hover {
  color: #fff;
}

.menu-link-active {
  float: left;
  background: url('gfx/bg-menu-button-active.gif') no-repeat;
  width: 99px;
  height: 21px;
  padding: 5px 0 0 0;
  text-align: center;
}
.menu-link-active a, .menu-link-long-active a {
  color: #000;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
}

.menu-link-long {
  float: left;
  background: url('gfx/bg-menu-button-long.gif') no-repeat;
  width: 149px;
  height: 21px;
  padding: 5px 0 0 0;
  text-align: center;
}

.menu-link-long-active {
  float: left;
  background: url('gfx/bg-menu-button-long-active.gif') no-repeat;
  width: 149px;
  height: 21px;
  padding: 5px 0 0 0;
  text-align: center;
}

/* CONTENT */

#content {
  display: inline;
  float: left;
  width: 860px;
  border-top: 1px solid #0c99e1;
  border-bottom: 1px solid #0c99e1;
  margin: 30px 15px 15px 15px;
}

/* GŁÓWNA */

.box-glowna {
  float: left;
  width: 193px;
  padding: 42px 0 37px 65px;
}
.box-glowna-tekst {
  float: left;
  margin-top: 15px;
}

.box-glowna-wiecej {
  float: right;
  margin-top: 17px;
}
.box-glowna-wiecej a {
  color: #0c99e1;
  text-decoration: none;
}

/* KOMPATYBILNOŚĆ */

#compatible {
  padding-left: 15px;
  color: #0C99E1;
  font-weight: normal;
  line-height: 25px;   
}
#compatible img {
  height: 25px;
  margin-left: 16px;
  vertical-align: middle;
}

/* STOPKA */

#footer {
  width: 100%;
  height: 50px;
  background: url('gfx/bg-footer.png') no-repeat;
}

.footer-left {
  float: left;
  color: #0c99e1;
  margin: 18px 0 0 12px;
}
.footer-left a {
  color: #0c99e1;
  text-decoration: none;
}

.footer-design {
  float: right;
  color: #666666;
  margin: 18px 12px 0 0;
}
.footer-design a {
  color: #666666;
  font-weight: bold;
  text-decoration: none;
}

/* PORTFOLIO */

#portfolio-lista {
  float: left;
  width: 100%;
  padding: 25px 0;
  margin-bottom: 35px;
  border-bottom: 1px solid #0c99e1;
}
#portfolio-lista-left, #portfolio-lista-right {
  float: left;
  padding: 37px 16px 0 10px;
  height: 51px;
}
#portfolio-lista-right {
  float: right;
  padding: 37px 10px 0 16px;
}

.portfolio-lista-img {
  float: left;
  margin: 0 3px;
  padding: 3px;
  overflow: hidden;
  height: 80px;
}
.portfolio-lista-img-active {
  border: 1px solid #0c99e1;
}
.portfolio-lista-img img {
  width: 120px;
}

#portfolio-detail {
  float: left;
  padding: 0 20px 30px 20px;
  width: 810px;
}
.portfolio-detail-img {
  float: left;
}
.portfolio-detail-img img {
  width: 300px;
}
.portfolio-detail-info {
  float: left;
  margin: 0 0 0 30px;
  width: 400px;
  color: #666666;
}
.portfolio-detail-info h1 {
  color: #0c99e1;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
}
.portfolio-detail-info a {
  color: #0c99e1;
  text-decoration: none;
}
.portfolio-detail-info a:hover {
  color: #ff0000;
}


#portfolio-nav {
  float: left;
  width: 100%;
  padding-bottom: 5px;
}
#portfolio-nav a {
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}
#portfolio-nav a:hover {
  
}
#portfolio-nav-prev {
  float: left;
}
#portfolio-nav-next {
  float: right;
}
/* KONTAKT */

.kontakt-left {
  float: left;
  width: 250px;
  margin: 20px 0 10px 35px;
}
.kontakt-right {
  float: left;
  width: 500px;
  margin: 20px 0 30px 35px;
}

.kontakt-tytul {
  border-bottom: 1px solid #0c99e1;
  color: #0c99e1;
  text-transform: uppercase;
  font-weight: bold;  
}

.kontakt-tresc, .kontakt-form {
  padding: 10px 0 0 10px;
  line-height: 15px;
}
.kontakt-tresc a {
  text-decoration: none;
  color: #0c99e1;
}
.kontakt-tresc a:hover {
  color: #ff0000;
}
.kontakt-form-pole1 {
  float: left;
  text-align: right;
  width: 115px;
  padding: 2px 5px;
}
.kontakt-form-pole2 {
  float: left;
  width: 320px;
  padding: 2px 5px;
}
.kontakt-form-send {
  float: left;
  text-align: right;
  margin-top: 5px;
  width: 468px;
}

/* OKNO Z KOMUNIKATEM */

#err_div
{
 	position: absolute;
	right: 350px;
	top: 320px;
	background-color: #fff;
 	margin: 5px;
}
 
#err_div .t_err 
{
 	border: 2px solid #B64219;
 
}

#err_div .t_err th
{
 	color: #B64219;
}
 
#err_div .t_err td
{
 	padding: 3px;
}


/* PODSTRONY MODUŁOWE */

#podstrony-tresc {
  float: left;
  width: 700px;
  margin: 50px 40px 10px 50px;
}
.nazwa_podstrony {
	font-size: 14px;
	font-weight: bold;
}

.tytul_podstrony {
	font-size: 12px;
  font-weight: bold;
  padding: 7px 0;
  color: #0c99e1;
}

.tekst_podstrony {
	font-weight: normal;
	padding: 0 0 5px 0;
	color: #666;
	line-height: 130%;
}
.tekst_podstrony p {
	margin: 0;
	padding: 0;
}
.tekst_podstrony a {
	color: #0c99e1;
}

.stopka_podstrony {
	font-size: 10px;
	font-weight: normal;
	color: #666;
}
.foty_center {
  text-align: center;
}