/*

+ - - - - - - -  Abistol  - - - - - - - - +
|                                         |
|   utworzone dnia: 11 luty 2010          |
|                                         |
|   ostatnio zmieniane:                   |
|                                         |
+ - - - - - - - - - - - - - - - - - - - - +

*/

body {
    background: url('../i/img/tlo_pasek.png') repeat-x #e1e1e1;
    background-position: top;
    margin: auto;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
}



div#calosc {
    width: 980px;
    margin: auto;
    background: url('../i/img/tlo_wzorek_gorne.jpg') no-repeat;
}


.clear {
    clear: both;
}

a {
    text-decoration: none;
}
/* ----   HEADER ---- */

div#header {
    width: 980px;
    height: 100px;

}

div#logo {
    float: left;
    width: 320px;
    height: 110px;
    padding: 0px 0px 0px 60px;

}
div#mini-menu {
    width: 600px;
    float: left;
    padding-top: 15px;
    font-size: 11px;
    color: #5a5a5a;
}

/* ---   MENU   ---- */

div#menu {
    float: left;
    width: 930px;
    height: 41px;
    padding: 1px 0px 0px 50px;


}
div#menu_kuchnia {
    float: left;
    height: 38px;
    width: 136px;
}
 div#menu_lazienka {
    float: left;
    height: 38px;
    width: 126px;
}
div#menu_przedpokoj {
    float: left;
    height: 38px;
    width: 146px;
}
div#menu_biuro {
    float: left;
    height: 38px;
    width: 109px;
}
div#menu_systemowe {
    float: left;
    height: 38px;
    width: 205px;
}
div#menu_jak {
    float: left;
    height: 38px;
    width: 166px;
}


/* ---   ZAWARTOSC   ---- */
div#zawartosc_calosc {
    width: 980px;
    padding-top: 15px;
    background: url('../i/img/tlo_wzorek_dolne.jpg') no-repeat;
}
div#zawartosc_mainsite {
    width: 960px;
    background: white;
    padding: 10px;
    margin-bottom: 10px;

    font-size: 11px;
}

div#zawartosc {
    width: 980px;
    min-height: 310px;
}
div#pole_tekstowe {
    width: 980px;
    background: white;
}
div#tekst {
    width: 880px;
    margin: auto;
    font-size: 11px;
    color: #5a5a5a;

    padding: 30px 0px 30px 0px;
}
div#pole_tekstowe_zflashem {
    float: left;
    width: 255px;
    height: 520px;

    margin: 0px 50px 0px 0px;
    background: white;
}
div#tekst_zflashem {
    width: 200px;
    margin: auto;
    font-size: 11px;
    color: #5a5a5a;
    min-height: 390px;

    padding: 30px 0px 30px 0px;
}
div#pole_flash {
    float: left;
    width: 675px;
    height: 490px;
    background: white;
}

div#flash_maly {
    clear: both;
    padding-top: 20px;
    /*<!--padding-left: 35px;-->*/
}

a img {
    border: none;
}

a {
    color: #5a5a5a;;
}

div#stopka {
    width: 300px;
    height: 20px;
    text-align: center;
    font-size: 9px;
    color: #8b8b8b;
    margin-bottom: 50px;
    padding-top: 10px;
}
div#stopka_margines {
    margin: auto;
    width: 300px;
}

div#licznik {
    color: black;
    width: 100px;
    text-align: center;
    margin: auto;
    font-size: 8px;
}

.menu_opcja {
    float: left;
    height: 38px;
}

a {
    outline: none;
}


div#belka_jakzamawiac {
    width: 980px;
    height: 180px;
    margin-top: 15px;
    margin-bottom: 20px;
}

div#belka_jakzamawiac_zawartosc {
    width: 980px;
    margin: auto;
}



div#pole_ostrzezenie {
    width: 220px;
    height: 15px;
    color: #5a5a5a;
    font-size: 11px;
    margin-bottom: 10px;
    text-align: center;
}
div#ostrzezenie_lewo {
    width: 950px;
    padding: 20px;
    float: left;
    text-align: center;
}
.belka_obraz {
    padding: 10px;
    float: left;
    margin-right: 28px;
    background: white;
}
.belka_obraz_prawo {
    padding: 10px;
    float: left;
    background: white;
}


.panes div {
	display:none;
	padding:15px 10px;
	border-top:0;
	font-size:14px;
}


div#kontakt_lewa {
    width: 370px;
    margin: 0px 30px 15px 30px;
    float: left;
}
div#kontakt_prawa {
    width: 500px;
    float: left;
}


/* root element for tabs  */
ul.tabs {
	list-style:none;
	padding:0;
	height:30px;
}

/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	font-size:11px;
	display:block;
	height: 167px;
	line-height:30px;
	width: 288px;
	text-align:center;
	text-decoration:none;
	padding:0px;
	margin-right: 4px;
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;
	cursor:default !important;
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    width: 880px;
	display:none;
}

#pole_tekstowe_zflashem { font-size: 12px;}


#pole_tekstowe_zflashem .viewport { width: 175px; height: 480px; overflow: hidden; position: relative; margin: 20px 0px 20px 25px;}
#pole_tekstowe_zflashem .overview { list-style: none; position: absolute; left: 0; top: 0; }
#pole_tekstowe_zflashem .scrollbar,
#pole_tekstowe_zflashem .thumb .end,
#pole_tekstowe_zflashem .thumb { background: transparent url(/i/img/bg-scrollbar.png) no-repeat; }
#pole_tekstowe_zflashem .scrollbar { position: relative; background-position: 0 0; float: right; width: 15px; margin: 20px 10px 10px 10px;}
#pole_tekstowe_zflashem .track { background: transparent url(/i/img/bg-scrollbar-end.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#pole_tekstowe_zflashem .thumb { background-position: 100% 100%; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#pole_tekstowe_zflashem .thumb .end { background-position: 100% 0; height: 5px; width: 13px; }
#pole_tekstowe_zflashem .disable { display: none; }

div#zawartosc_3kroki {
  width: 960px;
  height: 696px;
  background: url('../i/img/tlo_3kroki.jpg') no-repeat;
}