/* RESET */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,td,th,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }

body{ font: 12px tahoma, helvetica, arial, verdana, sans-serif; background-color: #fff; }
td, th, body, input, select, button { font-family: tahoma, helvetica, arial, verdana, sans-serif; }
td, th { font-size: 1em; }

input { font: 12px/100% "Tahoma"; color: #494949; }
textarea, select { font: 12px/160% "Tahoma"; color: #494949; }

input.form-text, input.form-password { padding: 2px; }
input.form-submit, button, label[for] { cursor: pointer; }
input.form-checkbox { border: none; }
textarea { font-family: "Courier New", monospace; line-height: 120%; padding: 0 3px; }

/* hr { display: none; } */
table { clear: both; }
img { vertical-align: bottom; }
a, a strong { text-decoration: none; }
a strong, strong a {  }
/*a:hover { text-decoration: none; color: #7C0000; }*/
a img, :link img, :visited img { border: none; }

h1 { font-size: 2em; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; margin: 0.8em 0; }
h3 { font-size: 1.2em; margin: 0.8em 0; }
h4 { font-size: 1em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.7em; }

/**********************************/

html { }
body { height: 100%; background: black url(page-bg.jpg) 50% 0 no-repeat; text-align: center; }

a { color: #6F0046; }
a:hover { color: #99006B; }
a.strong { color: inherit; }

/* menu navigacyjne */
#header-region { position: absolute; top: 10px; left: 10px; }
#header-region ul.nice-menu a { color: #3B2849; }

#page { position: relative; margin: 0 auto; width: 930px; padding-top: 157px; }

  #page h1.title { margin-bottom: 7px; width: 592px; height: 140px; left: 169px; top: 9px; position: absolute; background: url(top-title.png) 0 0 no-repeat; text-indent: -9999px; }
    #page h1.title a { display: block; width: 100%; height: 100%; text-indent: -9999px; outline: 0; }

  #intro-menu { height: 36px; margin-bottom: 7px; display: inline-block; color: #fff; }

    #intro-menu ul { list-style: none; padding: 0; margin: 0; font-size: 10px; font-weight: bold; margin-top: 6px; }

      #intro-menu ul li { list-style: none; color: #fff; padding: 0; margin: 0; display: inline; margin: 0 12px; }
        #intro-menu ul li a  { color: #fff; }

  #panels { background-color: gray; padding: 0 39px; position: relative; }

    #promo-edit-link { position: absolute; padding: 1px 3px 2px 3px; font-weight: bold; background-color: #fff; color: #000; top: 498px; left: 44%; z-index: 99; }

    #panels a { outline: none; }

    #margerita-panel { float: left; width: 426px; height: 500px; background: url(margerita-bg.jpg) 0 0 no-repeat; text-indent: -9999px; position: relative; }

      #margerita-panel span.mainimg { position: absolute; left: 45px; top: 163px; width: 344px; height: 252px; display: block; background: url(img-frame-margerita.png) 0 0 no-repeat; }

        #margerita-panel span.mainimg img { position: absolute; left: 6px; top: 6px; z-index: 1; }
        #flying-pizza { width: 180px; height: 76px; position: absolute; top: 0; right: 0; background: url(flying-pizza.png); z-index: 9; }

    #lawenda-panel { float: right; width: 426px; height: 500px; background: url(lawenda-bg.jpg) 0 0 no-repeat; text-indent: -9999px; position: relative; }

      #lawenda-panel span.mainimg { position: absolute; left: 36px; top: 163px; width: 344px; height: 252px; display: block; background: url(img-frame-lawenda.png) 0 0 no-repeat; }

        #lawenda-panel span.mainimg img { position: absolute; left: 6px; top: 6px; z-index: 1; }

    #panels span.promo { display: block; position: absolute; width: 368px; height: 42px; left: 0; bottom: 26px; text-indent: 0; overflow: hidden; }

      #margerita-panel span.promo { left: 33px; }
      #lawenda-panel span.promo { left: 25px; }

        #panels span.promo-item { display: block; width: 100%; text-align: center; color: black; height: 42px; line-height: 41px; color: #fff; font-size: 1.2em; }

#footer-wrapper { clear: both; padding-top: 25px; text-align: center; font-size: 0.9em; }

  #footer { border-top: 1px solid #3C3C3C; margin: 0 auto; width: 570px; color: #686868; padding: 10px 0 14px 0; }

    #footer a { color: #686868; }
    #footer a:hover { text-decoration: underline; }
    #footer strong { font-weight: normal; color: #a5a5a5; }
    #footer span.sep { color: #bbb; padding: 0 6px; }