body {
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	background-color:#000000;/*FFFF00*/
	/*background-image:url(../images/fons/fons2.jpg);*/
	height:100%;
	background-position: center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	/*overflow-x:hidden;*//*tret*/
	font-size:10px;
	font-family:arial;	
	color:#CCC;

}
img
		{border: 0px;}
.projectlistimage {
	position:absolute;
	left:-100px;
	margin-top:2px;
	visibility:hidden;
	z-index:10;
}
.titol{
	font-size:12px;
	font-weight:bold;
	color:#CCC;
}

.fons{
	z-index:0;
	position:relative;
}
.front{
	z-index:2;
}

#content{
	top:50%;
	margin-top:-225px;
	left:50%;
	margin-left:-225px;
	position:fixed;
	height:450px;
	width:450px;/*450*/
	border:1px;
	border-style:solid;
	border-color:#F60;
}

#cuadre {
	width:440px;/*450*/
	height:440px;
	text-align:left;
	/*border:1px; 
	border-style:solid; 
	border-color:#F60;*/
	font-size:12px;
	max-height:457;
	padding:5px 5px 5px 5px;
	
}
#cuadre h1{
	text-align:left;
	font-size:16px;
}
#imatge {
	width:450px;/*450*/
	height:450px;
	text-align:justify;
	overflow:auto;
	/*border:1px;
	border-style:solid;
	
	border-color:#F60;*/
}
#SDreta{
	top:50%;
	margin-top:235px;
	left:50%;
	margin-left:-225px;
	position:fixed;
	text-align:left;
}
#SEsq{
	top:50%;
	margin-top:235px;
	right:50%;
	margin-right:-225px;
	position:fixed;
	text-align:right;
}
a:link, a:visited {
	color:#CCC;
	text-decoration:none;
	border:none;
	border-style:none;
	border-width:0;

}
a:hover, a:active {
	color:#F60;
}
.tronja{color:#F60}
a.tronja:visited {color:#F60}
a.tronja:link {color:#F60}
a.tronja:hover {color:#CCC}
a.tronja:active {color:#F60}
#logo {
	width:170px;
	position:fixed;
	margin-left:-400px;
	left:50%;
	top:50%;
	margin-top:-285px;
}
#logo2 {
	width:400px;
	position:fixed;
	margin-left:-220px;
	left:50%;
	top:50%;
	margin-top:-265px; 
	font-size:9px;
}
#punt {
	position:fixed;
	margin-left:200px;
	left:50%;
	top:50%;
	margin-top:-24px; 
	font-size:9px;
}
#contador {
	width:460px;
	position:fixed;
	margin-right:-234px;
	right:50%;
	top:50%;
	margin-top:-280px;
	font-size:9px;
}
#idiomes {
	width:400px;
	position:fixed;
	margin-left:-630px;
	left:50%;
	top:50%;
	margin-top:-310px;
	font-size:9px;
	text-align:right
}
#leftmenu {
	width:150px;/*101*/
	height:550px;
	position:fixed;
	margin-left:-400px;/*-355*/
	left:50%;
	top:50%;/*245px;*/
	margin-top:-215px;
	bottom:10px;
	line-height:16px;
}

#pressarea {
	top:50%;
	margin-top:-225px;
	position:fixed;
	font-size:9px;
}
#marca {
	top:50%;
	margin-top:260px;
	position:fixed;
	font-size:9px;
}
#contact {
	top:50%;
	margin-top:130px;
	position:fixed;
}
/************************ SCROLL*********************/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 7px;
background-color: #000000;
}
.vscrollerbar {
left:2px;
width: 5px;
background-color: #F60;
}

.scrollerjogbox {
width: 5px;
height: 5px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: #000000;
}