@charset "utf-8";
/* CSS Document */
	
/*cos home*/
#cos {
	background: #FFF;
	width: 980px;
	height: 650px;
	margin: 40px 0 20px 24px;
}
#cosRight {
	float: right;
	width: 348px;
	padding: 10px;
}
#cosLeft {
	float: left;
	width: 592px;
	padding: 10px;
}
.separador {
	width: 982px;
	height: 1px;
	background: #f26323;
	clear: both;
	margin: 8px 0 18px 22px;
}
/*actualitat*/
#actualitat {
	/*height:350px;*/
	background:#FFF;
}
#actualitat h2 {
	font-size: 1.8em;
	color: #f26323;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-weight: normal;
	border-top: #f26323 solid 5px;
	padding: 0 0 0 23px;
	background: url(../img/arrow_cap_actualitat.gif) left top no-repeat;
}
#actualitat #plusActualitat a {
	height: 17px;
	width: 17px;
	float:right;
	margin: -20px 5px 0 0;
	background: url(/img/plus.png) center center no-repeat;
}
#actualitat #plusActualitat a:hover {
	background: url(/img/plus_taronja.png) center center no-repeat;
}
#actualitat #plusActualitat a span {
	display: none;
}
#actualitat ul {
	list-style: none;
	margin: 10px 0 20px 0;
}
#actualitat li {
	background: url(../img/arrow_actualitat.gif) 6px 9px no-repeat;
	border-bottom: 1px #EFEFEF solid;
	line-height: 14px;
	padding: 8px 4px 8px 26px;
}
#actualitat li a {
	color: #666;
	text-decoration: none;
}
#actualitat li a:hover {
	color: #FFF;
	text-decoration: underline;
	background: #f26323;
}
#actualitat .destacat {
	color: #666;
	background: #DDD;
}
/*agenda*/
#agenda {
	background: #efefef;
}
#agenda h2 {
	font-size: 1.8em;
	color: #71d5e2;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-weight: normal;
	border-top: #71d5e2 solid 5px;
	padding: 0 0 0 23px;
	background: url(../img/arrow_cap_agenda.gif) left top no-repeat;
}
#agenda #plusAgenda a {
	height: 17px;
	width: 17px;
	float:right;
	margin: -20px 5px 0 0;
	background: url(/img/plus.png) center center no-repeat;
}
#agenda #plusAgenda a:hover {
	background: url(/img/plus_blau.png) center center no-repeat;
}
#agenda #plusAgenda a span {
	display: none;
}
#agenda ul {
	list-style: none;
	margin: 10px 0;
}
#agenda li {
	line-height: 14px;
	padding: 4px;
	clear: both;
}
#agenda li .data {
	width: 40px;
	float: left;
	color: #cdcdcd;
	font-size: 1.2em;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 0 10px 0;
	border-right: 1px solid #FFF;
	margin: 0 5px;
}
#agenda li .data span {
	font-size: 1.9em;
}
#agenda li p {
	padding: 4px 0 8px 6px;
	float: right;
	width: 280px;
	min-height: 32px;
	vertical-align: middle;
	border-bottom: 1px solid #FFF;
}
#agenda li a {
	color: #666;
	text-decoration: none;
}
#agenda li a:hover {
	color: #FFF;
	text-decoration: none;
	background: #71d5e2;
}
/*media*/
	#media {
	clear: both;
}
#media a {
	text-decoration: none;
	border: 0;
}
/*xarxes*/
#xarxes {
	height:240px;
	width: 288px;
	float: left;
	margin: 0 10px 0 0;
}
#twitter_update_list {
	/*clear:both;
	background: #FFF url(/img/tweet.jpg) left top no-repeat;
	width: 320px;
	margin: 0 10px 10px 10px;
	padding: 2px;*/
	width: 288px;
	margin: 0 0 102px 4px;
	clear:both;
}
#twitter_update_list img {
	border: 0;
	float: left;
	margin: 0 0 0 5px;
	/*width: 40px;*/
}
#twitter_update_list #textTwitter {
	/*background: #FFF url(/img/tweet.jpg) -45px 1px no-repeat;*/
	border: 1px solid #d7dfe2;
	float: left;
	width: 233px;
	padding: 0;
	font-size: 1em;
	margin: 0;
}
#twitter_update_list .twtr-hd h4 a {
	font-size: 1.0em;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-weight: normal;
	color: #0099FF !important;
}
#twitter_update_list .twtr-ft {
    display: none;
    position: relative;
}
/*blog*/
#blog {
	width: 288px;
	margin: 0 0 102px 4px;
	clear:both;
}
#blog img {
	border: 0;
	float: left;
	margin: 0;
	width: 40px;
}
#blog #textBlog {
	background: #efefef;
	border: 1px solid #d7dfe2;
	float: left;
	width: 213px;
	padding: 10px;
	font-size: 1em;
	margin: 0 4px 0 9px;
}
#blog #textBlog a {
	color: #666666;
}
#blog #textBlog a:hover {
	text-decoration: underline;
	color: #666666;
}
#blog .tit {
	font-size: 1.2em;
	color: #237290;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-weight: normal;
}
#blog #textBlog a span {
	color: #666666;
}
#blog span {
	color: #0099FF;
}
/*altres*/
#altres {
	width: 288px;
	margin: 10px 0 15px 0;
	float: right;
	clear:both;
}
#altres img {
	margin: 3px 17px 3px 10px;
	width: 30px;
	height: 30px;
	border:0;
	display: inline-block;
}
#altres a {
	border: 0;
	text-decoration: none;
}
/*videos*/
#videos {
	overflow:hidden;
}
#videoblog {
	width: 288px;
	float: right;
	margin: 0 0 10px 0;
}
#combtv {
	width: 288px;
	margin-top: 0;
	float: right;
}
#focusdown, #focusup {
	display:block;
	float:left;
}
#focusdown {
	margin-bottom: 10px;
}
#focusdown a {
	width:25px;
	height:22px;
	background:url(../img/down.gif) no-repeat;
	margin: 0 98px;
	cursor: pointer;
	display: block;
}
#focusup a {
	width:25px;
	height:22px;
	background:url(../img/up.gif) no-repeat;
	margin: 0 98px;
	cursor: pointer;
	display: block;
}
#focusdown span, #focusup span {
	display: none;
}
#focusdown a:hover, #focusup a:hover {
	background-position: 0 -22px
}
/*boxes*/
#boxes {
	clear:both;
	position: relative;
	width: 986px;
	height: 235px;
	margin: 8px 0 16px 20px;
}
#boxes .bloc-end {
	padding-right:0;
	margin-top:5px;
	height:auto;
	overflow:hidden;
	margin-left: 15px;
	position:relative;
}
#boxes ul {
	padding:0;
	display:inline;
	position:relative;
	margin:0;
	left:0;
	font-size:1em!important;
	width:1000em;
}
#boxes ul li {
	width:140px;
	height:235px;
	margin: 0 21px 0 0;
	float:left;
	padding: 0;
	list-style: none;
}
#boxes ul li img {
	display:block;
	margin-left: 5px;
	border: 0;
}
#boxes ul li a {
	color:#333;
	border:0;
	text-decoration:none;
	height:auto;
	width:140px;
	height:143px;
	display:block;
	background: url(../img/bg_boxes.png) top center no-repeat;
	text-align:left;
	padding: 5px;
}
#boxes ul li a:hover {
	text-decoration:none;
}
#boxes ul li a span {
	clear:both;
}
div.js #boxes ul {
	display:block;
	overflow:hidden;
}
div.js #boxes ul li {
	margin-bottom:0;
}
#boxes ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#boxes #focusnext, #boxes #focusprev {
	position:absolute;
	top: 50px;
}
#boxes #focusnext {
	right: 0;
}
#boxes #focusprev {
	left: 0;
}
#focusnext a {
	width:22px;
	height:25px;
	background:url(../img/gallerynext.png) no-repeat;
	margin-top: 5px;
	cursor: pointer;
	display: block;
}
#focusprev a {
	width:22px;
	height:25px;
	background:url(../img/galleryprev.png) no-repeat;
	margin-top: 5px;
	cursor: pointer;
	display: block;
}
#focusnext span, #focusprev span {
	display: none;
}
#focusnext a:hover, #focusprev a:hover {
	background-position: 0 -25px
}
#focusprev .focusnone, #focusnext .focusnone {
	width:22px;
	height:25px;
	background: none;
	margin-top: 5px;
	cursor: pointer;
	display: block;
}
#boxes h4, #boxes h4 span {
	margin: 15px 2px 5px 2px;
	font-weight: bold;
}
#boxes p {
	margin: 5px 2px 5px 2px;
}
#boxes ul li a:hover {
	background: #CCC;
	height: 226px;
}
/*banners*/
#banners {
	background: #FFF;
	border: 1px solid #a7a7a7;
	width: 940px;
	height: 115px;
	margin: 0 0 36px 42px;
}
#banners ul {
	list-style: none;
	margin: 32px 10px;
}
#banners li {
	display:inline;
	padding: 4px 6px;
}
#banners li.ultim {
	border-right: 0;
	display:inline;
	padding: 4px;
}
#banners li img {
	border: 0;
	height: 50px;
	width: 137px;
}
/*altres*/
#cosAltres {
	background: #FFF;
	width: 940px;
	/*height: 740px;*/
		min-height: 400px;
	margin: 40px 0 36px 24px;
	padding: 20px;
	clear: both;
}
#cosAltres p {
	margin: 10px 0;
	color: #060606;
	line-height: 22px;
	font-size: 1.1em;
}
#cosAltres ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#cosAltres li {
	background: url(../img/arrow.gif) 6px 12px no-repeat;
	line-height: 14px;
	padding: 8px 4px 8px 26px;
}
#cosAltres a {
	text-decoration: underline;
	color: #f26323;
}
#cosAltres a:hover {
	text-decoration: none;
	color: #f26323;
}
#cosAltres h3 {
	font-size: 1.8em;
	color: #f26323;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-weight: normal;
	margin-bottom: 10px;
}
#cosAltres h4 {
	font-size: 1.6em;
	color: #236870;
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-weight: normal;
	margin-bottom: 10px;
}
#cosAltres h5 {
	font-size: 1.1em;
	color: #666;
	font-weight: bold;
	margin-bottom: 10px;
}
#cosAltres .left {
	width: 310px;
	float: left;
	margin: 0 0 10px 0;
}