/* CSS Document */



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../imatges/bg-tile-bu2.jpg);
	background-repeat: repeat; background-attachment:fixed;
	background-color:#333333;
}
h1 {
padding: 0px;
margin: 0px;
}
h1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:38px;
	color:#F5F5F5;
	text-decoration:none;
	letter-spacing: -4px;
}
.text h2  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#F5F5F5;
	text-decoration:none;
	letter-spacing: -2px;
	padding: 0px;
margin: 0px;
}
h1 a:hover {color:#cccccc;}

/*//////////////////////////////TABLES//////////////////////////////*/

#blackborder{
border: 5px solid #000000;
	
	}
#fonsmenu{
	background-image:url(../imatges/top01.jpg);
} 
	
#latbox {
	background-image:url(../imatges/latbox.gif);
	background-repeat:no-repeat;
}
.latbox2 {
	background-image:url(../imatges/latbox2.jpg);
	background-repeat:no-repeat;
}
#photocont{
	border: #f5f5f5 1px solid;
}
/*--------------CAIXES----------*/

#caixa02, #caixa02b, #caixa02c, #caixa02d{
	background:url(../imatges/caixa02.gif);
	background-repeat:repeat-x;
}

#caixa08, #caixa08b, #caixa08c, #caixa08d{
	background:url(../imatges/caixa08.gif);
	background-repeat:repeat-x;
}

/*----middle---*/			
#csub02,#csub022, #csub02b, #csub02b2, #csub02c, #csub02c2, #csub02d, #csub02d2 {
	background-image:url(../imatges/csub02.gif);
	background-repeat:repeat-x;
}
			
#csub04, #csub04b, #csub04c, #csub04d {
	background-image:url(../imatges/csub04.gif);
	background-repeat:repeat-y;
}
#csub05, #csub05b, #csub05c, #csub05d {
	background-image:url(../imatges/csub05.gif);

}
#csub06, #csub06b, #csub06c, #csub06d {
	background-image:url(../imatges/csub06.gif);
	background-repeat:repeat-y;
}
/*--------------CAIXES----------*/




/*//////////////////////////////ESTILS//////////////////////////////*/

.text{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#F5F5F5;
	font-size:12px;
	text-decoration:none;
	}
.ZMarquee {
	position: relative;
	width: 200px;
	background-color:#000000;


}
.minitext_wl{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:10px;
	text-decoration:none;
	}
	
a.minitext_wl:hover{	color:#f5f5f5; }

.padded{
padding: 8px;
text-align:center;
}
.menu-min a, .menu-min-eco a {
	background-image:url(../imatges/latbox2.jpg);
	background-repeat:no-repeat;
	background-position: top left;
 	font-family:Arial, Helvetica, sans-serif;
 	width:130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ccc;
	text-decoration:none;
	font-weight: bolder;
	letter-spacing: -1px;
	display: block;
	padding: 11px 0 11px 0;
	margin:0;
	text-align: center;
	}
.menu-min a:hover, .menu-min-eco a:hover {
	background-position: bottom left;
	color: #c9c9c9;
}
 .menu-min-eco a {
 background-image:url(../imatges/latbox2eco.gif);
 padding-left: 32px;
 width:105px;
 text-align: left;
 }
 .descrip {
 font-family:Arial, Helvetica, sans-serif;
 	margin:0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ccc;
	text-decoration:none;
	font-weight: bolder;
	letter-spacing: 0px;

	}
 .descrip h4 {
 margin:0;
 padding: 0;font-size:11px;
 
 }
/*////////////////////////////////*/

.imatgeshow {
 top:0px; 
 left:0px;
  width:88px;
    z-index:0;
	text-align:center;
	}
.imatgeshow a.showie, #menu a.showie:visited {text-align:center;display:block;   border:0;}
.imatgeshow a img {border:0;display: block; z-index:100;}
.imatgeshow a.showie:hover {background-color:#8c97a3; color:#000; }
.imatgeshow a .large {display: block; visibility:hidden; width: 209px; height: 194px; top: -100px; left:-50px; border:0; }
.imatgeshow a.showie:hover .large {display:block;  visibility: visible;  width: 209px; height: 194px; z-index:1000; top: -106%; left:-70%; border:1px solid #ccc;}

.petita {width:184px; height: 80px; }

.gran {width:209px; height: 194px;}

.sub-petita {width:44px; height: 41px;}
.imatgeshow a .sub-large {display: block; visibility:hidden;  width:88px; height: 82px; top: -40px; left:px; border:0; }
.imatgeshow a.showie:hover .sub-large {display:block;  visibility: visible; width:88px; height: 82px; z-index:1000; top: -40px; left:0; }

.imatge0110 a img{border:0;display: block; width:88px; height: 82px;}

.imatge0110 img:hover{display: block; position: absolute; width:167px; height: 155px;}
#minimitza {
	font-size: 13px;
}
.undisplayed {
	display: none;
	}