/*
vBlog: Blog amb etiquetes, temes, multiples llenguatges, etc.


Copyright (C) 2006  Pau Capó Pons

Aquest programa és lliure; el podeu redistribuir i/o modificar
 d'acord amb els termes de la Llicència pública general de GNU tal 
 i com la publica la Free Software Foundation; tant se val la versió 2
 de la Llicència com (si ho preferiu) qualsevol versió posterior.


Aquest programa es distribueix amb l'esperança que serà útil, 
però SENSE CAP GARANTIA; ni tant sols amb la garantia de 
COMERCIALITZABILITAT O APTITUD PER A PROPÒSITS DETERMINATS.  Vegeu
la Llicència general pública de GNU per a més detalls. 


Hauríeu d'haver rebut una còpia de la llicència pública general 
de GNU amb aquest programa; si no, escriviu a la Free Software 
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.

#23313b #73a1bf #73a1bf
*/
body {
/*   background-repeat: repeat-x;
   background-image: url("fons.png");*/
   background-color: white;
  // color: #23313b;
   color: #000;
   font-family: "Trebuchet MS", Tahoma,Verdana, sans-serif;
   margin: 1%;
}
h1 {
   color: #23313b;
   font-size: 120%;
}
a {
   text-decoration: none;
   color: #23313b;
}
a:hover {
   color: #c3d8e5;
}
div#principal,
div#inferior,
div#superior {
   color: #23313b;
   background-color: #73a1bf;
   border: #23313b 1px solid;
   margin: 0%;

}
div#superior {
   text-align: center;
   background: #73a1bf;
   padding: 0px 1%;
}
div#superior #titol {
   font-size: 1.5em;
   color: #23313b;
}
div#inferior {
   text-align: center;
   font-size: 0.7em;
   padding: 2%;
}
div#menu {
   float:left;
   width: 18%;
   margin: 10px 0px;
   font-size: 0.7em;
   border: 0px;
   text-align: center;
}
div#menu div#etiquetes {
   background-color: #73a1bf;
   float:left;
   width: 90%;
   margin: 0px 0px 0px 0px;
   border: #23313b 1px solid;
   z-index: 3;
}
div#menu div#etiquetes div#menu_buto {
   float: right;
   border-left: 1px solid #23313b;
   border-bottom: 1px solid #23313b;
   background: #dde;
   color: #23313b;
   cursor: pointer;
}
div#menu div#etiquetes div#menu_buto:hover {
   background: #f4f4f4;
   color: #23313b;
   cursor: pointer;
}
div#emergent {
   background-color: #73a1bf;
   float: right;
   width: 13%;
   margin: 10px 0px 0px 0px;
   font-size: 0.7em;
   text-align: center;
   border: #23313b 1px solid;
   z-index: 2;
}
div#principal {
   float:left;
   width: 67%;
   margin: 10px 0px 10px 0px;
   text-align: justify;
}
div#principal div#paginacio {
   text-align: center;
   padding: 10px;
}
div#principal div#paginacio strong {
   border: 1px solid #23313b;
   background: #dde;
   height: 20px;
   min-width: 20px;
   margin: 5px;
}
div#principal div#paginacio a {
   border: 1px solid #23313b;
   background: #dde;
   height: 20px;
   width: 20px;
   margin: 5px;
}
div#principal div#paginacio a:hover {
   background: #4f4f4f;
   color: #23313b;
}
div#principal h5 {
   margin: 0px 0.3em;
   padding: 0px;
   display: block;
   font-size: small;
   font-weight: normal;
  // color: #c3d8e5;
   color: #23313b;
}
div#principal ul.llistat {
   margin: 0px;
   padding: 0px;
}
div#principal li.post,
div#principal li.comentari {
   color: #23313b;
   padding: 2%;
   margin: 2%;
   margin-top: 5px;
   background-color: #f9f9f9;
   list-style-type: none;
   border: 1px solid #23313b;
}
div#principal li.comentari {
   margin-left: -27px;
   padding-right: -2px;
   margin-top: 5px;
   background-color: #f9f9f9;
   list-style-type: none;
   border: 1px solid #23313b;
   font-size: 80%;
}
div#principal li.post .marcat {
   font-weight: bold;
}
div#principal li.post h4 {
   margin:0; 
   display: inline; 
   padding: 0 0.2em;
   font-size: medium;
}
div#principal li.post h5 {
   margin:0 0 0.3em 0;
   padding:0;
   display: block;
   font-size: small !important;
   font-weight: normal !important;
   color: #aaa !important;
}

div#principal .comentari a,
div#principal li.post a  {
   color: #23313b;
}
div#principal .comentari a:hover,
div#principal li.post a:hover {
   color: #999;
}

div#principal div.text {
   font-size: 0.9em;
}
div#principal div.text a {
   text-decoration: none;
   color: #99a;
   border-bottom: 1px dotted black;
}
div#principal div.text a:hover {
   color: #003;
}
div#principal div.text ul {
   margin: auto;
}
div#principal div.text ul li {
   list-style: circle;
}

/* Formularis */
fieldset {
   border: 1px solid #23313b;
   background: #f9f9f9;
   margin: 2%;
}
legend {
   border: 1px solid #23313b;
   padding: .3em .6em;
   font-weight: bold;
   background: #f4f4f4;
   color: #000;
}
label {
   float: left;
   width: 20%;
   padding-top: 3px;
   margin-bottom: .3em;
}
input, select, textarea {
   border: 1px solid #000;
   background-color: #acd1e5;
   color: #000;
   font-size: 14px;
}
th {
   border: 1px solid white;
   text-align: center;
}
.fila0 {
   background-color: #dde;
   text-align: center;
}
.fila1 {
   background-color: #73a1bf;
   text-align: center;
}

/* Calendari */
.calendari {
   width: 90%;
   text-align: center;
   padding: 5px;
}
.calendari table {
   background-color: #f9f9f9;
   border: 1px solid #23313b;
   text-align: center;
   width: 100%;
}
.calendari td {
   height: 18px;
   width: 20px;
}
.calendari .dia_setmana {
   background: #dde;
   border-bottom: 1px solid #23313b;
}
.calendari .dia_marcat {
   border: 1px solid #23313b;
   background: #dde;
   color: #fff;
   cursor: pointer;
}
.calendari .dia_marcat:hover {
   background: #f4f4f4;
   color: white;
   cursor: pointer;
}