/********************************** ESTILS COMPARTITS **********************************/
/********************************** ESTILS GENERICS **********************************/
.left {
	float: left;
}
.right {
	float: right;
}
.box {
	display: block;
	overflow: hidden;
}
.row {
	display: block;
	float: none;
	overflow: hidden;
}
.clear {
	float: none;
	clear: both;
}
* html #container .box,
* html #container .fila {
	display: inline-block;
}
.list_h li {
	display: inline;
	/*float: left;*/
}
.hidden_text {
	display: block;
	overflow: hidden;
	text-indent: -9999em;
}
.ext_link {
	background: url(img/ico_link_ext.gif) no-repeat 100% 50%;
	padding-right: 18px;
}
.border {
	border: 1px solid #D5D4D0;
}
.corners,
.corners_border,
.corners_mini,
.corners_blue {
	position: relative;
}
.filet_top {
	border-top: 1px dotted #A5A38D;
}
.filet_bot {
	border-bottom: 1px dotted #A5A38D;
}
.bg_grey {
	background-color: #F4F3F0;
}
.content_box_hold {
	padding: 0.6em 1.0em 1.0em 1.0em;
}
p.text {
	font-size: 1.2em;
}
/******************* LOGO LLETRA *******************/

.titol a{
text-indent:-9999px;
background:url(img/topobio_logo.jpg) no-repeat;
display:block;
width:24.1em;
height:5.4em;
}
/******************* FORMULARI *******************/
.text_field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #7F7F7F;
	border-width: 1px;
	border-style: solid;
	border-color: #666 #CCC #CCC #CCC;
	padding: 0.2em 0 0.1em 0.2em;
}
/******************* COLORS *******************/
.blue, .blue a {
	color: #09476C;
}
.red, .red a {
	color: #B31905;
}
.green, .green a {
	color: #979A55;
}
.grey, .grey a {
	color: #8B8977;
}
/******************* CANTONADES ARRODONIDES *******************/
.top_left_corner,
.top_right_corner,
.bot_left_corner,
.bot_right_corner {
	position: absolute;
	overflow: hidden;
}
.top_left_corner {
	top: 0;
	left: 0;
}
.top_right_corner {
	top: 0;
	right: 0;
}
.bot_left_corner {
	bottom: 0;
	left: 0;
}
.bot_right_corner {
	bottom: 0;
	right: 0;
}
/********** CANTONADES **********/
.corners .top_left_corner,
.corners .top_right_corner,
.corners .bot_left_corner,
.corners .bot_right_corner,
.corners_border .corners .top_left_corner,
.corners_border .corners .top_right_corner,
.corners_border .corners .bot_left_corner,
.corners_border .corners .bot_right_corner {
	background-image: url(img/border_white_corner_9.gif);
}
.corners_border .top_left_corner,
.corners_border .top_right_corner,
.corners_border .bot_left_corner,
.corners_border .bot_right_corner {
	background-image: url(img/border_white_corner_border_9.gif);
}
.corners .top_left_corner,
.corners .top_right_corner,
.corners .bot_left_corner,
.corners .bot_right_corner,
.corners_border .top_left_corner,
.corners_border .top_right_corner,
.corners_border .bot_left_corner,
.corners_border .bot_right_corner {
	background-repeat: no-repeat;
	width: 9px;
	height: 9px;
}
.corners .top_left_corner,
.corners_border .top_left_corner {
	background-position: 0 0;
}
.corners .top_right_corner,
.corners_border .top_right_corner {
	background-position: -9px 0;
}
.corners .bot_left_corner,
.corners_border .bot_left_corner {
	background-position: 0 -9px;
}
.corners .bot_right_corner,
.corners_border .bot_right_corner {
	background-position: -9px -9px;
}

.corners_mini .top_left_corner,
.corners_mini .top_right_corner,
.corners_mini .bot_left_corner,
.corners_mini .bot_right_corner,
.corners_blue .top_left_corner,
.corners_blue .top_right_corner,
.corners_blue .bot_left_corner,
.corners_blue .bot_right_corner {
	background-repeat: no-repeat;
	width: 5px;
	height: 5px;
}
.corners_mini .top_left_corner,
.corners_mini .top_right_corner,
.corners_mini .bot_left_corner,
.corners_mini .bot_right_corner {
	background-image: url(img/border_white_corner_5.gif);
}
.corners_blue .top_left_corner,
.corners_blue .top_right_corner,
.corners_blue .bot_left_corner,
.corners_blue .bot_right_corner {
	background-image: url(img/bg_corners_blue.gif);
}
.corners_mini .top_left_corner,
.corners_blue .top_left_corner {
	background-position: 0 0;
}
.corners_mini .top_right_corner,
.corners_blue .top_right_corner {
	background-position: -5px 0;
}
.corners_mini .bot_left_corner,
.corners_blue .bot_left_corner {
	background-position: 0 -5px;
}
.corners_mini .bot_right_corner,
.corners_blue .bot_right_corner {
	background-position: -5px -5px;
}
/******************* PAGINADOR *******************/
.pager {
}
.pager li {
	background: #ECECE7;
	/*-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.4em;*/
	float: left;
	padding: 0.2em 0.6em;
	margin-right: 0.5em;
}
.pager li.select,
.pager li:hover {
	background: #979A55;
}
.pager li span,
.pager li a  {
	font-size: 1.2em;
	font-weight: bold;
}
.pager li a {
	color: #09476C;
	text-decoration: none;
}
.pager li span,
.pager li:hover a,
.pager li a:hover {
	color: #FFF;
}

/********************************** LINK VEURE MES **********************************/
.see_more {
	background: url(img/arrow_link_bg_blue.gif) no-repeat 100% 50%;
	padding: 0.2em 0;
	position: absolute;
	top: 0.6em;
	right: 0.6em;
}
.see_more a {
	padding: 0.2em 1.8em 0.2em 0;
	font-size: 1.1em;
	text-decoration: none;
	color: #09476C;
}
.read_more {
	background: url(img/bg_plus_read_more.gif) no-repeat 0.2em 50%;
	padding-left: 1.6em;
	text-decoration: none;
	font-size: 1.0em;
}
/********************************** CAIXA ESTANDARD AMB TITOL **********************************/
.title_box {
	background: #F4F3F0;
	border-bottom: 0.1em dashed #ABAAA1;
	min-height: 3.0em;
}
.title_box h2 {
	padding: 0.4em 0 0 0.4em;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
}
.title_box .tit_text {
	padding-top: 0.1em;
}
.content_box {
	display: block;
	float: none;
	overflow: hidden;
	padding:1em;
	
}
.content_box.contentheight {
	min-height: 29.6em;
	height: auto;
	height: 29.6em;
}
.pestanyes_box {
	overflow: hidden;
	display: block;
	float: none;
	padding:1em;
}
.pestanyes_box2{
	overflow:hidden;
	display: block;
	float: none;
	padding:1em;
	border-top:1px solid #D5D4D0 ;
}
.content_box .image {
	padding: 0.8em;
}
.content_box .text {
	/*width: 19.0em;*/
	margin: 0 0.8em;
	padding: 0.8em 0;
}
.content_box .text p {
	font-size: 1.2em;
}
.bot_boxes_home .content_box .text {
	width: 16.5em;
}

/********************************** CAIXA OFFLLETRA **********************************/
.off_box h2 {
	display: block;
	float: none;
	overflow: hidden;
	clear: both;
}
.off_box .offlletra_tit {
	background: url(img/logo_offlletra_tit_box.png) no-repeat 0 0;
	width: 68px;
	height: 16px;
	font-size: 1.0em;
	margin-top: 0.1em;
	float: left;
	display: inline;
	overflow: hidden;
	text-indent: -9999em;
}
.off_box .offlletra_tit a span {
	cursor: pointer;
}
.off_box h3 {
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	color: #B31905;
}
.off_box a {
	text-decoration: none;
}
/******************* PARTICIPA *******************/
.off_box .participa {
	padding: 0.8em;
}
.off_box .participa h3 {
	background: url(img/arrow_red_participa.gif) no-repeat 0 50%;
	padding: 0.4em 0 0.4em 24px;
}
.off_box .participa li {
	padding-top: 0.8em;
}
.off_box .participa li .tema {
	font-size: 1.2em;
}
.off_box .participa li a {
	text-decoration: none;
}
.off_box .participa li .date {
	font-size: 1.1em;
	color: #6e7463;
}
/******************* AGENDA *******************/
.off_box .agenda {
	margin: 0.6em;
	padding: 0.6em;
	background: #F4F3F0;
}
.off_box .agenda h3 {
	padding: 0.4em 0 0.6em 0;
}
.off_box .agenda li {
	font-size: 1.2em;
	color: #09476C;
	padding: 0.1em;
}
.off_box .agenda li a {
	color: #09476C;
	text-decoration: none;
}
.off_box .agenda li strong {
	color: #000;
}

/********************************** MULTIMEDIA LIST & BOX **********************************/
.multi_list li {
	padding-left: 35px;
	background-repeat: no-repeat;
}
.multi_list .right_ico li.tres_d {
	background-image: url(img/ico_3d_right.gif);
}
.multi_list .right_ico li.ani {
	background-image: url(img/ico_ani_right.gif);
}
.multi_list .right_ico li.audio {
	background-image: url(img/ico_audio_right.gif);
}
.multi_list .right_ico li.foto {
	background-image: url(img/ico_foto_right.gif);
}
.multi_list .right_ico li.pdf {
	background-image: url(img/ico_pdf_right.gif);
}
.multi_list .right_ico li.txt {
	background-image: url(img/ico_txt_right.gif);
}
.multi_list .right_ico li.video {
	background-image: url(img/ico_video_right.gif);
}
.multi_list .right_ico li.web {
	background-image: url(img/ico_web_right.gif);
}
.multi_list .right_ico li.llet {
	background-image: url(img/ico_lletra_right.gif);
}
.multi_list .right_ico li.poems {
	background-image: url(img/ico_poems_right.gif);
}
.multi_list .right_ico li.tast_text {
	background-image: url(img/ico_tast_right.gif);
}
.multi_list .right_ico li.more_visited {
	background-image: url(img/ico_visited_right.gif);
}
.multi_list .right_ico li.more_searched {
	background-image: url(img/ico_search_right.gif);
}
.multi_list .left_ico li.tres_d {
	background-image: url(img/ico_3d_left_mini.gif);
}
.multi_list .left_ico li.ani {
	background-image: url(img/ico_ani_left_mini.gif);
}
.multi_list .left_ico li.audio {
	background-image: url(img/ico_audio_left_mini.gif);
}
.multi_list .left_ico li.foto {
	background-image: url(img/ico_foto_left_mini.gif);
}
.multi_list .left_ico li.pdf {
	background-image: url(img/ico_pdf_left_mini.gif);
}
.multi_list .left_ico li.txt {
	background-image: url(img/ico_txt_left_mini.gif);
}
.multi_list .left_ico li.video {
	background-image: url(img/ico_video_left_mini.gif);
}
.multi_list .left_ico li.web {
	background-image: url(img/ico_web_left_mini.gif);
}
.multi_list .left_ico li.offlletra {
	background-image: url(img/ico_offlletra.gif);
}
.multi_list .left_ico li.actualitzat {
	background-image: url(img/ico_actualitzat.gif);
}
/******************* MULTI BOX *******************/
.multi_list .multi_box {
	padding: 0.6em 0.6em 0 0.8em;
}
.multi_list .multi_box li {
	background-position: 0 0.4em;
	padding-bottom: 0.4em;
}
.multi_list .multi_box li div {
	background: #F4F3F0;
	padding: 0.6em;
	display: block;
	overflow: hidden;
	float: none;
}
.multi_list .multi_box li h3 {
	text-transform: uppercase;
	font-size: 1.0em;
	font-weight: bold;
}
.multi_list .multi_box li p {
	font-size: 1.2em;
}
.multi_list .multi_box li a {
	text-decoration: none;
}

p strong {
color:#000000;
}