/*
Estils comuns d'HTML
*/

body
{
background-color: #99CCFF;
background-attachment: scroll;
color: black;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-family: "Arial",sans-serif;
text-align: center;
font-size: 10px;
}

#header 	{
	margin: 0 0 0 1px;
	padding: 1px;
	height: 198px;
	width: 758px;
	background-position: center;
	z-index: 1;
}
#headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; }
#headerimg h1 a, #headerimg h1 a:visited, #headerimg .description, a h1 { color: #FFFFFF; }
a:visited h1, a:hover h1, a:link h1 { text-decoration:none; }
#headerimg h1 a, #headerimg .description { display: none; }

/*
Tipus de lletra
*/

/* texte normal */

.normal {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #0099CC;
	text-decoration: none;
}

/* borde tabla */

.taula {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

/* text botons */

.botons {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000033;
	text-decoration: none;
}

/* text blanc */

.negre {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #0000CC;
	text-decoration: none;
}

/* títol */

.titol {
	font-family: Tahoma, Verdana;
	font-size: 32px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	width: 478px;
	left: 267px;
	top: 35px;
	height: 114px;
}

/* enllaços */

.links {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
	text-decoration: none;
}

.top {
	background-image:url(img/mix_top.jpg);
	background-repeat: repeat;
}

.down {
	background-image:url(img/mix_down.jpg);
	background-repeat: repeat;
}

a.normal:hover {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #00FFFF;	
	text-decoration: underline;
}

a.links {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #00FFFF;
	text-decoration: none;  
}

a.visited {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #00FFFF;
	text-decoration: none;  
}

a.botons:hover {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}

div#pagewrap
{
	position: relative;
	width: 82.2em;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: left;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: white;
	border-right-color: white;
	border-bottom-color: white;
	border-left-color: white;
	border-top-width: 1px;
	border-right-width: 10px;
	border-bottom-width: 0px;
	border-left-width: 10px;
	top: -1px;
	z-index: 1;
}

div#header_wrapper
{
	position: relative;
	width: 100em;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: left;
	border-bottom-color: white;
	z-index: 0;
}

div#logo{
	z-index: 1;
	position: absolute;
	width: 228px;
}

div#banner {
	position: relative;
	background:url(img/1506_header_part2.png);
	z-index:1;
	left: 227px;
	top: 0px;
	height: 250px;
	width: 481px;
}

div#cercador{
	position: absolute;
	background:url(img/1506_header_part2.png);
	z-index: 1;
	left: 708px;
	top: 0px;
	width: 265px;
	height: 250px;
}

div#formulari{
	position: relative;
	z-index: 2;
	top: 36px;
}

div#menubotons {
	position: absolute;
	z-index: 1;
	left: 278px;
	top: 189px;
	width: 680px;
	height: 30px;
}

div#menu1 {
	position: absolute;
	z-index: 2;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	left: 0px;
	top: 0px;
	height:33px;
}

img#blocmenu1 {
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
}

div#menu2 {
	position: absolute;
	z-index: 2;
	left: 64px;
	top: 0px;
}

img#blocmenu2 {
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
}

div#menu3 {
	position: absolute;
	z-index: 2;
	left: 170px;
	top: 0px;
}

img#blocmenu3 {
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
}

div#menu4 {
	position: absolute;
	z-index: 2;
	left: 328px;
	top: 0px;
}

img#blocmenu4 {
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
}

div#menu5 {
	position: absolute;
	z-index: 2;
	left: 454px;
	top: 0px;
}

img#blocmenu5 {
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
}

div#menu6 {
	position: absolute;
	z-index: 2;
	left: 598px;
	top: 0px;
}

img#blocmenu6 {
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
}

div#menu7 {
	position: absolute;
	z-index: 2;
	left: 621px;
	top: 0px;
}

div#menu8 {
	position: absolute;
	z-index: 2;
	left: 678px;
	top: 0px;
}

div#menu9 {
	position: absolute;
	z-index: 2;
	left: 739px;
	top: 0px;
}

div#quisom {
	position: absolute;
	z-index: 3;
	left: 17px;
	top: 0px;
}

div#metode {
	position: absolute;
	z-index: 3;
	left: 17px;
	top: 2px;
}

div#info {
	position: absolute;
	z-index: 3;
	left: 17px;
	top: 2px;
}

div#inscrip {
	position: absolute;
	z-index: 3;
	left: 17px;
	top: 2px;
}

div#links {
	position: absolute;
	z-index: 3;
	left: 17px;
	top: 2px;
}

div#term_top{
	position: absolute;
	z-index: 1;
	background:url(img/1506_header_part3.png);
	left: 973px;
	top: 0px;
	height: 250px;
	width: 32px;
}

img {
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

/*input, img, button, select
{
vertical-align: middle;
}

div#banner h1 img
{
width: 82.3em;
height: 10.4em;
}*/

div#content, div#sidebar
{
	font-size: 14px;
	z-index: 2;
}

div#content
{
padding-right: 10px;
}

#contenido {
width:770px;
}

#contenido.alternate {
    width:940px;
}

#idiomes {
	z-index: 2;
	top: 100px;
	left: 120px;
	position:absolute;
}

div#center_wrapper {
	z-index: 0;
	width: 100em;
	position:relative;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: left;
}

div#left_wrapper {
	z-index: 1;
	position: absolute;
}

div#mapa {
	z-index: 2;
	top: 15px;
	left: 15px;
	position:absolute;
}

div#banner_left {
	z-index: 2;
	top: 69px;
	left: 20px;
	position:absolute;
}

div#gmap {
	z-index: 2;
	top: 209px;
	left: 85px;
	position: absolute;
	width: 68px;
}

div#bl1 {
	left: 20px;
	top: 250px;
    margin-bottom: 10px;
	position:absolute;
}

div#bl2 {
   left: 20px;
   top: 470px;
   position:absolute;
}

div#finestreta {
	z-index: 2;
	left: 248px;
	position:absolute;
}

div#bloc_final {
	z-index: 2;
	left: 29px;
	position: absolute;
	top: 703px;
}

div#p10 {
margin-left: 0px;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif; 
color: #3300ff;
}

div#p20 {
margin-left: 20px;
font-family: Arial, Helvetica, sans-serif; 
color: #3300ff;
}

div#p30 {
margin-left: 120px;
font-family: Arial, Helvetica, sans-serif; 
color: #3300ff;
}

div#p40 {
margin-left: 140px;
font-family: Arial, Helvetica, sans-serif; 
color: #3300ff;
}