@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; position:relative;}
#menu li .podmenu {position:absolute; top:22px; width:200px; line-height:18px; left:0px; background-color:#ffffff; padding:0 15px 15px; z-index: 99;}
#menu li .podmenu a {display:block; width:100%; color:#0a5376; font-size: 11px; font-weight:bold; border-bottom:1px solid #7de41d; clear:both; margin-top:7px;}
#menu li .podmenu a:hover {text-decoration: none;}
#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.gl {height: 22px; float: left; display: block; z-index:98;}
#menu a.gl.hover {height: 29px;}
#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%; position: relative; z-index: 1003;}
#main div.m {height: 252px; }
#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: 246px; 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-top: 5px; margin-right: 5px}
#main img.img {border: 2px solid #FFF;}
#main div.contact {width: 200px; height: 150px; height: 130px;}
#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 {width: 100%;}
#bottom div.l {background: url("../images/bg_flower.jpg") no-repeat; width: 100%; height:70px;}
#bottom div.l_home {background: url("../images/bg_flower_home.jpg") no-repeat; width: 100%; height:70px;}
#bottom div.r {width:100%; text-align:center; line-height:27px;}
#bottom div.przekroj {background: url("../images/bg_przekroj.png") 0 bottom repeat-x; width: 936px; margin:0 0 17px 17px; padding:0 10px 52px;}
#bottom ul {margin: 10px 0 0 10px; list-style: none; width:700px;}
#bottom li {float: left; color: #FFF; text-decoration: none; height: 15px;}
#bottom a {display:inline-block; color: #FFF; text-decoration: none; margin-top: -2px;}
#bottom a:hover {text-decoration: underline;}
#bottom span.s {background: url("../images/s.gif") no-repeat; width: 2px; height: 11px; margin: 0 5px;}
#bottom div.real {padding: 10px; clear: both; display: block; }
#bottom div.real a {color: #81e51f;}

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{}


#menuof{
    width: 970px;
    height: 341px;
    background: url("../images/topof.png") right top no-repeat;
    position: relative;
}

#menuof #fot{
    float: left;
    clear: none;
    width: 688px;
    height: 341px;
}

#menuof #men{
    float: left;
    clear: none;
    padding-right: 20px;
    height: 248px;
    overflow:hidden;
    margin-top: 50px;
    position: relative;
}

#menuof #men a.men_link{
    color: #18696a;
    display: block;
    padding-left: 15px;
    padding-top: 7px;
    padding-bottom:  7px;
    font-family: Verdana;
    border-bottom: #FFF 1px solid;
    text-transform: uppercase;
    background-image: url("../images/szczlink.png");
    background-repeat: no-repeat;
    background-position: left center;
}

#menuof #men a.men_link:hover, .akt_link{
    text-decoration: none;
    text-shadow: 0px 0px 4px #4b9c9f;
    background-position: 5px center;
    
}

#menuof #slidit{
    overflow: hidden;
    height: 431px;
    width: 661px;
}

#menuof #nad{
    position: relative;
    z-index: 1000;
    top: -431px;
}

.s_up, .s_down{
    position: absolute;
    color: #FFF;
    display:none;
}

.s_up{
    top: 45px;
    right: 295px;
}

.s_down{
    top: 300px;
    right: 295px;
}

#slidit *{
    /*position: relative;*/
}

#slidit a, #slidit a img, #slidit img{
    /*display: block;*/
}