* {margin:0;padding:0;}

html {
    background:#202020 url(../images/bg_html.jpg) repeat-x;
}

body {
    font-family:Tahoma,Verdana,sans-serif;
    font-size:12px;
    line-height:16px;
    background:url(../images/bg_body.gif);
}

/* BOX */
#container  {
    width:900px;
    height:auto;
    padding:0 150px;
    position:relative;
    margin:auto;
    background: url(../images/bg_container.jpg) no-repeat top center;
}

#content {

}

#info {
    color:#FFF;
    font-size:11px;
    position:absolute;
    top:80px;
    left:20px;

}

#top{
    width:900px;
    height:363px;
    padding-top:80px;
    background:url(../images/bg_top.png) no-repeat;
    background-position: bottom;
    position:relative;
}

#flash {
    width:630px;
    height:338px;
    position:absolute;
    z-index:0;
    bottom:0;
    left:-2px;
}

#mainMenu {
    width:263px;
    height:198px;
    position:absolute;
    z-index:100;
    right:0;
}
#mainMenu a span {display:none;}

#mainMenu ul, #mainMenu ul li {
    margin:0;
    padding:0;
}

#mainMenu ul li#logo a:LINK, #mainMenu ul li#logo a:VISITED {
    width:263px;
    height:165px;
    display:block;
    background:url(../images/logo.png);
    background-position: 0px 0;
}
#mainMenu ul li#logo a:HOVER {
    width:263px;
    height:165px;
    display:block;
    background:url(../images/logo.png);
    background-position:  0 165px;
}

#mainMenu ul li#ofirmie a:LINK, #mainMenu ul li#ofirmie a:VISITED {
    width:263px;
    height:66px;
    display:block;
    background:url(../images/menu.png);
    background-position: 0px 0;
}
#mainMenu ul li#ofirmie a:HOVER, #mainMenu ul li#ofirmie a.active {
    width:263px;
    height:66px;
    display:block;
    background:url(../images/menu.png);
    background-position: 262px 0;
}
#mainMenu ul li#oferta a:LINK, #mainMenu ul li#oferta a:VISITED {
    width:263px;
    height:66px;
    display:block;
    background:url(../images/menu.png);
    background-position: 0px 132px;
}
#mainMenu ul li#oferta a:HOVER, #mainMenu ul li#oferta a.active {
    width:263px;
    height:66px;
    display:block;
    background:url(../images/menu.png);
    background-position: 263px 132px;
}
#mainMenu ul li#kontakt a:LINK, #mainMenu ul li#kontakt a:VISITED {
    width:263px;
    height:66px;
    display:block;
    background:url(../images/menu.png);
    background-position: 0px 66px;
}
#mainMenu ul li#kontakt a:HOVER, #mainMenu ul li#kontakt a.active {
    width:263px;
    height:66px;
    display:block;
    background:url(../images/menu.png);
    background-position: 263px 66px;
}

.naglowek {
    background: url(../images/header.png);
    width:900px;
    height:48px;
}

ul.oferta-menu li
{
    float:left;
}
ul.oferta-menu li a
{
    width:100px;
    display:block;
    height:114px;
}
ul.oferta-menu span
{
    display:none;
}
ul.oferta-menu li#ooferta
{
    background:url(../images/oferta_menu.png);
    background-position: 0px 0px;
    width:100px;
    height:114px;
}
ul.oferta-menu li#lakiery-nawierzchniowe a:LINK, ul.oferta-menu li#lakiery-nawierzchniowe a:VISITED
{
    background:url(../images/oferta_menu.png);
    background-position: -100px 0px;
}
ul.oferta-menu li#lakiery-nawierzchniowe a:HOVER, ul.oferta-menu li#lakiery-nawierzchniowe a.active
{
    background:url(../images/oferta_menu.png);
    background-position: -100px 114px;
}
ul.oferta-menu li#podklady a:LINK, ul.oferta-menu li#podklady a:VISITED
{
    background:url(../images/oferta_menu.png);
    background-position: -200px 0px;
}
ul.oferta-menu li#podklady a:HOVER, ul.oferta-menu li#podklady a.active
{
    background:url(../images/oferta_menu.png);
    background-position: -200px 114px;
}
ul.oferta-menu li#szpachle a:LINK, ul.oferta-menu li#szpachle a:VISITED
{
    background:url(../images/oferta_menu.png);
    background-position: -300px 0px;
}
ul.oferta-menu li#szpachle a:HOVER, ul.oferta-menu li#szpachle a.active
{
    background:url(../images/oferta_menu.png);
    background-position: -300px 114px;
}
ul.oferta-menu li#lakiery a:LINK, ul.oferta-menu li#lakiery a:VISITED
{
    background:url(../images/oferta_menu.png);
    background-position: -400px 0px;
}
ul.oferta-menu li#lakiery a:HOVER, ul.oferta-menu li#lakiery a.active
{
    background:url(../images/oferta_menu.png);
    background-position: -400px 114px;
}
ul.oferta-menu li#materialy a:LINK, ul.oferta-menu li#materialy a:VISITED
{
    background:url(../images/oferta_menu.png);
    background-position: -500px 0px;
}
ul.oferta-menu li#materialy a:HOVER, ul.oferta-menu li#materialy a.active
{
    background:url(../images/oferta_menu.png);
    background-position: -500px 114px;
}
ul.oferta-menu li#czesci a:LINK, ul.oferta-menu li#czesci a:VISITED
{
    background:url(../images/oferta_menu.png);
    background-position: -600px 0px;
}
ul.oferta-menu li#czesci a:HOVER, ul.oferta-menu li#czesci a.active
{
    background:url(../images/oferta_menu.png);
    background-position: -600px 114px;
}
ul.oferta-menu li#warsztat a:LINK, ul.oferta-menu li#warsztat a:VISITED
{
    background:url(../images/oferta_menu.png);
    background-position: -700px 0px;
}
ul.oferta-menu li#warsztat a:HOVER, ul.oferta-menu li#warsztat a.active
{
    background:url(../images/oferta_menu.png);
    background-position: -700px 114px;
}
ul.oferta-menu li#allegro a:LINK, ul.oferta-menu li#allegro a:VISITED
{
    background:url(../images/oferta_menu.png);
    background-position: -800px 0px;
}
ul.oferta-menu li#allegro a:HOVER, ul.oferta-menu li#allegro a.active
{
    background:url(../images/oferta_menu.png);
    background-position: -800px 114px;
}

.box {
    background:url(../images/bg_box_repeat.jpg) repeat-y;
    height:auto;
    overflow:hidden;
}
.box a:LINK, .box a:VISITED { color: red;}
.box_image {
    background:url(../images/bg_box.jpg) no-repeat;
    width:900px;
    height:227px;
}
.box_footer {
    background:url(../images/bg_box_footer.png) no-repeat;
    margin-top:-1px;
    width:900px;
    height:10px;
}

#footer {
    color:#FFF;
    padding:0 20px;
}

/* SELECTORS */
img         {border:0;}
img.border  {border:1px solid #CCC;padding:4px;background:#FFF;margin-right:4px;}
ul, ul li   {list-style:none;}
small       {font-size:11px;}
big         {font-size:16px;}
blockquote {
            text-indent: -0.4em;
            font-size: 16px;
            line-height:16px;
            font-family:Georgia,Times,serif;
            font-style:italic;
}
blockquote p { quotes: "\201E" "\201D" }
blockquote p:before  { content: open-quote }
blockquote p:after { content: close-quote }
blockquote p.last:after { content: close-quote }

/* table */
table       {width:100%;}
table, table tr td, table tr th {border:0px solid #222;border-collapse:collapse;}
table tr th, table tr td {vertical-align:top;padding:5px;}
table.border0, table.border0 tr td {border:0;}
table th    {text-align:left;}
table tr.light td {background:#CCC;}

p,h1,h2,h3,h4,ul,blockquote {margin-bottom:16px;}

/* headers */
h1,h2,h3,h4 {font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;font-weight:normal;}
h1          {font-size:32px;}
h2          {font-size:24px;}
h3          {font-size:18px;}
h4          {font-size:16px;}

a:LINK, a:VISITED {
    color:#FFF;
    text-decoration:none;
}
a:HOVER {
    text-decoration:underline;
}


/* CLASS */

/* text-align */
.center     {text-align:center;}
.right      {text-align:right;}
.left       {text-align:left;}
.justify    {text-align:justify;}

/* border */
.border     {border:1px solid #CCC;}
.border0    {border:0;}
.borderT    {border-top:1px solid #CCC;}
.borderR    {border-right:1px solid #CCC;}
.borderL    {border-left:1px solid #CCC;}
.borderB    {border-bottom:1px solid #CCC;}

/* padding */
.padding0   {padding:0;}
.padding5   {padding:5px;}
.padding10  {padding:10px;}
.padding15  {padding:15px;}

/* float */
.floatL     {float:left;}
.floatR     {float:right;}

/* other */
.clr        {clear:both;}

.red        {color:red;}
.green      {color:green;}

/* email_form */
#email_form input, #email_form textarea {width:100%;}
#email_form td.mail_right {width:70px;}
#email_form textarea {height:120px;}
#email_form input#submit {width:100px;}
#email_form input, #email_form textarea { border:1px solid #CCC;}

/* oferta */
div.image img {border:4px solid #CCC;}
div.elem h2 {color:navy;}