/* article image start - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

div.articlePage div.articleImg div.tgallery a,
div.articlePage div.articleImg div.tgallery img,
div.articlePage div.articleImg div.tgallery div.description,
div.articlePage div.articleImg div.tgallery div.description p {
    display: block;
    float: left;
}

div.articlePage div.articleImg div.tgallery a {
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
}

div.articlePage div.articleImg div.tgallery a span.icoZoom {
    position: absolute;
    right: 1px;
    bottom: 1px;
    display: block;
    width: 19px;
    height: 20px;
    background: transparent url(/static/img/appl/icons/ico_article-zoom.gif) no-repeat left top;
}

div.articlePage div.articleImg div.tgallery div.description {
    clear: both;
    padding-top: 15px;
    width: 100%;
    background: #e7e7e7;
}

div.articlePage div.articleImg div.tgallery div.description p {
    color: #666;
    padding: 0 5px 7px 5px;
    width: 172px;
    font-size: 11px;
    line-height: 13px;
}

/* article image end - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/* carousel start - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.carousel {
    position: relative;
    display: block;
    float: left;
    width: 564px;
    padding-bottom: 15px;
    margin-bottom: 17px;
    border: 1px solid #ccc;
    background: transparent url(/static/img/appl/bg/bg_carousel.jpg) repeat-x left bottom;
}

/*
    ha ures a description, akkor elmeletileg 19px a magassaga, ennyi a felso eltartas
    ures allapotban a layout szerint
*/
div.carousel div.description {
    padding: 6px 10px 13px 10px;
    color: #666;
}

div.carousel div.description p {
    padding: 0 0 4px 0;
}

div.carousel div.btnPrev,
div.carousel div.btnNext {
    display: block;
    width: 39px;
    height: 98px;
    cursor: pointer;
}

div.carousel div.btnPrev {
    float: left;
}

div.carousel div.btnNext {
    float: right;
}

div.carousel div.btnPrevNormal {
    background: transparent url(/static/img/appl/buttons/bg_btn-gallery-prev.gif) no-repeat -21px 50%;
}

div.carousel div.btnPrevHover {
    background: transparent url(/static/img/appl/buttons/bg_btn-gallery-prev.gif) no-repeat 10px 50%;
}

div.carousel div.btnNextNormal {
    background: transparent url(/static/img/appl/buttons/bg_btn-gallery-next.gif) no-repeat -18px 50%;
}

div.carousel div.btnNextHover {
    background: transparent url(/static/img/appl/buttons/bg_btn-gallery-next.gif) no-repeat 13px 50%;
}

div.carousel div.btnPrevDisabled,
div.carousel div.btnNextDisabled {
    background: transparent;
}

div.carousel div.container {
    position: absolute;
    left: 39px;
    bottom: 15px;
    clear: none;
    display: block;
    float: left;
    width: 486px;
    overflow: hidden;
}

div.carousel div.container ul {
    position: relative;
    left: 0;
    top: 0;
    float: left;
    display: block;
    width: 100000px;
    padding: 0;
    margin: 0;
}

div.carousel div.container ul li {
    display:block;
    float:left;
    margin-right: 10px;
    padding: 0;
    background: none; 
}

div.carousel div.container ul li a {
    position: relative;
    display: block;
    float: left;
    text-decoration: none;
    padding: 1px;
}
/*
div.carousel div.container ul li a span.border {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    float: left;
    width: 100%;
    height: 98px;
    border-top: 1px solid #e20074;
    border-bottom: 1px solid #e20074;
}
*/
div.carousel div.container ul li a span.border {
    display: none;
}
/*
div.carousel div.container ul li a span.border span.borderLeft {
    display: block;
    float: left;
    width: 1px;
    height: 98px;
    border-left: 1px solid #e20074;
}

div.carousel div.container ul li a span.border span.borderRight {
    display: block;
    float: right;
    width: 1px;
    height: 98px;
    border-right: 1px solid #e20074;
}

div.carousel div.container ul li img {
    display:block;
    float: left;
}*/

/* carousel end - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* modal layer start - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

div#modalLayer {
    position: fixed;
    width: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 9999;
}

div#modalContent {
    position: fixed;
    left: 273px;
    top: 10px;
    width: 606px;
    z-index: 9990;
    background: #fff;
}

/* modal layer end - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/* gallery popup start - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/*
    ez a komponens kerul a modal layerbe es a popup ablakba is
*/

div.galleryPopup {
    width: 606px;
}

div.galleryPopup div.topCont {
    float: left;
    padding: 6px 10px 18px 10px;
    width: 586px;
}

div.galleryPopup a.btnClose {
    display: block;
    float: right;
    padding-right: 14px;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
    color: #000;
    background: transparent url(/static/img/appl/icons/ico_btn-close.gif) no-repeat right center;
}

div.galleryPopup a.btnClose:hover {
    text-decoration: underline;
}

div.galleryPopup div.content {
    display: block;
    float: left;
    width: 566px;
    padding: 0 20px 20px 20px;
}

div.galleryPopup div.btnPrevImg,
div.galleryPopup div.btnNextImg {
    display: block;
    width: 16px;
    height: 25px;
    margin-top: 248px;
    cursor: pointer;
}

div.galleryPopup div.btnPrevImg {
    float: left;
}

div.galleryPopup div.btnPrevImgNormal {
    background: transparent url(/static/img/appl/buttons/bg_btn-gallery-prev.gif) no-repeat -31px 0;
}

div.galleryPopup div.btnPrevImgHover {
    background: transparent url(/static/img/appl/buttons/bg_btn-gallery-prev.gif) no-repeat left top;
}

div.galleryPopup div.btnNextImg {
    float: right;
}

div.galleryPopup div.btnNextImgNormal {
    background: transparent url(/static/img/appl/buttons/bg_btn-gallery-next.gif) no-repeat -31px 0;
}

div.galleryPopup div.btnNextImgHover {
    background: transparent url(/static/img/appl/buttons/bg_btn-gallery-next.gif) no-repeat left top;
}

div.galleryPopup div.imgCont {
    float: left;
    width: 534px;
    height: 370px;
    padding: 0 0 17px 0;
    text-align: center;
}

div.galleryPopup div.textCont {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    height: 106px;
}

div.galleryPopup div.textCont p {
    padding-bottom: 0;
    line-height: 16px;
}

div.galleryPopup div.carousel {
    margin-bottom: 0;
}


/* gallery popup end - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/