#galContainer {
    border: 1px solid red;
}

.carousel_container {
    display: block;
    position: relative;
    margin: 20px auto;
    font-size: 14px;
    max-width: 753px;
    width: 100%;
    border: 1px solid #ccc;
    padding: 15px 0;
    /*    width:562px;*/
}

/* ----------------IMAGE SLIDER------------- */
.SlideItMoo_outer {
    /*	width:540px;*/
    margin: 0 auto;

    display: block;
    vertical-align: bottom;
    position: relative;
}

/* create custom forward-backward buttons for this container */
.SlideItMoo_outer .SlideItMoo_forward .arrow {
    margin: 11px 17px 0;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #FFFFFF;
}

body.wer0 .SlideItMoo_outer .SlideItMoo_forward,
body.wer0 .SlideItMoo_outer .SlideItMoo_back {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 40px;
    height: 40px;
    bottom: 0px;
    right: 0px;
    background: none repeat scroll 0 0 #00A0DF;
    border: 0px solid red;
    margin-bottom: 17px;
}

body.wer1 .SlideItMoo_outer .SlideItMoo_forward,
body.wer1 .SlideItMoo_outer .SlideItMoo_back {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 40px;
    height: 40px;
    bottom: 0px;
    right: 0px;
    background: none;
    border: 1px solid #FFFFFF;
    margin-bottom: 17px;
}

.SlideItMoo_outer .SlideItMoo_back .arrow {
    margin: 11px 14px 0;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #FFFFFF;
}

.SlideItMoo_outer .SlideItMoo_back {
    left: 0px;
    background-color: #00A0DF;
}

/* the width is set to show the number of thumbnails that will be visible */
.SlideItMoo_inner {
    position: relative;
    overflow: hidden;
    /* set a display width to make the slider look good in case js is disabled */
    /*	width:520px ;  set a display width to make the slider look good in case js is disabled */
    height: 75px; /* dla IE */
    margin: 0 60px 0 58px;
    box-sizing: border-box;
}

/* the thumbnails container; set a width on it so everything will be fine */
.SlideItMoo_items {
    display: block;
    position: relative;
    margin: 0 auto;
}

/* single element design */
.SlideItMoo_items div.SlideItMoo_element {
    display: block;
    position: relative;
    float: left;
    margin: 0px 0px 0px 0px;
    font-size: 11px;
    width: 100px;
    /*	width:104px;*/
    text-align: center;
    color: #FFFFFF;
    border: 0px solid red;
}

.SlideItMoo_items .slide_item {
    padding: 0px;
    margin: 3px auto 3px;
    clear: both;
    display: block;
    background-color: #E0E0E0;
    border: 1px solid #dcdcdc;
    height: 68px;
    width: 90px;
    overflow: hidden;
    cursor: pointer;
}

/*.slide_item:hover {
 border:1px solid black;
 }*/

.SlideItMoo_items .slide_item img {
    border: 0px solid gray;
    max-width: none;
    /*width: 90px;
     height: 69px;*/
}

.carousel_switch {
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    color: #3074BC;
    text-align: right;
    height: 25px;
    margin-bottom: 5px;
    margin: 0 auto 5px;
    max-width: 753px;
}

.carousel_switch .s_b, .carousel_switch .a_b {
    background: url(/_imgs/sprite_kir.png) no-repeat top left;
    width: 32px;
    height: 32px;
    float: right;
    margin-left: 5px;
}

.spr042_galBblue {
    background-position: -1533px 0 !important;
    width: 32px;
    height: 32px;
}

.spr043_galBgrey {
    background-position: -1575px 0 !important;
    width: 32px;
    height: 32px;
}

.spr044_galSblue {
    background-position: -1617px 0 !important;
    width: 32px;
    height: 32px;
}

.spr045_galSgrey {
    background-position: -1659px 0 !important;
    width: 32px;
    height: 32px;
}

.carousel_switch .s_b {
    background-position: -1533px 0;
}

.carousel_switch .a_b {
    background-position: -1659px 0;
}

.carousel_all {
    display: none;
    padding: 0 7px;
}

.all_item {
    background-color: #E0E0E0;
    border: 1px solid #dcdcdc;;
    width: 100px;
    height: 68px;
    overflow: hidden;
    float: left;
    margin: 0px 3px 5px 0px;
    text-align: center;

}

.floatBugHolder {
    clear: both;
}

/* ---------------  VIEW STYLES  ------------------- */

.bigMagnif {
    /*    width: 560px;*/
    margin: 0px auto;
    max-width: 753px;
    width: 100%;
    border: 1px solid #ccc;
    padding: 20px;
}

.bigImg {
    border: 0px solid red;
    position: relative;
    width: 100%;
    /*    width:540px;*/
    /*padding:12px 12px;*/
    text-align: center;
    z-index: 1;
    max-width: 753px;
    margin-bottom: 10px;
}


@media only screen and (min-width: 800px) {
  .bigImg img {
        max-width: 753px;
    }
}

.descript, .carouse_img_author {
    border: 0px solid green;
    padding: 0 0 2px;
    font-size: 12px;
    text-align: left;
    text-align: justify;
    margin-top: 5px;
}

.carouse_img_author {
    color: #999999;
    font-size: 11px;
    font-weight: bold;
}

.hidden_author {
    display: none;
}

.viewContainer {
    float: left;
    clear: both;
    border: 1px solid #dcdcdc;
    width: 100%;
    margin: 0px auto 15px auto;
    padding: 10px 0px 10px 0px;

}

.delim {
    clear: both;
    height: 1px;
    width: 1px;
    border: 2px solid black;
}

.counter {
    border: 0px solid black;
    width: 50px;
    margin: 10px auto;
    font-size: 18px;
    color: gray;

}

.SlideItMoo_next, .SlideItMoo_prev {
    position: absolute;
    cursor: pointer;
    width: 30%;
    height: 100%;
    right: 0;
}

.SlideItMoo_prev:hover .arrow {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #FFFFFF;
}

.SlideItMoo_prev:hover .arrowCnt {
    background: #ED1846;
    padding: 5px 10px;
    width: 30px;
    height: 30px;
    top: 45%;
    left: 10px;
    position: absolute;
}

.SlideItMoo_next:hover .arrowCnt {
    background: #ED1846;
    padding: 5px 10px;
    width: 30px;
    height: 30px;
    top: 45%;
    right: 10px;
    position: absolute;
}

.SlideItMoo_next:hover .arrow {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #FFFFFF;
}

.SlideItMoo_prev {
    left: 0;
}
