@charset "utf-8";
/* CSS Document */

/* GENERAL */

body {
 background:url(../img/bg.gif) repeat-x;
 
  font-family:"Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
  color:#37414A;
}

.clearfix {
 clear:both;
}
.clear {
 clear:both;
}

img { border:0;}

legend {
 display:none;
}

ul {padding-left: 20px;}
 
#wrapper {
  width:850px;
  margin:auto;
  padding:10px 0px 0px 0px; 
}
fieldset { border:0;}

/* HEADER */

#header {
  width:850px;
  height:80px;
  margin-bottom:20px; height:100px;
}

#header-logo {
  width:220px;
  float:left;
  padding:0;
}

#header-logo a {
  display:block;
  
}

#header-main {
  position:relative;
  width:330px;
  float:right;
  padding:5px 0px 0px 0px;
}

#header-main-user {
  position:absolute;
  top:-16px;
  right:0;
  font-size:12px;
  text-align:right;
  padding-right:12px;
  color: #F27405;
}

#header-main-access span, #header-main-search span {
  display:block;
  color:#2E3A69;
  font-size:12px;
  font-weight:bold;
  padding-bottom:4px;
  letter-spacing: 2px;
  border-bottom:#000066 solid 3px;
}

#header-main-access label, #header-main-search label {
  padding-right:3px;
  font-size:11px;
  letter-spacing: 1px;
}

#header-main-access div, #header-main-search div {
  float:left;
  font-size:10px;
  padding:6px 10px 0px 0px;
}

#header-main-access input.txt, #header-main-search input.txt  {
  border-color:#C8C8C8 #F0F0F0 #FBFBFB #C8C8C8;
  border-style:solid;
  border-width:1px;
  height:12px;
  font-size:10px;
  width:92px;
}

#header-main-access input.btn, #header-main-search input.btn {
  padding-top:1px;
  border:0 none;
  height:16px;
  width:16px;
}
   
/* SIDEBAR */

#sidebar {
  width:220px;
  float:left;
}

#sidebar-info ul, #sidebar-work ul {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}

#sidebar-info li, #sidebar-work li {
  border-bottom: 1px solid #FFF;
}

#sidebar-info li a:link, #sidebar-info li a:visited, #sidebar-work li a:link, #sidebar-work li a:visited  {
  font-size: 14px;
  font-weight:bold;
  letter-spacing: 2px;
  display: block;
  padding: 5px 0 5px 5px;
  border-left: 12px solid #711515;
  background-color: #F6AF39;
  color: #FFFFFF;
  text-decoration: none;
}

#sidebar-info li a:hover, #sidebar-work li a:hover {
  background-color: #711515;
  color: #FFFFFF;
}

* html #sidebar-info li a, * html #sidebar-work li a {
  width: 100%;
}

.entities a img {
  padding:5px 0 5px 0;
}

.entities, #monitoring, #calendar {
  padding:10px 0 10px 0;
  clear:both;
}

.entities span, #monitoring span, #calendar span.stopinheritance {
  display:block;
  color:#2E3A69;
  font-size:13px;
  font-weight:bold;
  padding-bottom:4px;
  letter-spacing: 2px;
  text-align:right;
  border-bottom:#000066 solid 2px;
}

.entities a {
  display:block;
  float:left;
}

#monitoring form {
  padding:15px 0 20px 0;
  text-align:right;
  }

#monitoring label {
  display:none;
  }

#monitoring select {
  width:208px;
  color:#2E3A69;
  font-size:12px;
  padding:2px 0;
  letter-spacing: 1px;
  }

#datepicker {
  padding:10px 0 10px 12px;
}

#calendar p {
  text-align:right;
}

#calendar p a:link, #calendar p a:visited {
  color:#711515;
  text-decoration: none;
  font-size:12px;
  letter-spacing: 1px; 
  border-bottom:#711515 dotted 1px;
}

#calendar p a:hover {
  border-bottom:#711515 solid 1px;
}

/* CONTENT */

#content {
  width:600px;
  float:right;
}

#content p.emphasis {
  font-size:16px;
  text-align:justify;
  font-weight:bold;
  letter-spacing:0.5px;
  line-height:1.2;
  padding:0 12px 10px 0;
}

.new {
  padding:20px 0 10px 0;
}

.download {
  padding:10px 0 10px 0;
}

.new a:link, .new a:visited {
  background:transparent url(../images/button-plus.png) no-repeat scroll left top;
  font-weight:bold;
  display:block;
  font-size:14px;
  height:22px;
  width:140px;
  padding:9px 0 0 16px;
  margin-left:-2px;
  text-decoration: none;
  color:#777;
  letter-spacing: 1px;
}

.new a:hover {
  background:transparent url(../images/button-plus-hover.png) no-repeat scroll left top;
  color:#FFF;
}

.download a:link, .download a:visited {
  background:transparent url(../images/button-download.png) no-repeat scroll left top;
  font-weight:bold;
  display:block;
  font-size:14px;
  height:22px;
  width:140px;
  padding:9px 0 0 16px;
  margin-left:-2px;
  text-decoration: none;
  color:#777;
  letter-spacing: 1px;
}

.download a:hover {
  background:transparent url(../images/button-download-hover.png) no-repeat scroll left top;
  color:#FFF;
}

#content h1 {
  color:#711515;
  font-size:18px;
  letter-spacing: 3px;
  margin:10px 0 10px 0;
  padding:0 0 3px 5px;
  border-bottom:#711515 solid 1px;
  border-left:#711515 solid 5px;
}

#content h2 {
  font-size:15px;
  letter-spacing: 1px;
  padding:7px 0 7px 0;
}

#content h2 a:link, #content h2 a:visited {
  font-size:15px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #F27405;
}

#content h2 a:hover {
  color: #37414A;
}

#content h3 {
  font-size:14px;
  letter-spacing: 1px;
  padding:10px 0 10px 0;
}

#content h4 {
  font-size:13px;
  letter-spacing: 1px;
  padding:15px 0 10px 0;
}

#content h4 a:link, #content h4 a:visited {
  font-size:13px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #F27405;
}

#content h4 a:hover {
  color: #37414A;
}

#content li {
  font-size:11px;
  letter-spacing: 1px;
  padding:5px 0 5px 0;
}

.content-search {  display:block;
  padding:30px 0 30px 0;
}
.content-search div { margin-bottom:0.5em; display:block; width:90%;}
.content-listing {  display:block; clear:both;}
.content-listing li { list-style-type:none; margin-left:15px;}

.content-search form {
  height:22px;
}

.content-search div {
  float:left;
  padding:0 55px 0 0;
}

.content-search div label { width:120px; float:left; display:block; text-align:right; padding-right:0.5em;
font-size:14px;
letter-spacing:1px;
padding-right:3px;
}

.content-search form input.txt {
height:16px;
width:170px;
}

.content-search form select {
height:23px;
width:180px;
}

.content-chronology {
  padding:0 0 10px 0;
}

#content-opinion {
margin:10px 0 15px 0;
}

#content-opinion div {
padding:5px 0 5px 0;
}

#content-opinion label {
  display:none;
}

#content-opinion textarea {
  width:582px;
  height:150px;
  border: 1px solid #2E3A69;
}

#content-opinion input.btn {
  width: 20%;
  border: none;
  margin-left:77%;
  padding:3px 0;
  background-color:#2E3A69;
  color:#FFF;
  font-size:11px;
  letter-spacing:1px;
}

div.content-comment, div.content-results {
  border-top:#2E3A69 dotted 1px;
  margin-top:10px;
}

div.content-results-links {
  padding:5px 0 15px 0;
}

div.content-results-links span {
  padding:0 40px 0 0;
  font-size:12px;
  letter-spacing:0.5px;
}

div.content-results-links span a:link, div.content-results-links span a:visited {
  color:#F27405;
  text-decoration:none;
}

div.content-results-links span a:hover {
  color: #37414A;
}

.content-listing li a:link, .content-listing li a:visited {
  color:#F27405;
  text-decoration:none;
}

.content-listing li a:hover {
  color: #37414A;
}

#content-members a {
  display:block;
  float:left;
  padding:12px 8px 5px 8px;
}

#content-sidebar {
  width:190px;
  float:left;
  padding:10px 0 10px 0;
}

#content-sidebar ul {
  padding:20px 0 0 0;
}

#content-sidebar li {
  display:block;
  font-size:12px;
  letter-spacing:0.5px;
  padding:0 0 10px 0;
}

#content-sidebar li.title {
  font-size:13px;
  font-weight:bold;
  padding:5px 0 10px 0;
}

#content-body {
  width:395px;
  float:right;
  padding:0 0 20px 0;
}

#content img.homepage {
  padding:0 0 20px 0;
}

#content p {
  font-size:12px;
  text-align:justify;
  letter-spacing:0.5px;
  line-height:1.3;
  padding:10px 0 10px 0;
}

div.contact-form {
  width:383px;
}

div.contact-form fieldset{
  padding:10px 0;
  border-top:#2E3A69 dotted 1px;
  border-bottom:#2E3A69 dotted 1px;
}

div.contact-form div {
  clear: left;
  margin: 0;
  padding: 0;
  padding:5px 0;;
}

div.contact-form div label {
  float:left;
  padding-top: 4px;
  width: 30%;
  font-size:13px;
  font-weight:bold;
}

div.contact-form div input.txt, div.contact-form div textarea {
  width: 69%;
  border: 1px solid #2E3A69;
  color:#2E3A69;
}

div.contact-form div textarea {
  height:150px;
}

div.contact-form div input.btn {
  width: 30%;
  border: none;
  margin-left:69%;
  padding:3px 0;
  background-color:#2E3A69;
  color:#FFF;
  font-size:11px;
  letter-spacing:1px;
}

.pager {
  padding:10px 0 10px 0;
}

.pager ul {
  display:block;
  padding-top:5px;
}

.pager li {

  display:inline;
  font-size:12px;
}

.pager li a:link, .pager li a:visited {
  color:#2E3A69;
  text-decoration: none;
}

/* FOOTER */

#footer {
  background-color:#2E3A69;
  height:16px;
  color:#FFFFFF;
  font-size:10px;
  letter-spacing: 1px;
  text-align:center;
  padding:6px 0 2px 0;
  border-top:#fff solid 16px;
  margin:16px 0;
}

/*afegits jm*/
#recursos-menu { margin-bottom:1em;}
#footer a:link,
#footer a:visited { color:#FFFFFF; }
#footer :hover   { text-decoration:none;color: #F5F5F5;}

#formularis-itaka-dades, #formularis-itaka-objectius, #formularis-itaka-objectius_resultat, #formularis-itaka-actuacio_programada, #formularis-itaka-actuacio_individual, #formularis-itaka-incidencia, #formularis-itaka-actuacio_fi, #formularis-itaka-despeses, #formularis-itaka-tutories_directes, #formularis-itaka-tutories_indirectes, #formularis-itaka-expedient { font-size:12px;} 

#formularis-itaka-dades select, #formularis-itaka-objectius select, #formularis-itaka-objectius_resultat select, #formularis-itaka-actuacio_programada select, #formularis-itaka-actuacio_individual select, #formularis-itaka-incidencia select, #formularis-itaka-actuacio_fi select, #formularis-itaka-despeses select, #formularis-itaka-tutories_directes select, #formularis-itaka-tutories_indirectes select, #formularis-itaka-expedient select { width:100px;} 

#formularis-itaka-dades textarea, #formularis-itaka-objectius textarea, #formularis-itaka-objectius_resultat textarea, #formularis-itaka-actuacio_programada textarea, #formularis-itaka-actuacio_individual textarea, #formularis-itaka-incidencia textarea, #formularis-itaka-actuacio_fi textarea, #formularis-itaka-despeses textarea, #formularis-itaka-tutories_directes textarea, #formularis-itaka-tutories_indirectes textarea, #formularis-itaka-expedient textarea { height:100px; width:350px;} 



/*Dades del jove*/#formularis-itaka-dades {}
/*Objectius*/#formularis-itaka-objectius{}
/*Resultats asolits*/#formularis-itaka-objectius_resultat{}
/*Actuació grupal*/#formularis-itaka-actuacio_programada{}
/*Actuació individual */#formularis-itaka-actuacio_individual{}
/*Avaluació de l'actuació*/#formularis-itaka-incidencia {}
/*Finalitzar una actuació */#formularis-itaka-actuacio_fi{}
/*Agregar despeses*/#formularis-itaka-despeses{}
/*Tutories directes */#formularis-itaka-tutories_directes{}
/*Tutories indirectes*/#formularis-itaka-tutories_indirectes{}
/*Activar/Desactivar l'expedient*/#formularis-itaka-expedient{}

/*--- Modificaci� 16-09-2010 ---*/
/*--------------------------------------------------------------------------*/

#galeria {}

.media{float:left; margin-bottom:25px; margin-right:25px; width:175px;}
.media img{display:block; height:110px; width:175px;}