/* kolory
szaryTlo : #303030;
szaryRamka : #4a4a4a;
szaryCzcionka: #858585;
szaryKreska : #353535;
szaryTloBox: #272727;
zoltyTekst : #fffc03;
zielonyTekst: #14bf10;
*/

/* ogolne */
body { background-color: #1d1d1d; font-size:13px; color: #FFFFFF; font-family: Arial; padding-top: 20px;}
a { font-size:13px; font-family: Arial; color: #fffc03; text-decoration: none; }
a:hover { color: #ff0000; }
strong { font-weight: bold; }
.clrBoth { clear: both; }
span.czerwony { color: #FF0000; }
.r1 { border: 1px solid #202020; }
.fillFix { background: url(../gfx/filler.gif); }
.displayNone { display: none; }
.displayBlock { display: block; }

.kolor1 { color: #FFFC03; }

/* papier */
.papier { width: 924px; margin: 0 auto; padding: 18px; border: 1px solid #4a4a4a; background: #303030 url(../gfx/papierTlo.png) repeat-x 0px 0px;}

/* naglowek */
.naglowek { /*height: 55px;*/  height: 130px; }
.naglowek .logo { float: left; margin-left: -2px; }
.naglowek .logo a { display: block; height: 55px; width: 280px; }
.naglowek .obrazek { float: left; width: 202px; border-left: 1px solid #606060; margin-left: 15px; height: 0px; padding-top: 55px; overflow: hidden; background:url(../gfx/h1obrazek.png) no-repeat 10px 0px ;}
.naglowek .obrazek h1 { width: 180px; height: 40px; font-size: 50px; }
.naglowek .obrazek p { width: 180px; height: 40px; font-size: 50px; }
.naglowek .panele { float: right; background-color: #454545; border-top: 1px solid #252525; border-bottom: 1px solid #707070;}
.naglowek .panele .panel { margin: 5px 0px 5px 0px;  font-family: Tahoma; position: relative; float: left; border: none; height: 45px;}
.naglowek .panele .panel h3 { padding-top: 6px; font-size: 13px; color: #ffffff; font-weight: bold;  }
.naglowek .panele .panel p.tekst { padding-top: 2px; padding-left: 0px; font-size: 11px; color: #818080; font-weight: bold; }
.naglowek .panele .panel:hover { background-color: #303030; }
.naglowek .panele .pnlKoszyk { padding-left: 10px; width: 160px; border-left: 1px solid #5f5f5f; }
.naglowek .panele .pnlKoszyk a { left: 0px; background-image:url(../gfx/filler.png); cursor: pointer; display: block; width: 170px; padding-top: 45px; height: 0px; overflow: hidden; position: absolute; z-index: 2; }
.naglowek .panele .pnlKoszyk .lewo { float: left; width: 104px;}
.naglowek .panele .pnlKoszyk .prawo { float: right; width: 55px;}
.naglowek .panele .pnlKoszyk .prawo .koszykIkona { float: right; width: 30px; height: 45px; margin-right: 1px; background: url(../gfx/koszykIkona.png) no-repeat 0px 8px;}
.naglowek .panele .pnlKoszyk .prawo .strzalkaIkona { float: right; width: 12px; height: 45px; margin-right: 10px; background: url(../gfx/strzalkaIkona.png) no-repeat 0px 18px;}
.naglowek .panele .pnlKoszykPelny {}
.naglowek .panele .pnlKoszykPelny .lewo p.tekst {color: #FF0000;}
.naglowek .panele .pnlKoszykPusty {}
.naglowek .panele .pnlKontakt { padding-left: 10px; width: 85px; padding-right: 15px; }
.naglowek .panele .pnlKontakt a { left: 0px; background-image:url(../gfx/filler.png); cursor: pointer; display: block; width: 110px; padding-top: 45px; height: 0px; overflow: hidden; position: absolute; z-index: 2; }
.naglowek .panele .pnlRegulamin { padding-left: 10px; width: 90px; padding-right: 15px; border-left: 1px solid #5f5f5f; }
.naglowek .panele .pnlRegulamin a { left: 0px; background-image:url(../gfx/filler.png); cursor: pointer; display: block; width: 115px; padding-top: 45px; height: 0px; overflow: hidden; position: absolute; z-index: 2; }

/* menu */
.menu { padding: 18px 0px 15px 0px; position: absolute; top: 95px; z-index: 8; }
.menu .wew { height: 40px; background: url(../gfx/menuTlo.png) repeat-x; z-index: 9; }
.menu ul { height: 40px; }
.menu ul li { /*border-top: 1px solid #ffffff; */ float: left; height: 40px; }
.menu ul li.spacer { border: none; width: 2px; background: url(../gfx/menuSpacer.png) no-repeat;}
.menu ul li a { height: 0px; overflow: hidden; padding-top:40px; display: block; float: left; width: 217px; background: none;}
.menu ul li.home { width: 42px; background: url(../gfx/menuHome.gif) no-repeat 0px 0px;}
.menu ul li.home a { width: 42px; background: none;}
.menu ul li.home a:hover { width: 42px; background: url(../gfx/menuHome.gif) repeat-x 0px -40px;}
.menu ul li.promocje { background: url(../gfx/menuPromocje.gif) no-repeat 0px 0px; }
.menu ul li.promocje a:hover { background: url(../gfx/menuPromocje.gif) no-repeat 0px -40px; }
.menu ul li.pomieszczenia { background: url(../gfx/menuPomieszczenia.gif) no-repeat 0px 0px; }
.menu ul li.pomieszczenia a:hover { background: url(../gfx/menuPomieszczenia.gif) no-repeat 0px -40px; }
.menu ul li.rodzaje { background: url(../gfx/menuRodzaje.gif) no-repeat 0px 0px; }
.menu ul li.rodzaje a:hover { background: url(../gfx/menuRodzaje.gif) no-repeat 0px -40px; }
.menu ul li.zestawy { width: 221px; background: url(../gfx/menuZestawy.gif) repeat-x 0px 0px; }
.menu ul li.zestawy a:hover { width: 221px; background: url(../gfx/menuZestawy.gif) repeat-x 0px -40px; }
.menu ul li.wybrane { background-position: 0px -80px; }
.menu ul li.wybrane a:hover { background: none; }

/* menu rozwijane */
.menuRozwijane { width: 290px; position: absolute; z-index: 10; margin-top: 40px;}
.menuRozwijane .zawartosc { width: 290px; padding: 20px 20px 20px 20px; background-color: #1e1f1e; border-left: 1px solid #606060; border-right: 1px solid #606060; border-bottom: 1px solid #606060;}
.menuRozwijane .hr { margin-top: 5px; padding-bottom: 5px; border-top: 1px solid #3c3f3b; }
.menuRozwijane .zwin { text-align: right; }
.menuRozwijane .zwin a {  }
.menuRozwijane .grupa { font-size: 16px; padding-top: 5px; padding-bottom: 5px; }
.menuRozwijane .grupa .lewo { float: left; }
.menuRozwijane .grupa .prawo { float: right; }
.menuRozwijane .grupaKolejna { padding-top: 25px; }
.menuPromocje { margin-left: 42px; display: none;}
.menuPromocje .element { padding-bottom: 5px; }
.menuPromocje .element p.t1 a { font-size: 18px; }
.menuPromocje .element p.t2 { font-size: 13px; color: #cccccc;}
.menuPromocje .element2 { padding-bottom: 5px; }
.menuPromocje .element2 p.t1 a { font-size: 13px; }
.menuPromocje .element2 p.t2 { font-size: 12px; color: #cccccc; padding-top: 2px;}
.menuPomieszczenia { margin-left: 261px; display: none;}
.menuPomieszczenia .element { padding-bottom: 5px; }
.menuPomieszczenia .element p.t1 { padding-bottom: 2px; }
.menuPomieszczenia .element p.t1 a { font-size: 19px; }
.menuPomieszczenia .element p.t2 { font-size: 13px; color: #cccccc;}
.menuRodzaje { margin-left: 480px; display: none;}
.menuRodzaje .zawartosc { width: 390px; }
.menuRodzaje .element { padding-bottom: 5px; }
.menuRodzaje .element p.t1 { padding-bottom: 3px; }
.menuRodzaje .element p.t1 a { font-size: 16px; }
.menuRodzaje .element p.t2 { font-size: 12px; color: #cccccc;}
.menuRodzaje .elementDuzy { padding-bottom: 5px; }
.menuRodzaje .elementDuzy p.t1 { padding-bottom: 3px; }
.menuRodzaje .elementDuzy p.t1 a { font-size: 19px; }
.menuRodzaje .elementDuzy p.t1 span.dodatkowe {  }
.menuRodzaje .elementDuzy p.t1 span.dodatkowe a { font-size: 13px; padding-bottom: 2px; }
.menuRodzaje .elementDuzy p.t2 { font-size: 12px; color: #cccccc;}
.menuZestawy { width: 360px; margin-left: 521px; display: none;}
.menuZestawy .zawartosc { width: 360px; }
.menuZestawy .element { padding-bottom: 5px; }
.menuZestawy .element p.t1 { padding-bottom: 3px; }
.menuZestawy .element p.t1 a { font-size: 19px; }
.menuZestawy .element p.t2 { font-size: 12px; color: #cccccc;}

/* stopka */
.stopka { width: 960px; margin: 0 auto; font-size: 12px; text-align: center; padding-top: 20px; color: #858585; padding-bottom: 40px;} 
.stopka .copy { font-size: 18px; color: #ffffff; padding-bottom: 20px; }
.stopka .statystyki { padding: 8px 0px 8px 0px; border-top: 1px solid #353535; border-bottom: 1px solid #353535; }
.stopka .statystyki ul {}
.stopka .statystyki ul li { display: inline; padding: 0px 5px 0px 5px; }
.stopka .statystyki ul li .t1 { color: #ffffff; }
.stopka .zgodnosc { padding-top: 15px; }
.stopka .realizacja { padding-top: 5px; }