html, body{
   background-color: #ffffff;
   margin: 0px;
   padding: 0px;}

.main{
   text-align: center;}
   
/* --------------- header - basic layout --------------- */

.header{
   background-image: url(img/top_bgd.gif);
   }

.header_pagecenter{
   width: 946px;
   height: 241px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   position:relative;
   border-style:none;}
   
/* --------------- header - top --------------------- */

p.toptext{position: absolute; z-index: 1; font: normal 12px Verdana, Arial; color: #777777; margin: 0px; padding: 0px;}
p#toptext1{left: 560px; top: 123px;}
p#toptext2{left: 560px; top: 139px;}
p#toptext3{left: 560px; top: 155px;}
p#toptext4{left: 799px; top: 123px;}
p#toptext5{left: 799px; top: 139px;}
p#toptext6{left: 799px; top: 155px;}

/* --------------- header - top menu  --------------- */

ul.top_menu{position: relative; width: 946px; left: 225px; display: block; list-style: none; margin: 0px; padding: 0px;}
li.top_menu_item{position: relative; display: block; float: left; list-style: none; margin: 0px; padding: 0px;}
li#li_index{width: 104px;}
li#li_ofirmie{width: 69px;}
li#li_realizacje{width: 86px;}
li#li_oferta{width: 59px;}
li#li_referencje{width: 94px;}
li#li_kontakt{width: 70px;}

img.top_button_dot{position: relative; display: block; float: left; top:205px; margin: 0px; margin-left: 20px; margin-right: 20px;}
a.top_button{position:relative; height: 34px; top: 191px; display: block; float: left; margin: 0px; background-position: 0px 0px;}
a#tbindex{width: 104px; background: url(img/aktualnosci.gif);}
a#tbofirmie{width: 69px; background: url(img/ofirmie.gif);}
a#tbrealizacje{width: 86px; background: url(img/realizacje.gif);}
a#tboferta{width: 59px; background: url(img/oferta.gif);}
a#tbreferencje{width: 94px; background: url(img/referencje.gif);}
a#tbkontakt{width: 70px; background: url(img/kontakt.gif);}
a#tbindex:hover{background-position: 0px -34px;}
a#tbofirmie:hover{background-position: 0px -34px;}
a#tbrealizacje:hover{background-position: 0px -34px;}
a#tboferta:hover{background-position: 0px -34px;}
a#tbreferencje:hover{background-position: 0px -34px;}
a#tbkontakt:hover{background-position: 0px -34px;}

img#choosed_menu_item{position:relative; top: 195px; display: block; float: none; margin: auto;}

/* --------------- content - basic layout --------------- */

.content{
   background-color: #ffffff;}

.content_pagecenter{
   width: 946px;
   height: 500px;
   margin-top: 40px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;}
   
/* --------------- content - left strip with thumbnails --------------- */
   
.content_left_strip{position: relative;	width: 160px; left: 0; float: left;	background-color: #eeeeee;}
.thumb{margin: 0px;	padding: 0px; margin-left: 13px; border: 0px;}
.thumb_link{font: bold 10px Verdana, Arial;	display: block;	width: 160px; text-align: center; margin-top: -2px;	margin-bottom: 15px; color: #8E8E8E;}
a.thumb_link:link {color: #8E8E8E;}
a.thumb_link:visited {color: #8E8E8E;}
a.thumb_link:hover {color: #DC2B19;}
a.thumb_link:active {color: #DC2B19;}    

/* --------------- content - main part --------------- */

.content_main{position: relative; margin-left: 230px;}
.article{position: relative; display: block; float: left; width: 700px; margin-bottom: 50px; font: normal 12px Verdana, Arial; color: #575757; line-height: 17px; text-align: justify;}
.article_text{margin-top: 0px; margin-bottom: 10px;}
.article_header{font: bold 19px Arial, Verdana; color: #DC2B19; background-color: #FFFFFF; width: 300px; height: 15px; border-bottom: 10px solid #EEEEEE; margin-bottom: 20px;}

/* --------------- content - released gallery --------------- */

.release{display: block; float: left; width: 700px; margin: 0px; padding: 0px; font: normal 12px Verdana, Arial; text-align: left;}
.release_thumb{position: relative; width: 80px; height: 53px; z-index: 1; float: left; margin: 0px; padding: 0px; border: 0px;}
.release_thumb:hover{left: 1px; top: 1px;}

.release_thumb_shadow{position: relative; left: -80px; width: 86px; height: 60px; z-index: 0; float: left; margin: 0px; padding: 0px; border: 0px;}
.release_text{position: relative; left: -64px; margin: 0px; padding: 0px; color: #000000; text-decoration: none;}
.release_separator{display: block; float: left; width: 700px; height: 1px; background-color: #CCCCCC; margin: 6px 0px 6px 0px; padding: 0px;}

.release_text:link{color: #000000; text-decoration: none;}
.release_text:visited{color: #000000; text-decoration: none;}
.release_text:hover{color: #AA0000; text-decoration: underline;}
.release_text:active{color: #AA0000; text-decoration: underline;}

/* --------------- content - reference gallery --------------- */

.reference{position: relative; display: block; float: left; margin: 20px; padding: 0px;}
.reference_thumb{position: relative; z-index: 1; float: left; margin: 0px; padding: 0px; border: 0px;}
.reference_thumb:hover{left: 1px; top: 1px;}
.reference_thumb_shadow{position: relative; z-index: 0; float: left; margin: -3px 0px 0px -119px; padding: 0px; border: 0px;}

/* --------------- content - content image --------------- */

.contentimage{position: relative; display: block; float: left; margin: 0px; margin-top: 20px; margin-right: -50px; padding: 0px;}
.contentimage_thumb{position: relative; width: 80px; height: 53px; z-index: 1; float: left; margin: 0px; padding: 0px; border: 0px;}
.contentimage_thumb:hover{left: 1px; top: 1px;}
.contentimage_thumb_shadow{position: relative; left: -80px; width: 86px; height: 60px; z-index: 0; float: left; margin: 0px; padding: 0px; border: 0px;}

/* --------------- content - news --------------- */

.subheader{font: bold 18px Arial; color: #777; margin: 0px; margin-bottom: 1px; text-decoration: none;}
a.subheader:link{color: #777; text-decoration: none;}
a.subheader:visited{color: #777; text-decoration: none;}
a.subheader:hover{color: #DC2B19; text-decoration: underline;}
a.subheader:active{color: #DC2B19; text-decoration: underline;}
.date{margin: 0px; margin-bottom: 10px; font: normal 10px Verdana; color: #777;}

/* --------------- content - others --------------- */

a.returnlink{margin-left: 10px; font: normal 12px Verdana, Arial; color: #DC2B19;}
a.returnlink:link{color: #DC2B19; text-decoration: none;}
a.returnlink:visited{color: #DC2B19; text-decoration: none;}
a.returnlink:hover{color: #DC2B19; text-decoration: underline;}
a.returnlink:active{color: #DC2B19; text-decoration: underline;}

/* --------------- footer --------------- */

.footer_aligner{
   width: 946px;
   height: 102px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   position:relative;
   border-style:none;}

.footer{}