* { margin: 0; padding: 0; }
/* TYPO */
html,body { font-size: 11px; font-family: Verdana; color: #FFF; background: #000; }
a, a:link, a:visited { color: #FFF; text-decoration: none; }

#body { background: #000 url('/img/top_bg.png') repeat-x; }
#bar { display: none; background: #fff5b2 url('/img/mini-warn.png') no-repeat; background-position: 5px 4px; border-bottom: 1px solid #000; padding: 7px 30px; color: #000; }
#bar a:link, #bar a:visited { color: #000; font-weight: bold; }

img { border: 0; }

#top { width: 1000px; margin: auto; }

#logo { float: left; padding: 25px 10px; }
#top-icons { float: right; padding: 25px; }
#top-icons img { padding-left: 10px; }

#menu, #foot-menu { clear: both; background: url('/img/menu_bg.png') repeat-x; border-top: 1px solid #525252; border-bottom: 1px solid #525252; }
#menu ul, #foot-menu ul { list-style-type: none; overflow: auto; width: 1000px; margin: auto; }
#menu ul li, #foot-menu ul li { float: left; }
#menu ul li a, #foot-menu ul li a { display: block; padding: 10px 15px; }
#menu ul li:hover, #foot-menu ul li:hover { background: url('/img/menu_bg_hover.png') repeat-x; }

#slider li { width: 1000px; height: 200px; overflow: hidden; }
#slider h2 { font-family: Georgia; font-size: 22px; padding: 20px 0 10px 0; text-align: center; }
#slider h2 span { color: #FF4200; }
#slider .slide-tekst { line-height: 175%; padding: 10px 0; font-size: 12px; width: 650px; text-align: center; }
#slider .slide-left { width: 350px; height: 200px; float: left; }
#slider .slide-right { width: 650px; height: 200px; float: left; }
#slider .slide-right a { display: block; text-align: right;  color: #FF4200; font-size: 14px; font-family: Georgia; }

.bar { background: url('/img/bar_bg.png') repeat-x; border-top: 1px solid #525252; border-bottom: 1px solid #525252; clear: both; }
.bar-in { width: 1000px; margin: auto; }
.bar h2 { font-size: 11px; margin: 0 auto; padding: 10px; }

#content { width: 1000px; margin: 0 auto 15px auto; clear: both; }

#oferta-desc { width: 350px; float: left; padding: 15px 0;}

#oferta-ikony { width: 650px; float: right; }
#projekty-ikony { width: 600px; margin: auto; overflow: auto; }
#oferta-ikony div { text-align: center; float: left; width: 100px; padding: 15px; line-height: 175%; }
#projekty-ikony div { text-align: center; float: left; width: 100px; padding: 20px 10px; line-height: 175%; }
#oferta-ikony div img, #projekty-ikony div img { padding-bottom: 5px; }
#oferta-ikony a, #projekty-ikony a { color: #C9C9C9; }
#oferta-ikony a:hover, #projekty-ikony a:hover { color: #FFF; }

#portfolio { padding: 15px 0; width: 650px; margin: auto; overflow: auto; }
#portfolio div { padding: 5px; text-align: center; width: 196px; line-height: 175%; color: #C9C9C9; margin: 5px; float: left; }
#portfolio div img { margin-bottom: 5px; border: 1px solid #525252; }
#portfolio div a { font-weight: bold; }

.news-tytul { text-align: center; padding: 10px 0; display: block; }
.tekst { padding: 5px 15px; text-align: justify; line-height: 175%; }
.tekst p { padding-bottom: 10px; }
.tekst h3 { color: #ff4200; padding: 10px; text-align: center; }
.tekst ol { margin-left: 20px; }
.tekst ol li { font-weight: bold; }
.tekst ol ul { margin-left: 20px; }
.tekst ol ul li { font-weight: normal; }
.btn { text-align: right; }

.box-content { float: left; width: 658px; margin: 0 15px; }
.box-content .box-borders { margin-bottom: -7px; }
.box-content .tekst { color: #C9C9C9; }
.box-content .meta-icons { margin: auto; width: 180px; padding: 15px 0; overflow: auto; }
.box-content .meta-icons div { float: left; width: 70px; margin: 0 10px; }
.box-content .meta a:link, .box-content .meta a:visited { color: #525252; font-weight: bold; }
.box-short h2, .box-wide h2 { text-align: center; }
.box-short { width: 273px; float: left; margin: 0 15px; }
.box-short ul li a { color: #FFF; }
.box-short ul li a:hover { color: #7F7F7F; }
.box-wide { width: 353px; float: left; margin: 0 15px; }
.box-borders { border-right: 1px solid #525252; border-left: 1px solid #525252;  background: url('/img/shadow.png') repeat-x; }
.box-short ul, .box-wide ul { list-style-type: none; margin-bottom: -7px; }
.box-short li, .box-wide li { padding: 8px 10px; border-top: 1px solid #525252; position: relative; }
.box-short li span { position: absolute; right: 10px; color: #7F7F7F; }

.box-content form label { width: 180px; display: block; text-align: right; padding: 5px; float: left; }
.box-content form br { clear: both; }
.box-content form fieldset input, .box-content form select { font-size: 11px; font-family: Verdana; color: #000; background: #C9C9C9; border: 1px solid #000; padding: 3px; width: 200px;  }
.box-content form textarea { font-size: 11px; font-family: Verdana; background: #C9C9C9; border: 1px solid #000; padding: 3px; width: 400px; height: 200px; margin: 2px 0; }
.box-content form fieldset { border: 0; padding: 15px; }

.box-bigimg { clear: both; width: 960px; margin: auto; text-align: center; }
.box-bigimg div img { padding: 50px 25px; }

.zaplecze-technologiczne img { width: 250px; padding: 0 25px; }

.meta { color: #7F7F7F; text-align: right; clear: both; }

.file-list li { overflow: auto; }
.file-list img { float: left; padding-right: 10px; }
.file-list a:link, .file-list a:visited { display: block; color: #C9C9C9; padding: 8px 0; float: left; }

.realizacja-last { text-align: center; line-height: 175%; padding: 10px 0; }
.realizacja-last img { border: 1px solid #CCC; margin: 5px; }
.realizacja-last small { font-size: 11px; color: #7F7F7F; }
.realizacja-last a { font-weight: bold; }

blockquote { width: 90%; font-style: Italic; margin: 15px auto; line-height: 200%; }

.pozycje { margin-bottom: -7px; }
.pozycje small { color: #FF0000; }
.pozycje td, .pozycje th { text-align: center; padding: 8px; }
.pozycje td { color: #C9C9C9; }
.pozycje tr:hover td { color: #FFF; }
.pozycje .poz-up { color: #58c04b; background: url('/img/green-up.png') no-repeat; }
.pozycje .poz-dn { color: #FF0000; background: url('/img/red-down.png') no-repeat; }
.pozycje .poz-ps { background: url('/img/pause.png') no-repeat; background-position: 0 50%; }
.pozycje .poz-up, .pozycje .poz-dn { background-position: 0 50%; }
.pozycje .poz-fr { text-align: left; }
.pozycje tr td { border:0; border-top: 1px solid #525252; }

#footer { text-align: center; line-height: 200%; padding: 20px; }
#footer a { font-weight: bold; color: #FFF; }

#seolinki * { display: none; }

.mediaTytul { line-height: 150%; }