* { margin: 0; padding: 0; }

#preload{
width: 0px;
height: 0px;
display: inline;
background-image: url("img/marcel1.jpg");
background-image: url("img/marcel2.jpg");
background-image: url("img/marcel3.jpg");
background-image: url("img/roc1.jpg");
background-image: url("img/roc2.jpg");
background-image: url("img/roc3.jpg");
background-image: url("img/pau1.jpg");
background-image: url("img/pau2.jpg");
background-image: url("img/pau3.jpg");
background-image: none;
}

body{
font-family:"Lucida Grande",Lucida Grande,Arial;
font-size:100%;
line-height:100%;
margin:0;
padding:0;
background-color:#CCCCCC;
font-size:12px;
}

body.blanc{
background-color:#ffffff;
}

p {
font-size:12px;
text-decoration:none;
}

h1{
font-weight:bold;
color:#000000;
font-size:12px;
line-height:200%;
}

a img {
border:medium none;
/*filter: alpha(opacity=50);
opacity: 1;*/
}
a:focus {
border:0 none;
text-decoration:none;
/*filter: alpha(opacity=50);
opacity: .5;*/
}
a {
border:medium none;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
color:#000000;
}

#continguts{
width:100%;
position:relative;
}

#esquerra{
margin:15px 0px 0px 15px;
top:0px;
left:0px;
width:220px;
height: 100%;
display:block;
position:fixed;
z-index: 1;
}

#dreta {
width:100%;
display:block;
position:absolute;
left: 0px;
top: 0px;
text-decoration:none;
}

#botons{
background-color:#FFFFFF;
height:355px;
width:200px;
display:block;
float:left;
position: relative;
background:url(img/blanc.jpg);
}


#botons_blanc2{
background-color:#FFFFFF;
margin:15px 0px 0px 15px;
height:345px;
overflow:hidden;
width:200px;
display:block;
float:left;
position:relative;
}

#botons_blanc3{
background-color:#FFFFFF;
margin:15px 0px 0px 15px;
overflow:hidden;
width:200px;
height:531px;
display:block;
position:relative;
float:left;
margin-left:15px;
}

#botons_blanc4{
margin:10px 0px 0px 15px;
overflow:hidden;
width:415px;
height:535px;
display:block;
position:relative;
}

#botons_blanc4 li{
background-color:#FFFFFF;
overflow:hidden;
width:415px;
height:19px;
display:block;
position:relative;
padding:5px;
margin-bottom:15px;
cursor:pointer;
}

#botons_gris{
background-color:#e7e7e7;
height:15px;
margin-top: -15px;
overflow:hidden;
width:200px;
display:block;
float:left;
position: absolute;
z-index:2;
top: 0px;
left: 0px;
}

#text_fletxes{
height:50px;
width:200px;
display:block;
float:left;
position: absolute;
bottom:15px;
color:#666666;
line-height:130%;
font-size:11px;
left: 0px;
}

#text_fletxes p{
color:#888888;
font-size:11px;
}

#fletxes{
background:transparent url(img/fletxes.jpg) no-repeat scroll;
width:200px;
height:89px;
display:block;
position: absolute;
left: 0px;
bottom:15px;
}

.contacte {
background-color:#000000;
color:#FFFFFF;
height:170px;
width:200px;
display:block;
float:left;
position: relative;
margin-top: 15px;
}

.vinilus {
background-color:#000000;
height:170px;
width:200px;
display:block;
float:left;
position: relative;
margin-top: 15px;
}

#dreta_margin {
height:100%;
width: auto;
position:relative;
margin-left: 215px;
}

.fotos {
background-color:#FFFFFF;
height:100%;
width: auto;
overflow:hidden;
position:relative;
margin-top:15px;
text-align:center;
margin-left: 215px;
}

.foto {
padding-top:20px;
padding-bottom:450px;
margin-left: auto;
margin-right: auto;
margin-top:15px;
background-color:#FFFFFF;
height:100%;
overflow:hidden;
width:100%;
display:block;
position:relative;
}

#info {
bottom:0px;
/*right:15px;*/
left:230px;
width:280px;
height:95px;
display:block;
position:fixed;
color:#555555;
line-height:135%;
padding:3px;
z-index:1;
background-color:#FFFFFF;
text-align:left;
}

#project_description {
bottom:0px;
right:15px;
left:510px;
width:auto;
height:95px;
display:block;
position:fixed;
color:#555555;
line-height:135%;
padding:3px;
z-index:1;
background-color:#FFFFFF;
text-align:left;
}

#info a{
color:#333333;
text-decoration:underline;
}

#galeria {
font-family:"Lucida Grande",Lucida Grande,Arial;
font-size:13px;
color:#CCCCCC;
float:left;
width:auto;
position:relative;
padding-left: 215px;
}

#galeria li {
background-color:#000000;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:15px 0px 0px 15px;
width:200px;
display:block;
}
#galeria li p {
color:#888888;
text-decoration:none;
margin-top:3px;
position:relative;
display:block;
padding-left:2px;
}

#galeria a:visited {
color:#000000;
text-decoration:none;
}
#galeria li p a:hover {
/*background-color:#000000;*/
color:#FFFFFF;
text-decoration:none;

}
#galeria a:active  {
background-color:#FFFFFF;
color:#000000;

}

.th {
	height:170px;
	width:200px;
	float:left;
	color:#ffffff;
}
.menu_fals{
	margin-top:40px;
}

.menu_fals li {
	font-family:"Lucida Grande",Lucida Grande,Arial;
	font-size:13px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1;
	padding:0;
	margin:0;
	height:22px;
	cursor:pointer;
	display:block;
	color:#FFFFFF;
	text-decoration: none;
	padding-left: 28px;
	list-style-type: none;
}

.basic {
	margin-top:40px;
}

.basic li {
	list-style-type: none;
}

.basic a {
	font-family:"Lucida Grande",Lucida Grande,Arial;
	font-size:13px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1;
	padding:0;
	margin:0;
	height:22px;
	cursor:pointer;
	display:block;
	color:#666666;
	text-decoration: none;
	padding-left: 28px;
}
.basic a:hover {
	color:#000000;
}

.basic a.selected {
	background-image: url("img/linia1.gif");
	background-repeat: no-repeat;
	background-position: left;
	color:#000000;
}

.segona li {
	list-style-type: none;
}

.segona a {
	font-family:"Lucida Grande",Lucida Grande;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1;
	margin:0;
	padding:0;
	height:22px;
	padding-left:48px;
	color:#666666;
	cursor:pointer;
	display:block;
}

.segona a:hover {
	color:#000000;
}

.segona a.selected {
	background-image: url("img/linia2.gif");
	background-repeat: no-repeat;
	background-position: left;
	color:#000000;

}


.tercera li {
	list-style-type: none;
}
.tercera a {
	font-family:"Lucida Grande",Lucida Grande,Arial;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1;
	margin:0;
	padding:0;
	cursor:pointer;
	display:block;
	text-decoration: none;
	color: #666666;
	padding-left: 88px;
}
.tercera a:hover {
	color:#000000;

}
.tercera a.menu3seleccionat {
	color:#000000;
	background-image: url("img/linia3.gif");
	background-repeat: no-repeat;
	background-position: left;
}

#fotos_estampa{
width:200px;
margin-top:15px;
position:relative;
margin-left:15px;
float:left;
}

#img-cap {
cursor:pointer;

}

#img-cos {
cursor:pointer;

}

#img-peus {
cursor:pointer;

}


.column{ padding: 5px; }

		.wide { clear:both; }
		#wrapper { margin: 0px 100px; }
		.estatic { color:#555555; line-height:135%; font-size:13px; padding:5px;}
		.estatic a {display:block; text-decoration:underline; font-size:11px;}
		.estatic a:hover {display:block; background-color:#000000; color:#FFFFFF; text-decoration:none;}