* { 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;
font-size:100%;
line-height:100%;
margin:0;
padding:0;
background-image:#fff;
font-size:11px;
}

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

p {
font-size:10px;
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;
border-top:1px solid #ccc;
height:354px;
width:200px;
display:block;
float:left;
position: relative;
z-index: 1;

}


#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;
}


#text_fletxes{
height:50px;
width:200px;
display:block;
float:left;
position: absolute;
bottom:22px;
color:#666666;
line-height:130%;
font-size:10px;
left: 0px;
z-index:16;
}

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

}

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

#noticies {
	margin-left:0px; 
	padding-left:20px; 
	top:385px; 
	position:fixed; 
	display:block;
	height: auto;
	width: 180px;
	border-left: 1px solid #ccc; 
	
}

#noticia {
	border-bottom: 1px solid #ccc; 
	font-size:9px; 
	color:#666; 
	padding-top:10px;
	padding-bottom:10px;
}


#noticia p{
	color:#444;
	font-size:9px;
}

#dades_contacte {
	margin-left:0px; 
	padding-left:20px; 
	border-left: 1px solid #ccc; 
	font-size:9px; 
	color:#666; 
	bottom:35px; 
	position:fixed; 
	display:block;
}
#dades_contacte p {
font-size:10px; 
color:#666; 
line-height:150%;
}

.contacte {
background-color:#fff;
font-color:#000;
height:170px;
width:200px;
display:block;
float:left;
position: relative;
margin-top: 15px;
vertical-align: bottom;
}

.vinilus {
background-color:#000;
font-color:#000;
height:160px;
width:200px;
display:block;
float:left;
position: relative;
margin-top: 15px;
vertical-align: bottom;
}

#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:11px;
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:#000;
text-decoration:none;
margin-top:-2px;
height:20px;
position:relative;
display:block;
padding-top:11px;
background-color:#FFF;
vertical-align: bottom;

}



#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:11px;
	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: 10px;
	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:11px;
	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: 20px;

	
}

	
	
.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:11px;
	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:11px;
	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;}

#botons_blanc4 a {
	display: inline;
}

#botons_blanc4 a:hover {
	display: inline;
}

#ie6 {
	width: 660px; 
	height: 260px; 
	padding: 20px; 
	background: none repeat scroll 0% 0% rgb(255, 255, 255); 
	border: 1px solid rgb(204, 204, 204); 
	font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif; 
	list-style-type: none; 
	color: rgb(79, 79, 79); 
	font-size: 12px;
}

#ie6 h1 {
	display: block; 
	font-size: 1.3em; 
	margin-bottom: 0.5em; 
	color: rgb(51, 51, 51); 
	font-family: Helvetica,Arial,sans-serif; 
	font-weight: bold;
}

#ie6 p {
	margin-bottom: 1em;
}

#ie6 ul {
	list-style: none outside none; 
	padding: 10px 0px 0px 10px;
}

#ie6 li {
	float: left;
}

#ie6 .browser {
	cursor: pointer; 
	width: 120px; 
	height: 122px; 
	margin: 0pt 10px 10px 0pt;
	background: url(js/ie6/background_browser.gif) no-repeat scroll left top transparent;
}

#ie6 .browser_name {
	color: rgb(128, 128, 128); 
	font-size: 0.8em; 
	height: 18px; 
	line-height: 17px; 
	margin: 1px auto; 
	width: 118px; 
	text-align: center;	
}

#ie6 .browser_image {
	width: 100px; 
	height: 100px; 
	margin: 1px auto; 
}

#ie6 #b_ie {
	background: url(js/ie6/browser_ie.gif) no-repeat scroll left top transparent;
}

#ie6 #b_firefox {
	background: url(js/ie6/browser_firefox.gif) no-repeat scroll left top transparent;	
}

#ie6 #b_chrome {
	background: url(js/ie6/browser_chrome.gif) no-repeat scroll left top transparent;
}

#ie6 #b_safari {
	background: url(js/ie6/browser_safari.gif) no-repeat scroll left top transparent;
}

#ie6 #b_opera {
	background: url(js/ie6/browser_opera.gif) no-repeat scroll left top transparent;
}