/* CSS Document */

body, html {
height: 100%;
}

body {

	background-color: #242424;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../imatges/background.gif);
	background-attachment:fixed;
	background-position:bottom left;
	background-repeat: no-repeat;

}
h3 {
padding: 0;
margin:4px 0;

}
.text, .text a {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#999999;
	}
.text a { 
	padding: 0 4px 0 4px;
	}
.text a:hover{
	color:#fff;
	}
	
.text2, .text2 a {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#ccc;
	}
.text2 a strong {
display:none;
}
.rootie{

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#666;
}
.rootie a{

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

}

#FloatSlideShow{

background: #000;
color: #FFF;
width:99%;
position: absolute  ;
z-index:100;
top: 0;
}

#peu2 {
background: #000;
color: #FFF;
width:99%;position: absolute;
	left: 0;
	top: 0;
}
.bottom-left {
	position: absolute;
	left: 0;
	bottom: 0;

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

.navi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 0;
	width: 200px;
	}
.navi ul li {list-style-type: none; width: 200px;}
.navi li a {
	text-align: left;
	background-image: url(../imatges/lineh.gif);
	background-repeat: no-repeat;
	background-position: 0 -2px;
	width: 200px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#9f9f9f;
	font-size:10px;
	text-decoration:none;
	text-indent: 25px;
	display: block;
	padding: 1px 0 1px 0;
	margin:1px 0 0 0 ;
	border: 0;
	text-decoration: none;
}

.navi li a:hover
{
	background-position: 0 -22px;
	color:#fff;
}
.undisplayed {
	display:none;
	}
	
.navi ul li ul  {
	padding: 0 0 10px 10px;

}
.navi li li a {	
	background-image: url(../imatges/lineh2.gif); 
	width: 180px;
}
	
	/*///////////////navi////////////////*/

.navi02 ul {
	margin: 0 15px 0 15px;
	padding: 0;
	list-style-type: none;
	border: 0;
	width: 170px;
	}
.navi02 ul li {list-style-type: none;width: 170px;}
.navi02 li a {
	text-align: left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#9f9f9f;
	font-size:10px;
	width: 170px;
	text-decoration:none;
	text-indent: 5px;
	display: block;
	padding: 1px 0 1px 0;
	background-color: #333;
	margin:1px 0 0 0 ;
	border: 0;
	text-decoration: none;
}

.navi02 li a:hover
{
	background-position:bottom left;
	background-color: #666;
	color:#fff;
}


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

- OTHER

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

.boxes{
	border : 1px solid #666666;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	background : transparent;
	color : #666666;
	margin-bottom : 1px;
	margin-left : 1px;
	margin-right : 1px;
	margin-top : 1px;
	background-color : #999;
}
.buttons{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	color : #544338;
	background-color : #fff;
	display: block;
	font-weight : bold;
	width: 236px;
	margin: 0;
	padding: 0;
}

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

IMATGES

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

.imatgeshow {
position:relative;
 top:0px; 
 left:0px;
  width:574px;
    z-index:100;
	}
.imatgeshow a.showie, #menu a.showie:visited {display:block; width:574px; height:100px; text-decoration:none; background:#999; top:0; left:0; border:0;}
.imatgeshow a img {border:0;}
.imatgeshow a.showie:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.imatgeshow a .large {display: block; visibility:hidden; position:absolute; width:564px; height: 350px;  border:0; top: -260px; left:-1900px;}
.imatgeshow a.showie:hover .large {display:block;  visibility: visible; position:absolute; top: -260px; left:0px; width:574px; height:350px; border:5px solid #ccc;}

#info {z-index:100; height:22em;}