@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align:justify;
}
#logo{
	position:absolute;
	margin-left:-520px;
	left: 50%;
	background-repeat: no-repeat;
	width:105px;
	height:130px;
	background-image:url(logo.jpg);
	margin-top:15px;
}
#pagina{
	position:absolute;
	width:800px;
	background-color: #ffffff;
	left: 50%;
	margin-left: -400px;
	margin-top:20px;
}
.contacte{
	position:absolute;
	width:260px;
	left: 525px;
	top: 10px;
	text-align:right;
	font-size:0.8em;
	line-height:1.5em;
	z-index:1;
}
#peu{
	clear: both;
	border-top: 1px solid #000000;
	font-size: 0.9em;
	color: #666666;
	padding: 8px 0px 5px 5px;
	margin-top: 0px;
}
a.peu:link, a.peu:visited{
	color:#000000;
	text-decoration:none;
}
a.peu:hover{
	color:#666666;
	text-decoration:none;
}
a.peu2:link,a.peu2:visited{
	color:#666666;
	text-decoration:none;
}
a.peu2:hover{
	color:#666666;
	text-decoration:underline;
}
.linia {
	float:right;
	width:773px;
	height:27px;
	background-color:#FFFFFF;
}
.link1 a { 
	display:block; 
	width:100%; 
	height:22px; 
	padding-top:5px; 
	color:#000000;
	text-decoration:none;
} 
.link1 a:hover { 
	background-color:#F88000;
	color:#FFFFFF;
	z-index:2;
	position:relative;
}
.link2 a { 
	display:block; 
	width:100%; 
	height:22px; 
	padding-top:5px; 
	color:#000000;
	text-decoration:none;
} 
.link2 a:hover { 
	background-color:#A0B918;
	color:#FFFFFF;
	z-index:2;
	position:relative;
}
.link3 a { 
	display:block; 
	width:100%; 
	height:22px; 
	padding-top:5px; 
	color:#000000;
	text-decoration:none;
} 
.link3 a:hover { 
	background-color:#E3153C;
	color:#FFFFFF;
	z-index:2;
	position:relative;
}
.link4 a { 
	display:block; 
	width:100%; 
	height:22px; 
	padding-top:5px; 
	color:#000000;
	text-decoration:none;
} 
.link4 a:hover { 
	background-color:#000000;
	color:#FFFFFF;
	z-index:2;
	position:relative;
}
.q1{
	background-color:#F88000;
	width:27px;
	height:27px;
	float:left;
}
.q2{
	background-color:#A0B918;
	width:27px;
	height:27px;
	float:left;
}
.q3{
	background-color:#E3153C;
	width:27px;
	height:27px;
	float:left;
}
.q4{
	background-color:#000000;
	width:27px;
	height:27px;
	float:left;
}
.liniaE {
	color:#FFFFFF;
	display:block; 
	width:100%;
	height:22px;
	padding-top:5px;
	background-color:#000000;
}
.liniaG {
	color:#FFFFFF;
	display:block; 
	width:100%;
	height:22px;
	padding-top:5px;
	background-color:#F88000;
}
.liniaM {
	color:#FFFFFF;
	display:block; 
	width:100%;
	height:22px;
	padding-top:5px;
	background-color:#A0B918;
}
.liniaA {
	color:#FFFFFF;
	display:block; 
	width:100%;
	height:22px;
	padding-top:5px;
	background-color:#E3153C;
}
.llista{
	text-align:left;
	width:180px;
	float: left;
	position: relative;
}
.llista ul{
	list-style: square;
	padding-left:35px;	
}
.graficaActiu a{
	color:#F88000;
	text-decoration:none;
}
.grafica a{
	text-decoration:none;
	color:#000000;
}
.grafica a:hover{
	color:#F88000;
}
.multiActiu a{
	color:#A0B918;
	text-decoration:none;
}
.multi a{
	text-decoration:none;
	color:#000000;
}
.multi a:hover{
	color:#A0B918;
}
.audioActiu a{
	color:#E3153C;
	text-decoration:none;
}
.audio a{
	text-decoration:none;
	color:#000000;
}
.audio a:hover{
	color:#E3153C;
}
.nav{
	width:580px;
	text-align:left;
}
.nav p{
	text-align:right;
}
.nav img{
	margin-right:10px;
	margin-top:5px;
}
.galeria{
	width:582px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:15px;
	float: right;
	text-align:right;
	font-size:0.85em;
}
.out {
	display:block;
	background:#ccc;
	border:1px solid #ddd;
	position:relative;
	margin:1em 0 0 0;
  }
.inM {
  background:#fff; 
  border:1px solid #A0B918; 
  position:relative; 
  padding:0px;
  height:380px;
  }
.inA {
  background:#fff; 
  border:1px solid #E3153C; 
  position:relative; 
  padding:0px;
  height:380px;
}
.inG {
  background:#fff; 
  border:1px solid #F88000; 
  position:relative; 
  padding:0px;
  height:380px;
}
.inE {
  background:#fff; 
  border:1px solid #000000; 
  position:relative; 
  padding:0px;
  height:380px;
}
.ltin {
	left:-5px;
}
.tpin {
  top:-5px;
}
.narrow {
	width:582px;
} /* change to suit */
h5 {
	font-weight:bold; color:#000000;
}
form p{
	padding:20px;
}
.galeria p {
	padding-top:10px;
}
.galeriaG img{
	border: 1px solid #F88000;
}
.galeriaM img{
	border: 1px solid #A0B918;
}
.galeriaA object{
	border: 1px solid #E3153C;
}
.galeriaA img{
	border: 1px solid #E3153C;
}


/*saben que existeixes:*/

#menu {position:relative; width:800px; background:transparent url(existeixes/carrer.jpg) no-repeat; overflow:hidden;}
#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; width:200px; display:inline;}
#menu a {display:block; float:left; height:120px; overflow:hidden; color:#000; text-decoration:none; padding-top:100px; background:transparent url(existeixes/botigues.jpg) no-repeat 800px 165px;}
* html #menu a  {height:120px; height:0;}

#menu a em, #menu a span {display:none;}

#menu a#item1 {width:191px;}
#menu a#item2 {width:190px;}
#menu a#item3 {width:284px;}
#menu a#item4 {width:135px;}

#menu a:hover span {display:block; position:absolute; left:10px; top:170px; width:770px; height:30px; color:#000;}

#menu a#item1:hover {background-position: 0 0; z-index:50;}
#menu a#item2:hover {background-position: -191px 0; z-index:50;}
#menu a#item3:hover {background-position: -381px 0; z-index:50;}
#menu a#item4:hover {background-position: -665px 0; z-index:50;}

.carrer{
	padding-bottom:10px;
}
.video{
	float:inherit;
	position:relative;
}
.fletxa1{
	float:right;
	padding-top:370px;
}
.fletxa2{
	padding-top:370px;
	float:left;
}