/* CSS Document */

#gallery {
	width:534px;
	position:relative;
	height:60px;
	padding-top:370px;
	margin:10px 0 0 20px;
	float:left;
	display:inline;
}

#gallery img.left {
	width:55px;
	height:62px;
	float:left;
	cursor:pointer;
	margin:-10px 0 0;
}

/******* para X img *********/

#gallery img.cuatro{
	margin-left:90px;
}

#gallery img.cinco{
	margin-left:60px;
}

#gallery img.tres{
	margin-left:120px;
}


/**************************/

#gallery img.right {
	width:55px;
	height:62px;
	float:left;
	cursor:pointer;
	margin:-10px 0 0;
}

#gallery ul {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}

#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;
}

/* miniaturas imagenes */

#gallery ul li.th1 {
	background:url(../img/les4estacions/petites/primavera.jpg);
}

#gallery ul li.th2 {
	background:url(../img/les4estacions/petites/estiu.jpg);
}

#gallery ul li.th3 {
	background:url(../img/les4estacions/petites/tardor.jpg);
}

#gallery ul li.th4 {
	background:url(../img/les4estacions/petites/hivern.jpg);
}

#gallery ul li.th5 {
	background:url(../img/elselements/petites/terra.jpg);
}

#gallery ul li.th6 {
	background:url(../img/elselements/petites/aire.jpg);
}

#gallery ul li.th7 {
	background:url(../img/elselements/petites/aigua.jpg);
}

#gallery ul li.th8 {
	background:url(../img/elselements/petites/foc.jpg);
}

#gallery ul li.th9 {
	background:url(../img/natura/petites/nenufar01.jpg);
}

#gallery ul li.th10 {
	background:url(../img/natura/petites/nenufar02.jpg);
}

#gallery ul li.th11 {
	background:url(../img/natura/petites/rosesendins03.jpg);
}

#gallery ul li.th12 {
	background:url(../img/natura/petites/rosesendins02.jpg);
}

#gallery ul li.th13 {
	background:url(../img/natura/petites/rosesendins01.jpg);
}

#gallery ul li.th14 {
	background:url(../img/oliveres/petites/oliveres01.jpg);
}

#gallery ul li.th15 {
	background:url(../img/oliveres/petites/oliveres02.jpg);
}

#gallery ul li.th16 {
	background:url(../img/oliveres/petites/oliveres03.jpg);
}

#gallery ul li.th17 {
	background:url(../img/parasoles/petites/parasol01.jpg);
}

#gallery ul li.th18 {
	background:url(../img/parasoles/petites/parasol02.jpg);
}

#gallery ul li.th19 {
	background:url(../img/parasoles/petites/parasol03.jpg);
}

#gallery ul li.th20 {
	background:url(../img/parasoles/petites/parasol04.jpg);
}

#gallery ul li.th21 {
	background:url(../img/palmeres/petites/palmera01.jpg);
}

#gallery ul li.th22 {
	background:url(../img/palmeres/petites/palmera02.jpg);
}

#gallery ul li.th23 {
	background:url(../img/palmeres/petites/palmera03.jpg);
}

#gallery ul li.th24 {
	background:url(../img/palmeres/petites/palmera04.jpg);
}

#gallery ul li.th25 {
	background:url(../img/palmeres/petites/palmera05.jpg);
}

#gallery ul li.th26 {
	background:url(../img/besllums/petites/besllums01.jpg);
}

#gallery ul li.th27 {
	background:url(../img/besllums/petites/besllums02.jpg);
}

#gallery ul li.th28 {
	background:url(../img/besllums/petites/besllums04.jpg);
}

#gallery ul li.th29 {
	background:url(../img/besllums/petites/besllums03.jpg);
}

#gallery ul li.th30 {
	background:url(../img/animaaigua/petites/anima01.jpg);
}

#gallery ul li.th31 {
	background:url(../img/animaaigua/petites/anima02.jpg);
}

#gallery ul li.th32 {
	background:url(../img/animaaigua/petites/anima03.jpg);
}

#gallery ul li.th33 {
	background:url(../img/abstraccio/petites/platans01.jpg);
}

#gallery ul li.th34 {
	background:url(../img/abstraccio/petites/platans02.jpg);
}

#gallery ul li.th35 {
	background:url(../img/abstraccio/petites/gaudi01.jpg);
}

#gallery ul li.th36 {
	background:url(../img/abstraccio/petites/gaudi02.jpg);
}

#gallery ul li.th37 {
	background:url(../img/abstraccio/petites/mitoraj01.jpg);
}

#gallery ul li.th40 {
	background:url(../img/abstraccio/forumbn01.jpg);
}

#gallery ul li.th41 {
	background:url(../img/abstraccio/petites/forumbn02.jpg);
}

#gallery ul li.th42 {
	background:url(../img/abstraccio/petites/meninas01.jpg);
}

#gallery ul li.th43 {
	background:url(../img/abstraccio/petites/meninas02.jpg);
}

#gallery ul li.th44 {
	background:url(../img/abstraccio/petites/meninas03.jpg);
}

#gallery ul li.th45 {
	background:url(../img/abstraccio/petites/meninas04.jpg);
}

#gallery ul li.th46 {
	background:url(../img/abstraccio/petites/forumcolor01.jpg);
}

#gallery ul li.th47 {
	background:url(../img/animaaigua/petites/anima04.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:#444;
}

#gallery ul li.chosen {
	border:2px solid #AE3F2F;
	cursor:default;
}

#gallery ul li.chosen div {
	position:absolute;
	left:0;
	top:0;
	width:532px;
	height:355px;
}

#gallery ul li.chosen div i {
	width:530px;
	height:355px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
 
#gallery ul li.chosen div i img {
	visibility:visible;
	width:auto;
	height:auto;
	border:1px solid #aaa;
	margin:0 auto;
}