/*  Bloc Differentsoft - http://bloc.differentsoft.com */

body {margin:0; padding:0; background:#FDFBF8 url('top_bg.gif') repeat-x; font-family: Verdana, Arial, sans-serif; font-size: .8em;}
p{line-height: 17px; margin: 11px 0 10px 0; padding: 0px;}
h2{color: #9f9f9f; margin:0px; padding:0px; font-size: 15px;}
ul{font-size: 10px; margin:0; padding:0; list-style-image: url(bullet.gif);}
a{text-decoration:none; color:#1D5092; padding:1px 2px; font-weight:bold;}
a:hover{background-color:#1D5092; color:#fff;}
a.image{text-decoration:none; padding:0;}
a.image:hover{background-color:none;}
blockquote{background: #F7FDE3; color: #606060; padding: 10px;}
div.separator{height:25px;}
span.strong{font-weight:bold;}
img.right{float:right; margin:3px 0 5px 5px; border: 1px solid #E1E1E1;}
.item .body p{text-indent:1em;}


/**** Main Container ***/
#wrap {margin:0 auto; width:960px; background:url('content_bg.gif');}

/**** Top ***/
#top {width: 100%; height: 88px; color: #fff; background: #000 url(top_bg.gif);}
#top h2 a {color: white; text-decoration: none;}
#top h2 a:hover {color: #93B300;}

/**** Main Menu ***/
#menu {display: block; float:right;}
#menu ul {margin: 0; list-style: none;}
#menu li {display: block; float: left; white-space: nowrap;}
#menu li a {display: block; padding: 55px 20px 12px 20px; text-decoration: none; color: #fff; font-weight: bold;}
* html #menu a {width:1%;}
#menu li a:hover {background: url(bg_menu.gif);}
#menu li a.current {letter-spacing: 1px; color: white; background:url(bg_menu.gif);}
#menu li a.current:hover {color: #fff;}


/**** Content ***/
#left ul {padding:15px 0 15px 35px; margin:0;}
#left li {margin-bottom:5px;}
#left{width:670px; float:left; display:block; margin-left:20px; display:inline;}

/**** Sidebar ***/
#right {width:260px; float: right; display:block; margin-top: 15px; padding-right:10px;}
#right p{margin-bottom:30px;}
#right p{margin-bottom:20px;}
#right .box {width: 230px; background: #fff; border: 1px solid #E1E1E1; padding:10px 10px 2px 10px; margin:14px 0 40px 0;}
#right .box h2 {font-size: 1.1em; margin:0; padding:0 0 5px 0; border-bottom: 1px solid #E1E1E1;}
#right .box a {margin: 10px 0; font-size: 10px;}
#right .box p {margin: 5px 0 10px 0; line-height: 15px;}
#right .box ul {padding: 0 0 7px 20px; margin:10px 0;}
#right .box li {margin-top:5px;}

#nav{ list-style: none; margin: 2.0em 0; width: 25em; float: right;}
#nav li{ padding: 0; margin: 0; }
#nav a{display: block; height: 2.0em; padding: 0.3em 0.3em 0.3em 0.8em; border-bottom: 2px; /*solid #1a1a1a*/ border-top: 2px; /*solid #1a1a1a*/ color: #93B300; 	background-color: #F7F9FB; font-weight: bold; text-decoration: none;}
#nav a:hover{color: #1a1a1a; background: url(bg_t.gif) no-repeat; background-color: #fff; font-weight: bold;}	

/**** Clear Div ***/
#clear {display: block; clear: both; width: 100%; height:1px; overflow:hidden;}

/**** Foot ***/
#foot {margin: 40px auto 0 auto; text-align: center; border-top: dotted 1px gray; padding:20px;}
#foot p {margin: 0px; padding: 0;}
#foot img{vertical-align:middle;}


/**** Tooltips dels calendaris... ***/
.tooltip{padding: 4; background-color: Yellow; /*border: 2px solid #A33121;*/}
.tooltip .tag{color: Red;}
.tooltip .title{color: Green;}

#logo {display: block; float: left; background-color: White; padding: 10px 10px 0px 10px; margin-top: 27px;}

#left .news_block {margin-top: 10px; padding-right: 20px;}
#left .news_block .item{margin-top: 40px; background: #fff; border: 1px solid #E1E1E1; padding: 0px 10px 10px 10px;}
#left .news_block h3.title{font-size:1.6em; margin:0 -10px; padding:8px 10px; background:#1D5092; color:#fff;}
#left .news_block h3 a{text-decoration: none; background:url("ico_list.gif") 0 50% no-repeat;	padding-left:25px; color:#fff;}
#left .news_block h3 a:hover{color:#C1DEEE;}
#left .news_block p.news_date{background:url("ico_date.gif") 0 35% no-repeat; padding-left:15px; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#1D5092;}
#left ul li {list-style-image: url(arrow.gif);}

#right #langs ul li{list-style: none; display:inline; margin-right: 10px;}
#right #langs ul li a{font-weight: bold;}
#right #langs ul li.active a{color: black; text-decoration: none;}

/* Paginacio */
span.field, .main-content p.field{font-weight:bold;}
.pagination{margin:30px 0 15px 0; text-align:center; clear:both;}
.pagination ul {list-style:none; margin:0; font-size:110%;}
.pagination ul li{background:none; display:inline; font-weight:bold; margin:0 4px; color:#000;}
.pagination ul li a{text-decoration:none; font-weight:bold; margin:0; padding:4px 7px; border: solid 1px #E1E1E1; background-color:#1D5092; color:#fff;}
.pagination ul li a:hover{text-decoration:none; border: solid 1px #263C75; background-color:#92B6E7; color:#263C75;}
.pagination form{margin:24px 0 15px 0;}
.pagination form select{width:50px; border:solid 1px rgb(200,200,200);}
.pagination form input.button_js{margin-left:8px; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); color:rgb(150,150,150); text-align:center;}
.pagination form input.button_js:hover{border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80); cursor:pointer;}