/* ------------------------------------ *
 CSS
   Definiciones globales para todas las páginas
* ------------------------------------ */
@import url(reset.css);

body
{
  font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #4b4942;
  background: #fff;
}


A:link { TEXT-DECORATION: none; color: #000000 }
A:visited { TEXT-DECORATION: none; color: #000000 }
A:hover { TEXT-DECORATION: none; color: #000000 }

#contenedor
{
   width:970px;
   margin: 0 auto;
   position: relative;
   overflow:hidden;

}

#cabecera{
        height: 150px;
        background: #4a4841 url(../imatges/top_bg.jpg) top repeat-x;
        position: relative;
}


#cabecera .contenedor
{
   height: 150px;
}
    /* logo */
h1{
    position: absolute;
    height: 71px;
    top: 15px;
    left:50px;
}

h1 a{
        font: 30px/30px Arial, Helvetica, sans-serif;
        font-weight: bold;
        letter-spacing: -1px;
        padding: 22px 9px 25px 20px;
        display: block;
        color: #ffffff;
        background: url(../imatges/logo_bg.gif) left top no-repeat;
    }

h1 a:hover, h1 a:visited
{
  color: #ffffff;
}
h1 a span{
        height:71px;
        width: 13px;
        position: absolute;
        top:0;
        right: -13px;
        cursor: pointer;
        background: url(../imatges/logo_right.gif) right top no-repeat;
    }

#navigation{
        position: absolute;
        right: 0;
        top:20px;
}




/* top navigation */
    #navigation li{
        float: left;
        padding-right: 27px;
        text-transform: uppercase;
        font-size: 1.3em;
        font-weight: normal;
    }
    #navigation li a{color: #fff;}
    #navigation li a:hover,#navigation li.active a{color: #2c2c2c;}

    #banner{
        position: absolute;
        left:240px;
        height: 80px;
        width:700px;
        color: #555555;
        font-weight: bold;
        padding:7px;
        bottom: 0;
        text-align:right;
        background: url(../imatges/tisores.png) right bottom no-repeat;
        font-size: 2em;
    }


#izquierda
{
  float:left;
  width: 80%;
  background-color: #F1EEE7;
  color: #555555;
}




#derecha
{
  float:right;
  width: 20%;

  text-align: center;

  background-color:#E9E4C5;

}

#calendario
{
  text-align: center;
  background: url(../imatges/cap-calendar.png) no-repeat;
  width:170px;
  padding:45px 0px 0px 0px;
  margin: 10px 10px;
}

#calendario-con
{
  padding:10px 9px;
  font-size: 2em;
  width:150px;
  height:150px;
  margin: 0px 0px;
  border: 1px solid #555555;
  background-color:#FCFCFC;
}

#butlleti
{
   text-align: center;

  background-color:#FFDECB;
  padding:10px;
  font-size: 1.5em;
  font-weight:bold;
  width:150px;
  margin:10px 10px;
  border: 1px solid #555555;
}

#butlleti p
{
   font-size: 0.8em;
   margin-top:5px;
}

#cuerpo
{
  background: url(../imatges/bgk.png);
}

#calendario .dia
{
  font-size: 2em;
  margin:10px 0px;
}

#calendario .mes
{
  font-size: 1.5em;
  margin:10px 0px;
}

#calendario .setmana
{
  font-size: 1.2em;
  margin:10px 0px;
}

#calendario .sants
{
  font-size: 0.8em;
  margin:10px 0px;
}

h2
{
   font-size: 2em;
}

h3
{
   font-size: 1.8em;
}

.articuloportada
{
  padding:10px;
}

.articuloportada form
{
  width:200px; margin-left:250px; border:1px solid #c0c0c0; padding:30px;
}

.texte
{
  text-align:justify;
  padding:10px;
  margin:5px 0px;
  font-size: 1.6em;
}

.texte_p
{
  text-align:justify;
  padding:10px;
  margin:5px 0px;
  font-size: 1em;
}


.texte_petit
{
  text-align:justify;
  padding:10px;
  margin:5px 0px;
  font-size: 0.9em;
}


.temas h3
{

  color:#FFFFFF;
  background-color:#A09C95;
  padding-left:10px;
}

.temas
{
  text-align:left;
  padding-bottom:10px;
}

#pie
{
  background: url(../imatges/bgk_pie.png);
  height:33px;
}


/*** INTRANET ***/

#izquierda-admin
{
  float:left;
  width:200px;

}

#centro2
{
  float:left;
  width:700px;
  margin-left:5px;
    font-size:1.2em;
}

#centro2 form
{
  padding:10px;
}

#centro2 td
{
  padding:5px;
}

#menu-vertical
{
  background-color:#F7F7F7;
  padding-bottom:10px;
  margin-left:1px;
}


#menu-vertical .menu a
{
  display: block;
  padding:2px 2px 2px 10px;
  font-size:1.2em;
}

#menu-vertical .menu a:hover
{
  background-color:#000080;
  color:#FFFFFF;
}

#menu-vertical h2
{
  font-size:1.5em;
  margin:0px 0px 5px 0px;
  padding:5px 0px 0px 10px;
  height:24px;
}


.mensajeOK
{
  color: red;
  font-weight: bold;
}

#agenda{
  margin:10px;
  padding:10px;
}

#agenda ul {
  margin:10px 0px;
  border-top:1px solid #BDBDBD;
}


#agenda li {
  border-bottom:1px solid #BDBDBD;
  font-size:1.2em;
}

.agendalista a
{
  display:block;
  width:100%;
  cursor:pointer;
}

.agendalista a:hover
{
  background-color: #FCFFB4;
}

.pagina_link, .pagina_link_act
{
  border:1px solid #A3A3A3;
  padding:5px;
  margin-right:5px;
  background-color: #EEFF71;
}

.icono_link
{
   margin:0px 5px;
   margin-top:15px;
}

.pagina_link_act
{
   background-color: #FAFAFA;
   font-weight:bold;
}