/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin: 0px;
   padding: 0px;
}

p{
  font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   color: #000000;
}



table#calendario { border: 1px solid #000;  font-size: 12px; text-align:center; background:#ececec; width:220px; height:150px;  }

#calendario tbody td { height:20px; font-size: 12px; text-align: center; padding:3px; vertical-align: top; }
#calendario tbody tr { height:8px; }
#calendario tbody th { font-size: 12px; color:#FFFFFF; text-align:center; padding:3px; border-bottom:0px; border-top: 0px; background-color:#706F6D; }
#calendario tbody td.hoy { font-size: 12px; background:#ffbdbd; padding:3px; text-align: center; vertical-align: top; }
#calendario tbody td.evento { font-size: 12px; background:#bf9acd; padding:3px; text-align: center; vertical-align: top; }
#calendario tbody td:hover { font-size: 12px; background:#e1e9ff; padding:3px; text-align: center; vertical-align: top; }
#calendario tbody p { text-align: center; }
#calendario tbody td.inactivo { background:#ececec; padding:3px; }
#calendario a.aCal, #calendario a.aCal:hover, #calendario a.aCal:visited, #calendario a.aCal:active  {
   text-decoration:none;
   color: #000000;
   font-size: 12px;
}

/*   estils dels links de la web de l'eina    */

a{
   color: #000000;
   text-decoration: none;
}

a:link{
   color: #000000;
   text-decoration: none;
}

a:visited{
   color: #000000;
   text-decoration: none;
}

a:hover{
   color: #000000;
   text-decoration: underline;
}

#imatge a{
   color: #FFFFFF;
   text-decoration: none;
}

#imatge a:link{
   color: #FFFFFF;
   text-decoration: none;
}

#imatge a:visited{
   color: #FFFFFF;
   text-decoration: none;
}

#imatge a:hover{
   color: #FF7E28;
   text-decoration: none;
}

#menufinal a{
   color: #FFFFFF;
   text-decoration: none;
}

#menufinal a:link{
   color: #FFFFFF;
   text-decoration: none;
}

#menufinal a:visited{
   color: #FFFFFF;
   text-decoration: none;
}

#menufinal a:hover{
   color: #FFFFFF;
   text-decoration: underline;
}

#menuhome a{
   color: #FFFFFF;
   font-size:14px;
   text-decoration: none;
}

#menuhome a:link{
   color: #FFFFFF;
   text-decoration: none;
}

#menuhome a:visited{
   color: #FFFFFF;
   text-decoration: none;
}

#menuhome a:hover{
   color: #FFFFFF;
   text-decoration: none;
}

#menuindex a:hover{
   color: #FFFFFF;
   text-decoration: none;

}

#siteInfo a{
   color: #FFFFFF;
   text-decoration: none;
}

#siteInfo a:link{
   color: #FFFFFF;
   text-decoration: none;
}

#siteInfo a:visited{
   color: #FFFFFF;
   text-decoration: none;
}

#siteInfo a:hover{
   color: #FFFFFF;
   text-decoration: underline;
}

#siteInfoGris a{
   color: #FFFFFF;
   text-decoration: none;
}

#siteInfoGris a:link{
   color: #FFFFFF;
   text-decoration: none;
}

#siteInfoGris a:visited{
   color: #FFFFFF;
   text-decoration: none;
}

#siteInfoGris a:hover{
   color: #FFFFFF;
   text-decoration: underline;
}

#siteInfoBlau a{
   color: #FFFFFF;
   text-decoration: none;
}

#siteInfoBlau a:link{
   color: #FFFFFF;
   text-decoration: none;
}

#siteInfoBlau a:visited{
   color: #FFFFFF;
   text-decoration: none;
}

#siteInfoBlau a:hover{
   color: #FFFFFF;
   text-decoration: underline;
}

#siteInfoIndex a{
   color: #FFFFFF;
   text-decoration: none;
}

#siteInfoIndex a:link{
   color: #FFFFFF;
   text-decoration: none;
}

#siteInfoIndex a:visited{
   color: #FFFFFF;
   text-decoration: none;
}

#siteInfoIndex a:hover{
   color: #FFFFFF;
   text-decoration: underline;
}

h1 a{
  color:#990033;
   text-decoration: none;
}

h1 a:link{
  color:#990033;
   text-decoration: none;
}

h1 a:visited{
  color:#990033;
   text-decoration: none;
}

h1 a:hover{
  color:#990033;
   text-decoration: underline;
}


/**********************************/
/*             Estils           */
/**********************************/


h1 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   font-weight:bold;
   color:#990033;
}

/*h1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   color:#990033;
}*/

.Estilo2 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   color: #FFFFFF;
   line-height: 15px;
   text-align:justify;
}

.Estilo3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   line-height:10px;
   color: #000000;
}

.Estilo4 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size:11px;
   line-height:10px;
   color: #000000;
}

.Estilo5 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color: #000000;
   line-height:10px;

}

.Estilo6 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #0000CC;
}

.Estilo7 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   color: #FFFFFF;

   text-align:justify;
}

.Estilo8 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   font-weight:bold;
   color:#000000;
   text-align:center;
}

.Estilo9 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:15px;
   color: #014DB4;
   text-align:justify;
}

.Estilo10 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color: #000000;
}

.Estilo11 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   color: #000000;
   line-height: 15px;
   text-align:justify;
}

.Estilo12 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#009933;
}

.Estilo13 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight:bold;
   color:#009933;
}

.Estilo14 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   color:#990033;
}

.Estilo15{
   border:0px;
}

.Estilo16{
   color:#FF7E28;
   font-size:11px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

.Estilo17 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   color: #FFFFFF;
}

.Estilo18 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:15px;
   font-weight:bold;
   color:#000000;
}

.Estilo19 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:21px;
   font-weight:bold;
   color:#000000;
}

.Estilo20 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:15px;
   color: #000000;
}

.Estilo21 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size:11px;
   line-height:10px;
   color: #014DB4;
}

.Estilo22{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:100%;
}

.Estilo23{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}

.Estilo24 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color: #014DB4;
   text-align:justify;
}

.alcada{
height:50px;
}

.alcat30{
height:30px;
}

.alineaDreta{
   float:right;
}

.alineaDretaText{
   text-align:right;
}

.alineaEsq{
   float:left;
}

.alineaCentre{
text-align:center;
}

#alineaTaula{
   text-align:center;
}

.ample195{
  width:195px;
}
.ampleColumna1{
border:none;
background-color: #FE6100;
width:180px;
}

.ampleColumna2{
width:80px;
background-color: #000000;
}

.ampleContacte{
width:130px;
}

.ampleContacte2{
width:130px;
}

.ampleTaula{
width:400px;
height:100px;
}

.borde{
border:none;
}

.bordeAling{
   border:none;
   float:right;
}

.bordeCentrat{
   border:none;
   text-align:center;
}

.boto {
   font: normal 12px Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   padding: 5px 10px 5px 10px;
   border: none;
   background-color: #FE6100;
   margin-right: 8px;

}

.botoblau {
   font: normal 12px Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   padding: 5px 10px 5px 10px;
   border: none;
   background-color: #3F69BE;
   margin-right: 8px;

}

.botogris {
   font: normal 12px Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   padding: 5px 10px 5px 10px;
   border: none;
   background-color: #706F6D;
   margin-right: 8px;

}

.mapaGoogle{
   width: 100%;
   height: 350px;
}

.subratllat{
text-decoration:underline;
}

.TaulaBorsa{
width:400px;
border-collapse:collapse;

}

.taulaContacta{
   border:none;
   width:400px;
}



/*********************/
/*       capes       */
/*********************/


#amplada{
   width:900px;
   margin: 3px auto;

}

#amplada2{
   width:900px;
   padding-top:10px;
   margin: auto;
}

#bases_dalt{
   width:399px;
   height:90px;
   padding: 0px 0px 0px 0px;
   border:none;
   background-image:url(../imatges/bases_dalt.png);
   background-repeat:no-repeat;

}

#bases_mig{
   width:359px;
   background-image:url(../imatges/bases_mig.png);
   background-repeat: repeat-y;
   margin:0px;
   padding-bottom:0px;
   padding-left:20px;
   padding-top:20px;
   padding-right:20px;

}

#Buscador{
   height:32px;
   line-height:32px;
   vertical-align:center;
   width:450px;
   font-size: 1.05em;
   font-weight: bold;
   float:right;
   border:none;
   color: #050505;
   padding-left:5px;
   padding-top:0px;
   padding-bottom:0px;

}

#comentari{
   background-position:center;
}

#concursJoves{
   width:399px;
   padding: 0px 0px 0px 0px;
   border:none;
}

#content{
   padding: 10px 10px 10px 9px;
   float: left;
   width: 430px;
}

#direccio{
   background-position:left;
}

#DretaTaronjaDoble{
   border:none;
   height:46px;
   line-height:23px;
   vertical-align:middle;
   background-image:url(../imatges/text_doble.jpg);
   width:168px;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   padding:5px 20px 5px 30px;
   font-weight:bold;
   color:#FFFFFF;
   clear:both;
   position: relative;
}



#email{
   background-position:left;
}

#Espai{
border:none;
padding-top:0px;
padding-left:3px;
}

#espaiMenu{
height:15px;
clear:both;
}

#espai_portada{
   height:5px;
   width:900px;
   padding: 0px 0px 0px 0px;
   border:none;
   margin:0px;
   clear:both;
}
#deuAnys{
   float:right;
}

#global {
   width:900px;
   height:78px;
}

#home{
   width:900px;
   height:263px;
   padding: 0px 0px 0px 0px;
}

#imatge {
   width:675px;
   height:81px;
   border:0;
   line-height:81px;
   float:left;
   overflow: hidden;
}

#imatgeA{
   width:20px;
   height:28px;
   background-image:url(../imatges/menu_taronja_A.jpg);
   float:left;
}

#imatgeAGris{
   width:20px;
   height:28px;
   background-image:url(../imatges/menu_gris_A.jpg);
   float:left;
}

#imatgeABlau{
   width:20px;
   height:28px;
   background-image:url(../imatges/menu_blau_A.jpg);
   float:left;
}

#imatgeC{
   width:31px;
   height:28px;
   float:right;
   padding:0px 0px 0px 0px;
   border:0px;
}

#imatgeCGris{
   width:31px;
   height:28px;
   float:right;
   padding:0px 0px 0px 0px;
   border:0px;
}

#imatgeCBlau{
   width:31px;
   height:28px;
   float:right;
   padding:0px 0px 0px 0px;
   border:0px;
}

#imatgeCapcalGris{
   width:477px;
   height:81px;
   border:0;
   line-height:81px;
   float:left;
   overflow: hidden;
   background-image:url(../imatges/imatge_mig_gris.jpg);
   background-repeat:no-repeat;
}

#imatgeCapcalTaronja{
   width:477px;
   height:81px;
   border:0;
   line-height:81px;
   float:left;
   overflow: hidden;
   background-image:url(../imatges/imatge_mig_taronja.jpg);
   background-repeat:no-repeat;
}

#imatgeCapcalBlau{
   width:477px;
   height:81px;
   border:0;
   line-height:81px;
   float:left;
   overflow: hidden;
   background-image:url(../imatges/imatge_mig_blau.jpg);
   background-repeat:no-repeat;
}

#imatgeCasExit{
   float:left;
   vertical-align:top;
   border:none;
   padding-left:5px;
   width:195px;

}

#imatgeD{
   width:21px;
   height:28px;
   background-image:url(../imatges/menu_taronja_B.jpg);
   float:right;
   padding-right:0px;
   border:0px;
}

#imatgeDBlau{
   width:21px;
   height:28px;
   background-image:url(../imatges/menu_blau_B.jpg);
   float:right;
   padding-right:0px;
   border:0px;
}

#imatgeDGris{
   width:21px;
   height:28px;
   background-image:url(../imatges/menu_gris_B.jpg);
   float:right;
   padding-right:0px;
   border:0px;
}

#imatgeFormacio{
   width:150px;
   height:150px;
   text-align:left;
   overflow: hidden;
   margin-right:10px;
   float:left;
   z-index:auto;

}

#imatgehome {
   width:900px;
   height:271px;
   padding-top:0px;
   background-repeat:no-repeat;
   background-image:url(../imatges/imatge_portada.jpg);
   float:right;
   text-align:right;
   vertical-align:top;
   border:none;
}

#imatgeIgualtat{
   width:400px;
   text-align:left;
   overflow: hidden;
   float:left;
   z-index:auto;
}
/*
   overflow: hidden;
   z-index:auto;
   background-repeat:no-repeat;
   background-image:url(../imatges/imatge_portada.jpg);
  */
#imatgememoria {
   width:100px;
   height:100px;
   text-align:left;
   overflow: hidden;
   margin-right:10px;
   float:left;
   z-index:auto;
   background-image:url(../imatges/icona_f.jpg);
}

#imatgerevista {
   width:100px;
   height:149px;
   text-align:left;
   overflow: hidden;
   margin-right:10px;
   float:left;
   z-index:auto;
   background-image:url(../imatges/revista_icona.png);
}

#imatgerevista2 {
   width:106px;
   height:150px;
   text-align:left;
   overflow: hidden;
   margin-right:10px;
   float:left;
   z-index:auto;
   background-image:url(../imatges/portada_butlleti2.png);
}

#imatgerevista3 {
   width:106px;
   height:150px;
   text-align:left;
   overflow: hidden;
   margin-right:10px;
   float:left;
   z-index:auto;
   background-image:url(../imatges/portada_butlleti3.png);
}

#imatgerevista4 {
   width:106px;
   height:150px;
   text-align:left;
   overflow: hidden;
   margin-right:10px;
   float:left;
   z-index:auto;
   background-image:url(../imatges/portada_butlleti4.png);
}

#imatgerevista5 {
   width:106px;
   height:150px;
   text-align:left;
   overflow: hidden;
   margin-right:10px;
   float:left;
   z-index:auto;
   background-image:url(../imatges/portada_butlleti5.png);
}

#imatgeMenu{
   width:218px;
   height:28px;
   clear:both;
}

#imatgeNoticia{
   float:left;
   vertical-align:top;
   border:none;
   padding-top:0px;
   padding-left:5px;
   padding-right:10px;
   padding-bottom:10px;
   width:100px;
   height:100px;
}

#imatge_seminari{
   float:left;
   vertical-align:top;
   border:none;
   padding-top:0px;
   padding-left:5px;
   padding-right:15px;
   padding-bottom:10px;
   width:200px;
   height:388px;
}

/*  #liBlanc{
      width:225px;
      float:left;
}  */

#liEina{
      width:250px;
      color: #FFFFFF;
      padding-left:50px;
      background-image:url(../imatges/titol_gris.jpg);
      background-repeat:no-repeat;
      float:right;
      font-weight:bold;
}

#liEina2{
   height:27px;
}

#liEmp{
      width:250px;
      font-weight:bold;
      color: #FFFFFF;
      background-image:url(../imatges/titol_blau.jpg);
      background-repeat:no-repeat;
      padding-left:50px;
      float:right;
}

#liEmp2{
   height:27px;
}

#lineaTaula{
   width:15px;
}

#liSom{
      width:250px;
      color: #FFFFFF;
      padding-left:50px;
      background-image:url(../imatges/titol_taronja.jpg);
      background-repeat:no-repeat;
      float:right;
      font-weight:bold;
}

#liSom2{
   height:27px;
}

#logoEina{
   float:left;
   width:198px;
}

#logoiso{
   float:left;
   padding: 10px 15px 10px 5px;
}

#lupa{
   height:23px;
   line-height:23px;
   vertical-align:middle;
}

#menuDalt{
   width:900px;
   height:32px;
   border:none;
   background-color:#848381;
   padding: 0px 0px 0px 0px;
   margin-top:1px;
   margin-bottom:5px;

}

#menuDalt1{
   width:675px;
   margin:0px;
   height:32px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   vertical-align:middle;
   line-height:32px;
   float:left;
   border: none;
   padding: 0px 0px 0px 0px;
}

#menuDalt11{
   width:189px;
   height:27px;
   line-height:27px;
   vertical-align:bottom;
   float:right;
   color:#FFFFFF;
   padding-left:20px;
   padding-top:5px;
   font-weight:bold;
   border:none;
   margin:0px;
   font-family:Verdana, Arial, Helvetica;
   font-size:11px;
}


#menuDalt12{
   width:200px;
   height:27px;
   padding-top:5px;
   vertical-align:bottom;
   float:left;
   padding-left:20px;
   color:#FFFFFF;
   border: none;
   margin:0px;
   font-family:Verdana, Arial, Helvetica;
   font-size:11px;
}

#horari{
   width:900px;
   height:32px;
   border:none;
   background-color:#848381;
   padding: 0px 0px 0px 0px;
   margin-top:1px;
   
   margin-bottom: 10px; 
   line-height:32px; 
   vertical-align:middle; 
   text-align:center; 
   color:#FFFFFF; 
   font-size:14px; 
   font-weight: bold;

}

#menuDret{
   padding:10px 0px 0px 0px;
   margin: 0px;
   font-size: 80%;
   width:225px;
   float:right;
   vertical-align:top;
   background-image:url(../imatges/menu_dreta_taronja.jpg);
   background-repeat:repeat-x;
   height:1049px;
   background-position:top;
}

#menuDretBlau{
   padding:10px 0px 0px 0px;
   margin: 0px;
   font-size: 80%;
   width:225px;
   float:right;
   vertical-align:top;
   background-image:url(../imatges/menu_dreta_blau.jpg);
   background-repeat:repeat-x;
   height:1049px;
   background-position:top;
}

#menuDretGris{
   padding:10px 0px 0px 0px;
   margin: 0px;
   font-size: 80%;
   width:225px;
   float:right;
   vertical-align:top;
   background-image:url(../imatges/menu_dreta_gris.jpg);
   background-repeat:repeat-x;
   height:1049px;
   background-position:top;
}

#menuEsq{
   float: left;
   width: 225px;
   margin: 0px;
   border:none;
   padding: 10px 0px 0px 0px;
   background-image:url(../imatges/menu_esquerra_fons_taronja.jpg);
   background-repeat:repeat-x;
   height:705px;
   background-position:top;
}

#menuEsqBlau{
   float: left;
   width: 225px;
   margin: 0px;
   border:none;
   padding: 10px 0px 0px 0px;
   background-image:url(../imatges/menu_esquerra_fons_blau.jpg);
   background-repeat:repeat-x;
   height:705px;
   background-position:top;
}

#menuEsqGris{
   float: left;
   width: 225px;
   margin: 0px;
   border:none;
   padding: 10px 0px 0px 0px;
   background-image:url(../imatges/menu_esquerra_fons_gris.jpg);
   background-repeat:repeat-x;
   height:705px;
   background-position:top;
}

#menufinal{
   float: right;
   width:225px;
   border:0px;
   height:81px;
   background-position:top;
}

#menuhome {
   width:900px;
   height:36px;
   line-height:36px;
   vertical-align:middle;
   padding: 0px 0px 0px 0px;
   margin:0px;
   font-family:"Perspective Sans";
   list-style:none;
   float:left;
   clear:right;
}

#menuindex {
   width:900px;
   padding: 0px 0px 0px 0px;
   margin:0px;
   height:227px;
   overflow: hidden;
   clear:left;
}

#menuindex li  {
   width:249px;
   height:187px;
   text-align:left;
   font-size:13px;
   text-decoration:none;
   display:block;
   float:right;
   padding: 0px 0px 0px 0px;
}

#nom{
   background-position:left;
}

#professor{
   height:120px;
   width:221px;
   clear:left;
   margin: 0px;
   border: none;
   padding-top:20px;
   padding-left:2px;
}

/* #professor{
   height:120px;
   width:221px;
   float:left;
   clear:both;
   margin: 0px;
   border: none;
   padding:20px 0px 0px 0px;
}  */

#punta_telf{
   width:225px;
   height:22px;
   background-color:#FE934F;
   border:none;
   float:left;
}

#punta_telf_blau{
   width:225px;
   height:20px;
   background-color:#80A7DA;
   border:none;
   float:left;
}

#punta_telf_gris{
   width:225px;
   height:20px;
   background-color:#A9A7A8;
   border:none;
   float:left;
}

#quadradet_dret{
   width:29px;
   height:50px;
   background-image:url(../imatges/punta.jpg);
   background-repeat:no-repeat;
   background-position:bottom;
   padding: 0px 0px 0px 0px;
   float:right;
   clear:right;
   border:none;
}

#quadradet_dret_gris{
   width:27px;
   height:50px;
   background-image:url(../imatges/punta_menu_dreta_gris.jpg);
   background-repeat:no-repeat;
   background-position:bottom;
   padding: 0px 0px 0px 0px;
   float:right;
   border:none;
}

#quadradet_dret_blau{
   width:27px;
   height:50px;
   background-image:url(../imatges/punta_menu_dret_blau.jpg);
   background-repeat:no-repeat;
   background-position:bottom;
   padding: 0px 0px 0px 0px;
   float:right;
   border:none;
}

#quadradet_esq{
   width:25px;
   height:50px;
   background-image:url(../imatges/punta_menu_esquerra_taronja.jpg);
   background-repeat:no-repeat;
   background-position:bottom;
   float:left;
   border:none;
   padding: 0px 0px 0px 0px;
   margin:0px;
}

#quadradet_esq_blau{
   width:25px;
   height:50px;
   background-image:url(../imatges/punta_menu_esquerra_blau.jpg);
   background-repeat:no-repeat;
   background-position:bottom;
   float:left;
   border:none;
   padding: 0px 0px 0px 0px;
   margin:0px;
}

#quadradet_esq_gris{
   width:25px;
   height:50px;
   background-image:url(../imatges/punta_menu_esquerra_gris.jpg);
   background-repeat:no-repeat;
   background-position:bottom;
   float:left;
   border:none;
   padding: 0px 0px 0px 0px;
   margin:0px;
}

#QuadreMenu{
   border-left:0px;
   height:18px;
   line-height:18px;
   vertical-align:middle;
   background-image:url(../imatges/menu_taronja_mig.jpg);
   width:177px;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   padding:5px 0px 5px 0px;
   font-weight:bold;
   color:#FFFFFF;
   position: relative;
}

#QuadreMenu2{
   border:none;
   height:18px;
   line-height:18px;
   vertical-align:middle;
   background-image:url(../imatges/esq_b.gif);
   width:167px;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   padding:5px 0px 5px 20px;
   font-weight:bold;
   color:#FFFFFF;
   position: relative;
}

#QuadreMenuBlau{
   border-left:0px;
   height:18px;
   line-height:18px;
   vertical-align:middle;
   background-image:url(../imatges/menu_blau_mig.jpg);
   width:177px;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   padding:5px 0px 5px 0px;
   font-weight:bold;
   color:#FFFFFF;
   position: relative;
}

#QuadreMenu2Blau{
   border:none;
   height:18px;
   line-height:18px;
   vertical-align:middle;
   background-image:url(../imatges/esq_b_blau.gif);
   width:167px;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   padding:5px 0px 5px 20px;
   font-weight:bold;
   color:#FFFFFF;
   position: relative;
}

#QuadreMenuGris{
   border-left:0px;
   height:18px;
   line-height:18px;
   vertical-align:middle;
   background-image:url(../imatges/menu_gris_mig.jpg);
   width:177px;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   padding:5px 0px 5px 0px;
   font-weight:bold;
   color:#FFFFFF;
   position: relative;
}

#QuadreMenu2Gris{
   border:none;
   height:18px;
   line-height:18px;
   vertical-align:middle;
   background-image:url(../imatges/esq_b_gris.gif);
   width:167px;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   padding:5px 0px 5px 20px;
   font-weight:bold;
   color:#FFFFFF;
   position: relative;
}

#QuadreMig{
   width:431px;
}

#QuadrePartDretaGris{
   border:none;
   height:18px;
   line-height:18px;
   vertical-align:middle;
   background-image:url(../imatges/esq_b_gris.gif);
   width:198px;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   padding:5px 0px 5px 20px;
   font-weight:bold;
   clear:both;
   color:#FFFFFF;
   position: relative;
}

#QuadrePartDretaTaronja{
   border:none;
   height:18px;
   line-height:18px;
   vertical-align:middle;
   background-image:url(../imatges/esq_b.gif);
   width:198px;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   clear:both;
   padding:5px 0px 5px 20px;
   font-weight:bold;
   color:#FFFFFF;
   position: relative;
}

#QuadrePartDreta{
   border-left:0px;
   height:18px;
   line-height:18px;
   vertical-align:middle;
background-image:url(../imatges/esq_b_blau.gif);
   width:198px;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   clear:both;
   padding:5px 0px 5px 20px;
   font-weight:bold;
   color:#FFFFFF;
   position: relative;
}

#QuadreText{
   background-color:#FFFFFF;
   border-right-width:1px;
   border-left-width:1px;
   border-bottom-width:1px;
   border-top-width:0px;
   border-style:solid;
   border-color:#FE6200;
   clear:both;
   padding-left:3px;
   width:211px;
   padding-right:5px;
   padding-top:0px;
   text-align:justify;
}

#QuadreTextBlau{
   background-color:#FFFFFF;
   border-right-width:1px;
   border-left-width:1px;
   border-bottom-width:1px;
   border-top-width:0px;
   border-style:solid;
   border-color:#004FB3;
   clear:both;
   padding-left:5px;
   width:201px;
   padding-right:10px;
   padding-top:0px;
   text-align:justify;
}

#QuadreTextGris{
   background-color:#FFFFFF;
   border-right-width:1px;
   border-left-width:1px;
   border-bottom-width:1px;
   border-top-width:0px;
   border-style:solid;
   border-color:#716F6E;
   clear:both;
   padding-left:3px;
   width:211px;
   padding-right:5px;
   padding-top:0px;
   text-align:justify;
}

#QuadreTextMenu{
   background-color:#FFFFFF;
   border-right-width:1px;
   border-left-width:1px;
   border-bottom-width:1px;
   border-top-width:0px;
   border-style:solid;
   border-color:#FE6200;
   width:211px;
   line-height:7px;
   padding-left:5px;
   padding-bottom:5px;
   padding-top:5px;
}

#QuadreTextMenuGris{
   background-color:#FFFFFF;
   border-right-width:1px;
   border-left-width:1px;
   border-bottom-width:1px;
   border-top-width:0px;
   border-style:solid;
   border-color:#716F6E;
   width:211px;
   line-height:7px;
   padding-left:5px;
   padding-bottom:5px;
   padding-top:5px;
}

#QuadreTextMenuBlau{
   background-color:#FFFFFF;
   border-right-width:1px;
   border-left-width:1px;
   border-bottom-width:1px;
   border-top-width:0px;
   border-style:solid;
   border-color:#004FB3;
   width:211px;
   line-height:7px;
   padding-left:5px;
   padding-bottom:5px;
   padding-top:5px;
}

#QuadreTextMig{
   background-color:#FFFFFF;
   border-right-width:1px;
   border-left-width:1px;
   border-bottom-width:1px;
   border-top-width:0px;
   border-style:solid;
   border-color:#FE6200;
   width:408px;
   padding-bottom:5px;
   padding-top:5px;
   padding-left:10px;
   padding-right:10px;
}

#QuadreTextMig ul{
 list-style-image:url(imatges/tri_naranja.gif);
 content: url(imatges/tri_naranja.gif);
 }

#QuadreTextMigBlau{
   background-color:#FFFFFF;
   border-right-width:1px;
   border-left-width:1px;
   border-bottom-width:1px;
   border-top-width:0px;
   border-style:solid;
   border-color:#004FB3;
   width:408px;
   padding-bottom:5px;
   padding-top:5px;
   padding-left:10px;
   padding-right:10px;
}

#QuadreTextMigBlauPortada{
   background-color:#FFFFFF;
   border-right-width:1px;
   border-left-width:1px;
   border-bottom-width:1px;
   border-top-width:1px;
   border-style:solid;
   border-color:#004FB3;
   width:408px;
   padding-bottom:5px;
   padding-top:5px;
   padding-left:10px;
   padding-right:10px;
}

#QuadreTextMigGris{
   background-color:#FFFFFF;
   border-right-width:1px;
   border-left-width:1px;
   border-bottom-width:1px;
   border-top-width:0px;
   border-style:solid;
   border-color:#716F6E;
   width:408px;
   padding-bottom:5px;
   padding-top:5px;
   padding-left:10px;
   padding-right:10px;
}

#siteInfo{
   height:30px;
   font-size: 75%;
   background-color:#FE6200;
   color:#FFFFFF;
   line-height:30px;
   vertical-align:middle;
   text-align:center;
}

#siteInfoBlau{
   height:30px;
   font-size: 75%;
   background-color:#014DB4;
   color:#FFFFFF;
   line-height:30px;
   vertical-align:middle;
   text-align:center;
}

#siteInfoGris{
   height:30px;
   font-size: 75%;
   background-color:#706F6D;
   color:#FFFFFF;
   line-height:30px;
   vertical-align:middle;
   text-align:center;
}

#siteInfoIndex{
   clear: both;
   font-size: 60%;
   height:15px;
   color:#706F6D;
   padding: 5px 5px 5px 5px;
   text-align:left;
}

/*
   background-image:url(../imatges/peu_home.jpg);
   background-repeat:no-repeat;
*/

#taulaCurs{
   width:400px;
}

#taulaCurs2{
   width:300px;
   height:50px;
   border:solid;
}

#TaulaEE{
   width:400px;
   border:none;
   float:right;
}

#TaulaIndex{
   width:250px;
   border:none;
}

#telefon{
   background-position:left;
}

#telf{
   width:225px;
   height:106px;
   border:none;
   margin:0px;
   padding:0px 0px 0px 0px;
}

#TextMenu{
   height:18px;
   background-image:url(../imatges/menu_central_b_taronja.jpg);
   width:379px;
   line-height:18px;
   vertical-align:middle;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:14px;
   padding:5px 10px 5px 0px;
   font-weight:bold;
   color:#FFFFFF;
}

#TextMenuBlau{
   height:18px;
   background-image:url(../imatges/esq_b_blau.png);
   width:381px;
   line-height:18px;
   vertical-align:middle;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:14px;
   position: relative;
   padding:5px 10px 5px 0px;
   font-weight:bold;
   color:#FFFFFF;
}

#TextMenuGris{
   height:18px;
   background-image:url(../imatges/esq_b_gris.jpg);
   width:381px;
   line-height:18px;
   vertical-align:middle;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:14px;
   position: relative;
   padding:5px 10px 5px 0px;
   font-weight:bold;
   color:#FFFFFF;
}

#tot{
   float: left;
   width: 225px;
   margin: 0px;
   border: none;
   padding:0px 0px 0px 0px;
   height:1130px;
}

#totMenuDret{
   height:1221px;
   width:225px;
   float:right;
   clear:right;
   padding:0px 0px 0px 0px;
}

#totMenuEsq{
   float: left;
   width: 225px;
   margin: 0px;
   border: none;
   padding:0px 0px 0px 0px;
   height:843px;
}

#totPeu{
clear:both;
width:900px;
height:49px;
border:none;
vertical-align:bottom;
line-height:49px;
}

#trianglePeu{
background-image:url(../imatges/punta_pastilla_inferior.jpg);
background-repeat:no-repeat;
background-position:left;
height:19px;
border:none;
}

#trianglePeuGris{
background-image:url(../imatges/punta_pastilla_inferior_gris.jpg);
background-repeat:no-repeat;
background-position:left;
height:19px;
border:none;
}

#trianglePeuBlau{
background-image:url(../imatges/punta_pastilla_inferior_blau.jpg);
background-repeat:no-repeat;
background-position:left;
height:19px;
border:none;
}









/* Estils per a la barra superior de pentinença a l'Ajuntament */
#banda-cont {
    height: 28px;
    width: 100%;
    background-image: url(../imatges/fons-negre.gif);
    background-position: top center;
    background-repeat: repeat-y;
}

#banda-main {
    width: 900px;
    margin: 0 auto;
}

#banda-esq-negre {
    width: 30px;
    height: 28px;
    float: left;
    background-repeat: no-repeat;
    background-image: url(../imatges/logo-negre.gif);
    background-color: #fff;
}

#banda-dreta-negre {
    float: left;
    width: 870px;
    height: 28px;
    background-repeat: no-repeat;
    background-image: url(../imatges/text-negre.gif);
    background-color: #000;
}