@import url(gencat.css);
@import url(rea.css);

/*=== Setup ===*/
* { border:0; margin:0; padding:0; outline:none; }
body { color:#6b6c6c; font:normal 11px/1.5em Verdana, Helvetica, sans-serif; }
a:link, a:visited, a:hover, a:active{ color:#7D6B5D; text-decoration:none; }
p.clr, .clr, .fix { clear:both; padding:0; margin:0; background:none; }
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:Arial, Verdana, Helvetica, sans-serif; }
li { list-style:none; }
h1, h2 { color:#222222; font-size:1.5em; font-weight:normal; margin:0 0 1em; }
h3 { color:#333333; font-size:1.2em; margin:0 0 .8em; }
h4 { font: normal 18px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:0 0 10px 10px; margin:0; text-align:left; }
p { line-height:1.3em; padding:0 0 1.3em; }

/*=== Layout ===*/
#page { margin:0 auto; padding:0;}
#page-bot { margin:20px auto 0 auto; padding:0; background:url(footer_bg.gif) top repeat-x; }

/*=== Header ===*/
.header_bg_resize { width:970px; margin:0 auto; padding:0; }
#header { margin:0 auto; padding:0; }

/*---- Logo ----*/
.logo { width:280px; float:left; margin:0; margin-top:10px; padding:0; }
#header h1 { background:url(FICSR.jpg) no-repeat; float:left; text-indent:-9999px; width:280px; margin:0; padding:0;}
#header h1 a { display:block; height:105px; }
#header h1 a:hover { text-decoration:none; }

/* RSS */
.rss { width:80px; float:right; padding:35px 0 34px 40px; margin:20px 0 0 0; background:url(http://www.fundaciorecerca.cat/interfaz/RSS.gif) right center no-repeat; }
.rss a.big { text-decoration:none; font:normal 18px Arial, Helvetica, sans-serif; color:#1c1c1c; padding:0; margin:0; display:block; }
.rss a.big span { color:#1c1c1c; font-weight:bold; }

/* Search form */
.search_bg { width:160px; float:right; background:#fff; border:1px solid #ebebeb; padding:5px; margin:55px 0 0 0;}
.search_bg img { margin:4px 3px 0 3px; padding:0;}
.search { width:255px; padding:0; margin:0; float:right; }
.search span { width:250px; display:block; border:1px solid #dddddd; background:#FFF; height:34px; margin:0; }
.search input#s { float:left; width:190px; padding:10px 0 10px 5px; margin:0; border:0; background:none; color:#000305; font:normal 12px Arial, Helvetica, sans-serif; line-height:14px; height:14px; }
.search .btn { float:left; padding:4px 0 0 0; margin:0; border:0; width:auto; }

/*=== Navigation ===*/
/*--- Top Nav ---*/
.topnav { font:normal 13px Arial, Helvetica, sans-serif; }
.topnav ul { list-style:none; padding:0 10px; margin:-20px 0 0 0; float:left; }
.topnav li { float:left; padding:0 5px; }
.topnav li a { color:#292929; display:block; float:left; padding:20px 15px 10px 15px; text-decoration:none; }
.topnav li a:hover { color:#fff; background:#7D6B5D; }
.topnav li.current_page_item a { color:#fff; background:#7D6B5D; }

/*- Top Nav2 -*/
.topnav2 { font:normal 11px Verdana, Helvetica, sans-serif; text-align:center; width:100%; z-index:-10;}
.topnav2 ul { list-style:none; padding:0 3px; margin:0;  }
.topnav2 li { float:left; padding:0; }
.topnav2 li a { color:#292929; float:left; padding:10px; text-decoration:none; }
.topnav2 li a:hover { color:#fff; background:#7D6B5D; }
.topnav2 li.current_page_item a { color:#fff; background:#7D6B5D; }

/* body */
.body_bg { padding:0; margin:0;}
.body_bg_resize { width:970px; margin:0 auto; padding:0; }

/*=== All Columns ===*/
#columns { width:928px; background:#fff; border:1px solid #ebebeb; margin:0 auto; padding: 0 20px; }

/*=== Center Column ===*/
#centercol { float:left; width:633px; padding:10px 0; }
#centercol img { margin:0 auto; padding:0; }

/*=== Right Column ===*/
#rightcol { float:right; width:275px; padding:10px 0 0 0; }
.small_link { color:#656464; text-decoration:none; font:normal 14px Arial, Helvetica, sans-serif; padding:5px 0; margin:0 auto; }
#centercol .box { border:1px solid #dbdbdb; padding:18px;}

/*=== Sub Columns ===*/
.subcols { height:1%; }
.col1, .col2 { float:left; width:285px; }
.col2 { float:right; }

/*=== Post ===*/
/*- Post Title -*/
.post-title { padding:0 0 5px 0; margin:0; }
.post-title h2 { display:inline; margin:0; padding:2px 0; font:normal 15px Arial, Helvetica, sans-serif; color:#583119;}
.post-title h2 a { display:inline; padding:0; margin:0; color:#2a2a2a; text-decoration:none; }

/*- Post Date -*/
.post-date { margin:0; padding:0; line-height:12px; float:left; }
.post-date em { font: normal 24px Arial, Helvetica, sans-serif; color:#3bebf8; padding:0; margin:0; }
.post-date span { font: normal 12px Arial, Helvetica, sans-serif; color:#c2c2c2; padding:10px 0 0 0; margin:0; }

/*- Post Excerpt -*/
.post-excerpt { display:table; font:normal 11px/1.5em Verdana, Helvetica, sans-serif; height:1%; color:#7e7e7e; padding:10px 0 0 0; width:600px;}
.post-excerpt p.entradilla {font-weight: !important normal;}
.post-excerpt p{width:600px;}
.post-excerpt p a{font-size:11px; overflow:hidden; word-wrap:break-word; width:600px;} /*el word-wrap se pone para que los links no se salgan del div*/
.post-excerpt a:hover { text-decoration:underline;}

.post-excerpt a.llegirmes{ color:#ffffff; text-align:center; padding:10px; font-weight:bold; float:left; margin:0 0 10px -30px; background:#7D6B5D; max-width:200px; text-decoration:none;}

/*- Post Lists -*/
.post ul, .post ol {margin:0 0 .5em; }
.post ul li { background:url(marker.gif) no-repeat 0 5px; margin:0 0 5px 0; padding:0 0 5px 10px; text-decoration:none; }
.post ol li { list-style:decimal; list-style-position:outside; margin:0 0 5px .8em; }
.post ol li ol li ul li{list-style:none;}
.post ol li ol li{list-style:decimal; list-style-position:outside; margin:0 0 0 1.4em; }

/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px; }

/*- Post Author -*/
.post-author { margin:0 0 1em; }
.author-details { font-size:.85em; }
.author-descr { display:table; height:1%; }
/*- Social Links -*/
.social-links { padding:5px 0 0 0; margin:0 auto; color:#737373; font: normal 12px Arial, Helvetica, sans-serif; }
.social-links a { color:#7D6B5D; text-decoration:underline; font-weight:bold; }
.social-links a.normal { text-decoration:none; }

/* Comments */
.Comments { background: url(http://www.fundaciorecerca.cat/interfaz/post_com_bg.gif) top repeat-x; text-align:center; float:left; padding:5px 10px; margin:0 20px 0 -30px; }
.Comments span { font: normal 12px Arial, Helvetica, sans-serif; color:#fff;}
.Comments a { font:normal 18px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-decoration:none; padding:0 0 10px 0; }

/*- Related Posts -*/
.post-rel { line-height:1.5em; }
.post-rel a { color:#33707E; }

/*== Styling Agenda ===*/
.agenda {border:1px dotted #ccc;}
.agenda .content img {clear:both;} 

/*--- Agenga Title ---*/
.agenda-title { padding:0 0 5px 0; margin-left:5px;  clear:both; }
.agenda-title h2 { display:inline; margin:0; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#583119;}
.agenda-title h2 a { display:inline; padding:0; margin:0;  color:#583119; text-decoration:none; font-weight:normal; }

/*== Styling Recerca en Acció ===*/
.rea {border:3px solid #ccc; background-color:#EEEEEE;}
.rea .content img {clear:both;} 

/*- Agenga Title -*/
.rea-title { padding:0 0 5px 0; margin-left:5px;  clear:both; }
.rea-title h2 { display:inline; margin:0; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#00B5F9;}
.rea h4 { display:block; margin:0; padding:0; font-weight:bold !important; font:normal 16px Arial, Helvetica, sans-serif; color:#00B5F9;}
.rea h2 { display:block; margin-top:5px; margin-bottom:-5px; padding:5px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#004891; width: 120px; 	-moz-border-radius-topright: 10px;border-top-right-radius: 10px; }
.rea a {color:#004173;}
.rea h3{font-size:11px;}
.rea-title h2 a { display:inline; padding:0; margin:0;  color:#583119; text-decoration:none; }
.rea-title h2 a:hover {text-decoration:underline; }
.rea .veuremes {color: #ED3F35; font:bold 11px Verdana, Geneva, sans-serif;}


/*== Styling MenuLateral ===*/
.lateral {border:none; margin-bottom:5px; margin-top: 40px;}
.lateral .content {border:1px solid #ccc; margin-bottom:10px; padding: 6px; font-size:12px; font-weight:bold;}
.lateral .content img {clear:both;} 
.lateral .content a:link, a:visited, a:hover, a:active{ color:#7D6B5D; text-decoration:none; }

/*- Lateral Title -*/
.latertal-title { padding:0 0 5px 0; margin-left:5px;  clear:both; }
.lateral-title h2 { display:inline; margin:0; padding:5px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#262626;}
.lateral-title h2 a { display:inline; padding:0; margin:0; color:#2a2a2a; text-decoration:none; }

/*- Agenda Date -*/
.agenda-date { margin-left:5px; padding:0; line-height:11px; float:left; width:100%; margin-bottom:15px; }
.agenda-date em { font: normal 24px Arial, Helvetica, sans-serif; color:#3bebf8; padding:0; margin:0; }
.agenda-date span { font: normal 12px Arial, Helvetica, sans-serif; color:#c2c2c2; padding:10px 0 0 0; margin:0; }

/*- Agenda Excerpt -*/
.agenda-excerpt { display:table; font:normal 10px/1.4em Verdana, Helvetica, sans-serif; height:1%; color:#7e7e7e; padding:3px 0 0 0; }
.agenda-excerpt a {
	color:#737373;
	text-align:center;
	padding:2px;
	font-weight:bold;
	float:left;
	margin:0 0 0 0;
}
.agenda-excerpt a:hover { text-decoration:underline;}

/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { margin:10px 0 0 0; padding:0;}
.box .lateral { margin-bottom:10px; }
.box.ads .content { text-align:center; }
.box.agenda .content {text-align:left; }
.box.agenda .content .ac{text-align:left; }
.box.rea .content {text-align:left;}
.box.rea .content .ac{text-align:left; }
.box.ac .content { padding-left:0; padding-right:0; text-align:center; }
#rightcol .box {
	margin:0;
	padding:5px 0;}
#rightcol .box.rea{
	margin-top:10px;
	margin-bottom:5px;
	padding: 5px;
	padding-left:10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

.box.widget .content { padding:2px; }
.box.widget .widget_flickrRSS {margin-top:!important 20px;}
.box.vinculats .content { margin:!important 5px 0 0 0; padding:0 2px; }

/*- Box2 -*/
.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; width:460px; }
.box2.alt { background:#FFFFFF; }
.comm-name, .comm-date { line-height:20px; }

/*=== Styling Lists ===*/
/*- List -*/
.list { height:41px; color:#fff; font:normal 11px Georgia, "Times New Roman", Times, serif; clear:both; padding:0; }
.list li { float:left; margin:0; padding:0 4px; }
.list li a { display:block; float:left; padding:10px 0 0 0; width:85px; height:27px; text-align:center; text-decoration:none; color:#656464; }
.list li a:hover { color:#b9b9b9; background:url(http://www.fundaciorecerca.cat/interfaz/list_bg_h2.gif) top no-repeat; }
.list li a.active { color:#b9b9b9; background:url(http://www.fundaciorecerca.cat/interfaz/list_bg_h2.gif) top no-repeat; }
div.tabs_list { padding:0; margin:0 auto; }
div.tabs_list ul { list-style:none; text-align:left; padding:10px 10px; }
div.tabs_list ul li { font:normal 11px Georgia, "Times New Roman", Times, serif; padding:0; margin:5px 0; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; }
div.tabs_list ul li a { display:block; padding:5px 0 5px 20px; margin:0; color:#656464; background: url(http://www.fundaciorecerca.cat/interfaz/ul_li.gif) left no-repeat; }
div.tabs_list ul li a:hover { text-decoration:none; color:#656464; background:#e0e0e0 url(http://www.fundaciorecerca.cat/interfaz/ul_li_hover.gif) left no-repeat; }
div.tabs_list ul li ul.children { padding:0 0 0 0; }
div.tabs_list ul li ul.children li { border:0; margin:0; }
div.tabs_list ul li ul.children a { background:none; }
div.tabs_list ul li ul.children a:hover { background:#e0e0e0; }
div.tabs_list ul li ul.children li a { padding:5px 0 5px 25px; display:block; }
div.tabs_list ul li ul.children li li a { padding:5px 0 5px 30px; display:block; }

/*- List1 -*/
.list1 li { background:url(http://www.fundaciorecerca.cat/interfaz/ico-list1.gif) no-repeat 0 1.1em; border-bottom:1px solid #e7e7e7; height:1%; padding:.7em 0 .7em 13px; }
.list1 li.last { border:0; }
#rightcol .list1 li a:hover { color:#33707e; }

/* -----------   TABLAS  -------------*/
table.intra{width: 98%;}
table.intra_alta thead td{text-align:left; vertical-align:central; font-family:Verdana, Geneva, sans-serif; font-size:20px; border-bottom:2px dotted #EEE; background-color:#FCFCFC; padding:5px;}
table.intra_alta tbody td{border:none;}
thead td{ text-align:center; vertical-align:central; font-family:Verdana, Geneva, sans-serif; font-size:11px; border-bottom:1px dotted #EEE; background-color:#efefef;}
tbody td{padding:3px; border-bottom:1px dotted #EFEFEF;}

table.global {
	width:100%;
	}
table.global td.titol{padding:10px 0 0 0;}
table.global  a { padding: 5px 15px 5px 5px; color:#FFFFFF; font-family:Verdana, Geneva, sans-serif;}
* td.primcol {color:#999; font-size:16px; font-family:Verdana, Geneva, sans-serif;  background-color:#EEE; border-bottom:1px dotted #999;text-align:center;width:60px; height:30px;}
/*====================================*/

/*=== Styling Forms ===*/
fieldset {
  padding: 0.1em;
  font:1em Verdana, Arial, Sans-serif;
  margin-top:10px;
  text-align:left;
  min-height:100px;
}

legend {
  margin-right:0.5em;
  padding-top:0.2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-left:0.5em;
  font-size:13px;
  text-align:left;
  font-weight:bold;
  color:#7D6B5D;
  }
  
label {
  float:left;
  display:block;
  font-size:11px;
  margin-right:0.1em;
  margin-bottom: 0.2em;
  padding-top:0.2em;
  text-align:left;
  font-weight:bold;
  width:150px;
  }
  
textarea{
  width:50%;
  height:25%;
  margin-right:0.5em;
  text-align:left;
  font-weight:normal;
	}
input[type="radio"]{border:none;}
input[type="checkbox"]{border:none; margin: 5px; display:inline-block; width:12px; float:left;}
input[type="text"]{width: 350px; margin:2px; padding:0.1em;}
input.btn { background-color:#F8F8F8; border:1px solid #ccc; margin:0; padding:4px; 	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
 }
input.btn:hover { background-color:#FAFAFA; border:1px solid #ccc; margin:0; padding:4px; 	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
 }

select { padding:1px; }
.obligatori {color:#C00;}

/*- Message -*/
.message div { margin:0 0 18px; }
.message input { padding:9px 15px; width:460px; }
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:460px; font-family:Verdana; }
.message .submit { float:left; }
.message .btn { padding:0; background:url(button.gif); width:128px; height:32px; color:#FFF; font-weight:bold; }
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0; }

/*=== Pics, Thumbs, Ads etc. ===*/
.pic { display:block; margin:5px 5px 5px 5px; clear:both;}
.pic.fl img { margin:5px auto; }
.pic.fr img { margin-left:23px; }
.th { display:block; margin:0 0 .5em; }
.th.fl img { margin-right:10px; }
.th.fl img { width:40px; height:40px; border:1px solid #cfcfcf; }
.ads img, .widget_flickrRSS .content img { margin:3px; }
.widget_flickrRSS .content img { border:1px solid #cfcfcf; vertical-align:middle;}
.widget_flickrRSS .content { margin-left:25px;}
.widget_flickrRSS .ac img { border:0; margin:0; }

.vinculats .content img {display:inline-block; margin:3px; border:1px solid #cfcfcf; }

/*=== Footer ===*/
#footer { color:#292929; margin:0 auto;  padding:0; width:970px; font:normal 11px Verdana, Helvetica, sans-serif; text-align:center; }
#footer a { color:#292929; font-weight:bold; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer img { float:left; margin:0; padding:0;}
#footer .text2 {position:relative; padding:30px 0 0 0; width:auto;}

/*=== Misc. ===*/
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }
.hl2 { clear:both; border-bottom:1px solid #CCC; margin:0 0 5px; }

/* Slider */
.gallery { width:633px; height:345px; margin:0 auto; padding:10px 0;}
#slider { width:633px; height:345px; margin:0 auto; padding:0; list-style:none; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { overflow:hidden; margin:0 auto; }
p#controls { margin:0 520px; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:38px; height:38px; position:absolute; left:10px; top:-55px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:38px; height:38px; position:absolute; left:55px; top:-55px; }
#prevBtn a { display:block; width:38px; height:38px; background:url(l_arrow.png) no-repeat 0 0; }
#nextBtn a { display:block; width:38px; height:38px; background:url(r_arrow.png) no-repeat 0 0; }

/****************** PAGINATOR *****************************/
.paginator
{
color:#CCC;
border: none;
padding:0;
margin:0;
margin-bottom:-5px;
text-decoration:none;
text-align:center;
clear:both;
width:100%;
background-color: #EEE;
font-weight:normal;
}
.active
{
color:#7D6B5D;
border: none;
padding:0;
margin:2px;
text-decoration:none;
font-weight:normal;

}
.inactive
{
color:#6b6c6c;
cursor:default;
text-decoration:none;
border: none;
padding:0;
margin:2px;
font-weight:normal;

}

/***** parche ******/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */

/*VIDEOS MARATO 2011*/
.videosRow{
	width: 55%;
	float: left;
	padding: 0px;
	margin: auto 0;
}
.videosRow2{
	width: 45%;
	float: left;
	padding: 0px;
	margin: auto 0;
}

.videosRow ul li{
	float: left;
	width: 200px;
	padding: 0px;
	margin-bottom:10px;
	color: #666666;
	list-style:none;
	background:none !important;
}
.videosRow li{
	float: left;
	width: 200px;
	padding: 0px;
	margin-bottom:10px;
	color: #666666;
	list-style:none;
	background:none !important;
}

.videosRow p{
	float: left;
	clear: both;
	width: 200px;
	padding-left: 5px;
	margin-left: 5px;
	display:block;
	background-color:#cbd1f1;
	border-radius: 5px;
	-moz-border-radius: 5px;

}
.guanyadors{
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#cbd1f1;
	width: 300px;
	padding: 5px;
}
.guanyadors p{
	float: left;
	clear: both;
	width: 250px;
	padding-left: 5px;
	margin-left: 5px;
	display:block;
	background-color:#cbd1f1;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;

	}
.guanyadors ul li{
	float: left;
	width: 300px;
	padding: 0px;
	margin-bottom: 10px;
	color: #5563a1;
	list-style:none;
	background:none !important;
}
.guanyadors h2{
	float: left;
	clear: both;
	color: #5563a1;
	font: bold 20px Century Gothic,Arial;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 4px solid #838ec5;
}

.videosRowTitle{
	float: left;
	clear: both;
	color: #999;
	font: bold 20px Century Gothic,Arial;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 15px 15px;
	border-bottom: 4px solid #999;
}

.forceVisibility { display:block !important;}