/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    position: relative;
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
    /* Specify Swiper's Size: */
    /*width:200px;
	height: 100px;*/
}

.swiper-slide {
    /* Specify Slides's Size: */
    /*width: 100%;
	height: 100%;*/
}

.swiper-slide-active {
    /* Specific active slide styling: */
}

.swiper-slide-visible {
    /* Specific visible slide styling: */
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
    /* Stylize pagination button: */
}

.swiper-active-switch {
    /* Specific active button style: */
}

.swiper-visible-switch {
    /* Specific visible button style: */
}

/* ===============================================================
Others
================================================================*/
.swiper-slide img {
    width: 100%;
    height: auto;
}

.swiper-container {
    display: block;
    width: 100%;
    height: auto;
}

.arrow-left, .arrow-right {
    position: absolute;
    opacity: 1;
    cursor: pointer;
    -o-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -khtml-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

    .arrow-left:hover, .arrow-right:hover {
        opacity: 0.6;
    }

.galery_container {
    position: relative;
    width: 100%;
    height: auto;
}

    .galery_container.style1 {
        width: 80%;
        margin: 0px auto;
        padding: 0px 65px;
    }

    .galery_container.style2 {
        padding: 0px 0px;
    }

    .galery_container.style1 .arrow-left {
        background: url('../Images/Arrows/arrow_pack.png') no-repeat;
        background-position: 0px -62px;
        left: 0px;
        top: 50%;
        margin-top: -31px;
        width: 62px;
        height: 62px;
    }

    .galery_container.style1 .arrow-right {
        background: url('../Images/Arrows/arrow_pack.png') no-repeat;
        background-position: 0px 0px;
        right: 0px;
        top: 50%;
        margin-top: -31px;
        width: 62px;
        height: 62px;
    }

    .galery_container.style2 .arrow-left {
        background: url('../Images/Arrows/arrow_pack_3.png') no-repeat;
        background-position: 0px -62px;
        left: 10px;
        top: 50%;
        margin-top: -31px;
        width: 62px;
        height: 62px;
        z-index: 3;
    }

    .galery_container.style2 .arrow-right {
        background: url('../Images/Arrows/arrow_pack_3.png') no-repeat;
        background-position: 0px 0px;
        right: 10px;
        top: 50%;
        margin-top: -31px;
        width: 62px;
        height: 62px;
        z-index: 3;
    }

.content_slide.cs_outside {
    display: block;
    width: 100%;
    padding: 20px 65px 0px 65px;
    position: relative;
    height: auto;
    width: 80%;
    margin: 0px auto;
    overflow:hidden;
}

    .content_slide.cs_outside #imgGal_Likes {
        display:block;
        width:100%;
        text-align:right;
        padding-right:-30px;
        height: 30px;
        overflow: hidden;
    }

    .content_slide.cs_outside #imgGal_Title {
        display: block;
        width:100%;
        font-weight: bold;
        font-size: 1.1em;
        line-height: 1.3em;
    }

    .content_slide.cs_outside #imgGal_Description {
        display: block;
        font-size: 1.0em;
        line-height: 1.2em;
    }

.content_slide.cs_inside {
    display: block;
    width: 100%;
    padding: 20px 50px;
    position: absolute;
    height: auto;
    left: 0;
    bottom: 0;
    background: url('../Images/dark_transp_background.png') repeat;
    z-index: 2;
}

    .content_slide.cs_inside #imgGal_Likes {
        display: block;
        width: 100%;
        height: 30px;
        text-align: right;
        overflow: hidden;
    }

    .content_slide.cs_inside #imgGal_Title {
        display: block;
        font-weight: bold;
        color: #FFF;
        font-size: 1.1em;
        line-height: 1.3em;
    }

    .content_slide.cs_inside #imgGal_Description {
        display: block;
        font-size: 1.0em;
        line-height: 1.2em;
        color: #FFF;
    }

    .iframeFB{
        position:relative; 
        right:-140px;
    }

/*********responsive_media _queries********/
@media only screen and (max-width: 1440px) {
}
/****/
@media only screen and (max-width: 1366px) {
}
/****/
@media only screen and (max-width: 1280px) {
    .galery_container.style1 {
        padding: 0px 47px;
    }

        .galery_container.style1 .arrow-left {
            background-position: -62px -62px;
            margin-top: -22px;
            width: 44px;
            height: 44px;
        }

        .galery_container.style1 .arrow-right {
            background-position: -62px 0px;
            margin-top: -22px;
            width: 44px;
            height: 44px;
        }

    .galery_container.style2 .arrow-left {
        background-position: -62px -62px;
        margin-top: -22px;
        width: 44px;
        height: 44px;
    }

    .galery_container.style2 .arrow-right {
        background-position: -62px 0px;
        margin-top: -22px;
        width: 44px;
        height: 44px;
    }

    .content_slide.cs_outside {
        padding: 16px 47px 0px 47px;
    }

     .content_slide.cs_inside {
       padding: 16px 40px;
    }
}
/** Alteração do menu nestas dimensões **/
@media screen and (max-width: 1050px) {
}
/****/
@media only screen and (max-width: 1024px) {
    .galery_container.style1 {
        padding: 0px 33px;
    }

        .galery_container.style1 .arrow-left {
            background-position: -106px -62px;
            margin-top: -15px;
            width: 30px;
            height: 30px;
        }

        .galery_container.style1 .arrow-right {
            background-position: -106px 0px;
            margin-top: -15px;
            width: 30px;
            height: 30px;
        }

    .galery_container.style2 .arrow-left {
        background-position: -106px -62px;
        margin-top: -15px;
        width: 30px;
        height: 30px;
    }

    .galery_container.style2 .arrow-right {
        background-position: -106px 0px;
        margin-top: -15px;
        width: 30px;
        height: 30px;
    }

    .content_slide.cs_outside {
        padding: 12px 33px 0px 33px;
    }

    .content_slide.cs_inside {
        padding: 13px 30px;
    }
}
/****/
@media only screen and (max-width: 768px) {
}
/****/
@media only screen and (max-width: 640px) {
    .galery_container.style1 {
        width: 100%;
        padding: 0px 0px;/*0px 23px*/
    }

        .galery_container.style1 .arrow-left {
            background-position: -136px -62px;
            margin-top: -10px;
            width: 0px;/*20px*/
            height: 0px;/*20px*/
        }

        .galery_container.style1 .arrow-right {
            background-position: -136px 0px;
            margin-top: -10px;
            width: 0px; /*20px*/
            height: 0px; /*20px*/
        }


    .galery_container.style2 .arrow-left {
        background-position: -136px -62px;
        margin-top: -10px;
        width: 0px;/*20px*/
        height: 0px;/*20px*/
    }

    .galery_container.style2 .arrow-right {
        background-position: -136px 0px;
        margin-top: -10px;
        width: 0px;/*20px*/
        height: 0px;/*20px*/
    }

    .content_slide.cs_outside {
        width: 100%;
        padding: 8px 0px 0px 0px;
    }

     .content_slide.cs_inside {
        padding: 11px 20px;
    }

     .content_slide.cs_inside #imgGal_Title {
        font-size: 1em;
        line-height: 1em;
    }

    .content_slide.cs_inside #imgGal_Description {
        font-size: .9em;
        line-height: 1em;
    }
}

/****/
@media only screen and (max-width: 380px) {
    .content_slide.cs_outside {
        width: 100%;
        padding: 6px 5px 0px 5px;
    }

    .iframeFB {
        position: relative;
        right:auto;
        left:0;
    }

    .content_slide.cs_outside #imgGal_Title {
        text-align:right;
    }

    .content_slide.cs_outside #imgGal_Description {
        text-align:right;
    }
}
/****/