/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none; position: relative !important; top: 0 !important;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{max-width: 900px !important;float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;right: 0;left: 0;top:0px;bottom:0px;border:3px solid white;position: absolute;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#cboxWrapper > div{
    position: relative;
    
    width: 920px;
    height: 690px;
    display: initial;
    margin-left: 0px;
}

#cboxWrapper{
    width: 100%!important;
    height: 100%!important;
}
#colorbox{outline:0; width: 100% !important; height:100%;left:0px!important;}
    #cboxContent{margin-top:20px;background: transparent;position: relative;margin: auto;position: relative; margin: auto; width: 920px !important;float: none !important;height: 100% !important;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border: 0; background: transparent;position: relative;margin: auto;width: 920px !important;height: 100% !important;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;display: none !important;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;display: none !important;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; width: 42px; height: 42px; text-indent:-9999px;background: url('../images/spt.png') no-repeat 0px -105px transparent;}
        #cboxPrevious:hover{background-position: -60px -105px;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px;  width: 42px; height: 42px; text-indent:-9999px;background: url('../images/spt.png') no-repeat 1px -166px;}
        #cboxNext:hover{background-position: -59px -166px;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; width: 42px; height: 42px; text-indent:-9999px;background: url('../images/spt.png') no-repeat 2px -545px;}
        #cboxClose:hover{background-position: -59px -546px;}
.view-galeria{ width: 960px; margin:auto;}

@media all and (min-width: 200px) and (max-width: 479px) { 

.cboxPhoto{
    max-width: 95% !important;
    
    height: auto !important;
    width: 95% !important;
    height: auto !important;
    top: -25%;
}
#cboxPrevious,#cboxNext{
    top: 38%;

    
}
}

*/
.view-galeria{ width: 960px; margin:auto;}


#cboxMiddleLeft, #cboxMiddleRight, #cboxTitle, #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight{
    display: none!important;
}

#cboxClose{
    bottom: auto!important;
    top: 0!important;
}

 #cboxClose{
     background: url("../images/spt.png") no-repeat scroll 2px -544px rgba(0, 0, 0, 0);
    height: 44px;
    width: 44px;
}

#cboxClose:hover{
    background-position: -58px -544px;
}

#cboxNext, #cboxPrevious{
    top: 0;
    margin:auto;
}

#cboxNext{
    right: 0;
    left: auto;
}

#cboxNext{width: 42px; height: 42px;background: url('../images/spt.png') no-repeat 1px -166px;}
#cboxNext:hover{background-position: -59px -166px;}

#cboxPrevious{width: 42px; height: 42px; background: url('../images/spt.png') no-repeat 0px -105px transparent;}
#cboxPrevious:hover{background-position: -60px -105px;}

#cboxContent{
    background: none;
    float: none!important;
    margin: auto;
    width: 100%!important;
}

#cboxOverlay{
    background: none repeat scroll 0 0 rgb(0, 0, 0);
}

#colorbox{
    width: 100%!important;
    left: 0px!important;
    right: 0px!important;
    margin: auto;
    height: 100%;
    top: 0!important;
    bottom: 0!important;
}

#cboxWrapper{
    right: 0;
    margin: auto;
    position: static;
    height: 100%!important;
    width: 100%!important;
}

#cboxLoadedContent{
    margin: auto;
}

#cboxCurrent{
    background-color: #333333;
    bottom: 0;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    left: 0;
    margin: auto;
    padding: 4px;
    right: 0;
    text-align: center;
    width: 110px;
}
.file-video{
    width: 80%;
    height: 80%;

}

.media-youtube-player{
     bottom: 0;
    display: block;
    height: 60%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
}

@media all and (min-width: 100px) and (max-width: 479px) { 
    #cboxLoadedContent{
    width: -moz-min-content!important;
    margin: auto;
}


}