body, p, h1, h2, h3, h4, h5, h6, h7, ul, li, form{
	margin:0px;
	padding:0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 0.7em;
	line-height: 1.2em;
}

p {
	font-size: 0.7em;
	line-height: 1.2em;
}

form p{
	font-size: 0.7em;
	line-height: 1.2em;
}

#fh{
	font-size: 0.7em;
	line-height: 1.2em;
}

.brclear {
     clear:both;
     height:0;
     margin:0;
     font-size: 1px;
     line-height: 0px;
}

.separador {
	font-size: 1px;
    line-height: 0px;
}

.fesq {
	float: left;
}
.border{border:1px solid #000000;}
.fdret {
	float: right;
}

h1{
	margin-left:-999px;
}

.nosub{
	text-decoration:none;
}

.sub{
	text-decoration:underline;
}

.imgpng {
    behavior: url(includes/iepngfix.htc);
}

/******************************************************************************/

.normal{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 0.7em;
	line-height: 1.2em;
}

.texte4{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 0.7em;
	line-height: 1.2em;
}

.negre{
	color:#000000;
}
.gris3{
	color:#333333;
}
.gris6{
	color:#666666;
}
.gris9{
	color:#999999;
}
.grisc{
	color:#CCCCCC;
}
.blanc{
	color:#FFFFFF;
}
.blau{
	color:#00336F;
}
.blau2{
	color:#006699;
}
.vermell{
	color:#CA001A;
}


.comicsans36{
	font-family: 'Comic Sans MS',Arial, Helvetica, sans-serif;
	font-size: 34px;
	line-height: 44px;
}

.lucida11{
	font-family: 'Lucida Grande','Lucida Sans Unicode',Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

.lucida12{
	font-family: 'Lucida Grande','Lucida Sans Unicode',Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
}

.lucida14{
	font-family: 'Lucida Grande','Lucida Sans Unicode',Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
}

.lucida18{
	font-family: 'Lucida Grande','Lucida Sans Unicode',Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
}

.lucida20{
	font-family: 'Lucida Grande','Lucida Sans Unicode',Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
}

.lucida22{
	font-family: 'Lucida Grande','Lucida Sans Unicode',Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 24px;
}

.lucida24{
	font-family: 'Lucida Grande','Lucida Sans Unicode',Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 26px;
}

.lucida32{
	font-family: 'Lucida Grande','Lucida Sans Unicode',Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: 34px;
}

.verdana11 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

.verdana20 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
}

.arial9{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
}
.arial10{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}
.arial11{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}
.arial12{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
.arial13{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
}
.arial14{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
}
.arial16{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
}
.arial18{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
}
.arial20{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
}
.arial22{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 24px;
}
.arial24{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 32px;
}
.arial32{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: 34px;
}
.arial36{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 38px;
}
.arial64{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 64px;
	line-height: 68px;
}
.georgia16{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
}
.georgia18{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
}
.georgia20{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
}
.georgia1816{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 16px;
}
.georgia24{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 26px;
}
.georgia24em{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.7em;
}
.georgia28{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 30px;
}
.georgia42{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 42px;
	line-height: 42px;
}

.espai1 { line-height: 1px; }
.espai5 { line-height: 5px; }
.espai10 { line-height: 10px; }


/******************************************************************************/

.casella11 { font-family: Arial; font-size: 10px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal; color: #666666; height: 19px; width: 40px; }
.casella111 { font-family: Arial; font-size: 10px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal; color: #666666; height: 19px; width: 50px; }
.casella22 { font-family: Arial; font-size: 10px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal; color: #666666; height: 19px; width: 110px; }
.casella222 { font-family: Arial; font-size: 10px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal; color: #666666; height: 19px; width: 150px; }
.casella33 { font-family: Arial; font-size: 10px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal; color: #666666; height: 19px; width: 170px; }
.casella333 { font-family: Arial; font-size: 10px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal; color: #666666; height: 19px; width: 208px; }

.casellacalns { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #006699; text-align: center; height: 18px; width: 20px; }
.casellacalp { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #006699; border: 1px solid #E9E9E9; text-align: center; height: 18px; width: 20px; }

.casellacal { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #B7B7B7; text-align: center; height: 18px; width: 20px; }
.casellacal:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #B7B7B7; text-align: center; height: 18px; width: 20px; }
.casellacal:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #B7B7B7; text-align: center; height: 18px; width: 20px; }
.casellacal:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #B7B7B7; text-align: center; height: 18px; width: 20px; }

.casellacals { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #666666; text-align: center; height: 18px; width: 20px; }
.casellacals:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #666666; text-align: center; height: 18px; width: 20px; }
.casellacals:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #666666; text-align: center; height: 18px; width: 20px; }
.casellacals:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #666666; text-align: center; height: 18px; width: 20px; }

.link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;  }
.link:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;  }
.link:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;  }
.link:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;  }

/******************************************************************************/

.casella_reserves{
	width:175px;
	height:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color:#000000;
	border:1px solid #7F9DB9;
}

.casella_reserves2{
	width:148px;
	height:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color:#000000;
	border:1px solid #7F9DB9;
}
.casella_reserves3{
	width:52px;
	height:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color:#000000;
	border:1px solid #7F9DB9;
}
.casella_ruta{
	width:201px;
	height:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color:#000000;
	border:1px solid #7F9DB9;
}
.casellacontacte{
	width:201px;
	height:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color:#000000;
	border:1px solid #7F9DB9;
}
.casellacontacte2{
	width:429px;
	height:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color:#000000;
	border:1px solid #7F9DB9;
}
.casellacontacte3{
	width:429px;
	height:126px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color:#000000;
	border:1px solid #7F9DB9;
}

/******************************************************************************/

#main{
	position:relative;
	width:966px;
	background-color:#FFFFFF;
}

#fons_logo{
	position:absolute;
	top:0px;
	left:0px;
	z-index:13;
}

#bombolles_superiors{
	position:absolute;
	top:72px;
	right:10px;
	z-index:13;
}

#bombolles_inferiors{
	position:absolute;
	bottom:0px;
	right:10px;
	z-index:13;
}

#temperatura{
	position:absolute;
	left:305px;
	top:5px;
	z-index:14;
}

#idioma{
	position:absolute;
	left:312px;
	top:45px;
	z-index:14;
}

#idioma li{
	float:left;
}

#clip{
	position:absolute;
	left:455px;
	top:32px;
	z-index:12;
}

#cliptemes{
	position:absolute;
	left:415px;
	top:32px;
	z-index:12;
}

#txt_logo{
	position:absolute;
	left:40px;
	top:80px;
	z-index:13;
}

#peu_pagina{
	position:absolute;
	left:8px;
	bottom:90px;
	z-index:11;
}

#fons_popup{
	background-image: url(../img/fons_popup.png);
	background-repeat: no-repeat;
	background-position:top;
	width:375px;
	height:330px;
	behavior: url(includes/iepngfix.htc);
	padding-left:70px;
	padding-right:60px;
	padding-top:50px;
}

#fons_popup_panoramica{
	background-image: url(../img/fons_panoramica.png);
	background-repeat: no-repeat;
	width:550px;
	height:410px;
	behavior: url(includes/iepngfix.htc);
	padding-left:70px;
	padding-right:58px;
	padding-top:66px;
	padding-bottom:60px;
}

#fons_videos{
	background-image: url(../img/fons_videos.png);
	background-repeat: no-repeat;
	width:680px;
	height:543px;
	behavior: url(includes/iepngfix.htc);
	padding-left:110px;
	padding-right:98px;
	padding-top:70px;
	padding-bottom:34px;
}

.completa{
	position:absolute;
	top:0px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
}

.complet{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:900;
	background-color: #000000;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.70;
	min-height: 100%;
}

#menuprincipal{
	position:relative;
	left:0px;
	margin-top:-175px;
}

#menuprincipal2{
	position:relative;
	left:0px;
	margin-top:-175px;
	width:239px;
}

.linkmenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 28px;
	color:#999999;
	text-decoration:none;
	padding-left:20px;
	font-weight:bold;
}

.linkmenu:hover{
	color:#006699;
}

.linkmenuselec{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 28px;
	color:#006699;
	text-decoration:none;
	padding-left:20px;
	font-weight:bold;
}

.linkmenu2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color:#999999;
	text-decoration:none;
	padding-left:40px;
	font-weight:bold;
}

.linkmenu2:hover{
	color:#CA001A;
}

.linkmenu2selec{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color:#CA001A;
	text-decoration:none;
	padding-left:40px;
	font-weight:bold;
}

.linkmenu3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color:#999999;
	text-decoration:none;
	padding-left:58px;
	font-weight:bold;
}

.linkmenu3:hover{
	color:#000000;
}

.linkmenu3selec{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color:#000000;
	text-decoration:none;
	padding-left:58px;
	font-weight:bold;
}

.sepmenu{
	width:334px;
	background-image: url(../img/separador_menu_home.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}

.sepmenu2{
	width:239px;
	border-bottom:1px solid #CCCCCC;	
}

#flashhome{
	position:absolute;
	top:54px;
	left:295px;
	z-index:11;
}

#flashhome2{
	position:absolute;
	top:58px;
	left:200px;
	z-index:11;
}

#flashhome3{
	position:absolute;
	top:50px;
	left:235px;
	z-index:11;
}

#flashhometemes{
	position:absolute;
	top:58px;
	left:190px;
	z-index:11;
}

#imatges_flash1{
	position:absolute;
	top:-10px;
	left:193px;
	z-index:10;
}

#imatges_flash2{
	position:absolute;
	top:-10px;
	left:543px;
	z-index:9;
}

#imatges_flash_temes1{
	position:absolute;
	top:12px;
	left:185px;
	z-index:9;
}

#imatges_flash_temes2{
	position:absolute;
	top:205px;
	left:198px;
	z-index:10;
}

#imatges_flash_tres1{
	position:absolute;
	top:-5px;
	left:223px;
	z-index:9;
}

#imatges_flash_tres2{
	position:absolute;
	top:10px;
	left:433px;
	z-index:10;
}

#imatges_flash_tres3{
	position:absolute;
	top:7px;
	left:673px;
	z-index:9;
}

#menusuperior{
	position:absolute;
	right:15px;
	top:35px;
	z-index:12;
}

#menusuperior li{
	float:right;
	width:79px;
}

#menusuperior2{
	position:absolute;
	right:15px;
	top:7px;
	z-index:11;
}

#menusuperior2 li{
	float:right;
	width:79px;
}

.linkmenusup1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 36px;
	color:#FFFFFF;
	text-decoration:none;
	width:79px;	
	height:36px;
	font-weight:bold;
	background-image: url(../img/carpeta_2.gif);
	background-repeat: no-repeat;
	display:block;
	text-align:center;
}

.linkmenusup1:hover{
	color:#000000;
}

.linkmenusup2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 36px;
	color:#FFFFFF;
	text-decoration:none;
	width:79px;	
	height:36px;
	font-weight:bold;
	background-image: url(../img/carpeta_3.gif);
	background-repeat: no-repeat;
	display:block;
	text-align:center;
}

.linkmenusup2:hover{
	color:#000000;
}

.linkmenusup3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 36px;
	color:#FFFFFF;
	text-decoration:none;
	width:79px;	
	height:36px;	
	font-weight:bold;
	background-image: url(../img/carpeta_4.gif);
	background-repeat: no-repeat;
	display:block;
	text-align:center;
}

.linkmenusup3:hover{
	color:#000000;
}

.linkmenusup4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 36px;
	color:#FFFFFF;
	text-decoration:none;
	width:79px;	
	height:36px;
	font-weight:bold;
	background-image: url(../img/carpeta_5.gif);
	background-repeat: no-repeat;
	display:block;
	text-align:center;
}

.linkmenusup4:hover{
	color:#000000;
}

.linkmenusup5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 36px;
	color:#FFFFFF;
	text-decoration:none;
	width:79px;	
	height:36px;
	font-weight:bold;
	background-image: url(../img/carpeta_6.gif);
	background-repeat: no-repeat;
	display:block;
	text-align:center;
}

.linkmenusup5:hover{
	color:#000000;
}

.linkmenusup6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 36px;
	color:#FFFFFF;
	text-decoration:none;
	width:79px;	
	height:36px;
	font-weight:bold;
	background-image: url(../img/carpeta_7.gif);
	background-repeat: no-repeat;
	display:block;
	text-align:center;
}

.linkmenusup6:hover{
	color:#000000;
}

#esqMedaqua{
	position:relative;
	float:left;
	width:239px;
}

#centreMedaqua{
	position:relative;
	float:left;
	width:440px;
	padding-left:8px;
	padding-right:10px;
}

#dreMedaqua{
	position:relative;
	float:left;
	width:248px;
	padding-left:21px;
}

#centreMedaquaGaleria{
	position:relative;
	float:left;
	width:440px;
	padding-left:8px;
	padding-right:10px;
}

.fons_ruta{
	background-image: url(../img/fons_ruta.jpg);
	background-repeat: no-repeat;
	width:210px;
	height:64px;
	padding-left:8px;
	padding-right:21px;
	padding-top:15px;
}

.boto_ruta{
	background-image: url(../img/boto_ruta.jpg);
	background-repeat: no-repeat;
	width:88px;
	height:23px;	
	padding-right:14px;
	padding-top:13px;
}

#direcciones a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color:#006699;
	text-decoration:none;
}

.fons_tarifes{
	width:182px;
	background-image: url(../img/cos_tarifes.jpg);
	background-repeat: repeat-y;
}

.colfamilia{
	position:relative;
	float:left;
	width:110px;
}

.boto_contacte{
	background-image: url(../img/boto_ruta.jpg);
	background-repeat: no-repeat;
	width:84px;
	height:20px;	
	padding-right:14px;
	padding-top:14px;
}

.colMapaweb{
	position:relative;
	float:left;
	width:210px;
	padding-left:10px;
}

#flashvideo{
	position:absolute;
	top:56px;
	left:220px;
}

#imatges_home1{
	position:absolute;
	left:270px;
	top:-70px;
}

#contingutHome{
	position:relative;
	background-image: url(../img/fons_home.jpg);
	background-repeat: no-repeat;
	height:260px;
}

#txtHome{
	position:relative;
	width:390px;
	padding-left:250px;
}

.info_familia{
	position:relative;
	float:left;
	width:215px;
}

#titol_tema{
	position:absolute;
	right:10px;
	top:68px;
}

#esqMedaquaTemes{
	position:relative;
	float:left;
	width:239px;
}

#centreMedaquaTemes{
	position:relative;
	float:left;
	width:303px;
}

#dreMedaquaTemes{
	position:relative;
	float:right;
	width:406px;	
	padding-left:10px;
	margin-top:-150px;
	padding-right:8px;
}

.linkkPaginador{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color:#006699;
	text-decoration:none;
}

.linkkPaginadorActiu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color:#000000;
	text-decoration:none;
}

#postarifes{
	position:relative;float:left;width:182px;
}

#imprimir_entorn{
	display:none;
}

#tarifestemes{
	position:relative;float:left;width:182px;padding-top:50px;
}