/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/gallery/simple.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery {width:578px; height:365px; position:relative; background:#eee; border:1px solid #aaa;}
#gallery ul {list-style:none; padding:0; margin:30px 0 0 0; width:140px; float:right;}
#gallery ul li {display:inline; width:40px; height:31px; float:left; margin:0 0 3px 3px; border:1px solid #fff; cursor:pointer;}
#gallery ul li.tb1  {background:url(../../galeria/images/thumb/wla_thumb-01.jpg) ;}
#gallery ul li.tb2  {background:url(../../galeria/images/thumb/wla_thumb-02.jpg);}
#gallery ul li.tb3  {background:url(../../galeria/images/thumb/wla_thumb-03.jpg) ;}
#gallery ul li.tb4  {background:url(../../galeria/images/thumb/wla_thumb-04.jpg) ;}
#gallery ul li.tb5  {background:url(../../galeria/images/thumb/wla_thumb-05.jpg) ;}
#gallery ul li.tb6  {background:url(../../galeria/images/thumb/wla_thumb-06.jpg) ;}
#gallery ul li.tb7  {background:url(../../galeria/images/thumb/wla_thumb-07.jpg) ;}
#gallery ul li.tb8  {background:url(../../galeria/images/thumb/wla_thumb-08.jpg) ;}
#gallery ul li.tb9  {background:url(../../galeria/images/thumb/wla_thumb-09.jpg) ;}
#gallery ul li.tb10 {background:url(../../galeria/images/thumb/wla_thumb-10.jpg) ;}
#gallery ul li.tb11 {background:url(../../galeria/images/thumb/wla_thumb-11.jpg) ;}
#gallery ul li.tb12 {background:url(../../galeria/images/thumb/wla_thumb-12.jpg) ;}
#gallery ul li.tb13 {background:url(../../galeria/images/thumb/wla_thumb-13.jpg) ;}
#gallery ul li.tb14 {background:url(../../galeria/images/thumb/wla_thumb-14.jpg) ;}
#gallery ul li.tb15 {background:url(../../galeria/images/thumb/wla_thumb-15.jpg) ;}
#gallery ul li.tb16 {background:url(../../galeria/images/thumb/wla_thumb-16.jpg) ;}
#gallery ul li.tb17 {background:url(../../galeria/images/thumb/wla_thumb-17.jpg) ;}
#gallery ul li.tb18 {background:url(../../galeria/images/thumb/wla_thumb-18.jpg) ;}
#gallery ul li.tb19 {background:url(../../galeria/images/thumb/wla_thumb-19.jpg) ;}
#gallery ul li.tb20 {background:url(../../galeria/images/thumb/wla_thumb-20.jpg) ;}
#gallery ul li.tb21 {background:url(../../galeria/images/thumb/wla_thumb-21.jpg) ;}

#gallery ul li span i img {display:none;}
#gallery ul li.click {border-color:#000; cursor:default;}
#gallery ul li.click span {position:absolute; left:0; top:0; width:436px; height:365px;}
#gallery ul li.click span i {width:436px; height:365px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.click span i img {display:block; width:auto; height:auto; border:2px solid #B0B0B0; margin:0 auto;}
#gallery ul li.default {width:0; height:0; border:0;}
#gallery ul li.default span {position:absolute; left:0; top:0; width:436px; height:365px;}
#gallery ul li.default span i {width:436px; height:365px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.default span i img {display:block; width:420px; height:320px; border:2px solid #B0B0B0; margin:0 auto;}
#gallery ul li.off {display:none;}