/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 * 
 * <div id="jquery-overlay" style="background-color: rgb(0, 0, 0); opacity: 0.7; width: 1368px; height: 2070px;" />
 * 
 * <div id="jquery-lightbox" style="top: 52.6px; left: 0pt;">
 *    <div id="lightbox-container-image-box" style="width: 530px; display: block; height: 433px;">
 *       <div id="lightbox-container-image">
 *          <img id="lightbox-image" style="display: inline;" src="/is-cnt/portfolio/img/pampurienet/002.jpg"/>
 *          <div id="lightbox-nav" style="display: block;">
 *             <a id="lightbox-nav-btnPrev" href="#" style="background: transparent url(/share/img/lightbox-blank.gif) no-repeat scroll 0% 0%; display: block; height: 433px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" />
 *             <a id="lightbox-nav-btnNext" href="#" style="background: transparent url(/share/img/lightbox-blank.gif) no-repeat scroll 0% 0%; display: block; height: 433px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" />
 *          </div>
 *          <div id="lightbox-loading" style="display: none;">
 *             <a id="lightbox-loading-link" href="#">
 *                <img src="/share/img/lightbox-ico-loading.gif"/>
 *             </a>
 *          </div>
 *       </div>
 *    </div>
 *    
 *    <div id="lightbox-container-image-data-box" style="display: block; width: 510px;">
 *       <div id="lightbox-container-image-data">
 *          <div id="lightbox-image-details">
 *             <span id="lightbox-image-details-caption" style="display: none;"/>
 *             <span id="lightbox-image-details-currentNumber" style="display: block;">Captura 2 de 3</span>
 *          </div>
 *          <div id="lightbox-secNav">
 *             <a id="lightbox-secNav-btnClose" href="#">
 *                <img src="/share/img/lightbox-btn-close.gif"/>
 *             </a>
 *          </div>
 *       </div>
 *    </div>
 * </div>
 * 
 */

/*- Esta es la capa de fondo -*/
#jquery-overlay {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 90;
   width: 100%;
   height: 500px;
}

/*- Esta es la capa contenedora -*/
#jquery-lightbox {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 100;
   text-align: center;
   line-height: 0;
}
   #jquery-lightbox a img {
      border: none;
   }
      #lightbox-container-image-box {
         position: relative;
         background-color: #fff;
         width: 250px;
         height: 250px;
         margin: 0 auto;
			border: 4px solid #000;
			border-bottom: none;
      }
         /*- Esta es la imagen -*/
			#lightbox-container-image { padding: 10px; }

			/*- Capa para la pre-carga -*/
			#lightbox-loading {
			   position: absolute;
			   top: 40%;
			   left: 0%;
			   height: 25%;
			   width: 100%;
			   text-align: center;
			   line-height: 0;
			}
			
			/*- Capa de navegación -*/
			#lightbox-nav {
			   position: absolute;
			   top: 0;
			   left: 0;
			   height: 100%;
			   width: 100%;
			   z-index: 10;
			}
			#lightbox-container-image-box > #lightbox-nav {
				left: 0;
			}
			#lightbox-nav a {
            outline: none;
			}
			#lightbox-nav-btnPrev,
			#lightbox-nav-btnNext{
			   width: 49%;
			   height: 100%;
			   zoom: 1;
			   display: block;
			}
				#lightbox-nav-btnPrev { 
				   left: 0; 
				   float: left;
				}
				#lightbox-nav-btnNext { 
				   right: 0px; 
				   float: right;
				}




/*- Contenedo de datos -*/
#lightbox-container-image-data-box {
   font: 1em Arial, Verdana, Helvetica, sans-serif;
   background-color: #fff;
   margin: 0 auto;
   line-height: 1.4em;
   overflow: auto;
   width: 100%;
   padding: 0 10px 0;
   border: 4px solid #000;
   border-top: none;
}
   #lightbox-container-image-data
	  #lightbox-image-details{ 
      width: 70%; 
      float: left; 
      text-align: left; 
   }  
   #lightbox-container-image-data {
   	border-top: 1px solid #CCC;
      padding: 5px 10px; 
      color: #666; 
   }
	   #lightbox-image-details-caption {
	   	font-size: .9em;
	   	font-weight: bold;
	   }
		#lightbox-image-details-currentNumber {
			font-size: .8em;
		   display: block; 
		   clear: left; 
		   padding-bottom: 1.0em;  
		}        

	#lightbox-secNav-btnClose {
	   width: 66px; 
	   float: right;
	   padding-bottom: 0.7em;  
	}