.booklet          {width:800px; height:600px; position:relative;background:#fff; /**/ margin:0 auto 10px; overflow:visible !important;}
.booklet .b-page  {left:0; top:0; position:absolute; overflow:hidden; padding:0;box-shadow:  0 5px 20px rgba(0, 0, 0, 0.5); 	-moz-box-shadow:  0 5px 20px rgba(0, 0, 0, 0.5); 	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); 		-o-box-shadow:  0 5px 20px rgba(0, 0, 0, 0.5);}
.booklet .b-pN  {}
.booklet .b-p0  {}
.booklet .b-p1  {}
.booklet .b-p2  {}    
.booklet .b-p3  {}
.booklet .b-p4  {}
.booklet .b-load  {}
		 
.booklet .b-wrap       {top:0; position:absolute;}
.booklet .b-wrap-left  {background:#fff;}
.booklet .b-wrap-right {background:#efefef;}
.booklet .b-pN .b-wrap,.booklet .b-p1 .b-wrap,.booklet .b-p2 .b-wrap,.booklet .b-p3 .b-wrap,.booklet .b-p4 .b-wrap  {left:0;}
.booklet .b-p0 .b-wrap  {right:0;}
.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:#925C0E;}
.booklet .b-page-cover h3  {color:#fff; text-shadow:0px 1px 3px #222;}
.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;}
.booklet .b-wrap-left  .b-counter  {left:10px;  }
.booklet .b-wrap-right .b-counter {right:10px;}
.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}
.booklet .b-p0 { /*background-image:url("images/shadow_i.png"); background-repeat:repeat-y;background-position:-535px 10px;*/}
.booklet .b-p3 { /*background-image:url("images/shadow_d.png"); background-repeat:repeat-y; background-position:-10px 10px;*/}
.booklet .b-grab     {/*cursor: url(images/openhand.cur), default;*/}
.booklet .b-grabbing {/*cursor: url(images/closedhand.cur), default;*/}
.booklet .b-overlay      {top:0; position:absolute; height:100%; width:25%;}
.booklet .b-overlay-prev {left:0;  }
.booklet .b-overlay-next {right:0; }
.booklet .b-tab        {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
.booklet .b-tab-prev   {left:0;}
.booklet .b-tab-next   {right:0;}
.booklet .b-tab:hover  {background:#aaa; color:#000;}	

.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:23px;}
.booklet .b-arrow div      {display:none; text-indent:-9999px; height:35px; width:23px; position:absolute; left:0; top:50%; margin-top:-12px;}
.booklet .b-arrow-next     {right:-12px;}
.booklet .b-arrow-prev     {left:-12px;}
.booklet .b-arrow-next div {background:url("images/right-arrow.png") no-repeat left top;}
.booklet .b-arrow-prev div {background:url("images/left-arrow.png") no-repeat left top;}
		
body              {z-index:0;}
.b-menu           {z-index:30100;}
.b-selector       {z-index:30100;}
.booklet          {z-index:3010;}
.b-pN             {z-index:3010;}
.b-p0             {z-index:3010;}
.b-p1             {z-index:3010;}
.b-p2             {z-index:3010;}
.b-p3             {z-index:3010;}
.b-p4             {z-index:3010;}
.b-prev           {z-index:3040;}
.b-next           {z-index:3040;}
.b-counter        {z-index:3040;}
		
		/* @Menu Items
		----------------------------------------*/
.b-menu {height:20px; padding:0; font:11px arial, sans-serif;}
		
.b-selector             {height:20px; position:relative; float:right; border:none; color:#fff; cursor:pointer;}
.b-selector .b-current  {padding:0 7px; line-height:20px; height:20px; display:block; background:#1e90ff; text-align:center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); opacity:0.5;}
.b-selector-page        {width:40px;}
.b-selector-chapter     {width:auto;}
		
.b-selector:hover            {color:#fff; background-position:left 0px;}
.b-selector:hover .b-current {background-position:right 0px;  opacity:1;}
.b-selector ul               {overflow:hidden; margin:0; padding:0; list-style:none !important; position:absolute; top:18px; right:0; padding:0; background:#1e90ff; width:80px; font:normal 11px Arial, sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,0.5);
							-webkit-border-radius: 6px;-webkit-border-top-right-radius: 0;-moz-border-radius: 6px;-moz-border-radius-topright: 0;border-radius: 6px;border-top-right-radius: 0; z-index:3015	}
.b-selector li               {border:none;line-height:20px;height:20px;}
b-selector a                {color:#fff; line-height:20px;height:20px; text-decoration:none; display:block; padding:0px 7px;}
.b-selector a .b-text        {float:left; clear:none;}
.b-selector a .b-num         {float:right; clear:none;}
.b-selector a:hover          {color:#fff; background:#007AEC; }
		
#wepa-nave	{	position:fixed; bottom:0px; height:26px;  z-index:30400}
#wepa-nave ul	{	list-style:none !important; margin:0; padding:0; z-index:30300; position:absolute; width:230px; } /*fijo*/
#wepa-nave ul li{	float:left; color:#fff; padding:0; width:20px; height:21px; display:block;  opacity:0.5; cursor:hand; cursor:pointer; margin:0 10px; font:10px/21px verdana, sans-serif; color:#000; }
#wepa-nave ul li:hover{  opacity:1; }	
#wepa-nave .bot	{	width:20px; height:19px;	}
#wepana_ini	{	background:url(images/nav_ini.png) 0 0 no-repeat ;	}
#wepana_pre	{	background:url(images/nav_pre.png) 0 0 no-repeat ;	}
#wepana_nex	{	background:url(images/nav_nex.png) 0 0 no-repeat ;	}
#wepana_las	{	background:url(images/nav_las.png) 0 0 no-repeat ;	}
#wepana_sta	{	width:45px; text-align:center;	}
.consom	{		}
.sinsom { box-shadow:0 0 0 rgba(0, 0, 0, 0) !important; -moz-box-shadow:0 0 0 rgba(0, 0, 0, 0) !important;	}
		
		
		
.jqmWindow	{	display: none; position: fixed;	top: 50%;	left:50%;	background-color: #fff; color: #333;border: 1px solid #fff; padding:10px 30px 20px 30px;	
				-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
				box-shadow:  0 5px 20px rgba(0, 0, 0, 0.5); 	-moz-box-shadow:  0 5px 20px rgba(0, 0, 0, 0.5); 	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); 		-o-box-shadow:  0 5px 20px rgba(0, 0, 0, 0.5);
			 }
.jqmOverlay { background-color: #222; }
* html .jqmWindow {    position: absolute;   top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');	}
.jqmClose, .wepacerra	{	position:absolute; right:5px; bottom:5px; cursor:pointer;	width:20px; height:19px; display:block; background:url(images/cerrar.png) no-repeat; opacity:0.5;	}
.wepayuda				{	position:absolute; right:35px; bottom:5px; cursor:pointer;	width:20px; height:19px; display:block; background:url(images/ayuda.png) no-repeat; opacity:0.5;	}
.jqmClose:hover, .wepacerra:hover, .wepayuda:hover	{	opacity:1;	}
.wepazoom 	{	top:5%;position:absolute; width:30%; height:90%; display:block; cursor:hand; cursor:pointer;  }
#wepazoomi	{	left:35%;	display:none; z-index:3050;}
#wepazoomd	{	right:35%;	z-index:3060;}
		
		
#wepazoomareafull	{	position:absolute; left:30px;  top:3000px; z-index: 30390;	}
#wepazoomareabg		{	position:absolute; left:30px;  top:3000px; z-index: 30389; background:url(images/ajax-loader.gif) center center no-repeat #fff;	
		box-shadow:  0 5px 20px rgba(0, 0, 0, 0.5); 	-moz-box-shadow:  0 5px 20px rgba(0, 0, 0, 0.5); 	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); 		-o-box-shadow:  0 5px 20px rgba(0, 0, 0, 0.5);
		}
.wepa_conlupa	{	background:url(images/wepa_zoom.png) center center no-repeat;	}

#wepareayuda	{	position:absolute; left:30px;  top:3000px; z-index: 30391;	background:url(images/explicacion.png) center center no-repeat #fff; }
#wepareayuda_zoom	{	position:absolute; left:625px; top:205px;   }