body {
	text-align:center; 
	margin:0px; 
	padding:0px;
	border: 0px;
	list-style-type: none;
	font-family: Arial;
	color: #666666;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	background-color:#F5F5F5;
	background-image:url(../img/fonsweb.jpg);
	background-repeat:repeat-x;
} 
ul, li {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:normal;
}

#slider {
	width: 756px;
	height: 293px;
}

#slider ul {
	position: relative;
	float:left;
}

#slider li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}

#slider img {
	border: 0px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding: 5px;
	opacity: 0.95;
}
#tooltip h3, #tooltip div { margin: 0; }


body.gran0 {font-size:100%;line-height:100%;}
body.gran1 {font-size:107%;line-height:115%;}
body.gran2 {font-size:117%;line-height:130%;}
body.gran3 {font-size:125%;line-height:150%;}

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

.ajax_loading_rho2 {background-image:url(../img/loading.gif); background-repeat:no-repeat; background-position:center;}

#barra_sup{position:relative; float:left; width:100%; height:80px; background-color:#990000;}
#logo {position:absolute; top:-2px; padding-left:5px; width:89px; height:121px; z-index:25;}
#titol {position:absolute; top:14px; padding-left:70px; width:300px;}
#fulla {position:absolute; height:171px; width:243px; padding-left:539px; top:-95px; z-index:20;}
#idioma {position:absolute; float:right; right:0px; text-align:left; padding-left:5px; top:64px; width:208px; height:16px; line-height:16px; background-color:#510000; border:solid 0px #000000;}
#menu_principal {position:absolute; margin-top:58px; margin-left:180px; width:500px; z-index:200;}
#element_menu {position:relative; float:left; text-align:center; padding-left:10px; padding-right:10px; height:22px; line-height:22px; z-index:30; cursor:pointer;}
#data_temps {position:relative; float:left; margin-left:777px; width:220px; height:50px;}
#centre {position:relative; float:left; width:756px; padding-left:11px; z-index:0}
#centre_pag {position:relative; float:left; width:535px; margin-left:10px; z-index:0}
#colesquerra {position:relative; float:left; width:210px; margin-left:10px;}
#coldreta {position:relative; float:left; width:222px;}
#coldreta2 {position:relative; float:left; left:11px; width:211px; background-color:#F5F5F5; background-image:url(../img/fulla3.png); background-position:top right; background-repeat:no-repeat;}
#coldreta3 {position:relative; float:left; width:222px; background-image:url(../img/fonscol.jpg); background-position:bottom; background-repeat:no-repeat;}

#banner_temps {position:relative; float:left; margin-top:10px; background-image:url(../img/banner_temps.jpg); width:210px; height:90px;}
#banner_borrassa {position:relative; float:left; margin-top:10px; background-image:url(../img/banner_borrassa.png); width:211px; height:98px;}
#banner_aiguiaviva {position:relative; float:left; margin-top:10px; background-image:url(../img/banner_aiguaviva.png); width:211px; height:102px;}
#banner_mon {position:relative; float:left; margin-top:10px; background-image:url(../img/banner_mon.png); width:211px; height:97px;}
#banner_vilars {position:relative; float:left; margin-top:10px; background-image:url(../img/banner_vilars.jpg); width:210px; height:91px;}
#banner_prego2 {position:relative; float:left; margin-top:10px; background-image:url(../img/banner_prego2.jpg); width:210px; height:90px;}
#colbanners {position:relative; float:left; left:12px; width:211px; background-color:#F5F5F5; margin-bottom:50px;}

#linia1 {position:relative; float:left; width:236px; height:1px; line-height:1px; background-color:#CCCCCC;}
#linia2 {position:relative; float:left; width:756px; height:2px; line-height:2px; background-color:#CCCCCC;}
#linia2B {position:relative; float:left; width:730px; height:2px; line-height:2px; background-color:#CCCCCC;} 
#linia2C {position:relative; float:left; width:236px; height:2px; line-height:2px; background-color:#990000;} 
#linia3 {position:relative; float:left; width:183px; height:1px; line-height:1px; background-color:#CCCCCC;}
#linia3B {position:relative; float:left; width:183px; height:1px; line-height:1px; background-color:#FFFFFF;}
#linia4 {position:relative; float:left; width:535px; height:2px; line-height:2px; background-color:#CCCCCC;}
#linia4C {position:relative; float:left; width:260px; height:2px; line-height:2px; background-color:#339999;}
#linia5 {position:relative; float:left; width:535px; height:2px; line-height:2px; background-color:#275E99;}
#linia6 {position:relative; float:left; width:535px; height:2px; line-height:2px; background-color:#B37524;}
#linia7 {position:relative; float:left; width:535px; height:2px; line-height:2px; background-color:#C02F67;}
#linia8 {position:relative; float:left; width:260px; height:1px; line-height:1px; background-color:#CCCCCC;}
#linia9 {position:relative; float:left; width:810px; height:2px; line-height:2px; background-color:#339999;}
#linia10 {position:relative; float:left; width:500px; height:2px; line-height:2px; background-color:#990000;}
#inferior { position:relative; float:left; margin-bottom:10px;}

.casella1 {position:relative; float:left; width:23px; height:23px; line-height:23px; background-color:#FFFFFF; text-align:center; font-family:"Trebuchet MS", Arial; font-size:14px; color:#000000; }
.casella2 {position:relative; float:left; width:23px; height:23px; line-height:23px; background-color:#339999; text-align:center; font-family:"Trebuchet MS", Arial; font-size:14px; color:#FFFFFF; }

.casella_form1 {width:170px; height:16px; border:solid 1px #999999;}
.casella_form2 {width:170px; height:172px; border:solid 1px #999999;}
.casella_form3 {width:350px; height:16px; border:solid 1px #999999;}
.casella_form4 {width:100px; height:16px; border:solid 1px #999999; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.casella_form5 {width:262px; height:16px; border:solid 1px #999999;}
.casella_form6 {width:535px; height:16px; border:solid 1px #999999;}
.casella_form7 {width:300px; height:175px; border:solid 1px #999999;}
.casella_form8 {width:170px; height:20px; border:solid 1px #999999;}


.pa {position:absolute;}
.pr {position:relative;}
.fl {float:left;}
.fr {float:right;}

.texte1 {font-family:"Trebuchet MS", Arial;}
.texte2 {font-family:Arial, Helvetica, sans-serif;}

.blanc {color:#FFFFFF;}
.vermell{color:#990000;}
.gris6 {color:#666666;}
.gris9 {color:#999999;}
.negre {color:#000000;}
.blau {color:#075594;}

.fons_0 {background-color:#FFFFFF;}
.fons_1 {background-color:#275E99;}
.fons_2 {background-color:#B37524;}
.fons_3 {background-color:#339999;}
.fons_4 {background-color:#C02F67;}
.fons_5 {background-color:#C9C400;}
.fons_vermell {background-color:#990000;}

.color_text_0 {color:#FFFFFF;}
.color_text_1 {color:#275E99;}
.color_text_2 {color:#B37524;}
.color_text_3 {color:#339999;}
.color_text_4 {color:#C02F67;}
.color_text_5 {color:#C9C400;}

.color_fons_0 {color:#990000;}
.color_fons_1 {color:#FFFFFF;}
.color_fons_2 {color:#FFFFFF;}
.color_fons_3 {color:#FFFFFF;}
.color_fons_4 {color:#FFFFFF;}
.color_fons_5 {color:#FFFFFF;}

.fons_blanc {background-color:#FFFFFF;}
.fons_vermell {background-color:#990000;}

.t10 {font-size:10px; line-height:12px; }
.t10_em {font-size: 0.625em; line-height: 12px; }
.t11 {font-size:11px; line-height:13px; }
.t11_em {font-size: 0.7em; line-height:13px; }
.t12 {font-size:12px; line-height:14px; }
.t12_em {font-size: 0.75em; line-height:14px; }
.t13 {font-size:13px; line-height:15px; }
.t14 {font-size:14px; line-height:16px; }
.t18 {font-size:18px; line-height:20px; }
.t24 {font-size:24px; line-height:28px; }

#clear {clear:both; height:0px; line-height:0px;}

.espai5 {line-height:5px;}

.link1 {font-family:"Trebuchet MS", Arial; color:#CCCCCC; font-size:10px; text-decoration:none; }
.link2 {font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:11px; text-decoration:none; }
.link3 {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }
.link_cal {font-family:"Trebuchet MS", Arial; font-size:14px; color:#FFFFFF; text-decoration:none; }
.link4 {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; text-decoration:none; }
.link5 {font-family:Arial, Helvetica, sans-serif; color:#339999; font-size:11px; text-decoration:none; }

.link_menu1 {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu1:link {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu1:visited {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu1:hover {font-family:"Trebuchet MS", Arial; font-size:12px; color:#275E99; text-decoration:none; font-weight:bold;}

.link_menu1a {font-family:"Trebuchet MS", Arial; font-size:12px; color:#275E99; text-decoration:none; font-weight:bold;}
.link_menu1a:link {font-family:"Trebuchet MS", Arial; font-size:12px; color:#275E99; text-decoration:none; font-weight:bold;}
.link_menu1a:visited {font-family:"Trebuchet MS", Arial; font-size:12px; color:#275E99; text-decoration:none; font-weight:bold;}
.link_menu1a:hover {font-family:"Trebuchet MS", Arial; font-size:12px; color:#275E99; text-decoration:none; font-weight:bold;}

.link_menu2 {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu2:link {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu2:visited {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu2:hover {font-family:"Trebuchet MS", Arial; font-size:12px; color:#B37524; text-decoration:none; font-weight:bold;}

.link_menu2a {font-family:"Trebuchet MS", Arial; font-size:12px; color:#B37524; text-decoration:none; font-weight:bold;}
.link_menu2a:link {font-family:"Trebuchet MS", Arial; font-size:12px; color:#B37524; text-decoration:none; font-weight:bold;}
.link_menu2a:visited {font-family:"Trebuchet MS", Arial; font-size:12px; color:#B37524; text-decoration:none; font-weight:bold;}
.link_menu2a:hover {font-family:"Trebuchet MS", Arial; font-size:12px; color:#B37524; text-decoration:none; font-weight:bold;}

.link_menu3 {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu3:link {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu3:visited {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu3:hover {font-family:"Trebuchet MS", Arial; font-size:12px; color:#339999; text-decoration:none; font-weight:bold;}

.link_menu3a {font-family:"Trebuchet MS", Arial; font-size:12px; color:#339999; text-decoration:none; font-weight:bold;}
.link_menu3a:link {font-family:"Trebuchet MS", Arial; font-size:12px; color:#339999; text-decoration:none; font-weight:bold;}
.link_menu3a:visited {font-family:"Trebuchet MS", Arial; font-size:12px; color:#339999; text-decoration:none; font-weight:bold;}
.link_menu3a:hover {font-family:"Trebuchet MS", Arial; font-size:12px; color:#339999; text-decoration:none; font-weight:bold;}

.link_menu4 {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu4:link {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu4:visited {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu4:hover {font-family:"Trebuchet MS", Arial; font-size:12px; color:#C02F67; text-decoration:none; font-weight:bold;}

.link_menu4a {font-family:"Trebuchet MS", Arial; font-size:12px; color:#C02F67; text-decoration:none; font-weight:bold;}
.link_menu4a:link {font-family:"Trebuchet MS", Arial; font-size:12px; color:#C02F67; text-decoration:none; font-weight:bold;}
.link_menu4a:visited {font-family:"Trebuchet MS", Arial; font-size:12px; color:#C02F67; text-decoration:none; font-weight:bold;}
.link_menu4a:hover {font-family:"Trebuchet MS", Arial; font-size:12px; color:#C02F67; text-decoration:none; font-weight:bold;}

.link_menu5 {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu5:link {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu5:visited {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu5:hover {font-family:"Trebuchet MS", Arial; font-size:12px; color:#C9C400; text-decoration:none; font-weight:bold;}

.link_menu5a {font-family:"Trebuchet MS", Arial; font-size:12px; color:#C9C400; text-decoration:none; font-weight:bold;}
.link_menu5a:link {font-family:"Trebuchet MS", Arial; font-size:12px; color:#C9C400; text-decoration:none; font-weight:bold;}
.link_menu5a:visited {font-family:"Trebuchet MS", Arial; font-size:12px; color:#C9C400; text-decoration:none; font-weight:bold;}
.link_menu5a:hover {font-family:"Trebuchet MS", Arial; font-size:12px; color:#C9C400; text-decoration:none; font-weight:bold;}


.link_menu3 {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu4 {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}
.link_menu5 {font-family:"Trebuchet MS", Arial; font-size:12px; color:#666666; text-decoration:none; font-weight:bold;}

.fc-field-error {
	border : 1px solid #FF0000 !important;
	background-color:#FFE4E1;
}

/* FORMCHECK -> serveix per marcar amb vermell el texte que obre la protecció de dades -- la classe fc-field-error no serveix ni amb CHECKBOX 
ni amb RADIOBUTTONS */
.fc-text-destaca{
	color:#FF0000;
	text-decoration:underline;
}

#SexyAlertBox-Box {
  padding-bottom: 24px;
  background: url('../img/bg-box-bottom.png') bottom left no-repeat !important;
  background: url('../img/bg-box-bottom.gif') bottom left no-repeat;
}

#SexyAlertBox-InBox {
  padding-top: 15px;
  background: url('../img/bg-box-top.png') top left no-repeat !important;	
  background: url('../img/bg-box-top.gif') top left no-repeat;	
}

#SexyAlertBox-BoxContent {
  background: url('../img/bg-box-body.png') top left repeat-y !important;
  background: url('../img/bg-box-body.gif') top left repeat-y;
  padding: 0px 20px;
}

#SexyAlertBox-BoxContenedor {
  padding: 0px 0px 5px 55px;
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
}

#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyAlertBox-Buttons{
  text-align:right; 
}

#SexyAlertBox-Buttons input {
  margin: 10px 10px;
}

#SexyAlertBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyAlertBox-Box .BoxAlert {
  background: url('../img/dialog-warning.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxConfirm {
  background: url('../img/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxPrompt {
  background: url('../img/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxInfo {
  background: url('../img/dialog-information.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxError {
  background: url('../img/dialog-error.png') top left no-repeat;
}

.datepicker_vista {
	position: absolute;
	font-size: 10px;
	font-family: Tahoma, sans-serif;
	color: #000;
	line-height: normal;
	width: 172px;
	height: 135px;
	padding: 14px;
	background: url(../img/frame.png) no-repeat;
}

/* header
********************************************************/
.datepicker_vista .header {
	position: relative;
	height: 15px;
	margin-bottom: 5px;
	padding-top: 1px;
}

.datepicker_vista .header .title {
	text-align: center;
	margin: 0 18px 0 18px;
}

.datepicker_vista .header .titleText {
}

.datepicker_vista .header .previous,
.datepicker_vista .header .next,
.datepicker_vista .header .closeButton {
	position: absolute;
	cursor: pointer;
	text-indent: -40px;
	overflow: hidden;
	width: 12px;
	height: 12px;
	top: 2px;
	background-image: url(../img/buttons.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.datepicker_vista .header .previous {
	left: 4px;
}
.datepicker_vista .header .previous:hover {
	background-position: left bottom;
}
.datepicker_vista .header .next {
	right: 4px;
	background-position: -13px top;
}
.datepicker_vista .header .next:hover {
	background-position: -13px bottom;
}
.datepicker_vista .header .closeButton {
	display: none;
	right: 0px;
	top: 0px;
	background-position: right top;
}
.datepicker_vista .header .closeButton:hover {
	background-position: right bottom;
}

/* body
********************************************************/
.datepicker_vista .body {
	position: relative;
	top: 0px;
	left: 2px;
	width: 168px;
	height: 112px;
	overflow: hidden;
}

/* time
********************************************************/
.datepicker_vista .time {
	position: relative;
	width: 100%;
	height: 100%;
}

.datepicker_vista .time .hour,
.datepicker_vista .time .separator,
.datepicker_vista .time .minutes {
	border: 1px solid #ccc;
	background: #fff;
	width: 50px;
	font-size: 32px;
	position: absolute;
	top: 10px;
	text-align: center;
	padding: 2px;
}

.datepicker_vista .time .hour {
	left: 15px;
}
.datepicker_vista .time .separator {
	background: transparent;
	border: 0px;
	width: 10px;
	left: 76px;
}

.datepicker_vista .time .minutes {
	left: 95px;
}
.datepicker_vista .time .ok {
	position: absolute;
	top: 65px;
	width: 136px;
	left: 15px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.datepicker_vista .days .day {
	float: left;
	text-align: center;
	overflow: hidden;
	width: 23px;
	height: 15px;
	margin: 0 1px 1px 0;
}
.datepicker_vista .days .titles {
	height: 15px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 1px;
}
.datepicker_vista .days .day0 {
	margin-right: 0;
}

.datepicker_vista .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker_vista .days .week .day {
	cursor: pointer;
}
.datepicker_vista .days .week .day:hover {
	background: url(../img/days.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .days .otherMonth {
	color: #aaa;
}

.datepicker_vista .days .selected {
	background: url(../img/days.png) left bottom no-repeat;
	color: #316879;
}

/* months-grid
********************************************************/
.datepicker_vista .months .month {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 55px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_vista .months .month3,
.datepicker_vista .months .month6,
.datepicker_vista .months .month9,
.datepicker_vista .months .month12 {
	margin-right: 0;
}

.datepicker_vista .months .month10,
.datepicker_vista .months .month11,
.datepicker_vista .months .month12 {
	margin-bottom: 0;
}

/* months-colors
********************************************************/
.datepicker_vista .months .month:hover {
	background: url(../img/months.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .months .selected {
	background: url(../img/months.png) left bottom no-repeat;
	color: #316879;
}

/* years-grid
********************************************************/
.datepicker_vista .years .year {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 32px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_vista .years .year4,
.datepicker_vista .years .year9,
.datepicker_vista .years .year14,
.datepicker_vista .years .year19 {
	margin-right: 0;
}

.datepicker_vista .years .year15,
.datepicker_vista .years .year16,
.datepicker_vista .years .year17,
.datepicker_vista .years .year18,
.datepicker_vista .years .year19 {
	margin-bottom: 0;
}

/* years-colors
********************************************************/
.datepicker_vista .years .year:hover {
	background:url(../img/years.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .years .selected {
	background: url(../img/years.png) left bottom no-repeat;
	color: #316879;
}

/* global
********************************************************/
.datepicker_vista .unavailable {
	background: none !important;
	color: #fbb !important;
	cursor: default !important;
}

.datepicker_vista .input {width:100px;}