html * {
    margin: 0;
    padding: 0;
}

.gs            { border-top: 1px solid #DDDDDD }
.ps            { border-right: 1px solid #DDDDDD }
.ds            { border-bottom: 1px solid #DDDDDD }
.ls            { border-left: 1px solid #DDDDDD }

a {
    font: 12px Verdana;
    color: black;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    border: none;
}

body {
    background: #CFDFFF;
    text-align: center;
    margin: 10px 0;
    padding: 0;
}
#calosc {
    width: 760px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    background: white;
}
#naglowek {
    width: 760px;
    height: 133px;
    background: #CFDFFF url('../rys/logo.gif') no-repeat;
}

#prezentacja {
    border: solid maroon;
    border-width: 1px 1px 0 1px;
    text-align: right;
}

#prezentacja a {
    font: 9px Verdana;
    color: #000099;
}

div.main {
    height: auto !important;
    min-height: 350px;
    height: 350px;
    border: solid maroon;
    border-width: 0 1px 1px 1px;
    background: url('../rys/tlotabela.gif') no-repeat bottom right;
    padding: 5px 15px 20px 70px;
    font: 12px Verdana;
    color: black;
    text-align: justify;
}
div.main h1 {
    font-family: Papyrus, Verdana;
    font-size: 16px;
    margin: 10px 0;
}

/* -- start -- */
#start p {
    text-align: center;
    line-height: 150%;
    margin: 10px 0;
}
#start p.cytat {
    font: italic 18px Times New Roman;
    text-align: left;
    margin-top: 10px;
}
#start img {
    float: right;
}
/* -- info -- */
#info div.infodiv {
    background: #FAFAFA;
    border: solid #999999;
    border-width: 1px 0;
    padding: 10px;
    display: none;
    line-height: 150%;
}

#info div.infodiv ul,
#info div.infodiv ol {
    margin-left: 20px;
}

#info div.infodiv li {
    margin: 3px 0;
}

#info div.infodiv i {
    margin-left: 100px;
}
#info #infomenu span {
    margin: 6px;
    cursor: pointer;
}

#info #infomenu span:hover {
    text-decoration: underline;
}
/* -- foto -- */
#foto ul {
    float: left;
    list-style: none;
    width: 221px;
    text-align: left;
}
#foto ul li {
    border-bottom: 1px solid #ddd;
}
#foto ul li.ostatnia {
    border: none;
}
#foto ul li a {
    display: block;
    height: 30px;
    text-indent: -16px;
    padding-left: 16px;
}
#foto ul li a:hover {
    text-decoration: none;
    background: #eee;
}
#foto #mapa {
    float: left;
    display: block;
    width: 450px;
    height: 245px;
    background: url('../rys/mapa.gif') no-repeat 1px -2px;
    border: 1px solid #ddd;
    position: relative;
}
#foto #mapa img {
    position: absolute;
}
/* -- opis -- */
#opis p {
    text-indent: 30px;
    line-height: 150%;
    margin: 10px 30px 10px 0;
}
#opis p:first-letter {
    font: italic 18px Book Antiqua;
}
#opis h3 {
    font: bold 12px Verdana;
    margin: 25px 0 -5px;
}
/* -- galeria -- */
#galeria #miniaturki {
    display: block;
    height: 120px;
    width: 670px;
    border: 1px solid #ddd;
    position: relative;
}

#galeria #miniaturki div {
    cursor: pointer;
    display: block;
    text-align: center;
    float: left;
    height: 100%;
    line-height: 117px;
    text-indent: -2px;
}
#galeria div.miniaturka {
    width: 120px;
}
#galeria div.miniaturka img {
    vertical-align: middle;
    border: 1px solid #999;
}

#galeria #nastepne,
#galeria #poprzednie {
    width: 34px;
}

#galeria #nastepne {
    border-left: 1px solid #ddd;
}

#galeria #poprzednie {
    border-right: 1px solid #ddd;
}

#galeria #ramka_zdjecia {
    width: 670px;
    border: solid #ddd;
    border-width: 0 1px 1px 1px;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}
#galeria #ramka_zdjecia #zdjecie_glowne {
    padding: 2px;
    border: 2px solid #ccc;
    margin: 40px 0 0;
}

#galeria #loading {
    padding: 199px 265px 200px;
    margin: 40px 0 0;
}

#galeria #nawigacja_poprzednie {
    position: absolute;
    left: 12px;
    top: 12px;
}

#galeria #nawigacja_nastepne {
    position: absolute;
    right: 12px;
    top: 12px;
}

#opis_zdj {
    font: 12px Verdana;
    color: black;
    margin-top: 15px;
}
#opis_zdj b {
    font-family: Verdana;
    font-size: 12pt;
}
/* -- kontakt -- */
#kontakt p {
    line-height: 150%;
    margin: 10px 0 10px;
}

#kontakt #formularz_kontaktowy div {
    margin-bottom: 15px;
}

#kontakt #formularz_kontaktowy p {
    color: red;
    font: 10px Verdana;
    margin: 0 0 0 110px;
}

#kontakt #formularz_kontaktowy label {
    display: block;
    float: left;
    width: 100px;
    text-align: right;
    padding-right: 10px;
}

#kontakt #formularz_kontaktowy #imie,
#kontakt #formularz_kontaktowy #email {
    border: 1px solid #ccc;
    width: 300px;
    background: #f8f8f8;
}

#kontakt #formularz_kontaktowy #tresc {
    background: #f8f8f8;
    border: 1px solid #ccc;
    width: 450px;
    height: 175px;
}

#kontakt #formularz_kontaktowy #submit {
    margin-left: 110px;
}

#kontakt #potwierdzenie {
    font: bold 12px Verdana;
    color: #33AA33;
    padding: 122px 0;
    text-align: center;
    width: 615px;
}
/* --- linki --- */
#linki div {
}

#linki div a {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    border: 1px dotted #ddd;
    font: 10px Verdana;
    margin: 2px 0;
    background: #fff;
}

#linki div a:hover {
    text-decoration: none;
    border: 1px solid #aaa;
}

/* ---------- */
#menu {
    position: absolute;
    top: 155px;
    background: #CFDFFF;
    width: 54px;
}

#menu ul {
    list-style: none;
}

#menu ul li {
    display: inline;
}

#menu a {
    display: block;
    height: 36px;
}
#menu ul li div.menu_gora,
#menu ul li div.menu_dol,
#menu a {
    background: url('../rys/menu.gif') no-repeat;
    text-indent: -500px;
    overflow: hidden;
}

#menu ul li a#menu_start {
    background-position: 0px 0px;
}
#menu ul li a#menu_start:hover {
    background-position: 0px -36px;
}
#menu ul li a#menu_start.active,
#menu ul li a#menu_start.active:hover {
    background-position: 0px -72px;
}

#menu ul li a#menu_opis {
    background-position: -54px 0px;
}
#menu ul li a#menu_opis:hover {
    background-position: -54px -36px;
}
#menu ul li a#menu_opis.active,
#menu ul li a#menu_opis.active:hover {
    background-position: -54px -72px;
}

#menu ul li a#menu_foto {
    background-position: -108px 0px;
}
#menu ul li a#menu_foto:hover {
    background-position: -108px -36px;
}
#menu ul li a#menu_foto.active,
#menu ul li a#menu_foto.active:hover {
    background-position: -108px -72px;
}

#menu ul li a#menu_info {
    background-position: -162px 0px;
}
#menu ul li a#menu_info:hover {
    background-position: -162px -36px;
}
#menu ul li a#menu_info.active,
#menu ul li a#menu_info.active:hover {
    background-position: -162px -72px;
}

#menu ul li a#menu_kontakt {
    background-position: -216px 0px;
}

#menu ul li a#menu_kontakt:hover {
    background-position: -216px -36px;
}
#menu ul li a#menu_kontakt.active,
#menu ul li a#menu_kontakt.active:hover {
    background-position: -216px -72px;
}

#menu ul li a#menu_linki {
    background-position: -270px 0px;
}

#menu ul li a#menu_linki:hover {
    background-position: -270px -36px;
}
#menu ul li a#menu_linki.active,
#menu ul li a#menu_linki.active:hover {
    background-position: -270px -72px;
}

#menu ul li div.menu_gora {
    display: block;
    height: 11px;
    background-position: 0px -108px;
}
#menu ul li div.menu_dol {
    display: block;
    height: 11px;
    background-position: -54px -108px;
}
#stopka {
    width: 758px;
    height: 12px;
    border: 1px solid maroon;
    border-top: none;
    text-align: center;
    font: 9px Verdana;
    color: #999999;
    cursor: pointer;
}