/* 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 {
    line-height: 1.5;
    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;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* End CSS reset */

sup {font-size:.8em;position:relative;top:-6px;}

body {
    font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    color:#444;
    background:url(/gfx/lay-page-background.png) top center repeat-x;
}

a {color:#4aa6c7;}

.width100 {width:100%}
.padding5,.padding5 td {padding:5px;}
.padding10,.padding10 td {padding:5px 10px;}
.white, .white td {color:#fff;}
.bold, .bold td {font-weight:bold;}
table.border {border-left:1px solid #ccc;border-top:1px solid #ccc;}
table.border td {border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
ul.list {margin-left:20px;}
ul.list li {list-style-type: circle;}

#wraper {margin:5px auto !important;width:870px;background:#fff;border:15px solid #fff;}
#header {height:150px;width:870px;background:url(/gfx/layout/background-header.png) top left no-repeat;}
#menu1 {height:40px;background:#4aa6c7;}
#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;margin-top:15px;padding-top:5px;border-top:1px dotted #777;font-size:10px;line-height:12px;}

#left {width:210px;padding-right:5px;}
#right {width:210px;padding-left:5px;}

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

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


div.tabs1
{
    height:40px;
    background:#4aa6c7;
}

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

#tabs1 li.home a {background-position: 0 0; width: 123px;}
#tabs1 li.home a:hover,#tabs1 li.home a.active {background-position: 0 -40px;}

#tabs1 li.oferta-edukacyjna a {background-position: -123px 0; width: 142px;}
#tabs1 li.oferta-edukacyjna a:hover,#tabs1 li.oferta-edukacyjna a.active {background-position: -123px -40px;}

#tabs1 li.aktualnosci a {background-position: -265px 0;width: 109px;}
#tabs1 li.aktualnosci a:hover,#tabs1 li.aktualnosci a.active {background-position: -265px -40px;}

#tabs1 li.zajecia-dodatkowe a {background-position: -374px 0;width: 145px;}
#tabs1 li.zajecia-dodatkowe a:hover,#tabs1 li.zajecia-dodatkowe a.active {background-position: -374px -40px;}

#tabs1 li.zapisy-online a {background-position: -519px 0;width: 120px;}
#tabs1 li.zapisy-online a:hover,#tabs1 li.zapisy-online a.active {background-position: -519px -40px;}

#tabs1 li.audyt a {background-position: -638px 0;width: 80px;}
#tabs1 li.audyt a:hover,#tabs1 li.audyt a.active {background-position: -638px -40px;}

#tabs1 li.dla-firm a {background-position: -725px 0;width: 100px;}
#tabs1 li.dla-firm a:hover,#tabs1 li.dla-firm a.active {background-position: -725px -40px;}



.submenu
{
margin:0px;
padding:0px;
font-size:13px;
font-weight: normal;
text-align:left;
}

.submenu ul {padding-left:15px;}

.submenu li
{
margin: 0;
padding: 0;
display: block;
height:20px;
}

.submenu li a
{
color:#018bb8;
padding: 2px 0px;
text-decoration: none;
border:0;
}
.submenu li a:hover {color: #83905E;}

.submenu li.active {}
.submenu li.active a {color: #83905E;font-weight:bold;}

.submenu span {color:#83905E;font-weight:normal;}


.information {padding:7px;font-weight:bold;background:#D1DBBD;color:#fff;}


h1 {font-size:19px;}
h2 {font-size:18px;font-weight:bold;}