﻿/* PODSTAWOWY ARKUSZ STYLÓW */
body, p, ul, ol, li, a, h1, h2, h3, h4, h5, h6, table, div, span, img {
 margin: 0;
 padding: 0;
 font-family: arial, helvetica, sans-serif;
}
ul, ol {
 list-style: none;
}
body {
 background: #fff url(../img/bg_body.gif) top repeat-x;
}
.clear {
 clear: both;
}
.gallery-list {
 border: 1px solid #eee;
 margin: 20px;
 height: 350px;
 overflow: auto;
}
.gallery-list li {
 text-align: center;
 padding: 3px;
 line-height: 0px;
 color: #fff;
}
.gallery-list img {
 border: 3px solid #fff;
}
.picture-box {
 text-align: center;
 margin: 10px 0px;
}
.picture-box img {
 border: 5px solid #fff;
 width: 512px;
 height: 384px;
}
.net-list {
 clear: both;
 height: 72px;
 margin-top: 5px;
}
.net-list img {
 border: 3px solid #fff;
 float: left;
 margin-right: 10px;
}
.info-list {
 border: 1px solid #eee;
 margin: 20px;
 padding: 5px;
 font: bold 8pt /1.5em verdana;
 color: #eee;
 background-color: #6d7481;
}
.info-list li {
 font: 8pt /1.2em verdana;
 margin: 5px 0px 5px 15px;
 list-style-type: circle;
}
.img-grid {
 width: 570px;
}
.img-grid td{
 text-align: center; 
 font: 8pt /2em verdana;
 width: 190px;
}
.img-grid img{
 border: 0px;
}
.img-grid a:link, .img-grid a:visited {
 border: 2px solid #fff !important;
 display: block;
 width: 140px;
 margin: 3px auto;
}
.img-grid a:hover {
 border: 2px solid #b1b6bf !important;
}
.press {
 margin-bottom: 1em;
}
.press h2 {
 font: bold 10pt /1em georgia;	
}
.press h3 {
 font: 8pt /2em arial;	
 margin-bottom: 5px;
}
.press img {
 float: right;
 margin-left: 5px;
 border: 0px;
}
.press a:link img, .press a:visited img {
 border: 2px solid #fff;
}
.press a:hover img{
 border: 2px solid #b1b6bf;
}
#main-wrap {
 width: 890px;
 margin: 0 auto;
 background-color: #b1b6bf;
}
#panel-left {
 display: block;
 float: left;
 width: 590px;
}
#panel-right {
 display: block;
 float: left;
 width: 300px;
}
#navibar {
 height: 25px;
 background: #6d7481;
 text-align: center;
 margin-right: 20px;
}
#navibar li {
 display: inline;
 padding-left: 8px;
 padding-right: 8px;
}
#navibar a:link, #navibar a:visited {
 color: #fff;
 font: 8pt /1.8em verdana;
 text-decoration: none;
}
#navibar a:hover {
 text-decoration: underline;
}
#separator {
 background-color: #fff;
 height: 25px;
}
#company-name {
 text-align: center;
 background: #7a808c;
 color: #fff;
 font: 14pt georgia;
 height: 65px;
 padding-top: 5px;
}
#company-name span {
 font: bold 20pt georgia;
 color: #000;
}
#advert {
 height: 197px;
 background: #646c79 url(../img/zaloga.png) top center no-repeat;
}
#advert p {
 color: #fff;
 font: 12pt /3em georgia;
 font-style: italic;
 text-align: center;
}
#content-right {
 background: #b1b6bf;
}
#submenu {
 margin-right: 20px;
}
#submenu a:link, #submenu a:visited {
 display: block;
 color: #545c69;
 text-decoration: none;
 font: 11pt /2em verdana;
 text-indent: 20px;
 font-variant: small-caps;
 background: #b1b6bf;
}
#submenu a:hover {
 background: #646c79;
 color: #fff;
}
#submenu #crt-sm {
 background: #eee;
 color: #000;
}
#bookmarks {
 height: 32px;
 border-top: 1px solid #fff;
 text-align: center;
 background-color: #646c79;
}
#bookmarks li {
 display: block;
 height: 32px;
 width: 117px;
 float: left;
 border-right: 1px solid #fff;
}
#bookmarks a:link, #bookmarks a:visited {
 display: block;
 height: 32px;
 color: #fff;
 text-decoration: none;
 font: 11pt /2em verdana;
 font-variant: small-caps;
 background-color: #646c79;
}
#bookmarks a:hover {
 background-color: #989ea6;
}
#bookmarks #crt-bm {
 background-color: #eee;
 color: #000;
}
#content {
 background-color: #eee;
 padding: 10px;
 min-height: 460px;
}
#content h1 {
 font: 16pt /2.5em georgia;
 color: #646c79;
 text-indent: 30px;
}
#content p, #content ul{
 font: 10pt /1.5em verdana;
 text-indent: 30px;
 margin-bottom: 1em;
}
#content li {
 text-indent: 0px;
 font: 10pt /1.5em verdana;
}
#content span {
 font: 10pt /1.5em verdana;
 font-weight: bold;
 color: #545c69;
}
#content a:link, #content a:visited {
 font: 10pt /1.5em verdana;
 color: #545c69;
 text-decoration: none;
 border-bottom: 1px dotted #545c69;
}
#content a:hover {
 color: #201e84;
 border-bottom: 1px dashed #201e84;
}
#footer-wrapper {
 background-color: #fff;
 clear: both;
}
#footer {
 background-color: #6d7481;
 width: 300px;
 float: right;
 color: #ccc;
 text-align: center;
 font: 8pt /3em arial;
}
#footer a:link, #footer a:visited {
 color: #ccc;
 text-decoration: none;
}
#footer a:hover {
 color: #fff;
 border-bottom: 1px dashed #fff;
}
#footer span {
 color: #fff;
}
