body, input, textarea, select, option, optgroup, button {
font: 11px Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;
}

input, textarea, select, option, optgroup, button {
	font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;
}

input, textarea, select, optgroup, button {
    border-top: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}

body {
    color: #666;
}

ul.dropdown a,
ul.dropdown span {
    text-shadow: rgb(40,40,40) 0.1em 0.1em 0.2em
}

/** ======== STRUKTURA ============= **/

#adv-top {
    width: 728px;
    height: 90px;
    margin: 10px auto;
    display: block;
}

#top_bar {
    width: 970px;
    text-align: left;
    margin: 0 auto;
    padding: 10px 0 10px 10px;
}

#top {
    background:  url('../images/top_bg.png') repeat-x;
}

#header {
    width: 970px;
    height: 80px;
    margin: 0 auto;
    background: url('../images/line_black_bold.png') no-repeat top;
    background-position: 0 1px;
    border-bottom: 1px solid #000;
    text-align: left;
}

#kalendarium {
    width: 460px;
    font-weight: bold;
    float: right;
    margin: 20px 0 0 0;
}

#kalendarium p {
    font-weight: normal;
    border-left: 5px solid #eae9e6;
    color: #666666;
    margin-top: 5px;
    padding-left: 10px;
}

#reklama {
    background: #faf9f7 url('../images/top_bg_reklama.png') repeat-x bottom;
    width: 100%;
    min-height: 89px;
    text-align: center;
    padding-top: 10px;
}

#menu {
    margin-top: 10px;
    width: 100%;
    height: 50px;
    background: #000 url('../images/menu_bg.png') repeat-x;
    position: relative;
    z-index: 1000;
}

#menu ul#nav {
    width: 970px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -485px;
}

#contener {
    width: 970px;
    margin: 10px auto 10px auto;
    z-index: 10;
}

#bottom {
    width: 100%;
    background: #fff url('../images/bottom_bg.png') repeat-x top;
    margin-top: 10px;
}

#bottom_links {
    width: 930px;
    background: url('../images/line_black_bold.png') no-repeat top;
    margin: 0 auto;
    padding: 20px;
    text-align: left;
}
    #bottom_links li {
        list-style: none;
        float: left;
    }
    
    #bottom_links dl {
        margin: 10px;
    }
    
    #bottom_links dl dt {
        font-weight: bold;
        margin: 0 30px 5px 0;
    }
    
    #bottom_links dl dd {
        margin: 0 0 2px 0px;
    }

#copyrights {
    border: 1px solid #ededed;
    padding: 20px;
    width: 930px;
    margin: 20px auto;
    text-align: left;
}

.block {
    width: 970px;
    float: left;
}

.fb_logos {
    text-align: center;
    margin-top: 20px;
}
    .fb_logos p {
        margin: 0 0 7px 20px;
        text-align: left;
    }
    .fb_logos .fb {
        margin-bottom: 5px;
    }

#right-column {
    width: 340px;
    float: right;
}
#left-column {
    float: left;
    width: 610px;
}

/** ======== NAGŁOWKI ============= **/
h1 {
    font-size: 2em;
    padding: 0;
    font-weight: bold;
    float: left;
    margin: 6px 0 0 20px;
}

h2 {
    font-weight: bold;
    font-size: 1.1em;
    color: #666;
    text-align: left;
    margin: 5px 0 5px 0;
}
h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: #666;
}
    h3.page-title {
        font-size: 1.5em;
        color: rgb(255,102,0);
        margin-bottom: 20px;
    }

/** ======== BOXY ============= **/

.bc {
    text-align: left;
}

#aktualnosci {
    float: left;
    width: 470px;
    text-align: left;
}
    #aktualnosci .title {
        width: 470px;
    }
    #aktualnosci .bc {
        width: 448px;
        padding: 10px;

    }
    #aktualnosci .top {
        width: 448px;
        height: 230px;
        position: relative;
    }
    #aktualnosci .top p {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 428px;
        opacity: 0.8;
        background: rgb(51,51,51);
        margin: 0px;
        padding: 10px;
        color: #fff;
    }
    .news h3 {
        font-weight: bold;
        font-size: 1.1em;
        margin: 10px 0 5px 0;
        position: relative;
        padding-right: 130px;
    }
    .news p {
        margin: 5px 0 5px 0;
        color: rgb(102,102,102);
        line-height: 1.2em;
    }
    .news p img {
        margin: 0 5px 5px 0;
        padding: 3px;
        border: 1px solid #ccc;
    }

    .date {
        font-size: 0.75em;
        color: #663300;
        width: 120px;
        text-align: right;
        font-weight: normal;
        position: absolute;
        right: 0;
        top: 0;
    }

#recenzje,
#wydarzenia,
#teksty-home,
#bannery {
    float: right;
    width: 480px;
}
#osiemnastka,
#polecane {
    float: right;
    width: 235px;
    margin-top: 15px;
}
#wydarzenia,
#teksty-home {
    margin-top: 15px;
}
#osiemnastka {
    margin-right: 10px;
}
#bannery {
    margin-bottom: 15px;
}
    #recenzje .title,
    #wydarzenia .title,
    #teksty-home .title {
        width: 480px;
    }
    #osiemnastka .title,
    #polecane .title {
        width: 235px;
    }
    #recenzje .bc,
    #wydarzenia .bc,
    #teksty-home .bc {
        width: 458px;
        padding: 10px;
    }
    #osiemnastka .bc,
    #polecane .bc {
        width: 213px;
        padding: 10px;
    }

    ul.according {
        margin: 5px 0 15px 0;
        border-bottom: 1px solid #e1e1e1;
        height: 25px;
    }
        ul.according li {
            float: left;
            list-style: none;
        }
            ul.according li a {
                color: #999999;
                padding: 15px 15px 15px 15px;
            }
            ul.according li a:hover {
                color: #000;
                text-decoration: none;
            }
    .calendar {
        width: 280px;
        margin: 0 20px 0 0;
        text-align: center;
        line-height: 24px;
        font-weight: bold;
        float: left;
    }
        .calendar .n,
        .calendar a {
            width: 40px;
            height: 24px;
            display: block;
            text-align: center;
            float: left;
            line-height: 24px;
            font-weight: normal;
        }
        .calendar .bd {
            font-weight: bold;
        }
        .calendar .bg {
            background-color: #f3f3f3;
        }
        .calendar .old {
            color: rgb(203,203,203);
        }
        .calendar a {
            color: #000;
        }
        .calendar a:hover {
            background-color: #ff6600;
            color: #fff;
            text-decoration: none;
        }
        .calendar .calendar-next-month {
            float: right;
        }
        .select-date {
            width: 158px;
            margin: 5px 0 0 0;
        }
    ul.calendar-menu {
        margin: 20px 0 20px 0;
    }
        ul.calendar-menu li {
            list-style: none;
            margin-bottom: 3px;
        }
            ul.calendar-menu li a {
                color: #999;
            }
            ul.calendar-menu li a:hover {
                color: #000;
                text-decoration: none;
            }
    .add-event {
        font-weight: bold;
    }
    ul.search-menu {
        width: 180px;
        float: left;
        margin: 0;
    }
    fieldset.search-event {
        padding-left: 20px;
    }
        fieldset.search-event .column {
            width: 184px;
            float: left;
        }
        fieldset.search-event input {
            vertical-align: middle;
        }
        fieldset.search-event .column label.normal {
            display: block;
            margin-bottom: 5px;
        }
        fieldset.search-event .column input.text {
            padding: 2px;
            width: 150px;
            margin-bottom: 5px;
        }
        .event-date {
            text-align: center;
        }
        .odleglosc {
            width: 32px;
            text-align: center;
        }
        .event-ogleglosc {
            margin: 0 5px 0 24px;
        }

/* teksty home block */
.teksty-home-column {
    width: 205px;
    float: left;
    margin: 15px 0 5px 11px;
}
    .column-second {
        margin-left: 29px;
    }
    .teksty-home-column h3 {
        font-weight: bold;
        font-size: 1.1em;
        margin: 5px 0 5px 0;
    }
    .teksty-home-column img {
        padding: 2px;
        border: 1px solid rgb(204,204,204);
    }
    .teksty-home-column .read-more {
        display: block;
        margin-top: 3px;
    }


.right {
    float: right;
    width: 340px;
    margin-bottom: 15px;
}
    .right .title {
        width: 340px;
    }
    .right .bc {
        width: 318px;
        padding: 10px;
    }
        .right .bc p {
            margin: 0px 0 10px 0;
        }

.ng {
    height: 35px;
    background: #cdd1d8 url('../images/box_title_bg.png') repeat-x top;
    position: relative;
    float: left;
}

.ng h2,
.info600 h2
{
    font-weight: bold;
    font-size: 1.1em;
    color: #666;
    margin: 10px 0 0 20px;
    text-align: left;
}
.ngL {
    width: 15px;
    height: 35px;
    float: left;
    background: transparent url('../images/box_title_bg_left.png') no-repeat top left;
}

.ngR {
    width: 15px;
    height: 35px;
    float: right;
    background: transparent url('../images/box_title_bg_right.png') no-repeat top right;
}
.bc {
    border: 1px solid #e5e5e5;
    float: left;
    background: rgb(250,250,250);
}

.rss-title {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10px;
    background: url('../images/rss_title.png') no-repeat;
    width: 16px;
    height: 16px;
}


.last-teksty {
    position: relative;
    display: block;
    margin: 5px auto;
    width: 300px;
    color: #fff;
}
.last-teksty:hover {
    text-decoration: none;
}
    .last-teksty span {
        background: #000;
        font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
        color: #fff;
        letter-spacing: 0.05em;
        padding: 2px 4px 4px;
        font-size: 1.35em;
        font-weight: normal;
    }
    .last-teksty:hover span {
        background: rgb(255,102,0);
    }
    .last-teksty div {
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: 280px;
    }

    .last-teksty div.old {
        position: absolute;
        font-size: 1.1em;
        padding: 10px;
        width: 280px;
        bottom: 0;
        height: 30px;
        opacity: 0.8;
        background: #2D251A;
    }



#content,
.after-content {
    border: 1px solid #e5e5e5;
    background: #fafafa;
    padding: 20px;
    float: left;
    width: 568px;
    color: #222;
    text-align: left;
    position: relative;
}
.after-content {
    margin-top: 10px;
}

#info {
    border: 1px solid #e5e5e5;
    background: #fafafa;
    padding: 20px;
    float: left;
    width: 568px;
    color: #222;
    text-align: left;
    position: relative;
}
#info-right {
    float: right;
    width:
}
.block-tekstowy {
    line-height: 1.3em;
    font-size: 1.1em;
}
    #info h2,
    #content h2,
    .after-content h2 {
        font-size: 1.4em;
        color: #000;
    }
    #info h3 {
        font-size: 1.3em;
        font-weight: bold;
        color: #666;
    }
    #info p {
        margin: 10px 0 10px 0;
        line-height: 1.5em;
        font-size: 1.1em;
    }

.tekst h3 {
    font-weight: bold;
    font-size: 2.5em;
    font-family: Georgia, serif;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.2em;
    margin: 20px 0 20px 0;
}

.tekst .data {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 1.3em;
    font-style: italic;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
}

.tekst .zapowiedz,
.tekst p.autor {
    font-family: Georgia, serif;
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: small;
    line-height: 1.4em;
}

.tekst .zapowiedz {
    margin: 0 0 0 0;
    color: #333;
    text-align: justify;
}

.tekst div.tresc p {
    line-height: 1.4em;
    font-size: 1.2em;
    margin: 15px 0 15px 0;
    text-align: justify;
}

  .tekst div.tresc img {
    padding: 3px;
    border: 1px solid #ccc;
  }

.tekst p.autor {
    margin-top: 20px;
    text-align: right;
}

.tekst .image {
    text-align: center;
    margin: 10px 0 10px 0;
}

.tekst .image img {
    padding: 3px;
    border: 1px solid #ccc;
}

  .obrazek_po_lewej {
      margin: 10px 10px 10px 0;
  }
  
  .obrazek_po_prawej {
      margin: 10px 0px 10px 10px;
  }

  blockquote {
      background: #f2f2f2 url('../images/cytat_dol.jpg') bottom right no-repeat;
      border: 1px solid #e1e1e1;
      padding: 0;
      margin: 0;
  }
    .tekst div.tresc blockquote p {
        background: url('../images/cytat_gora.jpg') top left no-repeat;
        margin: 0;
        padding: 20px;
        font-family: Georgia, serif;
        font-size: 1.4em;
        font-style: italic;
        letter-spacing: 0.02em;
        line-height: 1.2em;
        text-align: justify;
    }
    .tekst div.tresc blockquote p.cytat_podpis {
        padding: 0;
        font-weight: bold;
        margin: 0 20px 20px 0;
        background: none;
    }

.tresc_tytul {
    font-weight: bold;
    font-style: italic;
}

.tekst .ocena {
    height: 103px;
    background: url('../images/box_tekst_bg.png');
    background-repeat: x-repeat;
    background-position: top;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    margin-top: 30px;
    position: relative;
}
  .tekst .ocena .s {
      position: absolute;
      padding: 20px;
      width: 240px;
  }
    #rating-current {
        float: left;
        margin: 15px 0 0 20px;
        font-weight: bold;
    }

.grey {
    color: #777;
    clear: both;
    font-size: 0.8em;
}

a.lista {
    margin: 5px;
    display: block;
}


.tekst_row {
    float: left;
    margin-bottom: 20px;
}
#recenzje .tekst_row {
    margin-bottom: 10px;
}
    .tekst_row a.img {
        float: left;
        margin-right: 10px;
        display: block;
    }
    .zamiast-okladki,
     .zamiast-okladki-mini {
        width: 120px;
        height: 120px;
        margin-right: 10px;
        display: inline-block;
    }
    .zamiast-okladki-mini {
        width: 100px;
        height: 100px;
    }
    .tekst_row .intro {
        float: right;
        width: 425px;
    }
    #recenzje .tekst_row .intro {
        width: 345px;
    }
        .tekst_row .intro a {
            font-size: 1.2em;
            font-weight: bold;
            margin: 0 0 5px 0;
            display: block;
            color: #666;
        }
        .tekst_row .intro .podpis {
            height: 19px;
            position: relative;
            background: url('../images/arrow_more.png') top left no-repeat;
            border-top: 1px solid #cdcdcd;
            padding: 5px 0 0 30px;
        }
        #recenzje .intro .podpis {
            margin-top: 15px;
        }
            .tekst_row .intro .podpis a {
                font-size: 1em;
                font-weight: normal;
                color: #999;
            }
            .tekst_row .intro .podpis .autor {
                position: absolute;
                top: 5px;
                right: 0;
                color: #ccc;
            }
        .tekst_row .intro .ocena {
            margin: 4px 0 0px 0;
            text-align: right;
            color: #ccc;
            padding-bottom: 4px;
        }
            .tekst_row .intro .ocena img {
                margin-bottom: -4px;
            }

.block-top {
    float: left;
    margin-bottom: 5px;
}
    .block-top a.img {
        float: left;
        margin-right: 10px;
    }
.block-top-teksty {
    margin-bottom: 5px;
    font-size: 0.9em;
    float: left;
}
    .block-top-teksty a.btt-title {
        color: #666;
        font-weight: bold;
        font-size: 1.2em;
    }
    .block-top-teksty p {
        padding-top: 5px;
    }
        .block-top-teksty a.img-teksty img {
            border: 1px solid rgb(204,204,204);
            padding: 1px;
            float: left;
            margin: 0 5px 0px 0;
        }

.block-top-text {
    width: 205px;
    float: left;
}
    .block-top-text a {
        width: 205px;
        color: #666;
        font-weight: bold;
        font-size: 1.1em;
        display: block;
    }
.block-top-text .oc {
    margin: 10px 0 5px 0px;
}
    .block-top-text .oc img {
        margin-bottom: -4px;
    }

.teksty h3 {
    font-size: 1.5em;
    color: rgb(255,102,0);
}

.teksty .row {
    margin-bottom: 10px;
    float: left;
}
    .teksty .row .intro a {
        font-size: 1.2em;
        font-weight: bold;
        margin: 0 0 5px 0;
        display: block;
        color: #666;
    }
    .teksty .row a img {
        padding: 3px;
        border: 1px solid #ccc;
    }
    .teksty .row a.img {
        float: left;
        margin-right: 10px;
        display: block;
    }
    
    .teksty .row .intro {
        float: right;
        width: 350px;
    }
    .teksty .row .noimg {
        width: 570px;
    }
    
    .teksty .row .intro .podpis {
            height: 19px;
            position: relative;
            background: url('../images/arrow_more.png') top left no-repeat;
            border-top: 1px solid #cdcdcd;
            padding: 5px 0 0 30px;
            margin-top: 10px;
    }
        .teksty .row .intro .podpis a {
                font-size: 1em;
                font-weight: normal;
                color: #999;
        }
        .teksty .row .intro .podpis .autor {
                position: absolute;
                top: 5px;
                right: 0;
                color: #ccc;
        }

    .koncerty-comments,
    .koncerty-day {
        font-weight: normal;
        display: block;
        line-height: 1.2em;
        color: rgb(102,102,102);
    }
    .koncerty-comments {
        margin: 0 0 5px 0;
        line-height: 1.2em;
        font-size: 0.9em;
    }
    .koncerty-comments:hover {
        text-decoration: none;
    }
        .koncerty-comments p {
            padding-top: 3px;
        }

    .koncerty-day {
        margin: 0 0 5px 15px;
        text-indent: -13px;
    }
        .koncerty-day strong {
            color: rgb(255,102,0);
        }
        .koncerty-day:hover {
            text-decoration: none;
        }
        .koncerty-day:hover strong {
            text-decoration: underline;
        }

    .koncerty table.table-events {
        width: 568px;
        color: #666;
    }
    table.table-events th {
            font-family: Helvetica, Arial, sans-serif;
            font-size: 17px;
            font-style: normal;
            font-weight: bold;
            text-transform: lowercase;
            line-height: 15px;
            color: rgb(62,62,62);
            padding: 20px 0 5px 0;
        }
            table.table-events th span {
                font-size: 0.7em;
                font-weight: normal;
            }
    table.table-events tbody tr td {
        border-top: 1px solid rgb(243,243,243);
        padding-top: 5px;
        padding-bottom: 5px
    }
    table.table-events tbody tr td.overview {
        width: 270px;
    }
        table.table-events tbody tr td.overview a {
            color: #666;
            display: block;
        }
        table.table-events tbody tr td.overview a {
            text-decoration: none;
        }
        table.table-events tbody tr td.overview a:hover strong {
            text-decoration: underline;
        }
            table.table-events tbody tr td.overview a strong {
                color: rgb(255,102,0);
            }
    table.table-events tbody tr td.location {
        width: 160px;
        padding-left: 15px;
        padding-right: 15px;
    }
        table.table-events tbody tr td.location strong {
            display: block;
            margin-bottom: 2px;
        }
    table.table-events tbody tr td.info {
        text-align: right;
    }
    .event-patronat,
    .event-polecamy,
    .event-anulowany {
        color: #fff;
        padding: 2px;
        text-align: center;
        font-size: 0.9em;
        float: right;
        margin-left: 5px;
        text-transform: uppercase;
    }
    .event-anulowany {
        background: rgb(255,32,16);
        width: 75px;
    }
    .event-polecamy {
        background: #3399cc;
        width: 63px;
    }
    .event-patronat {
        background: #51C800;
        width: 84px;
    }
    .koncert-info {
        line-height: 1.3em;
    }
        .koncert-info .event-patronat,
        .koncert-info .event-anulowany {
            float: none;
            margin: 0 5px 10px 0;
            font-size: 1em;
            width: 90px;
        }
        .showLocalizationMap {
            margin-bottom: 10px;
        }
            .showLocalizationMap img {
                vertical-align: bottom;
            }
        .koncert-info .title {
            font-size: 1.2em;
            font-weight: bold;
            margin: 0 0 5px 0;
            color: #666;
            margin-bottom: 10px;
        }
        .koncert-info .plakat {
            float: right;
            width: 300px;
            clear: both;
            text-align: right;
        }
            .koncert-info .plakat img {
                padding: 2px;
                border: 1px solid rgb(229,229,229);
            }

.textbox {
    margin: 20px 0 0 0;
    border: 1px solid #C2C2C2;
    padding: 10px;
}


#comments {
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 610px;
    text-align: left;
    background-image: url('../images/comments_bg.png');
    background-repeat: repeat-x;
    margin-top: 20px;
}

#comments h4 {
    font-weight: bold;
    font-size: 1.4em;
    margin: 20px;
}

#comments .n {
    background: #f7f7f7;
    width: 580px;
    padding: 10px 0 10px 30px;
    font-weight: bold;
    color: #ff6701;
    position: relative;
}

#comments .n .d {
    position: absolute;
    top: 10px;
    right: 20px;
    font-weight: normal;
    color: #999;
}

#comments .t {
    width: 570px;
    padding: 10px 20px 20px 20px;
}

#comments .pagination {
    margin-bottom: 20px;
}

#comments .add {
    border: 1px solid #c2c2c2;
    background: #f9f9f9;
    padding: 20px;
}
    #comments .add label,
    #comments .add .dodaj_komentarz,
    .textbox h4 {
        font-weight: bold;
        font-size: 1.4em;
        display: block;
        margin-bottom: 10px;
    }
    #comments .add textarea {
        width: 568px;
        height: 60px;
    }
    #comments .add .sendCom {
        margin: 10px 0 0 445px;
        background: #000 url('../images/button_bg_black.png') repeat-x top;
        border: 0px;
        color: #fff;
        font-weight: bold;
        height: 24px;
    }





hr {
    height: 0 !important;
    height: 1px; /* wysokosc pod ie */
    color: #E5E5E5; /* kolor pod ie */
    background: transparent;
    border-width: 1px 0 0 0;
    border-color: #E5E5E5;
    border-style: solid;
}
p.more {
    border-top: 1px solid #ccc;
    height: 21px;
    background-image: url('../images/arrow_more.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 6px 0 0 40px;
}

p.pagination {
    text-align: center;
}


.block_rec_okladka {
    float: left;
    margin: 0 10px 10px 0;
}


ul.alfabet,
ul.alfabet li {
    list-style: none;
    margin-top: 10px;
}

ul.alfabet {
    margin-left: 30px;
    width: 260px;
}

ul.alfabet li {
    float: left;
    margin: 0 5px 5px 0;
}

ul.alfabet li a,
ul.alfabet li div {
    border: 1px solid #ccc;
    width: 30px;
    padding: 5px 0 5px 0;
    display: block;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

ul.alfabet li a:hover {
    background-color: rgb(230,230,230);
}



/** ======== A ============= **/
a {
    color: #ff6600;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


/* input */
#top_bar label {
    width: 50px;
    float: left;
    margin-bottom: 3px;
}

#top_bar .top_login {
    border: 1px solid #c0c0c0;
    width: 100px;
    margin-bottom: 3px;
}

#top_bar .login {
    width: 30px;
    background-color: #c77b00;
    text-align: center;
    border: 0px;
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    padding: 3px
}

#top_bar form.top_flogin {
    width: 300px;
    background: red;
    float: left;
}

.hidden {
   padding: 0;
   border: 0;
   margin: 0;
   width: 0;
   height: 0;
   background: none;
}

/** ======== TEKSTY, GLOBALNE ============= **/


.font-up {
    font-size: 1.1em;
}
.font-down {
    font-size: 0.9em;
}

.brownsmall {
    font-size: 0.9em;
    color: #663300;
}
.orange {
    color: rgb(255,102,0);
}
.red {
    color: #D70300;
}

ul.gitarki {
    margin: 20px 40px 20px 40px;
}

ul.gitarki li {
    list-style-image: url('../images/gitarka.png');
    margin-bottom: 5px;
    color: #663300;
    padding-left: 10px;
}

.content .error {
    color: red;
    margin: 10px 15px 0 15px;
}

.error,
.info_ok {
    color: red;
    font-weight: bold;
    margin-bottom: 10px;
}

.info_ok {
    color: green;
}

.info600 {
    border: 1px solid #c2c2c2;
    background: #f9f9f9;
    padding: 20px;
    margin: 50px auto;
    width: 700px;
}
    .info600 h2 {
        margin: 0 0 10px 0;
    }

/** ======== REJESTRACJA ============= **/

fieldset.rejestracja {
    margin: 20px 0 20px 0;
    padding: 0px;
}

.rejestracja .formRow {
    overflow: auto;
    margin-top: 10px;
    clear: both;
}

.rejestracja label {
    display: block;
    float: left;
    width: 130px;
}
.rejestracja label.inline {
    width: auto;
    margin-left: 10px;
}

.rejestracja input, .rejestracja textarea {
    display: block;
    float: left;
}

.rejestracja .desc,
.opis {
    font-size: 0.9em;
    color: #663300;
    padding-top: 3px;
}
.rejestracja .desc {
    margin-left: 10px;
    padding-top: 3px;
    width: 210px;
    float: left;
}

.rejestracja input.text,
.rejestracja textarea {
    border: 1px solid #BBB;
    background-color: #FFF;
    color: #666;
    font-size: 1.1em;
    padding: 2px;
    width: 200px;
}

.rejestracja textarea {
    height: 60px;
    overflow: auto;
}
.rejestracja textarea.big {
    width: 400px;
    height: 160px;
    overflow: auto;
}

.rejestracja .rej {
    margin-left: 130px;
    background: #000 url('../images/button_bg_black.png') repeat-x top;
    border: 0px;
    color: #fff;
    font-weight: bold;
    height: 24px;
    display: inline;
}

.rejestracja .checkbox {
    margin: 0 0 0 130px;
}



optgroup {
    font-weight: bold;
    border: 0;
    padding-left: 5px;
}
optgroup option {
    margin-left: 20px;
    padding-left: 20px;
}


.send {
    background: #000 url('../images/button_bg_black.png') repeat-x top;
    border: 0px;
    color: #fff;
    font-weight: bold;
    height: 24px;
}



ul.normal {
    margin-left: 20px;
}

ul.normal li {
    margin: 5px;
}



/**** PANEL **********/

fieldset.panel {
    margin: 0;
    padding: 0;
}

.panel .formRow {
    overflow: auto;
    margin-top: 10px;
    clear: both;
}

.panel label {
    width: 130px;
    font-weight: bold;
    font-size: 1.1em;
    float: left;
    width: 560px;
}

.panel input, .panel textarea, .panel select {
    margin-top: 5px;
    display: block;
    float: left;
    width: 560px;
}
.panel input, .panel textarea {
    padding: 2px;
}
.panel option {
    padding: 2px;
    border: 0;
}
.panel label.inline {
    width: 540px;
    font-weight: normal;
}
.panel .checkbox {
    margin: 0;
    width: 20px;
}
.panel .send {
    width: 100px;
}
    .panel .smalltext {
        width: 200px;
        display: inline;
    }
    .panel-wykonawcy-usun img {
        margin: 7px 0 1px 5px;
    }

.partner-profil {
    background: #F7F5F2;
    position: relative;
    padding: 10px;
    margin: 10px 0 10px 0;
}
    .partner-profil .partner-logo {
        margin: 0 0 10px 10px;
        float: right;
    }
    .partner-profil p {
        margin-bottom: 10px;
    }

/**
 *
 * ZGŁOSZENIE
 *
 */

div.zgloszenie {
    text-align: center;
}
    div.zgloszenie h2 {
        text-align: center;
        font-size: 1.4em;
    }

fieldset.zgloszenie {
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid rgb(245,243,240);
    text-align: left;
}
    fieldset.zgloszenie label {
        width: 100%;
        display: block;
        margin: 10px 0 5px 0;
        font-weight: bold;
    }
    fieldset.zgloszenie input,
    fieldset.zgloszenie select,
    fieldset.zgloszenie textarea {
        width: 100%;
        padding: 1px;
    }
    fieldset.zgloszenie textarea {
        width: 99%;
        height: 50px;
    }
    fieldset.zgloszenie .send {
        width: 100px;
        margin: 10px auto 0 auto;
        display: block;
    }
    .zgloszenie-error {
        color: red;
        font-weight: bold;
        margin-top: 5px;
        height: 10px;
    }
    .zgloszenie-ok {
        color: green;
        font-weight: bold;
        margin: 40px;
        text-align: center;
    }

.top-accordion:hover {
    text-decoration: none;
}

.slider-container { width:318px; height:306px; text-align: center; overflow:hidden; position:relative; }
.slider-slides { position:absolute; top:0; left:0; }
.slider-slides div { position:absolute; top:0; width:318px; display:none; }
.slider-slides div img { border: 1px solid rgb(229,229,229); padding: 2px; }


fieldset.text-search {
    text-align: left;
    margin: 10px auto 0 auto;
    width: 250px;
}
    fieldset.text-search .tszukaj {
        width: 205px;
        margin: 5px 0 5px 0;
        padding: 2px;
    }
    fieldset.text-search .tsubmit {
        vertical-align: top;
        margin-top: 5px;
        padding-bottom: 3px;
        color: #fff;
        background: #FF6600;
        border: 0;
        font-weight: bold;
        font-size: 1.2em;
    }

.dodajdo {
    display: inline-block;
    float: right;
    margin: 5px 0 -15px 0;
}
.rss {
    margin-left: 20px;
}


.wyroznij {
    background: rgb(247,245,242);
    padding: 10px;
    border: 1px solid #ddd;
    margin: 10px 0 10px 0;
}
.icon-bottom {
    vertical-align: middle;
    margin-top: -2px;
}

.ogloszenie_column {
    width: 180px;
    float: left;
    margin: 4px;
}

.ogloszenie_column_title {
    border-bottom: 1px solid rgb(229,229,229);
    margin-bottom: 3px;
    padding-bottom: 3px;
}
.ogloszenie_row_right {
    margin-top: 10px;
}
.ogloszenie_column a,
.ogloszenie_row_right a {
    color: rgb(102,102,102);
}
.ogloszenie_column_title a {
    color: rgb(255,102,0);
    font-weight: bold;
    font-size: 1.2em;
}
.ogloszenie_column ul,
.ogloszenie_row_right ul {
    margin-left: 15px;
}
.ogloszenie_column ul li,
.ogloszenie_row_right ul li {
    line-height: 1.2em;
    list-style-image: url('../images/bullet.gif');
    padding: 0 0 2px 0;
}
ul.ogloszenia_podkategorie {
    width: 420px;
    padding-top: 10px;
    margin: 0px 0 0 20px;
    display: inline-block;
}
ul.ogloszenia_podkategorie li {
    float: left;
    width: 200px;
    margin-left: 5px;
    list-style-image: url('../images/bullet.gif');
}

.ogloszenie-row {
    border-bottom: 1px solid rgb(218,218,218);
    padding: 10px;
    margin-bottom: 0px;
}
.ogloszenie-row:hover {
    background: rgb(245,245,245);
}
.ogloszenie-row .ogloszenie-info {
    font-size: 0.9em;
    color: rgb(117,117,117);
    margin-top: 10px;
    clear: both;
}
.ogloszenie-row .ogloszenie-title {
    color: #444;
    font-weight: bold;
    font-size: 1.4em;
}
.ogloszenie-row .ogloszenie-category {
    font-size: 0.9em;
    color: rgb(117,117,117);
    margin-top: 2px;
}
.ogloszenie-row img {
    border: 1px solid rgb(204,204,204);
    padding: 2px;
    float: left;
    margin: 0 5px 5px 0;
    width: 50px;
    height: 50px;
}
.ogloszenie-zdjecia {
    margin: 10px 0 10px 0;
}
.ogloszenie-zdjecia img {
    border: 1px solid rgb(204,204,204);
    padding: 2px;
}


table.informacje {
    width: 100%;
}
    table.informacje tr th {
        font-weight: bold;
        background: rgb(102,102,102);
        color: #fff;
        padding: 5px;
    }
    table.informacje tr td {
        padding: 5px;
        border-bottom: 1px solid rgb(229,229,229);
        vertical-align: middle;
    }
    table.informacje tr td.opcje {
        text-align: center;
        line-height: 1.2em;
    }

.page404 { padding: 20px 0; }
.page404-right { text-align: left; float: left; width: 260px; margin-left: 10px; display: inline-block; }
    .page404-right a { color: #000; }


.ankieta-mini {
    float: left;
    width: 104px;
    height: 180px;
    margin: 0 19px;
}
.ankieta-big {
    float: left;
    width: 154px;
    height: 220px;
    margin: 0 17px;
}
    .ankieta-img img {
        border: 1px solid #E5E5E5;
        padding: 2px;
    }
    .ankieta-big .ankieta-img img {
        width: 150px;
    }

    .ankieta-url {
        font-weight: bold;
        display: block;
        font-size: 1.1em;
        margin: 3px 0;
    }
.ankieta-ost {
    display: block;
    margin-bottom: 5px;
    width: 300px;
    float: left;
    color: #666;
}
.ankieta-ost-home {
    width: 213px;
}
.ankieta-ost:hover { text-decoration: none; }
    .ankieta-ost b {
        display: block;
        margin: 0 0 5px 0;
    }
.ankieta-ost-img {
    float: left;
    margin-right: 10px;
}
.ankieta-profil {
    width: 200px;
    padding: 10px;
    border: 1px solid #E5E5E5;
    float: right;
    margin: 0 0 10px 20px;
}
.ankieta-profil-podpis {
    font-size: 0.9em;
    color: #666;
    text-align: right;
}


.fotorelacja {
    width: 568px;
    height: 120px;
    margin-bottom: 5px;
    position: relative;
    display: block;
    color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.fotorelacja:hover {
    text-decoration: none;
}
    .fotorelacja h3,
    .fotorelacja span {
        background: #000;
        font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
        color: #fff;
        letter-spacing: 0.05em;
        padding: 2px 4px 4px;
        font-size: 1.35em;
        font-weight: normal;
        position: absolute;
    }
    .fotorelacja h3 {
        font-size: 1.5em;
        display: inline;
        bottom: 5px;
        left: 20px;
        margin-right: 20px;
    }
    .fotorelacja:hover span,
    .fotorelacja:hover h3 {
        background: rgb(255,102,0);
    }
    .fotorelacja .data {
        top: 10px;
        right: 20px;
    }
    .fotorelacja .miejsce {
        top: 38px;
        right: 20px;
        font-size: 1.1em;
    }
    
    .galeria {
        display: inline-block;
        border: 1px solid #ccc;
        padding: 2px;
        margin: 0 3px 10px 0;
        line-height: 1px;
    }