@CHARSET "UTF-8";

* {padding: 0; margin: 0; border: 0; font-family: Tahoma, Arial, Verdana; font-size: 12px; color: #fff; outline: none;}
body {background: url("../images/bg.jpg");}
a {color: #81e51f; text-decoration: none;}
a:hover {text-decoration: underline;}

.clear {clear: both;}
div.out {background: url("../images/bg_out.jpg") repeat-x; width: 100%; min-height: 670px;}
div.content {width: 970px; margin: auto;}

#top div.logo {float: left;}
#menu {height: 77px; float: right;}
#menu ul {list-style: none; margin-top: 27px}
#menu li {float: left;}
#menu a.mn0 {width: 25px; background: url("../images/mn_home.jpg");}
#menu a.mn1 {width: 63px; background: url("../images/mn_ofirmie.jpg");}
#menu a.mn2 {width: 145px; background: url("../images/mn_profil.jpg");}
#menu a.mn3 {width: 63px; background: url("../images/mn_galeria.jpg");}
#menu a.mn4 {width: 55px; background: url("../images/mn_oferta.jpg");}
#menu a.mn5 {width: 163px; background: url("../images/mn_konfigurator.jpg");}
#menu a.mn6 {width: 72px; background: url("../images/mn_kontakt.jpg");}
#menu a {height: 29px; float: left; display: block;}
#menu a:hover {background-position: 0 -29px;}
#menu a.active {background-position: 0 -29px;}
#menu span.s {float: left; background: url("../images/s.gif") no-repeat; width: 2px; height: 11px; margin: 6px 4px 0 4px;}

#flash {width: 100%; height: 341px;}
#main {width: 100%;}
#main div.m {height: 225px; }
#main div.l {background: #015078 url("../images/bg_main.jpg") repeat-x; width: 661px; float: left;}
#main div.r {background: url("../images/bg_kontakt.jpg") no-repeat; width: 297px; height: 225px; float: left;}
#main div.rbig {background: url("../images/bg_kontaktbig.jpg") no-repeat; width: 297px; height: 655px; float: left;}
#main div.art {background: #015078 url("../images/bg_art.jpg") repeat-x; min-height:655px; height:auto !important; height:655px; }
#main img.mr {float: right; width: 30px; height: 225px;}
#main img.mb {clear: left; width: 661px; height: 27px;}
#main div.ttl {width: 660px; height: 45px; background: url("../images/bg_ttl.jpg") no-repeat; margin: auto; margin-top: 15px;}
#main h1.ttl {color: #014d72; font-size: 13px; margin-left: 44px; padding-top: 4px;}
#main div.txt {padding: 10px 35px 10px 35px; line-height:16px;}
div.txt_koniec {background:url(../images/bg_podb.jpg) no-repeat; width:670px; height:65px;}

#main li {margin-left: 20px; list-style-image: url("../images/li.gif");}
#main div.img {width: 184px; height: 180px; display: block; background: url("../images/bg_img.gif") no-repeat; text-align: center; padding-top: 5px; margin-right: 5px}
#main img.img {border: 2px solid #FFF;}
#main div.contact {width: 200px; height: 150px; height: 220px;}
#main img.konfig {margin-top: 20px; margin-left: 30px;}
#main a.konfig {background: url("../images/btn_sprawdz.jpg"); width: 185px; height: 61px; display: block; margin-left: 43px;}
#main a.konfig:hover {background-position: 0 -61px;}

#main a.zobacz_kolory {background: url("../images/zobacz_kolory.jpg"); width:195px; height:58px; display: block; margin-left:30px; margin-top:85px;}
#main a.zobacz_kolory:hover {background-position: 0 -58px;}



#gallery div.img {float: left;}

#witaj {float: left; width: 360px;}
#witaj div.t {height: 80px; margin-left: 25px; margin-top: 10px}
#witaj a.more {background: url("../images/btn_wiecejinfo.jpg"); width: 178px; height: 72px; display: block; margin-left: 31px;}
#witaj a.more:hover {background-position: 0 -72px;}

#konf {float: left; width: 270px;}
#konf div.t {height: 90px;}
#konf a.more {background: url("../images/btn_konfigurator.jpg"); width: 185px; height: 70px; display: block; margin-left: 31px;}
#konf a.more:hover {background-position: 0 -70px;}

#bottom {height: 82px; width: 100%;}
#bottom div.l {background: url("../images/bg_flower.jpg") no-repeat; width: 215px; height: 82px; float: left;}
#bottom div.r {float: left; width:720px;}
#bottom ul {margin: 10px 0 0 10px; list-style: none; width:700px;}
#bottom li {float: left; color: #FFF; text-decoration: none; height: 15px;}
#bottom li a {float: left; color: #FFF; text-decoration: none; margin-top: -2px;}
#bottom li a:hover {text-decoration: underline;}
#bottom li span.s {float: left; background: url("../images/s.gif") no-repeat; width: 2px; height: 11px; margin: 0 5px;}
#bottom div.real {padding: 10px; clear: both; display: block; }
div.buttons {padding-top:32px; padding-left:489px;}

#goBack, #goTop {width: 75px; float: left; background: none; text-align: left; text-indent: 20px}
#goBack {background: url("../images/goBack.gif") no-repeat; background-position: 2px 3px}
#goTop {background: url("../images/goTop.gif") no-repeat; background-position: 2px 3px}
	
#footer {/*height: 110px;*/ text-align: center; width: 957px}
#footer div.t {width: 100%; height: 20px; overflow: hidden; font-size: 9px; color: #01557d}
#footer span.t {font-size: 11px; color: #FFF}
#footer div.s18 {width: 13px; float: left;}
#footer div.l {width: 470px; height: 84px; float: left;}
#footer div.lt {text-align: left;padding: 5px;}
iframe.kontakt {border: 2px solid #FFF}


.foto_gal{border:solid 3px #74DD2B; margin-right:10px; margin-bottom:10px;}
.slim{}