@font-face{
    font-family: ChanceryL;
    src: url('URWChanceryL-MediItal.otf');
}
@font-face{
    font-family: TomsHandwriting;
    src: url('TomsHandwriting.otf');
}
@font-face{
    font-family: Gridypl;
    src: url('Gridypl.otf');
}
body{
    margin: 0px;
    font-size: 16px;
    padding-left: 0px;
    padding-right: 0px;
}
.color1{/*tło jasne*/
    background-color: #dfd;
}
.color1_1{/*fiolet*/
    background-color: #fdf;
}
.color1_2{/*biały*/
    background-color: #fff;
}
.color1_3{/*czerwony*/
    background-color: #fff;
}
.color1_4{/*różowy*/
    background-color: #fdd;
}
.color2{/*tło ciemne*/
    background-color: #060;
}
.color2_1{
    background-color: #606;
}
.color2_2{
    background-color: #e1e1e1;
}
.color2_4{
    background-color: #b77;
}
.color3{/*ramka jasna*/
    border-color: #00a800;
}
.color3_1{
    border-color: #a800a8;
}
.color3_2{
    border-color: #aaa;
}
.color3_4{
    border-color: #fcc;
}
.color4{/*ramka ciemna*/
    border-color: #060;
}
.color4_1{
    border-color: #606;
}
.color4_2{
    border-color: #111;
}
.color4_4{
    border-color: #c77;
}
.color5{/*kolor jasny*/
    color: #dfd;
}
.color5_1{
    color: #ebf;
}
.color5_2{
    color: #333;
}
.color5_4{
    color: #fdd;
}
.color6{/*kolor ciemny*/
    color: #030;
}
.color6_1{
    color: #303;
}
.color6_2{
    color: #111;
}
.color6_4{
    color: #311;
}
.visible{
    display: block;
}
.invisible{
    display: none;
}
.gridy{
    font-family: Gridypl;
    color: #f00;
}
div.cytat{
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: right;
    font-size: 24px;
    font-style: italic;
    /*font-family: TomsHandwriting;*/
    font-family: ChanceryL;
}
table, th, td{
    border: 1px solid;
}
table{
    border-collapse:collapse;
}
.main{
    width: 950px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    /*background-image: url('bkg.jpg');
    background-repeat: repeat;*/
}
.content{
    width: 950px;
    position: relative;
}
.items{
    width: 220px;
    float: left;
}
.item{
    width: 200px;
    margin-top: 20px;
    border: 1px solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.itemHeader{
    width: 190px;
    margin: 5px;
    text-align: center;
    border-style: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.footer{
    width: 950px;
    font-size: 12px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-style: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.articles{
    width: 500px;
    float: left;
}
.articleVisible{
    width: 500px;
    display: block;
}
.articleHidden{
    display: none;
}
.logo{
    width: 950px;
    height: 299px;
    background-image: url('logo.gif');
    background-repeat: no-repeat;
}
.abtn{
    color: #fff;
    text-decoration: none;
}
.abtn:hover {
    color: #ff0;
}
.btn{
    position: relative;
    float: left;
    margin: auto;
    font-weight: bold;
    font-family: sans-serif;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}
.subtn{
    margin-left: 80px;
    margin-top: 10px;
    line-height: 20px;
    width: 100px;
}
.upbtn{
    border-style: ridge;
}
.dnbtn{
    border-style: groove;
}
.btnT{
    font-size: 20px;
    height: 31px;
    line-height: 31px;
    /*border-color: #6f3c87;*/
    border-width: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.btnB{
    font-size: 14px;
    height: 19px;
    line-height: 19px;
    border-color: #655d5d;
    border-width: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.btnL{
    margin-left: 20px;
    border-right-style: ridge;
}
.btnR{
    border-left-style: ridge;
}
.btnLR{
    border-left-style: ridge;
    border-right-style: ridge;
}
.btnLdown{
    color: #ff0;
    margin-left: 20px;
    border-right-style: groove;
}
.btnRdown{
    color: #ff0;
    border-left-style: groove;
}
.btnLRdown{
    color: #ff0;
    border-left-style: groove;
    border-right-style: groove;
}
#menu{
    margin: 0px;
    position: absolute;
    width: 930px;
    height: 74px;
    top: 220px;
    left: 10px;
    /*background-image: url('menu.png');
    background-repeat: no-repeat;*/
}
.menushadow{
    position: absolute;
    left: 5px;
    top: 5px;
    width: 925px;
    height: 41px;
    background-color: #655d5d;
    border-style: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#menuTop{
    top: 0px;
    left: 0px;
    width: 925px;
    height: 41px;
    position: absolute;
    border-style: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*background-image: url('btnsTopG.png');*/
    z-index: 3;
}
.menuBorder{
    position: absolute;
    top: 4px;
    left: 4px;
    width: 915px;
    height: 31px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#menuBtm{
    position: absolute;
    z-index: 2;
    top: 30px;
    color: #fff;
    left: 5px;
    padding-top: 9px;
    width: 925px;
    height: 20px;
    background-color: #655d5d;
    border-style: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.menuVisible{
    display: block;
}
.menuHidden{
    display: none;
}