* {margin: 0px;padding: 0px;}
body, html {
background: #d9d9d9 url(gfx/bg.png) top left repeat-x;
text-align: center;
font-size: 11px;
color: #878a8f;
font-family: Tahoma, sans-serif;
}
img { border:0px;}
.fl {
float: left;
}
.fr {
float: right;
}
.nobold {
font-weight: normal;
}
a {
color: #367ef6;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#wrapper {
width: 834px;
margin: 0px auto;
text-align: left;
}
#main {
width: 810px;
background: url(gfx/main_bg.png) top left repeat-y;
float: left;
padding: 0px 12px;
}
* html #main {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/default/gfx/main_bg.png", sizingMethod="scale");
}
#logo {
width: 269px;
float: left;
border-right: 1px #ccc solid;
text-align: center;
height: 70px;
margin: 15px 0px;
}
#logo img {
border: 0px;
}
#baner {
width: 540px;
float: left;
margin: 15px 0px;
}
#topMain {
width: 760px;
height: 33px;
background: url(gfx/top.gif) top left repeat-x;
float: left;
padding: 0px 25px;
padding-top: 7px;
}
#topMain img {
border: 0px;
}
#topMain a {
color: #bfbfbf;
text-decoration: none; 
}
#topMain a:hover {
text-decoration: underline;
}
#footer {
width: 810px;
background: url(gfx/footer.gif) top left repeat-x;
height: 52px;
float: left;
color: #efefef;
font-size: 10px;
}


#bottomBox {
width: 810px;
float: left;
background: url(gfx/maz.png) right bottom no-repeat;
padding-top:40px;
}
#bottomBox .left {
width: 260px;
float: left;
}
#bottomBox .right {
width: 550px;
float: left;
}
#bottomBox .water {
width: 230px;
float: left;
padding: 0px 15px;
background: url(gfx/water.png) center top no-repeat;
padding-top: 210px;
margin-bottom: 15px;
}
#bottomBox .footer {
float: left;
padding-left: 90px;
padding-top: 50px;
}

#topMenu {
width: 790px;
background: url(gfx/topMenuBg.gif) bottom left repeat-x;
float: left;
padding: 0px 10px;
}
#topMenu ul, #topMenu ul li, #footer ul, #footer ul li {
list-style: none;
display: inline;
float: left;
}
#footerUp {
width: 780px;
float: left;
background: url(gfx/footerUp.png) top left repeat-x;
padding: 15px;
}
#footerUp img {
border: 0px;
float: left;
margin: 0px 7px;
}
#footer ul {
margin-left: 15px;
}
#topMenu ul li.line {
padding-top: 5px;
}
#footer ul {
margin-top: 27px;
}
#footer a {
color: #efefef;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

#atom {
float: right;
margin-top: 20px;
padding-right: 10px;
}

#atom a {
background: url(gfx/atom.png) top left no-repeat;
padding-left: 40px;
padding-top: 6px;
height: 26px;
float: left;
}



#topMenu a {
color: #878a8f;
text-decoration: none;
text-transform: uppercase;
padding: 5px 10px;
float: left;
font-size: 10px;
}
#topMenu a:hover {
color: #fff;
background: #f68e36 url(gfx/linkBg.gif) bottom left repeat-x;
}
#topMenu .sel {
color: #fff;
background: #f68e36 url(gfx/linkBg.gif) bottom left repeat-x;
}



.pageContent {
width: 810px;
float: left;
}

.pageContent .left {
width: 260px;
float: left; 
position: relative;
z-index: 10;
}
.pageContent .left .leftMenu {
width: 235px;
float: left;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
display: inline;
}
.pageContent .left .leftMenu ul {
list-style: none;
}
.pageContent .left .leftMenu ul li {
margin: 5px 0px 0px;
border-bottom: 1px #bfbfbf solid;
width: 235px;
padding-bottom: 5px;
float: left;
}
.pageContent .left .leftMenu a, .pageContent .left .leftMenu span {
color: #878a8f;
text-decoration: none;
background: url(gfx/leftLink.gif) 212px 5px no-repeat;
display: block;
}
.pageContent .left .leftMenu a:hover, .pageContent .left .leftMenu span {
background: url(gfx/leftLink.gif) 212px -18px no-repeat;
color: #333333;
}

.pageContent .left .leftBox {
width: 235px;
float: left;
margin-left: 20px;
margin-top: 20px;
display:inline;
}
.pageContent .left .leftBox .top, .pageContent .left .leftBox .bottom {
width: 235px;
float: left;
height: 36px;
background: url(gfx/leftBoxTop.gif) right top no-repeat;
}
.pageContent .left .leftBox .bottom {
background: url(gfx/leftBoxBot.gif) right top no-repeat;
}
.pageContent .left .leftBox .cont {
background: url(gfx/leftBox.gif) top left repeat-y;
float:left;
width: 200px;
padding-left: 15px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 5px;
}
.pageContent .left .leftBox .cont .more {
float: right;
display: block;
color: #de4d4d;
}
.pageContent .left .leftBox .cont .more a {
color: #262626;
}
.pageContent .left .cactus {
width: 260px;
float: left;
position: relative;
padding-top: 200px;
margin-top: 100px;
}
.pageContent .left .cactus .member {
width: 260px;
float: left;
text-align: center;
}
.pageContent .left .cactus .cont {
width: 311px;
float: left;
position: absolute;
z-index: 10;
top: 0px;
}
.pageContent .right {
width: 550px;
float: left;
position: relative;
z-index: 50;
}
.pageContent .right .baner {
width: 516px;
float: left;
border: 2px #878a8f solid;
font-size: 0px;
margin-top: 25px;
margin-left: 10px;
display: inline;
}
.pageContent .right .content {
width: 520px;
float: left;
display: inline;
margin-left: 10px;
}
.pageContent .right .content ul {
margin-left: 25px;
}
.pageContent .right .content .header {
width: 505px;
float: left;
border-bottom: 1px #dfe3ec solid;
margin-top: 15px;
color: #646b88;
font-size: 15px;
font-weight: bold;
padding-bottom: 2px;
background: url(gfx/headerDot.gif) left center no-repeat;
padding-left: 15px;
margin-bottom: 10px;
}
.pageContent .right .content .header a.next, .pageContent .right .content .header a.prev {
color: #878a8f;
font-size: 11px;
font-weight: normal;
background: url(gfx/next.gif) right center no-repeat;
padding-right: 15px;
float: left;
margin-top: 4px;
margin-right: 10px;
}
.pageContent .right .content .header a.prev {
padding-right: 0px;
margin-right: 0px;
background: url(gfx/prev.gif) left center no-repeat;
padding-left: 15px;
}
.pageContent .right .content .text, .pageContent .right .content .referencje, .pageContent .right .content .realizacje, .pageContent .right .content .realizacje .realizacja {
width: 520px;
float: left;
}
.pageContent .right .content .referencje .referencja {
width: 142px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.pageContent .right .content .realizacje .realizacja {
margin-bottom: 15px;
}
.pageContent .right .content .referencje .referencja .image, .pageContent .right .content .realizacje .realizacja .image {
border: 1px #ddd solid;
width: 140px;
height: 195px;
overflow: hidden;
}
.pageContent .right .content .realizacje .realizacja .image {
float: left;
height: auto;
}
.pageContent .right .content .referencje .referencja .image img, .pageContent .right .content .realizacje .realizacja .image img {
border: 0px;
display: block;
}
.pageContent .right .content .referencje .referencja .desc {
height: 25px;
float: left;
padding: 3px 10px;
}
.pageContent .right .content .realizacje .realizacja .desc {
float: right;
width: 360px;
}
.pageContent .right .content .referencje .referencja .desc a {
color: #343434;
}
.pageContent .right .content .mapsite ul {
list-style: none;
}
.pageContent .right .content .mapsite li.menpos {
margin-bottom: 2px;
margin-top: 15px;
}
.pageContent .right .content .mapsite li.menpos a {
color: #f68e36;
font-weight: bold;
font-size: 12px;
}
.pageContent .right .content .mapsite li.mensub {
margin-left: 10px;
}
.pageContent .right .content .mapsite li.mensub a {
color: #878a8f;
}
.pageContent .right .content .contact .row {
padding: 3px 0px;
width: 520px;
}
.pageContent .right .content .contact .left {
width: 100px;
padding-top: 2px;
float: left;
}
.pageContent .right .content .contact .right {
float: left;
width: 420px;
}
.pageContent .right .content .contact input, .pageContent .right .content .contact textarea {
border: 1px #d1d1d1 solid;
font-size: 11px;
font-family: Tahoma, sans-serif;
padding: 1px 2px;
width: 208px;
}
.pageContent .right .content .contact textarea {
height: 180px;
width: 410px;
}
.pageContent .right .content .contact input.submit {
width: auto;
background: none;
border: none;
color: #f68e36;
font-weight: bold;
cursor: pointer;
margin-right: 100px;
float: left;
}
.pageContent .right .content .contact .must {
color: #f68e36;
}
.pageContent .right .content .contact .error {
border: 1px #990000 solid;
background: #ffb3b3;
}
#prezentacjaSWF {
	width: 810px;
	height: 769px;
	float: left;
	text-align: center;
}