/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:1000000000;overflow:hidden}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative;overflow:hidden}
#cboxLoadedContent{overflow:visible !important}
#cboxLoadedContent iframe{width:98%;height:100%;border:0}
#cboxTitle{margin:-3em 0 0 0;position:relative}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
   #cboxOverlay{background:#000}
   #colorbox{font-size:70%}
   #cboxContent{background:#fff}
   #cboxLoadedContent{background:#fff;padding:10px}
   #cboxTitle{width:100%;padding:10px 0 20px;color:#000;background:#fff;text-align:center;font-size:12px}
   #cboxCurrent{position:absolute;top:-20px;right:0px;color:#ccc}
   #cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}
   #cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:transparent url(../img/colorboxControles.png) no-repeat 0 0;width:28px;height:65px;text-indent:-9999px}
   #cboxPrevious.hover{background-position:bottom left}
   #cboxNext{position:absolute;top:50%;right:5px;width:28px;height:65px;margin-top:-32px;background:transparent url(../img/colorboxControles.png) no-repeat 100% 0;text-indent:-9999px}
   #cboxNext.hover{background-position:bottom right}
   #cboxLoadingOverlay{background:#000}
   #cboxLoadingGraphic{background:url(../img/colorboxCargando.gif) no-repeat 50% 50%}
   #cboxClose{position:absolute;top:0;right:5px;display:block;background:url(../img/colorboxControles.png) top center no-repeat;width:38px;height:19px;text-indent:-9999px}
   #cboxClose.hover{background-position:50% 100%}