/* Estils generals CEEI */

html {
	margin: 0;
	padding: 0;
	}
body, td, th, input {
	font:small verdana,sans-serif;
	voice-family:inherit;
	}
body {
	line-height:1.3em;
	margin:0;
	padding:0;
	}
img {border:0;}
acronym {border-bottom: none;}
abbr {border-bottom: none;}
p {
	margin:0 0 1em 0;
	padding:0;
	}
a:link {
	color:#023691;
	}
a:hover {
	color:#023691;
	}
a:visited {
	color:#023691;
	}
h1 {
	margin:0;
	padding:0;
	}
h2 {
	margin:0 0 1.5em 0;
	padding:0;
	color:#464646;
	font-size:120%;
	}
h3 {
	margin:2.5em 0 .3em 0;
	padding:0;
	color:#444;
	font-size:100%;
	}
h3.t3 {
	margin:0 0 1em 0;
	padding:0 0 .2em 0;
	color:#444;
	font-size:110%;
	border-bottom:#ccc 1px solid;
	}
h4 {
	margin:0;
	padding:0;
	color:#464646;
	font-size:100%;
	}
h5 {
	margin:0;
	padding:0;
	color:#000;
	font-size:100%;
	}
h4.destacat {
	margin:1.5em 0;
	padding:0;
	color:#464646;
	font-size:120%;
	text-transform:uppercase;
	}
ul {
	padding:0;
	margin:0 0 0 1.5em;
	}
ul li {
	list-style-image:url(../images/structure/bullet.gif);
	padding:0;
	margin:0 0 .5em 0;
	}
ol li {
	padding:0;
	margin:0 0 .7em 0;
	}

/*** Estils Estructurals ***/
#wrap {
	margin:0 auto;
	font-size:85%;
	width:95%;
	}
#wrapError {
	margin:2em auto 0 auto;
	font-size:85%;
	width:55%;
	padding:2%;
	border:#ccc 1px solid;
	}
	#wrapError h2 {
		margin:2em 0 1.5em 0;
		padding:0;
		font-size:160%;
		}
	#wrapError .goLink {
		margin:2em 0 2em 0;
		}
#header {
	}
	#header #logo {
		padding:.7em 0 1em 0;
		width:30%;
		float:left;
		}
	#header #helpNav {
		padding:1em 0 0 0;
		width:60%;
		float:right;
		text-align:right;
		}
		#header #helpNav  ul {
			margin:0;
			padding:0;
			}
		#header #helpNav  ul li {
			margin:0;
			padding:0;
			display:inline;
			}
		#header #helpNav  ul li a {
			text-decoration:none;
			color:#000066;
			border-left:#FF5527 1px solid;
			padding:0 .4em 0 .7em;
			}
		#header #helpNav  ul li:first-child a {
			border-left: none;
			}
		#header #helpNav #companyAccess {
			background-color:#FFDD19;
			color:#000 !important;
			padding:0 .2em .3em .4em;
			border:none;
			}
#mainNav {
	background:url(../images/structure/mainnav_bg.gif) bottom left repeat-x;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	}
#mainNav ul {
	  margin:8px 0 0 0;
	  padding:0;
	  list-style:none;
	  float:left;
	  }
	#mainNav ul li {
	  float:left;
	  background:#333 url(../images/structure/mainnav-l.gif) left top no-repeat;
	  margin:0 4px 0 0;
	  padding:0 0 0 5px; /* Necessari per mostrar l'altre slide */
	  list-style-image:none;
	  }
	#mainNav ul a {
	  float:left;
	  display:block;
	  padding:4px 28px 3px 20px;
	  background:url(../images/structure/mainnav-r.gif) right top no-repeat;
	  text-decoration:none;
	  color:#fff;
	  font-weight:bold;
	  }
	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
	#mainNav ul a {float:none;}
	/* End IE5-Mac hack */
	#mainNav ul li.active {
	  	background:#023691 url(../images/structure/mainnav_active-l.gif) left top no-repeat;
	  	}
	#mainNav ul li.active a {
	  	background:url(../images/structure/mainnav_active-r.gif) right top no-repeat;
	  	}
	 #mainNav ul li:hover {
	  	background:url(../images/structure/mainnav_active-l.gif) left top no-repeat;
	  	}
	#mainNav ul li a:hover {
	 	 background:url(../images/structure/mainnav_active-r.gif) right top no-repeat;
	 	 }
#search {
	float:right;
	width:26.5em;
	padding:5px 0 2px 0;
	text-align:right;
	background:#F3F3F3 url(../images/structure/search-tl.gif) 0 0 no-repeat;
	}
	#search #query {
		width:12em;
		color:#555;
		vertical-align:middle;
		}
	#search fieldset {
		margin:0;
		padding:0;
		}
	#search #commandGoSearch {
		vertical-align:middle;
		margin:-5px 0 0 .2em;
		padding:4px 5px 4px 0;
		background:url(../images/structure/search-tr.gif) top right no-repeat;
		}
	#search legend {
		display:none;
		}
	#search #queryTarget {
		width:10em;
		vertical-align:middle;
		}
#breadcrumb {
	padding:1em 0 0 0;
	margin:0 0 2.3em 0;
	}
	#breadcrumb .youAre {
		margin:0 .8em 0 0;
		}
	#breadcrumb .current {
		}
	#breadcrumb a, #breadcrumb .noSection {
		padding:0 19px 0 0;
		margin:0 5px 0 0;
		background:url(../images/structure/breadcrumb_bullet.gif) right center no-repeat;
		}
#body {
	clear:both;
	}
#brand {
	height:120px;
	}
	.ceei {
		background:#ccc url(../images/brand/ceei.jpg) top right no-repeat;
		}
	.actualitat {
		background:#ccc url(../images/brand/actualitat.jpg) top right no-repeat;
		}
	.serveis {
		background:#ccc url(../images/brand/serveis.jpg) top right no-repeat;
		}
	.centres {
		background:#ccc url(../images/brand/centres.jpg) top right no-repeat;
		}
	.contacte {
		background:#ccc url(../images/brand/contacte.jpg) top right no-repeat;
		}
	.generica {
		height:0 !important;
		}
#contentBox, #contentHome {
	float:left;
	width:78%;
	}
#content {}
#contentShort {
	width:80%;
	}
	#contentShort img {
		float:left;
		margin:0 1em .2em 0;
		}
	#contentShort ul {
		margin:0 0 1em 3em;
		}
		#contentShort ul ul {
			margin:1em 0 1em 3em;
			}
		#contentShort ul ul li {
			list-style-image:none !important;
			}
#contentColA {
	width:48%;
	float:left;
	clear:left;
	}
#contentColB {
	width:48%;
	float:right;
	}
#sideBar {
	width:20%;
	float:right;
	background:#EBEBEB url(../images/structure/sidebar-tl.gif) 0 0 no-repeat;
	}
	#patronats {
		text-align:center;
		clear:both;
		border-top:#ccc 1px solid;
		background:url(../images/structure/sidebar-br.gif) bottom right no-repeat;
		overflow:hidden;
		}
	#patronats #patronatsBox {
		background:url(../images/structure/sidebar-bl.gif) bottom left no-repeat;
		}
	#patronats #patronatsLogos {
		margin:1em 0 0 0;
		height:130px;
		}
.sidePromo {
	padding:1.2em .8em 1em .8em;
	background:url(../images/structure/sidepromo.gif) 0 0 no-repeat;
	width: auto;
	overflow:hidden;
	}
	.sidePromo h3 {
		padding:0;
		margin:0;
		font-size:100%;
		color:#023691;
		}	
	.sidePromo h3 img {
		float:left;
		width:60px;
		margin:0 10px 10px 0;
		border:#999 1px solid;
		}
	.sidePromo a {
		text-decoration: none;
		}
#footer {
	clear:both;
	margin:2em 0 1em 0;
	padding:.8em .8em 1.7em .8em;
	background:#F3F3F3 url(../images/structure/footer_bg.gif) bottom left repeat-x;
	}
	#footer #footerNav {
		width:49%;
		float:right;
		text-align:right;
		}
		#footer #footerNav ul {
			margin:0;
			padding:0;
			}
		#footer #footerNav ul li {
			margin:0;
			padding:0;
			display:inline;
			}
		#footer #footerNav ul li a {
			color:#023691;
			text-decoration:none;
			border-left:#FF5527 1px solid;
			padding:0 .4em 0 .7em;
			}
		#footer #footerNav ul li:first-child a {
			border-left: none;
			}
	#footer #legalCopy {
		float:left;
		width:49%;
		margin:0;
		}
#subFooter {
	overflow:hidden;
	width:100%;
	padding:0 0 1em 0;
	}
	#certifications {
		float:left;
		width:53%;
		text-align:right;
		}
	#sentinia {
		float:right;
		width:30%;
		text-align:right;
		color:#666;
		font-size:90%;
		}
		#sentinia a {
			color:#555;
			text-decoration:none;
			padding:0 0 2em 0;
			}

/*** Estils pŕgina Inici ***/
#promoAds {
	margin:0 0 1.5em 0;
	}
	#promoAds img {
		display:block;
		}
#promoA, #promoB {
	width:48%;
	overflow:hidden;
	background:#023691 url(../images/home/promo_boxframe.gif) top right no-repeat;
	}
#promoA {
	float:left;
	}
#promoB {
	float:right;
	}
	
/* CEEITO */
.promoAdCeeito {
	background:#023691 url(../images/home/promo_ceeito_right.gif) top right no-repeat;
	margin:0 0 1.5em 0;
	}
.promoAdCeeito .promoContent {
	height:120px;
	background:url(../images/home/promo_ceeito.gif) 0 0 no-repeat;
	}
	.promoAdCeeito .promoContent .title {
		display:block;
		padding:50px 0 0 23px;
		color:#FFF;
		font-size:160%;
		font-weight:bold;
		text-transform:uppercase;
		}

/*** Estils Genčrics ***/
#actionSteps {
	margin:0 0 2em 0;
	padding:0;
	border-bottom:#ccc 1px solid;
	border-top:#ccc 1px solid;
	}
	#actionSteps li {
		margin:0;
		padding:10px 1em 10px 40px;
		display:inline;
		list-style-image:none;



		}
	#actionSteps li#step1 {
		background: url(../images/icons/step1.gif) 0 50% no-repeat;
		}
	#actionSteps li#step1Act {
		background: url(../images/icons/step1-act.gif) 0 50% no-repeat;
		font-weight:bold;
		}
	#actionSteps li#step2 {
		background: url(../images/icons/step2.gif) 0 50% no-repeat;
		}
	#actionSteps li#step2Act {
		background: url(../images/icons/step2-act.gif) 0 50% no-repeat;
		font-weight:bold;
		}
	#actionSteps li#step3 {
		background: url(../images/icons/step3.gif) 0 50% no-repeat;
		}
	#actionSteps li#step3Act {
		background: url(../images/icons/step3-act.gif) 0 50% no-repeat;
		font-weight:bold;
		}
.boxBot div {
	background: url(../images/structure/box-bl.gif) no-repeat bottom left;
	}
.boxBot {
	background: url(../images/structure/box-br.gif) no-repeat  bottom right;
	}
.boxTop div, .boxTop, .boxBot div, .boxBot {
	width: 100%;
	height: 7px;
	font-size: 1px;
	}
.boxContent  {
	background:url(../images/structure/box-l.gif) top right repeat-y;
	margin:0 0 -6px 0;
	padding:0 0 15px 0;
	}
	.boxContent h2 {
		padding:0 2em .1em 10px;
		font-size:1em;
		margin:-3px 0 0 0;
		background-color:#143D84;
		color:#FFF;
		}
	.boxContent p, .boxContent ul, .boxContent table, .boxContent h3 {
		margin-top: .8em !important;
		}
.companyLogo {
	width:13em;
	line-height:9em;
	height:9em;
	float:left;
	margin:0 1em 1em 0;
	padding:.5em 0 0 .5em;
	display:inline;
	border:#CCC 1px solid;
	text-align:center;
	}
	.companyLogo img {
		float:none !important;
		vertical-align:middle;
		}
.contentBanner {
	text-align:center;
	}
.contentBanner img {
	float:none !important;
	margin:0 0 1em 0 !important;
	}
#calendarBox {
	padding:.8em;
	margin:0 0 1em 0;
	background:url(../images/structure/sidebar-tr.gif) top right no-repeat;
	}
	#calendarBox .canlendarHelpTip {
		background:url(../images/structure/calendar_helptip.gif) bottom right no-repeat;
		padding:.2em .3em 1em .5em;
		margin:.2em 0 0 0;
		color:#282828;
        display:none;
		}
	#calendarBox .canlendarHelpTipOld {
		background:url(../images/structure/calendar_helptip_oldevent.gif) bottom right no-repeat;
		padding:.2em .3em 1em .5em;
		margin:.2em 0 0 0;
		color:#282828;
        display:none;
		}
.calendar {
	width:100%;
	margin:0;
	border-left: 1px solid #A2ADBC;
	color: #616B76;
	text-align: center;
	background-color: #fff;
	}
	.calendar .nav {
		color: #fff;	
		text-align: center;
		text-decoration: none;
		padding:0 .2em 0 .2em;
		font-size:1.3em;
		}	
	.calendar caption {
		margin: 0;
		padding:.1em 0 .1em 0;
		background-color: #023691;
		color: #fff;	 
		font-weight: bold;
		text-align: center;
		}
	.calendar th {
		color: #fff;
		background: #505763;
		border: 1px solid #A2ADBC;
		border-left:none;
		}
	.calendar td {
		border-right: 1px solid #A2ADBC;
		border-bottom: 1px solid #A2ADBC;
		width: 2.8em;
		height: 2em;
		text-align: center;
		font-size:90%;
		}
	.calendar td a {
		text-decoration: none;
		font-weight: bold;
		height:100%;
		line-height:1.8em;
		display:block;
		}
	.calendar td.event a {
		background:#FFDD19 url(../images/structure/event.gif) 0 0 no-repeat;
		color:#000;
		}
	.calendar td.oldEvent a {
		background:url(../images/structure/oldevent_bg.gif) 0 0 repeat;
		color:#000;
		}
	.calendar td.course a {
		background:#b0c1e1 url(../images/structure/course.gif) 0 0 no-repeat;
		color:#000;
		}
	.calendar td.oldCourse a {
		background:url(../images/structure/oldcourse_bg.gif) 0 0 repeat;
		color:#000;
		}
	.calendar td.misc a {
		background:url(../images/structure/misc_bg.gif) 0 0 repeat;
		color:#000;
		}
	.calendar td.oldMisc a {
		background: url(../images/structure/oldmisc_bg.gif) 0 0 repeat;
		color:#000;
		}
	.calendar td.holiday {
		background-color:#E7E7E7;
		}
.cancelLink {
	margin:1em 0 0 0;
	}
	.cancelLink a {
		padding:2px 25px 3px 5px;
		background:#023691 url(../images/icons/cancelink.gif) right center no-repeat;
		text-decoration:none;
		color:#FFF !important;
		}
.col2 {}
	.col2 .col2A {
		width:48%;
		float:left;
		}
	.col2 .col2B {
		width:48%;
		float:right;
		}
.gapTop {
	margin:1.5em 0 0 0;
	}

/* Data Tables */
/* Estil taula creat per que sigui agafat quan el client posa una taula */
#contentBox table {
	width:100%;
	border:0;
	margin:0 0 2.5em 0;
	}
	#contentBox caption {
		margin:0;
		padding:.2em .2em .3em .5em;
		text-align: left;
		font-weight: bold;
		background:#DCE2ED url(../images/structure/line1.gif) bottom left repeat-x;
		font-size:100%;
		}
	#contentBox th {
		padding:.4em .2em .4em .5em;
		text-align:left;
		font-weight:bold;
		font-size:100%;
		background:url(../images/structure/line_row.gif) bottom left repeat-x;
		}
	#contentBox td {
		padding:.5em .2em .7em .5em;
		text-align:left;
		background:url(../images/structure/line_row.gif) bottom left repeat-x;
		font-size:100%;
		}

.dataTable img, .dataTableFile img, .dataTableBookings img, .dataTableRemark img, .dataTableInBox img { margin:0 !important;}

	.dataTable caption.highlight {
		background-color:#333 !important;
		color:#fff;
		}
		.dataTable caption.highlight span.activeNumber {
			background:#FFFF33;
			color:#000;
			padding:0 .3em;
			}
	.dataTable th.align,.dataTable td.align {
		text-align: center;
		}
	.dataTable .download {
		background: url(../images/icons/download.gif) left center no-repeat;
		padding:.2em 0 .2em 1.8em !important;
		}
.cRecursosWrap {}
	.cRecursosWrap h3 {
		margin:0 0 1em 0;
		padding:.2em .3em .3em .5em;
		color:#333;
		background:#DADADA url(../images/structure/sitemap_h3.gif) 0 0 repeat-x;
		}
	.cRecursosWrap ul {
		margin-bottom:2em;
		}
	.cRecursosWrap .col2A {
		width:48%;
		float:left;
		}
	.cRecursosWrap .col2B {
		width:48%;
		float:right;
		}
.dataTableBookings {
	width:50% !important;
	border:#333 1px solid !important;
	margin:0 0 1.6em 0 !important;
	}
	.dataTableBookings caption {
		margin:0 !important;
		padding:.2em .2em .3em .5em !important;
		text-align: left !important;
		font-weight: bold !important;
		background-color:#333 !important;
		color:#fff !important;
		font-size:100% !important;
		}
	.dataTableBookings caption.highlight span.activeNumber {
			background:#FFFF33;
			color:#000;
			padding:0 .3em;
			}
	.dataTableBookings th {
		padding:.4em .2em .4em .5em !important;
		text-align:left !important;
		font-weight:bold !important;
		font-size:100% !important;
		background:url(../images/structure/line_row.gif) bottom left repeat-x !important;
		}
	.dataTableBookings th.align,.dataTable td.align {
		text-align: center;
		}
	.dataTableBookings td {
		padding:.5em .2em .7em .5em !important;
		text-align:left !important;
		background:url(../images/structure/line_row.gif) bottom left repeat-x !important;
		font-size:100% !important;
		}

.dataTableFile {
	width:100% !important;
	border:0 !important;
	margin:0 0 2.5em 0 !important;
	border:#A4B3CF 1px solid !important;
	border-top:none !important;
	clear:both;
	}
	.dataTableFile caption {
		margin:0 !important;
		padding:1.5em .2em 1em 1.5em !important;
		text-align: left !important;
		font-weight: bold !important;
		background:url(../images/structure/fitxa.gif) 0 0 no-repeat !important;
		border-right:#A4B3CF 1px solid !important;
		font-size:120% !important;
		}
		.dataTableFile caption .name {
			width:20em;
			display:block;
			float:left;
			background-color:#ccc;
			}
	.dataTableFile th {
		padding:.7em .2em .7em 1.5em !important;
		text-align:left !important;
		font-weight:bold !important;
		font-size:100% !important;
		background:url(../images/structure/line_row.gif) 0 0 repeat-x !important;
		}
	.dataTableFile td {
		padding:.7em .2em .7em .5em !important;
		text-align:left !important;
		background:url(../images/structure/line_row.gif) 0 0 repeat-x !important;
		font-size:100% !important;
		}
	.dataTableFile th.description {
		vertical-align:top;
		}
	.dataTableFile .download {
		background: url(../images/icons/download.gif) left center no-repeat;
		padding:.2em 0 .2em 18px;
		}
	.dataTableFile .photos img {
		margin:0 1em 1em 0 !important;
		float:left;
		display:inline;
		}
	.dataTableFile .videoCell {
		text-align:center;
		border-left:#8799B9 1px dotted;
		padding:0 0 0 1em;
		}
	.fileOptionsBar {
			float:right;
			text-align:right;
			background:#023691 url(../images/structure/file_options_bar.gif) 0 0 no-repeat;
			padding:.2em .4em .2em 0;
			}
			.fileOptionsBar a {
				color:#FFF !important;
				padding:.4em 2em .5em .3em;
				margin:0 0 0 1em;
				text-decoration:none;
				}
				.fileOptionsBar a.edit {
					background:url(../images/icons/golink.gif) right 50% no-repeat;
					}
				.fileOptionsBar a.cancel {
					background: url(../images/icons/cancelink.gif) right 50% no-repeat;
					}

.dataTableRemark  {
	border:#A56400 1px solid !important;
	margin:0 0 1.6em 0 !important;
	width:100% !important;
	}
	.dataTableRemark caption {
		margin:0 !important;
		padding:.2em .2em .3em .5em !important;
		text-align: left !important;
		font-weight: bold !important;
		background-color:#A56400 !important;
		color:#fff !important;
		font-size:100% !important;
		}
	.dataTableRemark th {
		padding:.4em .2em .4em .5em !important;
		text-align:left !important;
		font-weight:bold !important;
		font-size:100% !important;
		background:url(../images/structure/line_row1.gif) bottom left repeat-x !important;
		background-color:#FFFFD8 !important;
		}
	.dataTableRemark td {
		padding:.5em .2em .7em .5em !important;
		text-align:left !important;
		border-bottom:#fff 1px solid !important;
		font-size:100% !important;
		background-color:#FFFFD8 !important;
		}
	.dataTableRemark tr.alter td {
		background-color:#FBFFED;
		}
	.dataTableRemark .download {
		background: url(../images/icons/download.gif) left center no-repeat;
		padding:.2em 0 .2em 18px;
		}
.dataTableInBox {
		width:92% !important;
		border:0 !important;
		margin:0 3% 0 3% !important;
		}
	.dataTableInBox caption {
		margin:0 !important;
		padding:.2em .2em .3em 0 !important;
		text-align: left !important;
		font-weight: bold !important;
		font-size:100% !important;
		}
	.dataTableInBox .highlight {
		background:#FFFF33;
		color:#000;
		padding:0 .3em;
		}
	.dataTableInBox th {
		padding:0 !important;
		text-align:left !important;
		font-size:1% !important;
		color:#fff !important;
		border-top:#ccc 1px solid !important;
		}
	.dataTableInBox td {
		padding:.3em .2em .6em 0 !important;
		text-align:left !important;
		background:url(../images/structure/line_row.gif) bottom left repeat-x !important;
		font-size:100% !important;
		}
	.dataTableInBox .date {
		text-align:right;
		}
.doorBox {
	width:47%;
	margin:0 2% 1em 0;
	padding:0 0 .8em 0;
	float:left;
	background-color:#DCE2ED;
	}
	.doorBox h3 {
		margin:0 0 .8em 0;
		padding:0;
		font-size:100%;
		color:#3E3E3E;
		}
	.doorBox h3 a {
			padding:2px 25px 3px 5px;
			background:#023691 url(../images/icons/golink.gif) right center no-repeat;
			text-decoration:none;
			color:#FFF !important;
			}
	.doorBox .content {
		margin:1em 0 0 140px;
		}
	#emprenedoriaBox {
		background:#DCE2ED url(../images/misc/hubbox_emprenedoria.jpg) 0 0 no-repeat;
		}
	#formacioBox {
		background:#DCE2ED url(../images/misc/hubbox_formacio.jpg) 0 0 no-repeat;
		}
	#recursosBox {
		background:#DCE2ED url(../images/misc/hubbox_recursos.jpg) 0 0 no-repeat;
		}
	#innovacioBox {
		background:#DCE2ED url(../images/misc/hubbox_innovacio.jpg) 0 0 no-repeat;
		}
.goLink {
	margin:1em 0 0 0;
	}
	.goLink a {
		padding:.2em 25px .3em .4em;
		background:#023691 url(../images/icons/golink.gif) right center no-repeat;
		text-decoration:none;
		color:#FFF !important;
		}
	.goLink input {
		padding:.2em 22px .3em .4em;
		background:#023691 url(../images/icons/golink.gif) right center no-repeat;
		color:#FFF;
		border:none;
		text-align:left;
		}
.backLink {
	background:url(../images/icons/back.gif) 0 50% no-repeat;
	padding:.2em 0 .2em 20px;
	text-decoration:none;
	}
.upLink {
	background: url(../images/icons/up.gif) right 4px no-repeat;
	padding:.2em 10px .2em 0;
	text-decoration:none;
	}
.hubBox {
	width: 100%;
	background:url(../images/structure/box-r.gif) 0 0 repeat-y;
	margin:0 0 1.1em 0;
	}
	.hubBox .boxTop {
		background:#ccc url(../images/structure/hubbox-tr.gif) no-repeat top right;
		}
	.hubBox .boxTop div  {
		background: url(../images/structure/hubbox-tl.gif) no-repeat top left;
		}
	.hubBox .boxContent h2 {
		color:#333;
		background-color:#ccc;
		}
	.hubBox .boxContent h2#centreEmp {
		background:#ccc url(../images/structure/hubbox_centreemp.gif)  right 2px no-repeat;
		}
	.hubBox .boxContent h2#innovacio {
		background:#ccc url(../images/structure/hubbox_innovacio.gif) right 2px no-repeat;
		}
	.hubBox .boxContent h2#emprenedoria {
		background:#ccc url(../images/structure/hubbox_emprenedoria.gif) right 2px no-repeat;
		}
	.hubBox .boxContent ul  {
		padding:0;
		margin:0 0 1em 2.5em;
		}
	.hubBox .boxContent li  {
		padding:0;
		margin:0 0 .4em 0;
		}
.hubBox1 {
	width:48%;
	margin:0 2% 1em 0;
	float:left;
	}
	.hubBox1 h3 {
		margin:0 0 .8em 0;
		font-size:100%;
		color:#FFF;
		background:#143D84 url(../images/structure/hubbox1_h3.gif) 0 0 repeat-x;
		padding:.2em .3em .3em .5em;	
		}
.image {
	float:none !important;
	}
#message {
	margin:0 0 1em 0;
	padding:0 0 .1em 0;
	font-weight:bold;
	background:#F8F67F url(../images/structure/message.gif) bottom right no-repeat;
	}
	#message .successful {
		padding:2em .5em 1.2em 7em;
		background: url(../images/icons/correct.gif) 10px center no-repeat;
		}
	#message .error {
		padding:2em .5em 1.2em 7em;
		background: url(../images/icons/wrong.gif) 10px center no-repeat;
		}
	#message ul {
		padding:.5em .5em 1em 7em;
		}
	#message p {
		padding:0 .5em 1em 7em;
		}
.newsBox {
	width: 100%;
	background:url(../images/structure/box-r.gif) 0 0 repeat-y;
	}
	.newsBox .boxTop div  {
		background: url(../images/structure/newsbox-tl.gif) no-repeat top left;
		}
	.newsBox .boxTop {
		background:#143D84 url(../images/structure/newsbox-tr.gif) no-repeat top right;
		}
	.newsBox .boxContent .newsItem {
		margin:1em 1em 0 1em;
		padding:0 0 1em 0;
		clear:both;
		border-bottom:#FF5527 1px dotted;
		}
		.newsBox .boxContent .newsItem h3 {
			margin:0 0 .3em 0 !important;
			padding:0 !important;
			font-size:100%;
			
			}
		.newsBox .boxContent .newsItem p {
			margin:0 0 .5em 0 !important;
			padding:0 0 .3em 0 !important;
			}
		.newsBox .boxContent .newsItem img {
			float:left;
			width:105px;
			margin:0 1em .5em 0; /* marca la distancia entre noticies */
			border:#999 1px solid;
			}
		.newsBox .boxContent .newsItem a {
			text-decoration:none;
			}
		.newsBox .boxContent .newsItem a:hover {
			text-decoration: underline;
			}
		.newsBox .boxContent .newsItem .date {
			background: url(../images/icons/news.gif) 0 0 no-repeat;
			padding:.2em 0 .2em 22px;
			margin:1em 0 0 0;
			color:#666;
			}
		.newsBox .boxContent .newsItem .newsVideo {
			clear:both;
			}
			.newsBox .boxContent .newsItem .newsVideo a {
				
				}
		.newsBox .boxContent .goLink {
			margin:2em 0 0 0;
			}
		.newsBox .boxContent .goLink a {
			margin:0 0 0 11px;
			}
#new {}
	#new h3 {
		font-family:Georgia, serif;
		font-size:140%;
		background-color:#E2E2E2;
		color:#000;
		padding:.3em .5em .4em 1em;
		}
	.newsDetetails {
		margin:1em 0;
		padding:.5em 0 .5em 0;
		clear:both;
		border-bottom:#666 1px dotted;
		border-top:#666 1px dotted;
		}
		.newsDetetails .newsDate {
			width:38%;
			float:left;
			margin:0 0 0 2%;
			}
		.newsDetetails .newsTools {
			width:42%;
			float:right;
			text-align:right;
			}
			.newsDetetails .newsTools a {
				text-decoration:none;
				padding:.2em 23px .2em 0;
				margin:0 0 0 1em;
				}
			.newsDetetails .newsTools a.print {
				background:url(../images/icons/print.gif) right center no-repeat;
				}
			.newsDetetails .newsTools a.docs {
				background:url(../images/icons/documents.gif) right center no-repeat;
				}
			.newsDetetails .newsTools a.photos {
				background:url(../images/icons/photos.gif) right center no-repeat;
				padding-right:30px;
				}
			.newsDetetails .newsTools a.back {
				background:url(../images/icons/back.gif) 0 50% no-repeat;
				padding:.2em 0 .2em 20px;
				}
			.addthis_toolbox {
				float:left;
				width:16%;
				}
		.newsDetetailsVideos {
			padding:1em 0 0 0;
			}
			.newsDetetailsVideos .videoItem {
				padding:0 0 1em 0;
				}
		#newsContent img {
			float:left;
			margin:0 1em .3em 0;
			padding:16px 6px 6px 6px;
			background:#E9EDF4 url(../images/icons/zoom.gif) right 0 no-repeat;
			border:#A4B3CF 1px solid;
			}
.imgGalleryTheme {
	float:left;
	border:#ccc 1px solid;
	padding:1em;
	margin:0 1em 1em 0;
	width:30em;
	display:inline;
	background-color:#e9edf4;
	border:#a4b3cf 1px solid;




	}
	.imgGalleryTheme img {
		float:left;
		margin:0 1em 0 0;
		}
	.imgGalleryTheme h3 {
		margin:0 0 1em 0;
		padding:0;
		font-size:100%;
		color:#000;
		}
#relatedFiles h3 {
	font-family:Georgia, serif;
	font-size:120%;
	background-color:#333;
	color:#FFF;
	padding:.3em .5em .4em 1em;
	margin:0 0 1em 0;
	}
#relatedFiles .photoBox {
	width:16.5em;
	float:left;
	margin:0 1em 2.5em 0;
	padding:0 0 .5em 0;
	border:#A4B3CF 1px solid;
	}
	#relatedFiles .photo {
		text-align:center;
		margin:0 0 .6em 0;
		padding:.5em;
		background-color:#E9EDF4;
		}
	#relatedFiles .download {
		background:url(../images/icons/download.gif) left center no-repeat;
		padding:0 0 0 18px;
		margin:.5em 0 0 .5em;
		display:block;
		text-decoration:none;
		}
	#relatedFiles .zoom {
		background:url(../images/icons/zoom1.gif) left center no-repeat;
		padding:0 0 0 18px;
		margin:.5em 0 0 .5em;
		display:block;
		text-decoration:none;
		}
	#relatedFiles .dataTable {
		margin:2em 0 2em 0;
		}
.pagination {
	margin:1em 0;
	border-right:#A4B3CF 1px solid;
	border-bottom:#A4B3CF 1px solid;
	background:url(../images/structure/paginador.gif) 0 0 no-repeat;
	padding:.5em .5em .5em 2.2em;
	}
	.pagination a {
		text-decoration:none;
		}
	.pagination a.page {
		background-color:#023691;
		color:#FFF;
		padding:.1em .4em .3em .4em;
		}
	.pagination .current {
		background-color:#FFF;
		border:#333 1px solid;
		padding:.1em .4em .1em .4em;
		text-decoration:none;
		font-weight:bold;
		}
	.pagination a.next {
		margin:0 0 0 1em;
		padding:.1em .6em .1em .6em;
		background:#D7E4F6 url(../images/structure/linkbutton.gif) 0 0 repeat-x;
		border:#A4B3CF 1px solid;
		}
		.pagination a.next span {
			padding:0 10px 0 0;
			background: url(../images/icons/next.gif) center right no-repeat;
			}
	.pagination a.previous {
		margin:0 1em 0 0;
		padding:.1em .6em .1em .6em;
		background:#D7E4F6 url(../images/structure/linkbutton.gif) 0 0 repeat-x;
		border:#A4B3CF 1px solid;
		}
		.pagination a.previous span {
			padding:0 0 0 10px;
			background: url(../images/icons/previous.gif) 0 50% no-repeat;
			}
	.pagination .resultsTip {
		float:left;
		width:40%;
		padding:0;
		margin:0;
		}
	.pagination .pageLinks {
		float:right;
		width:60%;
		text-align:right;
		}
#resultatsCerca {
	margin:1em 0;
	padding:0;
	}
	#resultatsCerca h3 {
		margin:0 0 1em 0;
		padding:0;
		}
	#resultatsCerca li {
		padding:0 0 1.5em 0;
		}
	#resultatsCerca ul a {
		font-weight:bold;
		}
.patronat {
	width:38%;
	float:left;
	margin:2em 8% 0 0;
	padding:.6em 1%;
	border:#CCC 1px solid;
	text-align:center;
	display:inline;
	}
	.patronat img {
		float:none !important;
		}
.promoAd {
	overflow:hidden;
	background:#FFDD1A url(../images/structure/promoad.gif) top right no-repeat;
	margin:0 0 3em 0;
	}
	.promoAd img {
		display:block;
		}
#photoGallery {}
	#photoGallery img {
		float:left;
		padding:16px 6px 6px 6px;
		margin:0 1em 1em 0;
		background:#E9EDF4 url(../images/icons/zoom.gif) right 0 no-repeat;
		border:#A4B3CF 1px solid;
		}
.statement {
	margin:0 0 1em 0;
	background-color:#FFFFD8;
	border-top:#A56400 1px dotted;
	border-bottom:#A56400 1px dotted;
	padding:.6em .5em .6em .9em;
	}
.sitemapWrap {}
	.sitemapWrap h3 {
		margin:0 0 1em 0;
		padding:.2em .3em .3em .5em;
		color:#333;
		background:#DADADA url(../images/structure/sitemap_h3.gif) 0 0 repeat-x;
		clear:both;
		}
	.hubSitemap {
		float: left;
		width:45%;
		margin:0 0 1em 0;
		}
	.hubSitemap h4 {
		margin:0 0 1em 0;
		padding:0;
		color:#333;
		}
.organigrama {
	background:url(../images/misc/line_organigrama.gif) top center no-repeat;
	width:100%;
	}
	.patronats {
		border:#023691 1px solid;
		padding:1em;
		margin:0 0 2em 0;
		background-color:#fff;
		text-align:center;
		}
		.patronats img {
			margin:0 1em 2em 0 !important;
			float:none !important;
			}
	.director {
		margin:0 auto 2em auto;
		text-align:center;
		background-color:#FFF;
		padding:1em .2em .5em .2em;
		border:#023691 1px solid;
		background:#dce9ff url(../images/misc/director_bg.gif) 0 0 repeat-x;
		width:15em;
		}
		.director img {
			float:none !important;
			border:#fff 1px solid;
			}
		.director .position {
			margin:0;
			font-weight:bold;
			}
		.director .name {
			margin:0;
			}
	.organBoxLarge {
		border:#023691 1px solid;
		padding:1em;
		margin:0 0 2em 0;
		background-color:#fff;
		text-align:center;
		}
		.organBoxLarge ul {
			list-style:none !important;
			}
			.organBoxLarge ul li {
				list-style:none !important;
				background:none !important;
				}
	.organBoxSmall {
		margin:0 auto 2em auto;
		text-align:center;
		background-color:#FFF;
		padding:1em .2em 1em .2em;
		border:#023691 1px solid;
		background:#dce9ff url(../images/misc/director_bg.gif) 0 -15px repeat-x;
		width:15em;
		color:#FFF;
		}
		.organBoxSmall .position {
			margin:0;
			font-weight:bold;
			}
		.organBoxSmall .name {
			margin:0;
			}
.organigrama-Borges {
	background:url(../images/misc/line_organigrama.gif) center -460px no-repeat;
	width:100%;
	}
	.organigrama-Borges .patronats a {
		padding:0 1em;
		}
.organigrama-AltUrgell {
	background:url(../images/misc/line_organigrama.gif) center -420px no-repeat;
	width:100%;
	}
	.organigrama-AltUrgell .patronats a {
		padding:0 1em;
		}
.centerGraphic {
	text-align:center;
	width:100%;
	}
	.centerGraphic img {
		float:none !important;
		margin:0 !important;
		}
.delegacio {
	width:60%;
	float:left;
	border:#ccc 1px solid;
	margin:0 0 1em 0;
	}
	.delegacio h3 {
		padding:.3em .5em;
		margin:0;
		background-color:#023691;
		color:#FFFFFF;
		text-align:center;
		}
		.delegacio h3 a {
			color:#FFF !important;
			text-decoration:none;
			}
	.delegacio .logoDelegacio {
		text-align:center;
		padding:.5em 0;
		}
.legalContent {
	color:#333;
	}
.googleMap {
	width:100%;
	overflow:hidden;
	margin:0 0 1.5em 0;
	}
	.googleMap .mapBox {
		float:left;
		width:445px;
		background:#023691 url(../images/misc/gmap_top.gif) 0 0  no-repeat;
		}
		.googleMap .mapBox .map {
			margin:10px 10px 0 10px;
			}
			.googleMap .mapBox #map {
				width:425px;
				height:350px;
				border:#FFFFFF 1px solid;
				}
			.googleMap .mapBox #planells {
				display:none;
				width:425px;
				height:330px;
				border:#FFFFFF 1px solid;
				background-color:#FFFFFF;
				padding-top:20px;
				}
		.googleMap .mapBox .bot {
			width:445px;
			background:#023691 url(../images/misc/gmap_bot.gif) left bottom  no-repeat;
			height:10px;
			}
	.googleMap .actions {
		float:left;
		width:51px;
		background:#023691 url(../images/misc/gmap_actions_top.gif) 0 0  no-repeat;
		}
		.googleMap .actions .buttons {
			margin:10px 0 0 0;
			}
			.googleMap .actions .buttons a.zoomIn {
				padding:0 0 5px 0;
				display:block;
				}
		.googleMap .actions .bot {
			background:#023691 url(../images/misc/gmap_actions_bot.gif) left bottom  no-repeat;
			height:10px;
			}

/*** Estils Formularis ***/
form {margin:0; padding:0;}
fieldset {border:none; margin:0; padding:0;}
input, select {font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif;}
input:focus, select:focus {
	background-color:#F8F67F;
	color:#333;
	}
.fieldError {
	padding:.3em 2em .3em .2em;
	background:#F8F67F url(../images/structure/fielderror.gif) right center no-repeat;
	}

.genericForm {
	background:#E9EDF4 url(../images/structure/legend.gif) top left repeat-x;
	border-bottom:#fff 1px solid;
	margin:0 0 1em 0;
	}
	html fieldset{ }
	.genericForm legend {
		margin:0 0 .6em 0;
		padding:.3em 0 .3em .3em;
		font-weight:bold;
		color:#3E3E3E;
		}
	/* divs for .formbox, .select, etc. cleared so padding works. Clearing done in Hacks */
	.genericForm .formbox, .genericForm .inputRadio, .genericForm .inputCheckbox {
		clear:left;
		padding:0 0 1em 0;
		display:block;
		}
	.genericForm .formbox {
		padding:.5em 0 .5em 1em;
		border-bottom:#A4B3CF 1px dotted;
		}	
	.genericForm .formbox label {
		width: 12em;
		float:left;
		display:block;
		font-weight:bold;
		color:#3E3E3E;
		}
	.genericForm .formbox input {
		float:left;
		width: 15em;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		}
	.genericForm .formbox input, .genericForm .formbox select, .genericForm .formbox textarea {
		border:1px solid #7F9DB9;
		}
	.genericForm .inputRadio, .genericForm .inputCheckbox {
		padding-left:12em;
		}
	.severalControlsBox {
		padding:.5em 0 .5em 1em;
		clear:both;
		border-bottom:#A4B3CF 1px dotted;
		}
		.severalControlsBox .fakeLabel {
			width: 12em;
			float:left;
			display:block;
			font-weight:bold;
			color:#3E3E3E;
			}
	.severalControlsBox .formCalendar {
		width:5em;
		margin:.5em 0 0 0;
		}	
	.genericForm .formButton {
		margin:0;
		margin:.5em 0 .5em 0;
		}
		.genericForm .formButton input {
			margin:0 0 .3em 13em;
			background:#D7E4F6 url(../images/structure/linkbutton.gif) 0 0 repeat-x;
			border:#5075BB 1px solid;
			border-bottom:#022D6F 1px solid;
			border-right:#022D6F 1px solid;
			font-weight:bold;
			color:#022D6F;
			}
	.genericForm .inlineButton {
		margin:0 0 .3em 13em;
		background:#D7E4F6 url(../images/structure/linkbutton.gif) 0 0 repeat-x;
		border:#5075BB 1px solid;
		border-bottom:#022D6F 1px solid;
		border-right:#022D6F 1px solid;
		font-weight:bold;
		color:#022D6F;
		width:auto !important;
		margin:0 0 0 1.5em;
		}
	.genericForm p {
		margin:0;
		margin:.7em 0 .5em 1em;
		}

/*** Estils especials ***/
.clear {clear:both;}

.hide, #controls a, #controls a:hover, #controlsp a:visited, #search label, .yourStep {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	background-image: url(#);
	}
#controls a:active, #controls a:focus {
	position:static;
	width:auto;
	height:auto;
	background-color:#000;
	color:#FFFF00;
	padding:.5em;
	display:block;
	}

/*** Hacks ***/
.clearfix:after, #header:after, #body:after, #content:after, #footer:after, #mainNav:after, #sideBar:after, #promoAds:after, .newsItem:after, .formbox:after, .pagination:after, .newsDetetails:after, .col2:after, .patronats:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #header, #body, #content, #footer, #mainNav, #sideBar, #promoAds, .newsItem, .formbox, .pagination, .newsDetetails, .col2, .patronats {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, html #header, html #body, html #content, html #footer, html #mainNav, html #sideBar, html #promoAds, html .newsItem, html .formbox, html .pagination, html .newsDetetails, html .col2, html .patronats {height: 1%;}
.clearfix, #header, #body, #content, #footer, #mainNav, #sideBar, #promoAds, .newsItem, .formbox, .pagination, .newsDetetails, .col2, .patronats {display: block;}
/* End hide from IE-mac */

/* control date */
#ui-datepicker-div, .ui-datepicker-inline { font-family: Arial,Helvetica,sans-serif; font-size: 110%; padding: 0; margin: 0; background: #ececec; width: 185px; }
#ui-datepicker-div { display: none; border: 1px solid #023691; z-index: 10; }
.ui-datepicker-inline { float: left; display: block; border: 0; }
.ui-datepicker-rtl {direction: rtl; }
.ui-datepicker-dialog { padding: 5px !important; border: 4px ridge #c8c8c8 !important; }
button.ui-datepicker-trigger { width: 25px; display: block; }
img.ui-datepicker-trigger { margin: 2px; vertical-align: middle; cursor: pointer; display: block; }
.ui-datepicker-prompt { float: left; padding: 2px; background: #ececec; color: #000; }
* html .ui-datepicker-prompt { width: 185px; }
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { clear: both; float: left; width: 100%; color: #FFF; }
.ui-datepicker-control { background: #dce2ed; padding: 2px 0px; border-bottom:#8897b2 1px solid; }
.ui-datepicker-links { background: #ececec; padding: 2px 0px; }
.ui-datepicker-control, .ui-datepicker-links { font-weight: bold; font-size: 80%; letter-spacing: 1px; }
.ui-datepicker-links label { padding: 2px 5px; color: #888; }
.ui-datepicker-clear, .ui-datepicker-prev { float: left; width: 34%; }
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { float: right; text-align: right; }
.ui-datepicker-current { float: left; width: 30%; text-align: center; }
.ui-datepicker-close, .ui-datepicker-next { float: right; width: 34%; text-align: right; }
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { float: left; text-align: left; }
.ui-datepicker-header { padding: 3px 0 2px; background: #dce2ed; text-align: center; font-weight: bold; height: 1.3em; border-top:#8897b2 1px solid; }
.ui-datepicker-header select { background: #fff; color: #000; border: 0px; font-weight: bold; font-size:85%; }
.ui-datepicker { background: #CCC; text-align: center; font-size: 100%; }
.ui-datepicker a { display: block; width: 100%; }
.ui-datepicker-title-row { background: #505763; color: #000; }
.ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #505763; }
.ui-datepicker-days-row { background: #FFF; color: #666; }
.ui-datepicker-week-col { background: #505763; color: #000; }
.ui-datepicker-days-cell { color: #000; border: 1px solid #DDD; }
.ui-datepicker-days-cell a { display: block; }
.ui-datepicker-week-end-cell { background: #ececec; }
.ui-datepicker-unselectable { color: #888; }
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell { background: #505763 !important; }
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell { background: #FFF !important; border: 1px solid #777; }
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #505763 !important; }
* html .ui-datepicker-week-end-cell { background: #ececec !important; border: 1px solid #DDD !important; }
* html .ui-datepicker-days-cell-over { background: #FFF !important; border: 1px solid #777 !important; }
* html .ui-datepicker-current-day { background: #c8c8c8 !important; }
.ui-datepicker-today { background: #505763 !important; }
.ui-datepicker-current-day { background: #ffff33 !important; font-weight:bold; }
.ui-datepicker-status { background: #ececec; width: 100%; font-size: 80%; text-align: center; }
#ui-datepicker-div a, .ui-datepicker-inline a { cursor: pointer; margin: 0; padding: 0; background: none; color: #000; }
.ui-datepicker-inline .ui-datepicker-links a { padding: 0 5px !important; }
.ui-datepicker-control a, .ui-datepicker-links a { padding: 2px 5px !important; color: #000 !important; }
.ui-datepicker-title-row a { color: #fff !important; }
.ui-datepicker-control a:hover { background: #FDD !important; color: #333 !important; }
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover { background: #FFF !important; color: #333 !important; }
.ui-datepicker-multi .ui-datepicker { border: 1px solid #c8c8c8; }
.ui-datepicker-one-month { float: left; width: 185px; }
.ui-datepicker-new-row { clear: left; }
.ui-datepicker-cover { display: none; display/**/: block; position: absolute; z-index: -1; /*filter: mask();*/ top: -4px; left: -4px; width: 193px; height: 200px;
}