/*
     FILE ARCHIVED ON 23:23:02 Jul 12, 2006 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:38:27 Jul 11, 2011.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
body, html{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
  background-color: #FFFFFF;
}
body, html	{
/*	scrollbar-arrow-color:#0000cc;
  scrollbar-face-color:#c7d0e0;
  scrollbar-track-color:#e7f0fa;
  scrollbar-highlight-color:#e0e7f7;
  scrollbar-3dlight-color:#e0e7f7;
  scrollbar-shadow-color:#6699cc;
  scrollbar-darkshadow-color:#003366;*/
  
  scrollbar-arrow-color:#333333;  
  scrollbar-face-color:#E1E1E1;  
  scrollbar-track-color:#F6F6F6;
  scrollbar-highlight-color:#DBDFDF;      
  scrollbar-3dlight-color:#DBDFDF;      
  scrollbar-shadow-color:#CFCFCF;      
  scrollbar-darkshadow-color:#666666;
  
   /* #DDEEFF quan passem per damunt (blau clar) */
   /* #F6F6F6 fons de la part principal (gris clar) */
   /* #F1F1F1 fons part esquerra (submenu i temps) menu dalt i banners (gris mes fort)*/
   /* #21536A text menus i part principal (color verd) */
   /* #B7B7B7 titol area,temps */
   /* #666666 idioma,link bottom, texte dintre temps, text dintre requadre*/
   /* #999999 idioma,link bottom hover */
   /* #D6D6D6 bordes */
   /* #CFCFCF text bottom (claret)*/
   
 }
 

#content {
	position: absolute;
	top: 10px;
	left: 5%;
	right:5%;
	width: 90%;	
	bottom: 5px;
	background-color: #F6F6F6;
	border:1px solid #D4D9DB;
	height: 655px;
	z-index: 1;
	min-width: 800px;
}

#top{
	position:absolute;
	top:0.5%;
	height:40px;
	width:99%;
	background-image: url(images/menu_background2.gif);
	background-attachment: fixed;
	background-repeat: repeat;*/

	right:0.5%;		
	left:0.5%;
	z-index: 30;	
}

#menuAdmin{
	position:absolute;
	top:177px;
	height:32px;
	width:50%;
	right:0.5%;		
	z-index: 30;	
}

#globallinkAdmin{
	position: absolute;
	top: 0px;
	height: 26px;
	width: 310px;
	padding: 0px;
	margin: 0px;
	left: 30px;
	z-index: 3;
	border: 1px solid #cccccc;
	background-color: #F1F1F1;
}


#titolMenuEsqAdmin{
	position: absolute;	
	top: -15px;
	left: 0.5%;
	height: 18px;
	color: #B7B7B7;
	background-color: #F6F6F6;
	text-align: left;
	z-index:20;
	padding: 0px 0px 0px 3px;
	font-weight: bold;
	font-size:12px;
	font-family: Verdana,sans-serif;
}

#gnl{
	left:0px;

	position:absolute;
}

#gnr{
	position:absolute;
	right: -1px;
}

#gdl{
	left:0px;
	bottom: 0px;
	position:absolute;
}

#gdr{
	position:absolute;
	right: -1px;
	bottom: 0px;
}

#ces{
	left:-1px;
	top:-1px;
	position:absolute;
}

#cdr{
	position:absolute;
	right: -2px;	
	top:-1px;
}

#adobe{
	left:0px;
	bottom: 5px;
	position:absolute;
}


#main{
	background-color: #F6F6F6;
	position: absolute;
	height: 60%;
	width: 99%;
	top: 50px;
	z-index: 10;	
	right:0.5%;		
	left:0.5%;
}


#submenu{
	background-color: #F1F1F1;
	border-right: 1px solid #cccccc;
	position: absolute;
	height: 100%;
	width: 20%;
	top: 0px;
	left: 0px;
	z-index: 11;
	font-size: 12px;
	
}

#submenu a:link{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url("images/bg_nav.jpg");
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	text-decoration: none;
}

#submenu a:visited{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url("images/bg_nav.jpg");
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	text-decoration: none;
}

#submenu a:hover{
	display: block;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#titolArea{
	position: absolute;
	top: 0px;
	left: 23%;
	width: 60%;
	height: 18px;
	color: #B7B7B7;
	background-color: #F6F6F6;
	text-align: left;
	z-index:20;
	padding: 0px 0px 0px 3px;
	font-weight: bold;
	font-size:12px;
	font-family: Verdana,sans-serif;
}

#area{
	position: absolute;
	height: 90%;
	top: 20px;
	width: 59%;
	left: 24%;
	background-color: #F6F6F6; /*#F4F6FA;*/
	z-index:13;
	text-align: justify;
	padding: 3px 0px 3px 3px;
}



#areaAdmin{
	position: absolute;
	height: 90%;
	top: 20px;
	width: 75%;
	left: 24%;
	background-color: #F6F6F6; /*#F4F6FA;*/
	z-index:13;
	text-align: justify;
	padding: 3px 0px 3px 3px;
}

#seguir{
	font-family: Verdana,sans-serif;
	position: absolute;
	height: auto;
	bottom: 0px;
	width: auto;
	right: 5px;
	z-index:25;
	font-size: 10px;
	text-align: left;
	padding: 3px 0px 3px 3px;	
}

#seguir a{
	color: #21536A;
	text-decoration:none;
}

#seguir a:hover{
	text-decoration:none;	
}


#publicitat{
	position: absolute;
	height: 97%;
	width: 15%;
	top: 0px;/*18px;	*/
	right:0.1%;		
	/*background-color: #DBDCE0;*/
}

#publicitat h3{
	font-family: Arial,sans-serif;
	font-size: 10px;
	color: #B7B7B7;
	position:absolute;
	right: 0px;

}

#publicitat img{	
	float:right;
	padding: 15px 0px 0px 0px;
}	
	
#temps{
	position: absolute;
	height: 25%;
	width: 20%;
	bottom: 5%;
	left: 0px;
	background-color: #F1F1F1;
	border-top: 1px solid #D6D6D6;
	/*border-left: 1px solid #D6D6D6;	
	border-bottom: 1px solid #D6D6D6;*/
	text-align: justify;
	z-index: 12;
	/*padding: 3px 0px 3px 0px;*/
}

#temps h3{
	font-family: Arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #B7B7B7;

}

#temps h4{
	font-family: Arial,sans-serif;
	font-size: 10px;
	color: #000000;
	position:absolute;
	right: 25%;
	top:3px;
}

#temps img{	
	float:left;
	padding: 0px 10px 0px 0px;
}

#bottom{
	position: absolute;
	width: 99%;
	height: 23px;
	right:0.5%;		
	left:0.5%;
	/*top: 565px;	*/
	bottom:0.5%;
	background-attachment: fixed;
	background-image: url(images/bottom.gif);
	background-repeat: repeat;
	vertical-align:bottom;	
	z-index: 14;
}

	
a.bottom{
	text-decoration: none;
	color: #666666;
	margin: 0px;
	padding: 2px 5px 4px 7px;
}

a.bottom:hover{
	text-decoration: none;
	color: #999999;	
	margin: 0px;
	padding: 2px 5px 4px 7px;

	/*background-image:  url("images/menu_selected.gif");*/
}

#poble{
	position:absolute;
      background-image: url(images/poble.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;	
	left:25px;
	width:300px;
	top:1px;
	height:17px;
	z-index:20;
	font-size: 14px;
        font-weight: bold;
	color: #21536A;
}

/* estes son agafades*/

.subglobalNav{
	position: absolute;
	top: 215px;
	left: 0px;
	/*width: 100%;*/
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #666666;
	z-index: 100;
}

.subglobalNav a:link{
	font-size: 10px;
	text-decoration: none;
	color: #666666;
}

.subglobalNav a:visited{
	font-size:  10px;
	text-decoration: none;
	color: #666666;
}

.subglobalNav a:hover{
	font-size:  10px;
	text-decoration: none;
	color: #999999;
}

#globalLink{
	position: absolute;
	top: 0px;
	height: 26px;
	width: 701px;
	padding: 0px;
	margin: 0px;
	left: 0px;
	z-index: 3;
	border: 1px solid #cccccc;
	background-color: #F1F1F1;
}


a.glink:link{
 	font-size: 10pt;
  color: #21536A;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8CB8BC;
	text-decoration: none;
}

a.glink:visited{
	font-size: 10pt;
	color: #21536A;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8CB8BC;
	text-decoration: none;
}
a.glink:hover{
  font-size: 10pt;
  color: #000000;	
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
  background-image:  url("images/menu_selected.gif");
	border-right: 1px solid #8CB8BC;
	text-decoration: none;
	
}

#idioma{
	font-family: Verdana,sans-serif;
	font-size: 10px;
	position: absolute;
	top: 8px;
	right: 1px;
	color: #000000;
}

#idioma a{
	color: #666666;
	text-decoration: none;
}

#idioma a:hover{
	color: #999999;
	text-decoration: none;
}

#requadre{
	font-family: Verdana,sans-serif;
	font-size: 10px;
	text-align: justify;
	color: #666666;
	padding: 10px 0px 3px 10px;
}

#requadre a{
	color: #21536A;
	text-decoration: none;
	/*font-weight: bold;*/
}

#requadre a:hover{
	color: #21536A;
	text-decoration: none;
	font-weight: bold;
}

#requadre2{ /*amb les imatges a la dreta*/
	font-family: Verdana,sans-serif;
	font-size: 10px;
	text-align: justify;
	color: #666666;
	padding: 10px 0px 3px 10px;
}

#requadre2 a{
	color: #21536A;
	text-decoration: none;
	/*font-weight: bold;*/
}

#requadre2 a:hover{
	color: #21536A;
	text-decoration: none;
	font-weight: bold;
}

#requadre2 img{
	float:right;
	padding: 0px 10px 0px 0px;
}

#requadre3{ /*sense tenir definits els links ni imatges*/
	font-family: Verdana,sans-serif;
	font-size: 10px;
	text-align: justify;
	color: #666666;
	padding: 10px 0px 3px 10px;
}


#scrollImatges{  /*------------------------------------------------------------------------------*/
 position:absolute; 
 left:0px; 
 top: 0px; 
 width:98%;  
 height:350px;
 z-index:30; 
 overflow:auto;
 float:right;
 padding: 0px 10px 0px 0px;
 /*overflow-x: auto;
 overflow-y: auto;*/
}


/*********TEXTOS*************/
.titul{
	font-family: Verdana,sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	text-decoration: none;

}

.text_bottom{	
	text-align: center;
	color: #CFCFCF;
	font-size: 10px;
}

.text_form{
	background-color: #F1F1F1; 
	font-family: Verdana,sans-serif;
	font-weight:bold; 
	font-style: normal; 
	color: #21536A; 
	font-size: 10px; 
	height: 15px; 
	padding-top: 2px; 
	padding-right: 2px; 
	padding-bottom: 2px; 
	padding-left: 2px; 
	border: 1px #D6D6D6 solid
}

.text_area{
	background-color: #F1F1F1; 
	font-family: Verdana,sans-serif;
	font-weight:bold; 
	font-style: normal; 
	color: #21536A; 
	font-size: 10px; 
	padding-top: 2px; 
	padding-right: 2px; 
	padding-bottom: 2px; 
	padding-left: 2px; 
	border: 1px #D6D6D6 solid; 
	width:250px; 
	height:75px;
}

.text{	
	text-align: left;
	color: #666666;
	font-size: 10px;
	text-decoration: none;
}

a.text{	
	text-align: left;
	color: #666666;
	font-size: 10px;
	text-decoration: none;
}

a.text:hover{	
	text-align: left;
	color: #666666;
	font-size: 10px;
	text-decoration: none;
	font-weight:bold; 
}

.entradilla{
 color: #B7B7B7;
}
 
.mes{	
	text-align: left;
	color: #666666; /* mes q res pa q salte de fila...*/
	font-size: 10px;
	padding: 5px 0px 3px 0px;
}

.hora{	
	text-align: left;
	font-size: 9px;
}

/*Menu horitzontal*/

/*#mapa {
width: 100%;
float: left;
position:absolute;
left:30px;
}

#mapa ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}*/

#mapa{
	position:absolute;
	top:-2px;
	left:90px;
	font-family: Verdana,sans-serif;
	font-size: 10px;
	text-align: justify;
	color: #666666;
	padding: 0px 0px 3px 10px;
}

#mapa a{
	color: #21536A;
	text-decoration: none;
}

#mapa a:hover{
	color: #21536A;
	text-decoration: none;
	font-weight: bold;
}


/*Menu desplegable*/

.c1{
  font-size: 11px;  
  width: 110px;
  z-index: 99;
}

.c2{
  font-size: 10px;
  width: 110px;
  /*border: 1px solid #8CB8BC;*/
  border-right: 1px solid #cccccc;
  /*border-top: 1px solid #cccccc;*/
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	z-index: 99;
}

#nav{

	list-style: circle; 
	z-index: 99;
}

#nav img {
	float:left;
	padding: 0px 2px 0px 0px;
}

#nav ul 
{ 
	padding: 0;
	margin: 0;	 
/*list-style: none;*/
	list-style: circle; 
	width: 110px;
  z-index:99;
  position:relative;
  overflow:visible; 
  margin:2px 0px 0px 0px; 
  /*padding: 2px 5px 4px 5px;*/
}

#nav li { 
  margin:0;   
  position: relative;
  top:1px;
  z-index: 99;
  float:left;  
	background-color: #F1F1F1;
  /*background-image: url(images/list_background.gif);
  background-image:  url("images/bg_nav.jpg");
	background-attachment: fixed;
	background-repeat: repeat;*/
  display:block;
  height:auto;  
}


#nav a {
  text-decoration:none; 
  display:block;
  margin:2px 0 2px 0px;
  height:1.05em;  
  color: #21536A;
  font-weight: bold;
/*	border-right: 1px solid #8CB8BC;*/
	padding: 2px 5px 4px 5px;
}

#nav a:hover, #nav li:hover
{
 /* background-image:  url("images/menu_selected.gif");
	background-attachment: fixed;
	background-repeat: no-repeat;  */
	background-color: #DDEEFF;
  text-decoration:none; 
  display:block;
  /*		 sup 	 dret inf  esq */
  margin:2px 0px 0px 0px;
  height:1.05em;  
  color: #000000;	
  font-weight: bold;
	/*border-right: 1px solid #8CB8BC;    */
	padding: 2px 5px 4px 5px;
}


#nav ul li:hover, #nav ul li a:hover
{ 
  /*background-image:  url("images/menu_selected.gif");
  background-attachment: fixed;
	background-repeat: no-repeat;  */
	background-color: #DDEEFF;
  text-decoration:none; 
  display:block;
  margin:2px 0px 0px 0px;
  height:1.05em;  
  color: #000000;	
  font-weight: bold;
	/*border-right: 1px solid #8CB8BC;   */
 padding: 2px 5px 4px 5px;   
}

#nav ul{
    display:none;   
}
/*no hi haura tant de subnivells*/
#nav ul ul, #nav ul ul ul{
    display:none; 
    position:absolute; 
    margin-top:-2.2em; 
    margin-left:18.1em;

}

#nav ul li>ul, #nav ul ul li>ul{
    margin-top:-1.4em; 
}

 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}

@media screen {
	.ocultar {display:none; }
}


/* ---- Estils per visualitzar imatges ---- */


/* common styling */
/* set up the overall width of the menu div and the margins with a relative position*/

.menu2 {
	font-family: verdana, arial, sans-serif; 
	width:500px;
	margin:0 auto; 
	position:relative;
	z-index:1;
}

/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	border:0;
}

/* float the list so that the items are in a line */
.menu2 ul li {
float:left; 
}

/* style the links to be 124px wide by 30px high with a top and right border 1px solid white. 
Set the background color and the font size. */

.menu2 ul li  {
	display:block; 
	float:left;
	text-align:center; 
	text-decoration:none; 
	font-size:11px;	
	margin-top:15px;	
	margin-left:10px;
	position:relative;
}

/* style the initial image size 100px x 75px no border and 5pixel padding */
.menu2 ul li ul li a img {
	width:100px; height:75px;
	border:0; margin:5px;
}

/* style the size, background color, border and margin of the submenu links */
.menu2 ul li ul li a {
	float:left;
	width:110px;
	height:85px;
	background:#eee;
	border:1px solid #888;
	margin:1px;
}

/* style position of the links on hover */
.menu2 ul li:hover ul li a:hover {
	position:relative;
}

/* style the 2x size image on hover with an absolute position to place it centrally over the original image */
.menu2 ul li:hover li a:hover img {
	width:200px; height:150px;
	position:absolute;
	left:-50px; top:-38px;
	border:0;
	border:1px solid #888;
	padding:5px;
	background:#ccc;
}