/* CSS Document */

<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #121212;
}
h2{
font-size:18px;
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FDEECF;
margin:0;
padding:0;
letter-spacing: -1px;
}
h2 a{
font-size:18px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF; 
margin:0;
padding:0;
}
h1, h3, h4, h5 {
font-size: 19px;
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:0;
letter-spacing: -2px;
}
.principal {
	background-image: url(../imatges/principal.jpg);
	background-position:center;
	background-repeat:repeat-x;
}
.generic {
	background-image: url(../imatges/generica.jpg);
	background-position:center;
	background-repeat:repeat-x;
}
.menu, .menu a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #CCCCCC;

}
.menu h2 {
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ccc;
	background-color: #344607;font-weight: normal ;
	z-index: 1;
	letter-spacing: 0px;

}
.menu h3 {
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#ccc;
	background-color: #344607;font-weight: normal ;
	z-index: 1;
	letter-spacing: 0px;

}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #ccc;
	}
.titols {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #333333;

}
/*///////////////navi////////////////*/

.navi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 0;
}
.navi ul li {list-style-type: none;}
.navi li a {

	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#E8E9E4;
	font-size:12px;
	text-decoration:none;
	text-indent: 5px;
	display: block;
	padding: 2px 0 2px 0;
	width: 100%;
	background-color: #2E3909;
	margin: 1px 0 0 0;
	border: 0;
	text-decoration: none;
}

.navi li a:hover
{
	background-position:bottom left;
	background-color: #fefefe;
	color:#999;
}
.undisplayed {
	display:none;
	}
-->

/*///////////////////////FINAL LLISTA////////////////////////*/

#nav, #nav ul , #nav2, #nav2 ul, #nav3, #nav3 ul, #nav4, #nav4 ul, #nav5, #nav5 ul{ /* general */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;
}

#nav a, #nav2 a, #nav3 a, #nav4 a, #nav5 a { /* enllaços dins #nav */
	display: block;
	width: 100%;
}

#nav li, #nav2 li, #nav3 li, #nav4 li, #nav5 li { /* tots els objectes de llista */
	float: left;
	width: 99px;
}

#nav li a, #nav2 li a, #nav3 li a, #nav4 li a, #nav5 li a{ /* enllaços dins objecte de llista */
	display:block;
	width: 100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration:none;
		text-align:center;
	}
	
#nav li a:hover, #nav2 li a:hover, #nav3 li a:hover, #nav4 li a:hover, #nav5 li a:hover{ /* hover per llista general */
	background-position:left;
}


#nav li ul, #nav2 li ul, #nav3 li ul, #nav4 li ul, #nav5 li ul { /* segon nivell de llista */
	
	background-position:right;
	position: absolute;
	width: 152px;
	left: -999em; /* posicionem el objecte fora de la pantalla visible */
}

#nav li:hover ul, #nav li.sfhover ul, #nav2 li:hover ul, #nav2 li.sfhover ul, #nav3 li:hover ul, #nav3 li.sfhover ul, #nav4 li:hover ul, #nav4 li.sfhover ul, #nav5 li:hover ul, #nav5 li.sfhover ul { /* sfhover Hack for ie */
	background-position: left;
	left: auto; /* recuperem la posició de l'objecte onMouseOver */
}
#nav li ul a, #nav2 li ul a, #nav3 li ul a, #nav4 li ul a, #nav5 li ul a{ /* enllaços dins segon nivell */
background-image:url(../imatges/fondomenu.png);
	display:block;
	font-size:12px; width: 110px;
	border: 1px solid #ccc;
	background-position:left;
	line-height: 1.5; /* altura de linea relativa a tamany de text */
}
#nav li ul a:hover, #nav2 li ul a:hover, #nav3 li ul a:hover, #nav4 li ul a:hover, #nav5 li ul a:hover { /* hover per enllaços dins segon nivell */
background-position:right;}


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

.imatgeshow {
position:relative;
 top:0px; 
 left:0px;
  width:88px;
    z-index:200;
	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:300;}
.imatgeshow a.showie:hover { color:#000; }
.imatgeshow a .large {display: block; visibility:hidden;  position:absolute;width: 209px; height: 194px; top: -100px; left:-10px; border:0; }
.imatgeshow a.showie:hover .large {display:block;  visibility: visible; position:absolute; width: 139px; height: 194px; z-index:1000; top: -106%; left:-30%; border:1px solid #ccc;}
.imatgeshow a img:hover {
position:absolute;width: 209px; height: 194px; top: -100px; left:-10px; border:0; 
}
.petita {width:59px; height: 82px;}

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

.sub-petita {width:44px; height: 60px;}
.imatgeshow a .sub-large {display: block; visibility:hidden;  position:absolute;width:66px; height: 90px; top: -20px;  border:0; }
.imatgeshow a.showie:hover .sub-large {display:block;  visibility: visible; position:absolute; width:66px; height: 90px; z-index:1000; top: -20px; left:0; }

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

.imatge0110 img:hover{display: block; position: absolute; width:167px; height: 155px;}
.sitemap{
margin: 0;
padding:0;
}

.sitemap ul {
padding:0;
margin: 0;
list-style-type:none;
width:450px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
font-weight: normal;
}
.sitemap li {
padding:0;
margin: 5px 0 5px 0;

}
.sitemap li a{
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight: bold;
padding:0 0 0 15px;
margin:0;
background-image: url(../imatges/medium_17.gif);
background-position: 3px 4px;
background-repeat:no-repeat;
color: #e9e9e9;
}

.sitemap ul ul {
	margin:0 0 0 6px;
	padding: 0 0 0 2px;
	background-image:url(../imatges/dotv.gif);
	background-repeat: repeat-y;
	background-position: left;
	}
	.sitemap ul ul ul {
		margin:0 0 0 12px;
	
		}
		
.sitemap ul li li a {
	background-image: none;
padding:0 0 0 13px;
	color:#B5B5B5;
	}
	.sitemap ul li li{
		background-image:url(../imatges/doth.gif);
		background-position: 0px 8px;
		background-repeat: no-repeat;
		}

		.sitemap ul li li li a {
				background-image: url(../imatges/small_81.gif);
				background-position: 10px 5px;
				color:#828282;

				}
					.sitemap ul li li  li{ 
						background-image:url(../imatges/doth.gif);
						background-position: 0px 8px;
						background-repeat: no-repeat;
						}
.sitemap li a:hover {
	color: #ccc;
	}
/*/////////////////////

IMATGES

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

.imatgeshow1 {
position:relative;
 top:0px; 
 left:0px;
  width: auto;
    z-index:10;
	}
.imatgeshow1 a.showie1, #menu a.showie1:visited {display:block; width:180px; height:100px; text-decoration:none; background:#00162D; top:0; left:0; border:0;}
.imatgeshow1 a img {border:0;}
.imatgeshow1 a.showie1:hover {text-decoration:none; color:#000;}
.imatgeshow1 a .large1 {display: block; visibility:hidden; position:absolute; width:180px; height: 1000px;  border:0; top: -260px; left:-1900px;}
.imatgeshow1 a.showie1:hover .large1 {display:block;  visibility: visible; position:absolute; top: -260px; left:0px; width:100px; height:350px; border:5px solid #ccc;}

#info1 {z-index:10; height:22em;}


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

IMATGES 25

////////////////////*/
.imatgeshow25 {
position:relative;
 top:0px; 
 left:0px;
  width:88px;
    z-index:10;
	text-align:center;
	}
.imatgeshow25 a.showie25, #menu a.showie25:visited {text-align:center;display:block;   border:0;}
.imatgeshow25 a img {border:0;display: block; z-index:100;}
.imatgeshow25 a.showie25:hover {background-color:#8c97a3; color:#000; }
.imatgeshow25 a .large25 {display: block; visibility:hidden;  position:absolute;width: 209px; height: 194px; top: -100px; left:-50px; border:0; }
.imatgeshow25 a.showie25:hover .large25 {display:block;  visibility: visible; position:absolute;  width: 139px; height: 194px; z-index:1000; top: -106%; left:-30%;border:1px solid #ccc;}

.petita25 {width:59px; height: 82px;}

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

.sub-petita25 {position: relative; left: 10px; text-align: center; width:44px; height: 60px;}
.imatgeshow25 a .sub-large25 {display: block; visibility:hidden;  position:absolute;width:66px; height: 90px; top: -20px; left:-30px; border:0; }
.imatgeshow25 a.showie25:hover .sub-large25 {display:block;  visibility: visible; position:absolute; width:66px; height: 90px; z-index:1000; top: -20px; left:10px; }

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

.imatge0110 img:hover{display: block; position: absolute; width:167px; height: 155px;}