/* --------------------------- ESTILS GENERALS ----------------------------- */
body {
	margin: 0px;
	background-color: #010404;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	height:100%;
}

table {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

a {
  text-decoration: none;
}
.content p a {
  text-decoration: underline;
}
a img {
  border: 0;
}

ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.menu_h li {
  display: inline;
  float: left;
  padding: 0;
}

ul.menu a {
  display: block;
}

h1 {
  margin: 0;
  color: #000;
  font-size: 18px;
  font-weight: bold;
}

h2 {
  margin: 0;
  color: #000;
  font-size: 18px;
  font-weight: normal;
}
/*
h3 {
  position: relative;
  margin: 0 0 0 235px;
  padding: 14px 0 0 24px;
  color: #454524;
  background-color: #FFF;
  font-size: 16px;
  font-weight: bold;
}
*/
p {
  margin: 0 0 1em 0;
}

p.primer:first-letter {
  padding-left: 13px;
  background: transparent url(../media/image/fletxa_verda.gif) no-repeat 0 0;
}

p.destacat,h4 {
	font-weight:bold;
	border-bottom:1px dotted #000;
}

/* -------------------------- FI ESTILS GENERALS --------------------------- */

/* -------------------------- LAYOUT GENERAL     --------------------------- */

#screen {
	width: 932px;
	margin: 0 auto;
	text-align: left;
}

#screen_home {
	width: 1000px;
	margin: 0 auto;
	padding: 190px 0 140px 0;
	text-align: left;
}

  .area_top {
    border-bottom: 1px dotted #8e9c9f;
    margin-bottom: 35px;
  }
  
  .area_cen {
  }
  
  .area_peu {
    margin-bottom: 30px;
    border-bottom: 2px solid #4b5152;
  }
  
/* CORTINA */
#cortina { /* Per tapar la pagina mentre es carrega */
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  z-index:10;
}

/* -------------------------- FI LAYOUT GENERAL  --------------------------- */

/* -------------------------------- HOME  ---------------------------------- */
#screen_home a {
  display: block;
}

#screen_home img {
  display: block;
  float: right;
}

#screen_home #idiomes {
  clear: right;
}

#screen_home #idiomes a {
  margin-left: 5px;
  padding-top: 1px;
  font-size: 9px;
  font-weight: bold;
  width: 50px;
  background: transparent url(../media/image/bg_menu_sup_home.gif) repeat-y 0 0;
}
/* ------------------------------ FI HOME  --------------------------------- */

/* -------------------------- AREA TOP ------------------------------------- */
#idiomes {
  float: right;
  margin-top: 14px;
}

  #idiomes a {
    width: 40px;
    margin-left: 3px; 
    background: transparent url(../media/image/bg_menu_sup.gif) repeat-y 0 0;
    color: #000;
    font-size: 8px;
    text-align: center;
  }
  
  #idiomes li.sel a, #idiomes a:hover {
    background-image: url(../media/image/bg_menu_sup_sel.gif);
  }

.ratlla_gris {
  clear: right;
  margin-bottom: 10px;
  padding-top: 5px;
  border-bottom: 2px solid #4b5152;
}

#titol {
  float: left;
  margin-bottom: 15px;
}

#menu_sup {
  float: right;
  margin-top: 25px;
}

  #menu_sup a {
    margin-left: 4px;
    padding: 9px 0 3px 25px;
    color: #FFF;
    font-size: 8px;
  }
  
  #menu_sup li.contactar a {
    background: transparent url(../media/image/picto_contactar.gif) no-repeat 0 0;
  }
  
  #menu_sup li.intranet a {
    background: transparent url(../media/image/picto_intranet.gif) no-repeat 0 0;
  }
  #menu_sup li.logout a {
    background: transparent url(../media/image/picto_sortir.gif) no-repeat 0 0;
  }
/* -------------------------- FI AREA TOP ---------------------------------- */

/* -------------------------- AREA CEN ------------------------------------- */
.center_left {
  float: left;
  width: 138px;
}

  #menu {
  }
  
    #menu li {
      position: relative;
      background: transparent url(../media/image/bg_menu.gif) repeat-y 0 0;
      margin-bottom: 4px;
      z-index:10;
    }
    
      #menu a {
        width: 112px;
        padding: 2px 20px 1px 6px;
        background: transparent url(../media/image/fletxa_menu.gif) no-repeat 124px 3px;
        color: #000;
        font-size: 9px;
        font-weight: bold;
      }
      
    #menu li.sel, #menu li:hover {
      background-image: url(../media/image/bg_menu_sel.gif);
    }
    
      #menu li.sel a, #menu li:hover a {
        background-image: url(../media/image/fletxa_menu_sel.gif);
      }
  
    #menu ul {
      display: none;
    }
    
    #menu li:hover ul {
      display: block;
      position: absolute;
      top: 0;
      left: 138px;
      border-left: 6px solid #000;
      background: transparent url(../media/image/bg_submenu-trans.png) no-repeat 0 0;
    }
        
        #menu li.sel ul a, #menu li:hover ul a {
          width: 127px;
          padding-right: 5px;
          background: none;
        }
    

.center_main {
  margin-left: 171px;
}
  
  .titol {
    border-bottom: 6px solid #010404;
    background: transparent url(../media/image/bg_titol_centre.jpg) repeat-y 0 0;
  }
  
    .titol > div {
      padding-top: 7px;
      background: transparent url(../media/image/bg_titol_dalt.jpg) no-repeat 0 0;
    }
    
    .titol > div > div {
      padding: 0 30px 7px 0;
      background: transparent url(../media/image/bg_titol_baix.jpg) no-repeat left bottom;
      text-align: right;
    }
  
  .contingut {
    border-bottom: 7px solid #010404;
    background: transparent url(../media/image/bg_contingut_centre.jpg) repeat-y 0 0;
  }
  
    .contingut > div {
      padding-top: 12px;
      background: transparent url(../media/image/bg_contingut_dalt.jpg) no-repeat 0 0;
    }
    
    .contingut > div > div {
      padding: 8px 25px 12px 220px;
      background: transparent url(../media/image/bg_contingut_baix.jpg) no-repeat left bottom;
    }
    .contingut.publicacions > div > div {
      padding: 8px 25px 12px 70px;
      background: transparent url(../media/image/bg_contingut_baix.jpg) no-repeat left bottom;
    }  
    .contingut.instruments > div > div {
      padding: 8px 25px 12px 70px;
      background: transparent url(../media/image/bg_contingut_baix.jpg) no-repeat left bottom;
    }
    .contingut.sistemes > div > div {
      padding: 8px 25px 12px 70px;
      background: transparent url(../media/image/bg_contingut_baix.jpg) no-repeat left bottom;
    }		  
    .contingut.algoritmes > div > div {
      padding: 8px 25px 12px 70px;
      background: transparent url(../media/image/bg_contingut_baix.jpg) no-repeat left bottom;
    }		  
/* LListes */
	ul.llista, ul.subllista {
		list-style: none;
		padding: 0px;
		margin: 0px;		
	}
	ul.llista a,ul.subllista a {
		color:#000;
	}
	.content {
		margin-left:150px;
		min-height:250px;
	}
	
	.content.instruments {
		margin-left:150px;
		min-height:250px;
	}
	.content.sistemes {
		margin-left:170px;
		min-height:250px;
	}			
	.content.algoritmes {
		margin-left:150px;
		min-height:250px;
	}			
	ul.llista a.sel,ul.subllista a.sel {
		color:#000;
		font-weight:bold;
	}	
	ul.subllista {
		padding: 0 ;	
	}
	ul.llista li {
		background:transparent url(../media/image/fletxa_verda.gif) no-repeat scroll 0pt 1px;
		padding:0pt 0pt 0.5em 18px;
		position:relative;
		
	}
	ul.subllista li {
		background:transparent url(../media/image/fletxa_trans.gif) no-repeat scroll 0pt 4px;
		padding:0pt 0pt 0.5em 8px;
		position:relative;
		
	}	
	ul.llista li .titol{
		background-image:none;
		font-weight:bold;
		border-bottom:1px dotted #000;
		margin-bottom:5px;
		position:relative;
	}
	ul.llista li dt {
		font-style: italic;
	}
	ul.llista li dd {
		margin:0px auto 5px 0px;
	}	
	a.search {
      margin-top: 2em;
    }
    div.foto_grid{
		width:365px;		
	}    
    div.foto{
		float:left;		
	}
	img.grid{
		border-right:5px solid #FFF;
		border-bottom:5px solid #FFF;
	}
/* -------------------------- FI AREA CEN ---------------------------------- */

/* -------------------------- AREA PEU ------------------------------------- */
.area_peu {
  color: #FFF;
  text-align: right;
}

  .area_peu img.foto_portada {
    display: block;
  }
  
  .area_peu .text_peu {
    padding: 10px 0 6px;
  }

/* -------------------------- FI AREA PEU ---------------------------------- */
form {
  margin: 0;
  padding: 0;
}
fieldset {
	border: solid 1px #000;
}
legend{
	font-weight:bold;
}
#form_search {
  float: left;
  width: 100%;
}

#form_search p,#form_contact p, #form_login p{
	margin:5px;
}

#form_search p.mes, #form_search p.any {
  float: left;
  margin-right: 2em;
}

#form_search p.tipuspub {
  clear: left;
}

#form_search select,#form_contact select {
	font-size:10px;
}
#form_search input,#form_contact input,#form_login input {
	font-size:10px;
}

#left {
  float: left;
  width: 200px;
}


.paginacio {
	width:600px;
	margin-left:25px;
	margin-top:20px;
	margin-bottom:40px;
}
.paginacio div {
	display:inline;
	float:left;
	text-align:center;
}
.paginacio .pag_seguents, .paginacio .pag_anteriors {
width:150px;
}
.paginacio .num_pagina {
	display:inline;
	float:left;
	padding:0 5px;
	text-align:center;
	width:120px;
}