/*el meu css RETOCS que vaig fent a data 1/02/2010
atenció faig lletrasubmenu com a h1
antic h1 diu h1{font-size: 140%;
	margin-top:20px;
	margin-left:35px;
	color: #ff0;
	font-family: "Monotype Corsiva", Pristina, "Script MT Bold";
}
cal canviar també lletramenu per h6*/

body{
	background-color: #346287
	}
	
a{outline:0;}

p{margin:0 5px; padding-bottom:1em;font:70% verdana,arial,sans-serif;color: #234669;line-height:20px}
	
h1{ color: #FF0;
	letter-spacing:1.5px;
	font-family: "Script MT Bold";
	font-size: 130%;
	line-height: 40px;
}
h2{font-size: 125%; text-align:center;
	color: #234669;
	margin-top:0px;
	font-family: "Monotype Corsiva", Pristina, "Script MT Bold";
	letter-spacing:1.5px;
	padding:0px;
	}
h3{margin: 0 10px;font: 65% Verdana, Arial, Helvetica, sans-serif;font-weight: Bold;color: #234669;padding-top: 0.5em
	}
h4{font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	color: #003162;	text-decoration:none;
	}
h5{font: bold 70% Verdana, Arial, Helvetica, sans-serif; height:1px; line-height:1px;
	color: #8B3501;text-decoration:none
	}


.fotos{
font:60% verdana,arial,sans-serif;color:#003162;text-decoration: none;letter-spacing:0.1px;
/*des d'aquí tamany i tipus lletres que surten a les fotos*/
 /*leave this value as is in most cases    width: 100%;*/
}
.fotos ul{list-style:none;margin-top:10px;
margin-left:50px;
border-top: 0px;
float: left;


/* color: #FFFF33;width: 80%; width of menu*/
 /*és la separació de les imatges de dalt darkred border era així i és el color de separació  1px solid red; */
  /*background: url(images/ima1.gif)center center repeat-x; color entre caselles  background: black url(indentbg.gif) center center repeat-x;*/
}

.fotos ul li{padding:10px 0px 10px 0px;	float:left;/*;separació de les lletres a les fotos de dalt,....*/
	
}

.fotos ul li a{display:block;width:180px;float: left;/*col.loca els noms dels items a l'esquerre o dreta*/
 /* el color es millor posar-lo coma span color:#fff;text color dels ítems*/
/*padding: 35px 8px; separació dels mots ítems de l'esquerre amplada i llargada de les caselles*/
text-decoration: none;padding: 68px 20px 0px 20px; /*des d'aquí la separació de les lletres a les fotos esquerre i dalt background: url(images/ima3.gif);text-decoration: none;*/
 /*border: 0px solid blue;separacio menu items*/
}
.fotos ul li a: link{text-decoration: none;
 /*font-size: 11px;
color: #fff;font-family: Verdana, Arial, Helvetica, sans-serif;color: darkred;  color items visitats menus, no ho tinc clar i background: url(images/btn-slide.gif);*/
}
.fotos ul li a: hover{text-decoration: none;


 /*color: #ccc;font: bold 110% Verdana, Arial, Helvetica, sans-serif;color: darkred;  color items visitats menus, no ho tinc clar i background: url(images/btn-slide.gif);*/
}



#menu {padding:0;
		background-image:       url("../imatges/menu.jpg");
		background-repeat:no-repeat; background-position:center;
		margin: 0 auto;
		width:190px;
		height: 142px;
		margin-left: 20px;
		text-decoration: none;
	}
.image {text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;color:#bcf;
	padding:2px 0 0 3px;text-decoration: none; background-image:url(../imatges/blau.jpg);
	background-repeat:no-repeat; background-position:70px;margin-top:1px;height:15px;
	}
	
.image a {text-align:center;color:#ff0;padding:1px 0 0 28px;height:15px;
	text-decoration: none;letter-spacing:1.3px;font: Bold 55% Verdana, Arial, Helvetica, sans-serif; 
	}
.image a:hover{color:#cff;letter-spacing:1.4px;padding:2px 0 0 28px;height:15px;
	font: Bold 60% Verdana, Arial, Helvetica, sans-serif;text-decoration: none;
	}
	
.stil {font:65% Verdana,arial,sans-serif;color:#003162;line-height:20px
	}
.stil a{color:#003162;text-decoration:none;
}
.stil a:hover {color:#006;text-decoration:underline;
}

.stil1{	font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	color:#003162;	text-decoration:none;
}
.stil2{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #36C;text-decoration:none;
}


.junta {font-size: 200%; text-align:center;
	color: #234669;
	margin-top:0px;
	font-family: "Monotype Corsiva";font-weight:bold;
	letter-spacing:2px;
	padding:0px;
}
.junta1 {font-size:110%;text-align:left;margin-left:120px;
	color: #234669;
	font-family: "Monotype Corsiva";
	letter-spacing:2px;
	padding:0px;
}
.junta2 {text-align:center;
	font: 65%  Verdana,Arial,sans-serif;color:#234669;
	letter-spacing:0.5px;
	padding:0px;
}

.menutext  {font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.menutext a {font: bold 65% Verdana, Arial, Helvetica, sans-serif;
			color:#ff0;text-decoration: none;
	}
.menutext a:hover{font: bold 70% Verdana, Arial, Helvetica, sans-serif;
			color:#cff;text-decoration: none;
	}

.lletramenu {
	color: #888;
	font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: Bold;
	font-size: 54%;
	text-align:center;
	}
	
.telef {font-size:100%;color: #8B3501;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: Bold;
	letter-spacing:1.1px;margin-left: -5px;text-decoration: none;
}
div#resol {text-align:center; color: #8C8C8C;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:55%;
	}