/* Begin CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align:top;
    line-height:1.6;
    color:#000;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* End CSS reset */


body {
    font-family: Verdana, sans-serif;
    font-size: 13px;
    color:#839065;
    background:#053B5D;
    line-height:1.6;
}

a {color:#111;}

#background {background:#053B5D;}
#wraper {margin:35px auto !important;width:699px;background:#053B5D;}
#header {height:26px;width:800px;background:#C2DDBB;color:#547281;font-size:9px;}
#motive {height:178px;width:699px;background:url(/gfx/lay-motive.jpg) top left no-repeat;}

#page {color:#000;padding:0px;font-size:11px;font-family:Arial;line-height:14px;border-left:1px solid #fff;border-right:1px solid #fff;height:260px;}
#page td {padding:0px;}

#menu1 {height:40px;background:#C2DDBB;}
#menu1 li {display:inline;margin-left:10px;}
#menu1 a {color:#83905e;text-decoration:none;}
#menu1 a:hover {color:#000;}

#menu2 {height:14px;padding:8px;background:#d1dbbd;border-top:1px solid #fff;border-bottom:5px solid #fff;text-align:right;}
#menu2 li {display:inline;margin-left:10px;}
#menu2 a {color:#83905e;text-decoration:none;}
#menu2 a:hover {color:#000;}

#footer {text-align:center;font-size:10px;line-height:14px;color:#fff;background:#053B5D url(/gfx/lay-footer.png) top left no-repeat;}
#footer a {color:#fff;}

#left {width:234px;background:#053B5D;}
#right {width:100px;padding-left:5px;}
#center {height:260px;overflow: auto;}
div.content {height:250px;overflow: auto;overflow-x: hidden;padding:4px;font-family:Tahoma;font-size:12px;color:#000;}
div.content a {text-decoration:none;}

div.tabs1
{
    height:100px;
    width:65px;
    position:relative;
    left:1px;
    background:#0d6096;
}

ul#tabs1 {
    list-style-type: none;
    height: 100px;
    width:65px;
    top: 0;
    position: relative;
    left:1px;
    margin: 0;
    padding: 0;
}
#tabs1 li {
    margin: 0;
    padding: 0;
    position: relative;
}
#tabs1 li a {
    display: block;
    color: #666;
    height: 20px;
    background-repeat: no-repeat;
    text-indent: -3000px;
    background-image: url(/gfx/menu/menu.png);
}

#tabs1 li.o-nas a {background-position: 0 0; height: 20px;}
#tabs1 li.o-nas a:hover,#tabs1 li.o-nas a.active {background-position: -65px 0;}

#tabs1 li.oferta a {background-position: 0px -20px; height: 20px;}
#tabs1 li.oferta a:hover,#tabs1 li.oferta a.active {background-position: -65px -20px;}

#tabs1 li.sprzet a {background-position: 0px -40px;height: 20px;}
#tabs1 li.sprzet a:hover,#tabs1 li.sprzet a.active {background-position: -65px -40px;}

#tabs1 li.galeria a {background-position: 0px -60px;height: 20px;}
#tabs1 li.galeria a:hover,#tabs1 li.galeria a.active {background-position: -65px -60px;}

#tabs1 li.partnerzy a {background-position: 0px -80px;height: 20px;}
#tabs1 li.partnerzy a:hover,#tabs1 li.partnerzy a.active {background-position: -65px -80px;}



div.tabs2
{
    height:258px;
    width:234px;
    position:relative;
    left:1px;
    top:0px;
}

ul#tabs2 {
    list-style-type: none;
    height: 268px;
    width:234px;
    top: 0px;
    position: relative;
    left:1px;
    margin: 0;
    padding: 0;
}
#tabs2 li {
    margin: 0;
    padding: 0;
    position: relative;
    top:0px;

}
#tabs2 li a {
    display: block;
    color: #666;
    height: 20px;
    background-repeat: no-repeat;
    text-indent: -3000px;
    background-image: url(/gfx/menu/menu2.png);
}

#tabs2 li.oferta-imprezy-firmowe a {background-position: 0 0; height: 20px;}
#tabs2 li.oferta-imprezy-firmowe a:hover,#tabs2 li.oferta-imprezy-firmowe a.active {background-position: -234px 0;}

#tabs2 li.oferta-wesela-jubileusze-przyjecia-rodzinne a {background-position: 0px -20px; height: 20px;}
#tabs2 li.oferta-wesela-jubileusze-przyjecia-rodzinne a:hover,#tabs2 li.oferta-wesela-jubileusze-przyjecia-rodzinne a.active {background-position: -234px -20px;}

#tabs2 li.oferta-konferencje-prezentacje-promocje a {background-position: 0px -40px;height: 20px;}
#tabs2 li.oferta-konferencje-prezentacje-promocje a:hover,#tabs2 li.oferta-konferencje-prezentacje-promocje a.active {background-position: -234px -40px;}

#tabs2 li.oferta-imprezy-szkolne a {background-position: 0px -60px;height: 20px;}
#tabs2 li.oferta-imprezy-szkolne a:hover,#tabs2 li.oferta-imprezy-szkolne a.active {background-position: -234px -60px;}

#tabs2 li.oferta-plenery a {background-position: 0px -80px;height: 20px;}
#tabs2 li.oferta-plenery a:hover,#tabs2 li.oferta-plenery a.active {background-position: -234px -80px;}

#tabs2 li.oferta-karaoke a {background-position: 0px -100px;height: 20px;}
#tabs2 li.oferta-karaoke a:hover,#tabs2 li.oferta-karaoke a.active {background-position: -234px -100px;}

#tabs2 li.oferta-imprezy-dla-niepelnosprawnych a {background-position: 0px -120px;height: 20px;}
#tabs2 li.oferta-imprezy-dla-niepelnosprawnych a:hover,#tabs2 li.oferta-imprezy-dla-niepelnosprawnych a.active {background-position: -234px -120px;}

#tabs2 li.oferta-nietypowe a {background-position: 0px -140px;height: 20px;}
#tabs2 li.oferta-nietypowe a:hover,#tabs2 li.oferta-nietypowe a.active {background-position: -234px -140px;}

#tabs2 li.oferta-dodatkowe-atrakcje-na-zyczenie a {background-position: 0px -160px;height: 20px;}
#tabs2 li.oferta-dodatkowe-atrakcje-na-zyczenie a:hover,#tabs2 li.oferta-dodatkowe-atrakcje-na-zyczenie a.active {background-position: -234px -160px;}

div.tabs4
{
    height:14px;
    padding:2px 8px 14px 8px;
    border-left:2px solid #fff;
    border-right:2px solid #fff;
    background:none;
    text-align:left;
}

#tabs4 li {display:inline;margin-left:14px;}
#tabs4 a {color:#fff;text-decoration:none;font-weight:bold;font-size:12px;}
#tabs4 a.active {color:#000;font-weight:bold;}
#tabs4 a:hover {color:#000;}


div.tabs3
{
    height:14px;
    padding:8px;
    background:#d1dbbd;
    border-top:1px solid #fff;
    border-bottom:5px solid #fff;
    text-align:left;
}

#tabs3 li {display:inline;margin-left:10px;}
#tabs3 a {color:#83905e;text-decoration:none;}
#tabs3 a.active {color:#000;font-weight:bold;}
#tabs3 a:hover {color:#000;}

#vertical ul {margin-left:5px;}
#vertical li a {text-decoration: none;font-weight: bold; color: #fff;}

h1 {font-size:19px;font-weight:bold;margin:6px 0 5px 0;color:#6B7855}

#footerLeft {width:25%;padding-left:30px;color:#ccc;font-size:12px;font-weight:bold;}
#footerLeft a {color:#000;text-decoration:none;}
#footerCenter {width:50%;text-align:center;font-weight:bold;}
#footerCenter a {color:#000;font-weight:bold;text-decoration:none;}
#footerRight {width:25%;padding-right:30px;text-align:right;color:#ccc;font-size:12px;font-weight:bold;}
#footerRight a {color:#000;text-decoration:none;}