/* ================================================================ 
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/gallery/left_right_click.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:980px; position:relative; height:60px; padding-top:386px; margin:0 0px 0px 0px; background:#dbdbdb;}

#gallery img.left {width:55px; height:62px; background:#dbdbdb; float:left;cursor:pointer;}
#gallery img.right {width:55px; height:62px; background:#dbdbdb; float:left;cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#dbdbdb; border:2px solid #dbdbdb; border-width:5px 15px;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* using background images */
/*#gallery ul li.th1 {background:url(img/01_climatitzacion.jpg);}
#gallery ul li.th4 {background:url(left_right_click/thumbs/th4.jpg);}
*/
#gallery ul li.th0 {background:url(img/thumbs/00_acromat.jpg);}
#gallery ul li.th1 {background:url(img/thumbs/01_climatitzacion.jpg);}
#gallery ul li.th2 {background:url(img/thumbs/02_calefaccion.jpg);}
#gallery ul li.th3 {background:url(img/thumbs/03_gas.jpg);}
#gallery ul li.th4 {background:url(img/thumbs/04_fontaneria.jpg);}
#gallery ul li.th5 {background:url(img/thumbs/05_riegos.jpg);}
#gallery ul li.th6 {background:url(img/thumbs/06_saneamientos.jpg);}
#gallery ul li.th7 {background:url(img/thumbs/07_piscinas.jpg);}
#gallery ul li.th8 {background:url(img/thumbs/08_contraincendio.jpg);}
#gallery ul li.th9 {background:url(img/thumbs/09_ventilacion.jpg);}
#gallery ul li.th10 {background:url(img/thumbs/10_fotovoltaica.jpg);}
#gallery ul li.th11 {background:url(img/thumbs/11_termica.jpg);}
#gallery ul li.th12 {background:url(img/thumbs/12_microcogeneracion.jpg);}
#gallery ul li.th13 {background:url(img/thumbs/13_canalizaciones.jpg);}
#gallery ul li.th14 {background:url(img/thumbs/14_electricidad.jpg);}
#gallery ul li.th15 {background:url(img/thumbs/15_iluminacion.jpg);}
#gallery ul li.th16 {background:url(img/thumbs/16_videoportero.jpg);}
#gallery ul li.th17 {background:url(img/thumbs/17_telefonia.jpg);}
#gallery ul li.th18 {background:url(img/thumbs/18_television.jpg);}
#gallery ul li.th19 {background:url(img/thumbs/19_alarmas.jpg);}
#gallery ul li.th20 {background:url(img/thumbs/20_domotica.jpg);}
#gallery ul li.th21 {background:url(img/thumbs/21_albanileria.jpg);}
#gallery ul li.th22 {background:url(img/thumbs/22_pladur.jpg);}
#gallery ul li.th23 {background:url(img/thumbs/23_pintura.jpg);}
#gallery ul li.th24 {background:url(img/thumbs/24_carpinteria.jpg);}
#gallery ul li.th25 {background:url(img/thumbs/25_parquet.jpg);}
#gallery ul li.th26 {background:url(img/thumbs/26_herreria.jpg);}
#gallery ul li.th27 {background:url(img/thumbs/27_cerrajeria.jpg);}
#gallery ul li.th28 {background:url(img/thumbs/28_cristaleria.jpg);}
#gallery ul li.th29 {background:url(img/thumbs/29_puertas-automaticas.jpg);}
#gallery ul li.th30 {background:url(img/thumbs/30_toldos.jpg);}
#gallery ul li.th31 {background:url(img/thumbs/31_persianas.jpg);}
#gallery ul li.th32 {background:url(img/thumbs/32_jardineria.jpg);}
#gallery ul li.th33 {background:url(img/thumbs/33_tabiques.jpg);}
#gallery ul li.th34 {background:url(img/thumbs/34_plagas.jpg);}
#gallery ul li.th35 {background:url(img/thumbs/35_rotulos.jpg);}
#gallery ul li.th36 {background:url(img/thumbs/36_bricolaje.jpg);}
#gallery ul li.th37 {background:url(img/thumbs/37_mudanzas.jpg);}
#gallery ul li.th38 {background:url(img/thumbs/38_limpieza.jpg);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img { visibility:hidden; display:block; width:50px; height:50px;}

#gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li b {color:#dbdbdb;}

#gallery ul li.chosen {border-color:#fff; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:980px; height:375px; background:#dbdbdb; border:0px solid #000; border-width:0px 0px 0 0px;}
#gallery ul li.chosen div i {width:970px; height:375px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:980px; height:375px; border:0px solid #aaa; margin:0 0;}
#gallery ul li.chosen span {display:block;}