@charset "UTF-8";
/* CSS Document */
body {background: #191d1c url("../img/bg_top.jpg") top left no-repeat; margin: 0px; padding: 0px; font: normal 11px Trebuchet MS , Tahoma, Arial, Verdana; color: #FFFFFF; text-align: left; line-height: 14px;}
div#flash {position: absolute; top: 0px; left: 0px; display: block; margin: 0px; width: 980px; height: 550px; z-index: 100;}
div#top {position: absolute; display: block; text-align: left; margin: 0px; width: 1000px; z-index: 999;}
a#logo {position: absolute; display: block; background: url("../img/logo.gif") top left no-repeat; width: 205px; height: 140px; display: block; text-decoration: none; padding: 0; margin: 19px 0px 0px 46px; }
.list {list-style-type: none; padding: 8px 0px; margin: 0;}
.list li {list-style-type: none; padding: 0px; margin: 8px 0px;}
ul#menu {position: absolute; text-align: left; display: block; list-style-type: none; padding: 0; margin: 34px 0px 0px 248px;}
ul#menu li {float: left; text-align: left; display: table; margin: 0;}
ul#menu li a {float: left; text-align: left; display: block; font: normal 11px Trebuchet MS, Tahoma, Arial, Verdana; color: #FFF; text-decoration: none; padding: 0; margin: 2px auto; height: 24px;}
.m1 { background: url("../img/m01.jpg"); width: 122px;}
.m2 { background: url("../img/m02.jpg"); width: 101px;}
.m3 { background: url("../img/m03.jpg"); width: 94px;}
.m4 { background: url("../img/m04.jpg"); width: 114px;}
.m5 { background: url("../img/m05.jpg"); width: 120px;}
.m6 { background: url("../img/m06.jpg"); width: 121px;}
#activ {background-position: 0px -24px;}
ul#menu li a img {border: none;} 
ul#menu li a:hover  {background-position: 0px -24px;}
div#clients {position: absolute; display: table; clear: both; text-align: left; margin: 520px 0px 0px 240px; padding: 0; width: 110px; z-index: 996;}
div#content {position: absolute; display: table; clear: both; text-align: left; margin: 182px 0px 0px 401px; padding: 56px 0px 26px 26px; width: 560px; z-index: 997;}
div.article {position: relative; display: block; float: left; text-align: left; margin: 26px 26px 26px 0px; padding: 0; width: 240px;}
div.article p {margin: 8px 0 8px 0px; padding: 0;}
div.article a.more {float: right; font: normal 11px Tahoma, Arial, Verdana; color: #FF0000; text-decoration: none;}
div.article a.more:hover {text-decoration: underline;}
div.realizacja {position: relative; display: block; float: left; text-align: left; margin: 26px 26px 0px 0px; padding: 0;}
div.realizacja p {margin: 8px 0 8px 0px; padding: 0;}
div.realizacja a.more {float: right; font: normal 11px Tahoma, Arial, Verdana; color: #FF0000; text-decoration: none;}
div.realizacja a.more:hover {text-decoration: underline;}
div.articlesingle {position: relative; display: block; float: left; text-align: left; margin: 26px 26px 0px 0px; padding: 0; width: 530px;}
div.articlesingle p {margin: 8px 0 8px 0px; padding: 0;}
div.photo {clear: both; position: relative; display: block; float: left; text-align: left; margin: 26px 26px 0px 0px; padding: 8px; border: solid 1px #FF0000;}
div.movie {position: relative; display: block; text-align: left; margin: 26px auto; padding: 8px;}
div.photosingle {clear: both; position: relative; display: block; float: left; text-align: left; margin: 0px 26px 12px 0; padding: 8px; border: solid 1px #FF0000;}
.logos {position: relative; display: block; float: left; text-align: left; margin: 0px 26px 12px 0;}
.mapa {float: right; position: relative; display: block; margin: 0px 0px 0px 26px; padding: 8px;}
form#formularz .btn_r{float: right;}
form#formularz label {clear: both; float: left; display: block; width: 240px; margin: 8px 8px 8px 0;}
form#formularz input, form#formularz textarea {float: left; width: 260px; margin: 6px; background: none; border: solid 1px #DADADA; font: normal 11px Tahoma, Arial, Verdana; color: #FFFFFF; padding: 2px;}
h1{clear: both; margin: 0px; padding: 0;}
h2{font: bold 12px Tahoma, Arial, Verdana; color: #FFFFFF; margin: 0px 0px 4px 0px; padding: 0;}
h5{font: normal 11px Tahoma, Arial, Verdana; color: #FFFFFF; margin: 0px 0px 4px 0px; padding: 0;}
ul#lista {float:left; position: relative; display: block;  list-style-type: none; padding: 0; margin: 0px;}
ul#lista li {float: left; display: block; margin: 6px 0; padding: 2px 22px; background: url("../img/lista.gif") top left no-repeat;}
div#footer {clear: both; position: relative; display: block; left: -26px; bottom: -26px; border-top: solid 1px #FF0000; font: normal 12px Tahoma, Arial, Verdana; color: #606463; text-align: left; padding: 12px; width: 560px; height: 64px; background: url("../img/bg_footer.gif") top left no-repeat;}
div#footer p {float: left; margin: 0px; width: 300px;}
div#footer a {float: right; font: normal 11px Tahoma, Arial, Verdana; color: #FFFFFF; text-decoration: none;}
div#footer a:hover {text-decoration: underline;}
img {border: none;}
a {font: normal 11px Tahoma, Arial, Verdana; color: #FF0000; text-decoration: none; border: none;}
a:hover {text-decoration: underline;}
#gallery {position: relative; display: block; text-align: left; width: 526px; margin: 26px 0; padding: 8px 0; border: solid 1px #FF0000;}
#gallery img {margin: 0 0 8px 6px; border:none;}