/* Autor: Cor de la Universitat de Barcelona */
/* Última modificació: 10 febrer 2011        */
/* CSS Principal Cor de la Universitat de Barcelona */

/* /////////// DEFINICIÓ DELS TAGS /////////// */
body {
   font-family: Verdana, Tahoma, Arial;
   font-size: 11px;
   color: #333333;
   margin: 0;
   padding: 0;
}


h1 { 
   font-size: 20px;
   color: #496E9F;
   margin-top: 15px;
}

h2 {
   font-size: 12px;
   font-weight: bold;
   color: #496E9F;
}


li{
   list-style-image: url(../img/li2.gif);
   margin-top: 2px;
   margin-bottom: 2px; 
}



p { 
   font-size: 11px;
   line-height: 14px;
}


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

a img {
   border: none;
}

hr {
   color: #CCCCCC;
   width: 100%;
   height: 1px;
   clear:left;
   margin-top: 5px;
   margin-bottom: 5px;
}

/* /////////// DEFINICIÓ DE CLASSES /////////// */

.clearfix { display: inline-table; }
   .clearfix:after {
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;
   }
   /* Hides from IE-mac \*/
   * html .clearfix { height: 0; }
   .clearfix { display: block; }
   /* End hide from IE-mac */

.cursorover{   
   cursor: pointer;
   }
   
/* /////////// DEFINICIÓ DE ZONES DEL LLOC WEB /////////// */
   
/* HOME 
------------------------------------------------------------------------------------------------------*/
#FonsHome {
   background-image: url("../img/home2.jpg");
   height: 450px;
   width: 760px;
   background-repeat: no-repeat;
   padding: 0px;
}


#Capcelera {
   background-image: url("../img/cabe.jpg");
   width: 760px;
   height: 68px;
   margin-bottom: 1px;
}

#Franja {
   height: 20px;
   width: 760px;
   background-color:#496E9F;
   margin-bottom: 1px;
}

#Menu {
   width: 153px;
   float: left;
   margin-top: 2px;
}

#Menu p{
   background-color: #EFEFEF;
   height: 19px;
   padding-left: 8px;
   padding-top: 1px;
   margin-bottom: 2px;
   margin-top: 0px;
   font-size: 11px;
   color:#0065A3;
   text-decoration: none;
}

#Menu a{
   text-decoration: none; 
   color: #333333;
}

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

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

#MenuHome {
   width: 153px;
   float: left;
   margin-top: 91px;
}

#MenuHome p{
   background-color: #EFEFEF;
   height: 19px;
   padding-left: 8px;
   padding-top: 1px;
   margin-bottom: 2px;
   margin-top: 0px;
   font-size: 11px;
   color:#0065A3;
   text-decoration: none;
}

#MenuHome a{
   text-decoration: none; 
   color: #333333;
}

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

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

#Principal {
   width: 550px;
   margin-left: 195px;
   margin-top: 0px;
}

#Destacats {
   width: 130px;
   float: right;
   margin-top: 70px;}

#MesAgenda {
}

#MesAgenda h2 { 
   font-size: 11px;
   font-weight: 100;
   padding-top: 2px;
   padding-left: 2px;
   padding-bottom: 2px;
   background-color: #efefef;
   margin-top: 15px;
   margin-bottom: 10px;
}

h2.MesAgenda { 
   font-size: 11px;
   font-weight: bold;
   padding-top: 2px;
   padding-left: 2px;
   padding-bottom: 2px;
   background-color: #efefef;
   margin-top: 15px;
   margin-bottom: 10px;
}

#EntradaAgendaHome {
   padding-bottom: 10px;
   padding-top: 5px;
   margin-left: 10px;
   width: 180px;
}

#EntradaAgendaHome a { 
   text-decoration: underline; 
   color: #999999;
   font-size: 11px;
   font-weight: bold;
   padding: 0px;
   margin: 0px;
}

#EntradaAgendaHome a:visited { 
   text-decoration: underline; 
   color: #999999; 
}

#EntradaAgendaHome a:visited { 
   text-decoration: underline; 
   color: #999999; 
}

/* 20/02/2011 Canvi aplicació estil EntradaAgenda de Id a Class (agenda.html)
------------------------------------------------------------------------------------------------------*/

#EntradaAgenda{
   padding-bottom: 10px;
   padding-top: 5px;
   margin-left: 10px;
   border-bottom: 1px solid #bbbbbb;
}
#EntradaAgenda p{
   margin-top: 0px;
   margin-bottom: 0px;
}

.EntradaAgenda{
   padding-bottom: 10px;
   padding-top: 5px;
   margin-left: 10px;
   border-bottom: 1px solid #bbbbbb;
}
.EntradaAgenda p{
   margin-top: 0px;
   margin-bottom: 0px;
}

#EntradaAgenda a { 
   text-decoration: underline; 
   color: #999999;
   font-size: 10px;
   font-weight: bold;
   padding: 0px;
   margin: 0px;
}

.EntradaAgenda a { 
   text-decoration: underline; 
   color: #999999;
   font-size: 10px;
   font-weight: bold;
   padding: 0px;
   margin: 0px;
}

/*-----------------------------------------------------------------------------------------------------*/

#EntradaAgenda hr{
   width: 50%;
   height: 4px;
   color:#999900;
}

#EntradaAgenda a { 
   text-decoration: underline; 
   color: #999999;
   font-size: 10px;
   font-weight: bold;
   padding: 0px;
   margin: 0px;
}

#EntradaAgenda a:visited { 
   text-decoration: underline; 
   color: #999999; 
}

#EntradaAgenda veureMes
{ 
   font-size: 11px;
   color: #496E9F !important;
   float: right;
}


#AgendaMenu {
   position: absolute;
   top: 56px;
   left: 565px;
}

#AgendaMenu h1{
   font-size: 11px;
   font-weight: bold;
   color: #FFFFFF;
}

#Form {
   background-color: #F7F7F7;
   border: 1px solid #CCCCCC;
   padding: 10px;
   padding-top: 4px;
}

#Form p{
   font-size: 11px;
   color: #808080;
   height: 10px;
   margin-top: 2px;
   margin-bottom: 8px;
}

#Form input{
   font-size: 11px;
   color: #666666;
   position: absolute;
   left: 350px;
   border: 1px solid #666666;
   width: 150px;
}

#Form select{
   font-size: 11px;
   color: #666666;
   position: absolute;
   left: 350px;
   border: 1px solid #666666;
   width: 150px;
}

#Form textarea{
   font-size: 11px;
   color: #666666;
   position: absolute;
   left: 350px;
   border: 1px solid #666666;
   width: 150px;
}

#Form button {
   border: 1px solid #E7E7E7;
   font-size: 10px;
   width: 70px;
   position: relative;
   left: 220px;
   margin-top: 10px;
}

.destacat { 
   font-weight: bold;
}



.imatgeDreta {
   float: right;
   margin-left: 5px; 
}
.imatgeEsquerra {
   float: left;
   margin-right: 5px;
}
   

#Footer p {
   font-size: 9px;
   color:#666666;
   margin-top: 0px;
}

#Footer hr {
   color:#999999;

}