/* Utworzonio 2010 (c) Chariot.pl */ * { padding:0; margin:0; border:0;} body { text-align: center; background: #000 url(../gfx/tlo-powielanie.jpg) repeat-x center 0; font: 12px Georgia, Helvetica, sans-serif; color:#6C3D07;} a { outline:none;} .clr { clear:both} h3 { padding:16px 0 3px; font: bold 15px Georgia, sans-serif;} #tlo { z-index:1; width:100%; height:700px; position: absolute; top: 0px; left:0%; background: url(../gfx/tlo.jpg) no-repeat center 0; } #left { z-index:2; width:50%; height:50%; position: absolute; top: 60px; left:0; background: url(../gfx/left.png) no-repeat right 0; margin-left:0px;} #right { z-index:2; width:50%; height:50%; position: absolute; top: 60px; left:50%; background: url(../gfx/right.png) no-repeat 255px 0; margin-left:-1px;} #feniks { z-index:4; width:100%; height:139px; background: url(../gfx/feniks.png) no-repeat center 0; position: relative; top:550px; left:0%; text-align: center; } #logo { z-index:2; width: 177px; height:66px; display: block; background: url(../gfx/logo.png) no-repeat 0 0; position: absolute; top:41px; left:50%; margin-left:-450px;} #menu { z-index:3; position: absolute; top:51px; left:50%; margin-left:-70px;} #menu li { display: block; list-style: none; float: left; padding: 0 1px;} #menu li .left { width:14px; height:31px; display: block; background: url(../gfx/menu-akt-left.png) no-repeat 0 0; float: left; } #menu li .center { height:31px; display: block; background: url(../gfx/menu-akt-center.png) repeat-x 0 0; float: left; } #menu li .center a { font-weight:bold; color:#5F4112; padding-top:10px;} #menu li .right { width:14px; height:31px; display: block; background: url(../gfx/menu-akt-right.png) no-repeat 0 0; float: left; } #menu li a { color: #FEE1B9; text-decoration: none; font: bold 17px Arial, Helvetica, sans-serif; display: block; height:30px; cursor: pointer;} #menu li .center a:hover { color: #5F4317; text-decoration: none;} #menu li a.menu-start { background: url(../gfx/menu-start.png) no-repeat 0 0; width:127px; } #menu li a.menu-start:hover { background: url(../gfx/menu-start-akt.png) no-repeat 0 0;} #menu li a.menu-start-akt { background: url(../gfx/menu-start-akt.png) no-repeat 0 0; width:127px; } #menu li a.menu-menu { background: url(../gfx/menu-menu.png) no-repeat 0 0; width:72px;} #menu li a.menu-menu:hover { background: url(../gfx/menu-menu-akt.png) no-repeat 0 0; } #menu li a.menu-menu-akt { background: url(../gfx/menu-menu-akt.png) no-repeat 0 0; width:72px; } #menu li a.menu-danie { background: url(../gfx/menu-danie.png) no-repeat 0 0; width:103px;} #menu li a.menu-danie:hover { background: url(../gfx/menu-danie-akt.png) no-repeat 0 0;} #menu li a.menu-danie-akt { background: url(../gfx/menu-danie-akt.png) no-repeat 0 0; width:103px;} #menu li a.menu-promocje { background: url(../gfx/menu-promocje.png) no-repeat 0 0; width:89px;} #menu li a.menu-promocje:hover { background: url(../gfx/menu-promocje-akt.png) no-repeat 0 0;} #menu li a.menu-promocje-akt { background: url(../gfx/menu-promocje-akt.png) no-repeat 0 0; width:89px;} #menu li a.menu-dostawa { background: url(../gfx/menu-dostawa.png) no-repeat 0 0; width:88px;} #menu li a.menu-dostawa:hover { background: url(../gfx/menu-dostawa-akt.png) no-repeat 0 0;} #menu li a.menu-dostawa-akt { background: url(../gfx/menu-dostawa-akt.png) no-repeat 0 0; width:88px;} #menu li a.menu-galeria { background: url(../gfx/menu-galeria.png) no-repeat 0 0; width:78px;} #menu li a.menu-galeria:hover { background: url(../gfx/menu-galeria-akt.png) no-repeat 0 0;} #menu li a.menu-galeria-akt { background: url(../gfx/menu-galeria-akt.png) no-repeat 0 0; width:78px;} #menu li a.menu-kontakt { background: url(../gfx/menu-kontakt.png) no-repeat 0 0; width:88px;} #menu li a.menu-kontakt:hover { background: url(../gfx/menu-kontakt-akt.png) no-repeat 0 0;} #menu li a.menu-kontakt-akt { background: url(../gfx/menu-kontakt-akt.png) no-repeat 0 0; width:88px;} #menu li a.menu-wesela { background: url(../gfx/menu-wesela.png) no-repeat 0 0; width:67px;} #menu li a.menu-wesela:hover { background: url(../gfx/menu-wesela-akt.png) no-repeat 0 0;} #menu li a.menu-wesela-akt { background: url(../gfx/menu-wesela-akt.png) no-repeat 0 0; width:67px;} #menu li a.menu-onas { background: url(../gfx/menu-onas.png) no-repeat 0 0; width:67px;} #menu li a.menu-onas:hover { background: url(../gfx/menu-onas-akt.png) no-repeat 0 0;} #menu li a.menu-onas-akt { background: url(../gfx/menu-onas-akt.png) no-repeat 0 0; width:67px;} #banner { z-index:3; width:977px; height:361px; display:block; background: url(../gfx/tlobanner.png) no-repeat 0 0; position: absolute; top: 134px; left:50%; margin-left: -483px;} #banner img { padding: 25px 0 0 45px;} #banery { z-index:3; width:977px; height:120px; position: absolute; top: 510px; left:50%; margin-left: -483px;} #banery .baner-oferta-specjalna { display: block; width:306px; height:119px; background: url(../img/baner-oferta-specjalna.png) no-repeat 0 0; float:left; margin: 0 10px 0 0px;} #banery .baner-znajdziesz-nas { display: block; width:306px; height:119px; background: url(../img/baner-znajdziesz-nas.png) no-repeat 0 0; float:left; margin: 0 15px;} #banery .baner-newsletter { display: block; width:306px; height:119px; background: url(../img/baner-newsletter.png) no-repeat 0 0; float:left; margin: 0 0px 0 5px;} #banery-linki { z-index:5; width:977px; height:120px; position: absolute; top: 510px; left:50%; margin-left: -483px;} #banery-linki a { display: block; width:306px; height:119px; } #banery-linki .baner-oferta-specjalna { display: block; width:306px; height:119px; float:left; margin: 0 10px 0 0px;} #banery-linki .baner-znajdziesz-nas { display: block; width:306px; height:119px; float:left; margin: 0 15px;} #banery-linki .baner-newsletter { display: block; width:306px; height:119px; float:left; margin: 0 0px 0 5px; text-align: left; font: 12px Georgia, Sans-serif;} #banery-linki .baner-newsletter form p input.text { position: relative; top:79px; left:40px; width:160px; font: 12px Georgia, Sans-serif;} #banery-linki .baner-newsletter form p input.submit { position: relative; top:53px; left:210px; width:60px; background:none; height:30px; color:#fff; font: 12px Georgia, Sans-serif; cursor: pointer; outline: none;} #footer { z-index:5; width:977px; height: 161px; background: url(../gfx/linia.png) no-repeat 0 0; position: absolute; top: 645px; left:50%; margin-left: -483px;} #menufooter { margin: 10px 20px; float: left; } #menufooter li { display: block; list-style: none; float: left; padding: 0 10px;} #menufooter li a { color: #FEE1B7; text-decoration: none; font: 12px Georgia, sans-serif;} #menufooter li a.akt { color: #FFBE62; } #menufooter2 { float: right; margin: 10px 0px 0 0px; } #menufooter2 li { color: #FEE1B7; font: 12px Georgia, sans-serif; display: block; list-style: none; padding: 0 10px;} #menufooter2 li a { color: #FFBE62; text-decoration: none; font: 12px Georgia, sans-serif;} /* PODSTRONY */ #content-top { position: relative; z-index:5; top: 145px; width:959px; height:57px; background: url(../gfx/tlo-content-top.png) no-repeat 0 0; margin: 0px auto 0; text-align: left;} #content-center { position: relative; z-index:4; top: 145px; width:959px; background: url(../gfx/tlo-content-center.png) repeat-y 0 0; margin: 0px auto 0;} #content-bottom { position: relative; z-index:5; top: 145px; width:959px; height:41px; background: url(../gfx/tlo-content-bottom.png) no-repeat 0 0; margin: 0px auto 10px;} #content-top h1 { font: 30px Georgia, sans-serif; color:#6C3D07;} #content-center p { padding: 3px 0; text-align: left; font: 12px/18px Georgia, sans-serif; color:#684618;} #zawartosc { padding: 0 0 0 30px; width:900px; text-align: left;} #zawartosc-left { padding: 0 0 0 30px; float: left; width:410px; text-align: left;} #zawartosc-right { padding: 0 40px 0 0; float: right; width:460px; text-align: left;} #zawartosc-right h2 { margin: 0px 0px 10px; font: bold 18px Georgia, sans-serif; color:#6C3D07;} #footer-podstrona { position: relative; z-index:5; top: 145px; width:977px; height: 161px; background: url(../gfx/linia.png) no-repeat 0 0; margin:0 auto;} #footer-podstrona-galeria { position: relative; z-index:5; top: 25px; width:977px; height: 161px; background: url(../gfx/linia.png) no-repeat 0 0; margin:0 auto;} #feniks-podstrona { z-index:5; width:100%; height:139px; background: url(../gfx/feniks.png) no-repeat center 0; position: relative; top:50px; left:0%; text-align: center; } #content-top h1 span { display: none;} .galeria-title { position: relative; top:25px; left:15px; display: block; width:106px; height: 25px; background: url(../gfx/galeria-title.png) no-repeat 0 0;} .menu-title { position: relative; top:25px; left:15px; display: block; width:106px; height: 25px; background: url(../gfx/menu-title.png) no-repeat 0 0;} .promocje-title { position: relative; top:25px; left:15px; display: block; width:146px; height: 32px; background: url(../gfx/promocje-title.png) no-repeat 0 0;} .dostawa-title { position: relative; top:25px; left:15px; display: block; width:146px; height: 32px; background: url(../gfx/dostawa-title.png) no-repeat 0 0;} .kontakt-title { position: relative; top:25px; left:15px; display: block; width:146px; height: 32px; background: url(../gfx/kontakt-title.png) no-repeat 0 0;} .onas-title { position: relative; top:25px; left:15px; display: block; width:146px; height: 32px; background: url(../gfx/onas-title.png) no-repeat 0 0;} .wesela-title { position: relative; top:25px; left:15px; display: block; width:146px; height: 32px; background: url(../gfx/wesela-title.png) no-repeat 0 0;} .shisha-title { position: relative; top:25px; left:15px; display: block; width:146px; height: 32px; background: url(../gfx/shisha-title.png) no-repeat 0 0;} #content-top h1 .tel-ns { width:350px; height:40px; display:block; background: url(../gfx/tel-ns.png) no-repeat 130px 0;} #content-top h1 .tel-ns2 { width:350px; height:40px; display:block; background: url(../gfx/tel-ns2.png) no-repeat 130px 0;} #content-top h1 .tel-tar { width:350px; height:40px; display:block; background: url(../gfx/tel-tar.png) no-repeat 130px 0;} #content-top h1 .tel-rz { width:350px; height:40px; display:block; background: url(../gfx/tel-rz.png) no-repeat 130px 0;} #content-top h1 .tel-shisha { width:350px; height:40px; display:block; background: url(../gfx/tel-shisha.png) no-repeat 170px 0;} #wybor-galerii {z-index:6; position: absolute; top:25px; left:625px; width:300px; margin: 0 30px 0 0; background: url(../gfx/wybierz-galerie.png) no-repeat 0 8px;} #wybor-lokalu {z-index:6; position: absolute; top:25px; left:625px; width:300px; margin: 0 30px 0 0; background: url(../gfx/wybierz_lokal.png) no-repeat 0 8px;} /* kontakt start */ #form_kontakt { margin-top:40px; width:405px;} fieldset { display: block; text-align: left; font: bold 14px Georgia, sans-serif; color:#755323; margin: 13px 0;} label { width:73px; display: block; float: left;} .input_text { width: 290px; height:22px; text-align: left; background: url(../gfx/tlo_input.jpg) no-repeat 0 0; float: left; padding: 2px 15px;} .textarea_text { width: 290px; height:140px; text-align: left; background: url(../gfx/tlo_textarea.jpg) no-repeat 0 0; float: left; padding: 7px 15px; overflow-x:hidden;} .send_text { width: 64px; height:24px; text-align: left; background: url(../gfx/wyslij.jpg) no-repeat 0 0; float: right; margin: 5px 15px 10px 0;} #map { z-index:5; position: relative; top:-15px; left:0;width: 460px; height: 280px;} #mapa1 { margin-top:10px;} .adres { float: left; margin: 5px 10px 0px 0; width: 185px; height: 66px; float: left; cursor: pointer; } .highlight { background: url(../gfx/tlo_adres.jpg) no-repeat 0 0; } #content-center .adres p, .highlight p { margin: 7px 0 0 18px; font: 12px/14px Georgia, sans-serif; } .top-left { z-index:10; position: relative; top:5px; left:0; width:5px; height:5px; background: url(../gfx/top-left.gif) no-repeat 0 0;} .top-right { z-index:10; position: relative; top:0px; left:455px; width:5px; height:5px; background: url(../gfx/top-right.gif) no-repeat 0 0;} .bottom-left { z-index:10; position: relative; top:270px; left:0px; width:5px; height:5px; background: url(../gfx/bottom-left.gif) no-repeat 0 0;} .bottom-right { z-index:10; position: relative; top:265px; left:455px; width:5px; height:5px; background: url(../gfx/bottom-right.gif) no-repeat 0 0;} /* kontakt end */ /* galeria start */ #gallery { width:700px; margin:0px auto; padding:30px 0;} #images { height:225px; background:#eef5f6; margin-bottom:20px;} #image { position:relative; width:700px; height:375px; } #image img { position:absolute; top:0px; left:105px} #thumbwrapper { margin:15px auto 0; width:505px; height:100px; } #thumbarea { position:relative; overflow:hidden; height:100px; width:505px; } #thumbs { position:absolute; list-style:none; margin-left:10px; height:100px; width:10000px;} #thumbs li { float:left; margin-right:20px; cursor:pointer;} #thumbs li img { height:85px; width:109px;} .imgnav { position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer;} #previmg { left:0px; background:url(../gfx/gallery-left.png) left center no-repeat; } #previmg:hover { opacity:1; filter:alpha(opacity=100);} #nextimg { right:0px; background:url(../gfx/gallery-right.png) right center no-repeat; } #nextimg:hover { opacity:1; filter:alpha(opacity=100);} /* galeria end */ .jquery-selectbox { position: relative; height: 27px; width: 210px; z-index: 0; float: left; display: inline; margin: 0 0 0 110px; font: 13px Georgia, sans-serif; color: #444; padding: 0; background-image: url("../gfx/select.png"); } .jquery-selectbox .selecthover { border-color: #9F7627; background-color: #FFFCDF; background: none; z-index: 700;} .jquery-selectbox .jquery-selectbox-currentItem { padding: 7px 0px 0px 13px; white-space: nowrap; display: block; overflow: hidden;} .jquery-selectbox .jquery-selectbox-list { display: none; position: absolute; top: 29px; padding: 2px; left: 14px; background: #fff; width: 180px; overflow-x: hidden; overflow-y: auto; z-index: 1000; } .jquery-selectbox .jquery-selectbox-moreButton { float: right; background: none; width: 33px; height: 27px; cursor: pointer;} .jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover { background: none;} .jquery-selectbox .jquery-selectbox-item.listelementhover { background: #87683d; color: #eee;} .jquery-selectbox .jquery-selectbox-item { display: block; cursor: default; padding: 2px 0;} form .error .jquery-selectbox { color: #d00; border-color: #d00; background: none;} table.menu-safir { border-collapse: collapse;} table.menu-safir tr:hover { background: #EFDDC2; } table.menu-safir td { padding: 3px; text-align: left; font: 13px Georgia, sans-serif; } table.menu-safir td em { padding: 0px 0 0 30px; display:block;} table.menu-safir .menu_opis { width:690px;} table.menu-safir .menu_opis a { color:#452403; font: bold 11px Georgia, sans-serif; text-decoration: none;} table.menu-safir .menu_cena, table.menu-safir .menu_ilosc2 { text-align: right;} table.menu-safir .menu_rodzaj { text-align: center;} /* TABS START */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.2; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 1.2em 0 0; background: url(../gfx/podmenu-bottom.jpg) repeat-x 0 bottom;} .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 4px 0px 0px; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 11px 0px; color: #69440F; background: url(../gfx/menu-center.jpg) repeat-x 0 0;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {color:#EEC492; cursor: text; background: url(../gfx/menu-akt-center.jpg) repeat-x 0 0;} .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .podmenu-left { display: block; float: left; width:8px; height: 36px; background: url(../gfx/menu-left.jpg) no-repeat 0 0;} .podmenu-right { display: block; float: left; width:8px; height: 36px; background: url(../gfx/menu-right.jpg) no-repeat 0 0;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected .podmenu-left { display: block; float: left; width:9px; height: 36px; background: url(../gfx/menu-akt-left.jpg) no-repeat 0 0;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected .podmenu-right { display: block; float: left; width:9px; height: 36px; background: url(../gfx/menu-akt-right.jpg) no-repeat 0 0;} #tabs p a { color:#684618;} /* TABS END */