@CHARSET "UTF-8";

* html div#left_box div.galleryframe div.mid div.polaroid div.bottom{behavior: url("behavior/iepngfix.htc");}

/** ramki ze strzałkami **/
div#left_box div.prev {
    float: left;
    width: 54px;
    height: 405px;
    margin-top: 22px;
}

div#left_box div.next {
    float: right;
    width: 54px;
    height: 405px;
    margin-top: 22px;
}

div#left_box div.prev img, div#left_box div.next img {
    margin-top: 153px;
    border: 0;
}

/** ramka główna z obrazkiem **/
div#left_box div.photoframe {
    float: left;
    width: 538px;
    margin-top: 22px;
    background: url(../images/gallery/ramka_srodek.gif) repeat-y top left;
    height:413px;
    overflow: hidden;
}

div#left_box div.photoframe div.mid {
    display: inline;
    float: left;
    margin: 0 12px;
    color: #0857e6;
    text-align: center;
}

div#left_box div.photoframe div.top {
    float: left;
    width: 100%;
    height: 10px;
    background: url(../images/gallery/ramka_gora.gif) no-repeat top left;
}

div#left_box div.photoframe div.bottom {
    float: left;
    width: 100%;
    height: 10px;
    background: url(../images/gallery/ramka_dol.gif) no-repeat bottom left;
}

div#left_box div.photoframe div.mid p.top {
    float: left;
    text-align: left;
    width: 510px;
    margin-bottom: 10px;
}

div#left_box div.photoframe div.mid a img#main_image {
    margin-bottom: 10px;
}

/** dolna ramka z obrazkami **/
div#left_box div.bottomframe {
    float: left;
    width: 100%;
    margin: 25px auto 35px;
    background: url(../images/gallery/dramka_srodek.gif) repeat-y top left;
}

div#left_box div.bottomframe div.mid {
    display: inline;
    float: left;
    width: 616px;
    margin: 8px;
}

div#left_box div.bottomframe div.top {
    float: left;
    width: 100%;
    height: 8px;
    background: url(../images/gallery/dramka_gora.gif) no-repeat top left;
    font-size:1px
}

div#left_box div.bottomframe div.bottom {
    float: left;
    width: 100%;
    height: 8px;
    background: url(../images/gallery/dramka_dol.gif) no-repeat bottom left;
    font-size:1px
}

/** przyciski następny i poprzendni **/
div#left_box div.bottomframe div.next_prev {
    display: inline;
    float: right;
    margin: 4px 17px 0 17px;
    cursor: pointer;
}

div#left_box div.bottomframe div.next_prev a {
    margin: 0;
    padding: 0;
}

/** małe fotki na dole strony **/
div#left_box div.bottomframe div.mid img.thumb {
    float: left;
    display: inline;
    border: 1px solid #eae8e9;
    margin:  3px;
}

div#left_box div.bottomframe div.mid div {
    display: inline;
    float: left;
    border: 1px solid #eae8e9;
    margin: 1px;
    margin-left: 2px;
}

div#left_box div.bottomframe div.mid div.active {
    border: 1px solid #bf2a84;
}

/** ZDJECIE Z KOMENTARZAMI **/
/** GALERIE UZYTKOWNIKA **/
/** ramka ze zdjęciem i galeriami użytkownika - tło **/
div#left_box div.fullphotoframe {
    float: left;
    width: 100%;
    background: url(../images/gallery/dramka_srodek.gif) repeat-y top left;
}

div#left_box div.galleryframe {
    float: left;
    width: 100%;
    margin-top: 10px;
    background: url(../images/gallery/dramka_srodek.gif) repeat-y top left;
}

/** środek ramki ze zdjeciem **/
div#left_box div.fullphotoframe div.mid {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
}

/** marginesy fotki w pełnym widoku z komentarzami **/
div#left_box div.fullphotoframe div.mid img {
    margin: 20px;
}

/** środek ramki z galeriami **/
div#left_box div.galleryframe div.mid {
    margin: 20px 10px;
}

div#left_box div.galleryframe div.mid div.maxwidth, div#left_box div.fullphotoframe div.mid div.maxwidth {
    width: 100%;
}

/** górna część ramek zajmujących całą szerokosć lewej strony **/
div#left_box div.fullphotoframe div.top, div#left_box div.galleryframe div.top {
    float: left;
    width: 100%;
    height: 8px;
    background: url(../images/gallery/dramka_gora.gif) no-repeat top left;
}

/** dolna część ramek zajmujących całą szerokosć lewej strony **/
div#left_box div.fullphotoframe div.bottom, div#left_box div.galleryframe div.bottom{
    float: left;
    width: 100%;
    height: 8px;
    background: url(../images/gallery/dramka_dol.gif) no-repeat bottom left;
}

/** ramka polaroid - wasze galerie **/
div#left_box div.galleryframe div.mid div.polaroid {
    display: inline;
    float: left;
    width: 145px;
    margin: 0 4px 15px 4px;
}

div#left_box div.galleryframe div.mid div.polaroid div {
    border: 1px solid #d6dbe4;
    background-color:#FFF
}

div#left_box div.galleryframe div.mid div.polaroid p {
    margin: 7px;
}

div#left_box div.galleryframe div.mid div.polaroid div.bottom {
    display: inline;
    float: left;
    border: 0;
    background: url(../images/gallery/polaroid_cien.png) no-repeat bottom center;
    width: 145px;
    height: 8px;
}

* html div#left_box div.galleryframe div.mid div.polaroid div.bottom {
    margin-top: -5px;
}

div#left_box div.galleryframe div.mid div.polaroid div.polaroid_frame {
    /*float: left;*/
    /*height:180px;*/
    width: 145px;
    border: 1px solid #d4d9e2;
    background: #fff;
    padding-bottom: 7px;
}

div#left_box div.galleryframe div.mid div.polaroid div.polaroid_frame img {
    margin: 6px 8px;
    border: 1px solid #e9ecf0;
    height: 128px;
    width: 128px;
    display: block;
}

div#left_box div.galleryframe div.mid div.polaroid img {
    height: 128px;
    width: 128px;
    border: 1px solid #e9ecf0;
    display:block;
    margin: 5px auto;
}

div#left_box div.galleryframe div.mid div.polaroid div.polaroid_frame p {
    margin: 0 8px 6px 8px;
    font-size: 10px;
    padding: 0;
}

div#left_box div.galleryframe div.mid div.polaroid div..ui-stars-star {
    width: auto;
    border: none;
}

div#left_box div.galleryframe div.mid div.polaroid div.polaroid_frame ul {
    padding: 2px;
    width: 115px;
    margin: 2px auto;
    height: 20px;
}

.lmargined{clear:both; margin:0; padding:10px 0}
.glos{float:right; font-size:12px; font-weight:bold; color:#002c62; margin:-1px 5px 0 0; width:30px; text-align:right;}
.glos-zly{color: #ac1313;}
.glosow{display:block; font-size:12px;}