/* CSS Document */ /* HTML estils */
  /*********************************************/ /*   COLORS
      verd fosc: rgb(0,97,104)
      verd clar: rgb(146,198,203)
      vermell: rgb(230,0,39);
      verd molt clar:rgb(233,243,242);
*/
body {
  /*background-image:url(../imatges/fons.gif);
  background-color:#ddd;
  'background-position:top left;
  background-repeat:repeat;*/
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #333333;
  margin:0px;
  font-size:0.7em;
  height:100%;

}

ul {padding:0;margin:0;}

h1 {
  font-size:1em;
  margin:0 0 0.5em 0;
  padding:0.3em 0em 0.3em 0.5em;
  background-color:rgb(207,0,39);
  color:#FFF
}

h1.vermell {
  background-image:url(../imatges/vermell.jpg);
  background-position:right;
  background-repeat:no-repeat;
}
h1.verd {
  background-image:url(../imatges/verd.jpg);
  background-position:right;
  background-repeat:no-repeat;
  background-color: rgb(0,97,104);
}

h2 {
  font-size:1.1em;
  font-weight:normal;
  margin:0.8em 0;
  padding:0.4em 0.5em;
  color:rgb(207,0,39);
  text-transform:uppercase;

}
h2.quadretIratlla {
  border-left:15px rgb(207,0,39) solid;
  border-bottom:1px rgb(207,0,39) solid;
  margin-top:2em;
}
h3 {
  font-size:1.2em;
  font-weight:normal;
  margin:0.8em 0;
  padding:0.4em 0.5em;
  color:rgb(0,97,104);

}

h2.liniasota {
  color:rgb(207,0,39);
  border-bottom:1px rgb(207,0,39) solid;
  margin:0.8px 0 0 0;


}

h3.puntVermell {

  background:url(../imatges/quadrat5_5.png) no-repeat left 5px;

  padding:0em 1em;
  margin-top:0.4em;
  color:#333333;

}
h4 {
  font-size:1em;
  padding:1em 0 0.2em 0.5em;
  color:rgb(0,97,104);
  font-weight:bold;


}
* {margin:0;padding:0;}
p{
  margin:0 0 1em 0;

}
p.p_senseMarge {
  margin:0;
}
p.textLlarg {
  margin:0 0 1em 0;
}


dt {
  margin-top:1em;

  padding-left:2em;
}

dd {
  padding-left:3em;

}
li {
  list-style:none;
}

.clear {
  clear:both;
}
img {border:0;}



#banner {
  position:absolute;
  width:630px;
  top:30px;
  margin:0 0 0 180px;

  }
  
  #overlay
{

display:block;
left:0pt;
position:absolute;
top:0pt;
width:100%;
z-index:90;
height:1000px;
background-image: url(/imatges/overlay.png);

}

#capa_fons {
display:block;
left:50px;
position:absolute;
top:59px;
z-index:100;
background-color:#fff;
padding:10px
}

.close
{
clear: both;
text-align:right;
display:block;
margin:10px 0 0 0;

}
/*******************************************************************/
/* 						LINKS*/
/********************************************************************/

a {text-decoration:none;color:rgb(207,0,39)}
a:hover {
  color:rgb(193,0,39);
  background-color:rgb(233,243,242);
}

a.comprar {
}

a.noticies {
  color:black;
}
a.noticies:hover {
  text-decoration:underline;
}
#peu a:hover {
  background-color:rgb(207,0,39);
  text-decoration:underline;

}

/*******************************************************************/
  /* ESTRUCTURA */
  /********************************************************************/
#wrapper {

  width: 904px;
  margin:0 ;
  background-color: #fff;
  border-left:1px #cccccc solid;
  border-right:1px #cccccc solid;
}

#top {
  margin: 0;
  padding: 0px 0px 0px 0px;
  width: 904px;
}
#top p.actualitzacio {
  margin:0 50px 0px 650px;
}
#columnaEsquerra {
  float: left;
  border-right:1px rgb(193,0,39) solid;
  padding:0px;
  width:165px;

}

#columnaDreta {
  margin-left: 165px;
  padding-left: 0px;
  border-left:1px rgb(193,0,39) solid;
  border-top:1px rgb(193,0,39) solid;

}
#columnaDreta_sotaAriadna {
  background-image:url(../imatges/pixel_ratlla.gif);
  background-position:570px 40px;
  background-repeat:repeat-y;
  border-top:1px rgb(193,0,39) solid;
}

#peu {
  clear: both;
  text-align: center;
  background-color: rgb(230, 0, 39);
  padding: 5px 0;
  color: white;
  font-size: 90%;
  letter-spacing: 0.1em;
  font-weight: bold;
}

#banner  {
  text-align:center;
}

/*****************************************************************
******            SUBESTRUCTURA COLUMNA ESQUERRA  ****************
******************************************************************/
#menu {

}

/*****************************************************************
******            SUBESTRUCTURA COLUMNA DRETA ********************
******************************************************************/


/************* VERSIO 3 columnes ***********************************/



* html #caixa_columna1 {
  margin-left: -8px;
}

#contingut_columna1 {
  padding:10px 0 0 10px;
  width:310px;

}

#contingut_columna2 {
  margin:0px;
  padding:10px 10px 0 10px;
  float:right;
  width:230px;
}

* html #contingut_columna2 { /* hack ie6 per problems amb paddings */
  padding: 10px 10px 0 10px;
}

/****************** igual a dues versions *********************************/
#caixa_columna3 {
  float:right;
  width: 161px;
  margin-left:0px;
}

#contingut_columna3 {
  padding: 10px 0px 0 0px;
  margin: 0px;
}

/********** version 2 columnes *******************************************/
#caixa_columna_central { /*aquesta caixa es fa servir tamb� en 3 columnes com a contenidor de les dues esq */
  padding: 0px 0 0px 0;

}

* html #caixa_columna_central {
  margin-left: -8px;
}
#contingut_central {
  padding: 10px 0px 0px 10px;
  width:545px;
}

#ratllaMig {
  background-image:url(../imatges/pixel_ratlla.gif);
  background-position:330px 40px;
  background-repeat:repeat-y;
}

/**************************************************************************
                        Navegador esquerra
***************************************************************************/
#navegador ul {


}
#navegador ul li {
  font-size:100%;
  letter-spacing:0.08em;
  margin:0px 0 15px  0;
  color:rgb(255,0,0);
  list-style-type:none;
}
#navegador ul li a:hover {
  color:rgb(0,97,104);
  border-left:18px rgb(0,97,104) solid;
  padding-left:10px;

}
#navegador ul li a {
  color:#CC0000;
  border-left:18px #cc0000 solid;
  padding-left:10px;
}
#navegador ul li.actiu a{
  /*text-decoration:underline;*/
  border-left:18px rgb(0,97,104) solid;
  color:rgb(0,97,104);
}

/**************************************************************************
                        Fil ariadna i menus del costat
***************************************************************************/
div#ariadna {
  float: left;
  margin: 3px 0 0 10px;
  border-left: solid rgb(230, 0, 39) 11px;
  padding-left: 5px;


}

div#menu_contacte {
  text-align: right;
}

#menu_contacte img {
  margin-bottom: -3px;
}

#menu_contacte ul {

}

#menu_contacte ul li {
  display: inline;
  margin: 0 0 0 15px;
  vertical-align: middle;
  color:rgb(207,0,39);
}

#menu_contacte ul li.etiqueta {
  margin: 0;
}

/**************************************************************************
                      Menu principal ('menu')
***************************************************************************/

#menu ul {
  padding:0 0 0px 7px;
  font-size:0.9em;

}
#menu ul li {
  list-style-type:none;

}
#menu ul li.nivell1 {
  border-top:1px rgb(0,97,104) solid;
  padding-top:10px;


}

#menu ul li a#ressaltat {

  color:rgb(207,0,39);
  border-left:12px rgb(207,0,39) solid;
  padding-left:4px;
}
#menu ul li a, #menu ul li a:visited,#menu ul li a:link {

  color:rgb(0,97,104);
  border-left:12px rgb(0,97,104) solid;
  /*background:url(../imatges/quadrat_25_verd.png) left 0px no-repeat;*/
  padding-left:4px;
  text-transform:uppercase;

}
#menu ul li a:hover {

  color:rgb(207,0,39);
  border-left:12px rgb(207,0,39) solid;
  padding-left:4px;

}

#menu ul li ul {
  margin:-10px 0px 10px 0px;
}

/*marge entre linies */

html>body #menu ul li ul {
  margin-top:0px;
}

#menu ul li ul li {
  margin:4px 0px;/* marge entre submenus */


}
#menu ul li ul li a,  #menu ul li ul li a:link, #menu ul li ul li a:visited {
  color:rgb(146,198,203);
  border-left:12px rgb(146,198,203) solid;
  /*background:url(../imatges/quadrat_25_verd.png) left 0px no-repeat;*/
  padding-left:5px;
  margin-left:5px;
  text-transform:uppercase;
}
#menu ul li ul li a:hover, #menu ul li ul li a#ressaltat {
  color:rgb(207,0,39);
  border-left:12px rgb(207,0,39) solid;
  padding-left:5px;
  margin-left:5px;
  text-transform:uppercase;
}



/**************************************************************************
                      CONTINGUT _ COLUMNA 1
***************************************************************************/


#contingut_central p {
  padding-left:0.5em;

}
#contingut_central ul {
  margin-bottom:2em;
}

#contingut_central ul.llista li {
  padding-left:10px;
  background:url(../imatges/quadrat5_5.png) left 5px no-repeat;
  margin-left:2em;
  list-style-type:none;
  margin-top:0.4em;
}

/* taula de llibres */

#contingut_central td.llibres {
  vertical-align:top;
}



/***********************************************************************
          IMPRIMIR ENVIAR ARTICLE
*-************************************************************************/
#imp_enviar {

  padding:0px 0 10px 0px;
  width:550px;
  margin:0px 0 0 10px;

}

#imp_enviar_noticies {
  padding:5px 0px;
  width:320px;
  margin:0 0 0 10px;

}
#imp_enviar ul  {
  border-top:1px rgb(193,0,39) solid;
  margin:0px;padding:5px 0 0 0;
  text-align:right

}
#imp_enviar_noticies ul {
border-top:1px rgb(193,0,39) solid;
  margin:0;padding:0;
  text-align:right

}
#imp_enviar ul li, #imp_enviar_noticies ul li {
  display:inline;
  margin:0 0.5em;
  padding:0 0 0 5px;
  background:none;
  text-transform:uppercase



}
#imp_enviar img {
  margin:0 5px 0 0;

}

/**************************************************************************
                      CONTINGUT _ COLUMNA 2
***************************************************************************/

.mesinfo {
  color:rgb(207,0,39);
}
.noticia {
  font-size:110%;
  padding-bottom:10px;
  margin:20px auto 0 auto;;
  border-bottom: 1px rgb(255,0,0) solid;
  line-height:1.2em;
  width:90%;


}

.descripNoticia {

}

/**************************************************************************
                      CONTINGUT _ COLUMNA 3
***************************************************************************/

.banner {
  padding-bottom:10px;
  margin:10px 0px 0px 0px ;
  border-bottom: 1px rgb(255,0,0) solid;
}
#contingut_columna3 h1 {
  /*background-color:rgb(0,97,104); ara esta afegit en l'estil p.verd*/


}
.cont_entrevista {
  border:solid #E3F7F0 thin;
  padding:5px;
  background-color:rgb(233,243,242);
  margin-right:1px;

}
#contingut_columna3 ul {

}
#contingut_columna3 li {
  list-style:none;
}

#contingut_columna3 li.vermell {
  color:#CC0000;

}

/************************************************************************
          CAIXA DE PUBLICACIONS AMB L�NIA VERMELLA AL FINAL
**************************************************************************/
div.caixa_publicacions {
  border-bottom: 1px rgb(255,0,0) solid;
  padding-bottom:1em;
}



/***************************************************************************
          PEU
****************************************************************************/
#franja_bottom {
  float:left;
  margin:-35px 0 10px 10px;
  padding:10px 0px 8px 140px;
  width:150px;
  border-top:1px rgb(193,0,39) solid;
  border-bottom:1px rgb(193,0,39) solid;
  background:url(../imatges/iso_9001_ico.jpg) 80px 4px no-repeat;
  list-style-type:none;
  /*line-height:1.5em;*/
}
#idiomes ul {

  margin:0;padding:0px;

}
#idiomes ul li {
  margin:0 0 0 25%;
  padding:8px 0 8px 60px;
  background:url(../imatges/bvqi_icon.jpg) 0 -2px no-repeat;
  list-style-type:none;
  line-height:1.5em;
}

#peu p a{
  color:white;
}



/***************************************************************************
          MODIFICADORS i ALTRES
****************************************************************************/

p.espaiat {
  margin:20px 0;
  line-height:2em;
  font-size:110%
}


img.paragraf {
  float:left;
  margin:5px 10px;

}
.imgnoticia { min-width: 250px}
img.titol {
  margin-bottom:10px;
}
img.noborder {
  border:none;
}
img.centre {
  margin:0 auto;


}
ul.llistaNormal {
  padding-left:15px;
}

ul.llistaNormal li {
  background:0;
  margin-bottom:1em;
  list-style-type:none;
}

li.quadratVermell {
  padding-left:10px;
  background:url(../imatges/quadrat5_5.png) left 5px no-repeat;
  list-style-type:none;

}

.novermell {
  color:#333333
}

dl.links dd {
  color: rgb(0,97,104);
}

.avis {
  font-size:0.8em;
}

.data {
  font-size:0.8em;
  color:rgb(0,97,104);
  display:inline;
}

/**************************************************************************
          ESTILS EN L�NIA
**************************************************************************/

.ressaltat {
  color:rgb(207,0,39);;
  font-weight:bold;
  letter-spacing:0.15em;
}

.lletra_vermella {
  color:rgb(207,0,39);
}
/************************************************************************
          LLISTAT DE PROFESSIONALS
****************************************************************************/
table.professionals tr{
  padding:0px;margin:50px;background-color:rgb(233,243,242);
  border:2px #aaa solid;
}

table.professionals td{
    width:250px;
}

table.professionals ul.treballadors li.nom {
  color:rgb(207,0,39);
  padding:5px 0 1em 1em;

}
table.professionals ul li.descrip {
  padding:0 0 0 1em;
 
}
table.professionals img.professional {
padding:0;
margin-right:5px;
}

img.professional {
  float:left;
  margin:0;
}
div.clear {
  clear:both;
}


/********************************************************************
*********************** dades contacte***************************
***********************************************************************/

ul.dadesContacte {
  position:relative;
}
ul.dadesContacte img{
  margin-right:10px;
  margin-bottom:-5px;
  }

ul.dadesContacte li#tel {
  color:rgb(0,97,104);
  position:absolute;
  top:0px;
  left:0;
}
ul.dadesContacte li#numtel {
  position:absolute;
  top:2em;
  left:33px;
}

ul.dadesContacte li#mail {
  color:rgb(0,97,104);
  position:absolute;
  top:0;
  left:150px;
}

ul.dadesContacte li#mailtxt {
  position:absolute;
  top:2em;
  left:183px;
}
ul.dadesContacte li#fax {
  color:rgb(0,97,104);
  position:absolute;
  top:5em;
  left:0;
}

ul.dadesContacte li#numfax {
  position:absolute;
  top:7em;
  left:33px;
}
ul.dadesContacte li#adreca {
  color:rgb(0,97,104);
  position:absolute;
  top:5em;
  left:150px;
}

ul.dadesContacte li#txt_adreca {
  position:absolute;
  top:7em;
  left:183px;
}
ul.dadesContacte li#web {

  position:absolute;
  top:18em;

}

ul.dadesContacte li#persona {
  position:absolute;
  top:18em;
  left:33px;
}
ul.dadesContacte li#tel2 {
  color:rgb(0,97,104);
  position:absolute;
  top:21em;
  left:0;
}
ul.dadesContacte li#numtel2 {
  position:absolute;
  top:23em;
  left:33px;
}

ul.dadesContacte li#mail2 {
  color:rgb(0,97,104);
  position:absolute;
  top:21em;
  left:150px;
}

ul.dadesContacte li#mailtxt2 {
  position:absolute;
  top:23em;
  left:183px;
}

h2#titol_mogut {
  position:absolute;
  top:13em;
  left:0px;
}
/***********************************************************************
*********************LLISTES********************************************
**********************************************************************/
ul.quadres {

    padding-top:5px;
}
ul.quadres li{

  padding-left:10px;
  background:url(../imatges/quadrat5_5.png) left 5px  no-repeat;
  margin-left:2em;
  margin-top:0.4em;
  font-size:1em;
}

dl.quadres dt{
  padding-left:10px;
  background:url(../imatges/quadrat5_5.png) left 5px no-repeat;
  margin-left:2em;
  margin-top:0.4em;
  font-size:1.1em;
}


div.requadreRessaltat {
  background-color:rgb(233,243,242);
  width:300px;
  float:left;
  margin:5px 0;
  padding:10px;
}

ul.menuHoritzontal {
    color:rgb(207,0,39);
  font-size:1.1em;
  border-bottom:1px rgb(207,0,39) solid;
  margin:0.8em 0 0 0;
  text-align:center;
  text-transform:uppercase;
}

ul.menuHoritzontal li {
  display:inline;



}

ul.enlinia {
  text-align:right;
}

ul.enlinia li {
  display:inline;
  background:none;
  margin:1em;
}

/**********************APARTATS DOCENCIA **************************/
div.apartat ul{
  margin-left:3em;
  padding:5px 1em;
  background-color:rgb(233,243,242);
  width:70%;
  border:solid rgb(250,243,242) 2px;
}

div.apartat ul ul {
  border:none;
}

/*************************ALTRES**********************************/

.dreta {
  text-align:right

}

.fonsClar {
  background-color:rgb(233,243,242);
  padding:5px;
  border:1px rgb(0,97,104) solid;
}

.errFld { /* com canvia el input text o el que sigui*/
    background:#FFC;
  border:1px solid #F00;
}
.errMsg { /* format missatge*/
  color:#F00 !important;
  margin-bottom:1em;



}

.req {
  color:#CC0000
}

/************ COLABORA ********************/
#t_banners
{
  margin: 0 auto;

}
#t_banners td {
  padding:10px;
  text-align:center;
}

#suport
{
 
float:left;
margin:-225px 0px 0px 40px
 
}

#dona_la_cara
{
 margin-left:16px;
 margin-bottom:5px;
}
#menu ul li ul li a:hover.nou { background-color: #E9F3F2; color: rgb(230,0,39) !important; border-left-color:#FF7C00}
#menu ul li ul li a.nou { background-color: #FF7C00; color: white !important}