/**  ##################################################
 **  vai.css
 **
 **  Fulla d'estils del lloc web de la vai
 **  ##################################################
***/

/*
** Elimina els marges exteriors (margin) i interiors (padding) de tots els elements
** Elimina la definció de defecte de margin i padding
*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #bbbbbb;
	text-align: center; 	/* Per centrar el layout en IE antics (no funciona margin left/right: auto */
}


/*
** Definició de les fonts i tipografies del lloc
*/
.Texte, .info {
					/* Tipus "normal", texte d'escriptura */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #000000;
}

.TextePetit, .mesinfo, .footer_img {
					/* Texte d'escriptura, una mica més petit */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000000;
}

.TexteGran, .titol_info {
					/* Texte d'escriptura, una mica més gran. En títols al mateix nivell que el tipus normal */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}
.mesinfo .titol_info {
	font-size: 1em;
}

.Titol1, h2, .titol_part, .gallerytitle, .imagetitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #0000FF;
	font-weight: normal;
}
.Titol2, .subcategoriestitle, .thumbnailtabletitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	color: #0000FF;
	font-weight: normal;
	display: block;

}

.EnllacGran, #contmenu ul {
	font-size: 1.25em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.EnllacPetit, ul#contmenu_nivell2, .subcategorythumbnailtitle, .thumbnailtitle, .navigationtext {
	font-size: 0.75em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*
** Posicionament dels marcs.
*/

/*
** Div's generals que defineixen l'aspecte global de les planes
** Versió 2 (3/3/08) La capçalera només serà el logo. Desapareix el menú de l'esquerra. 
** Sota el logo hi ha un menú a totes les planes
** - wrapper:  ho engloba tot i està centrat
** - header:   defineix la capçalera, el logo
**    - contmenu: el menu sota el logo
** - main: engloba tota la zona de continguts,
** - footer: el peu de la pàgina
*/
#wrapper{
	width: 800px;
	background-color: #EEEEEE;
	/* Aquests dos centren el marc */
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	margin-bottom: 10px;
	text-align: left; 		/* Per tornar a aliniear esquerra. Veure text_align a body */
}

#header{
	width: 189px;
	float: left;
}
#header h1 {
	display: none;
}

#contmenu {
	width: 179px;
	margin-right: 10px;
}

#main{
	background-color: #EEEEEE;
	width: 601px;
	float: right;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
}

#footer {
	clear: both;
	font-size: 0.6em;
	width: 800px;
	text-align: center;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 10px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
}

/* Especial DIBUIXOS */
#wrapper_dibuixos {
	background-color: #EEEEEE;
	height: 100%;
}
/*
** Especificació del menú lateral dret. Es el menu principal. I es pot expandir en alguns casos
** Hi ha per tant dos nivells de menu
** Està dins de #header
**
** El segon nivell de menu es contmenu_nivell2
*/
#contmenu ul {
	padding: 10px;
}
ul#contmenu_nivell2 {
	padding: 10px;		/* Indentar */
	/* La resta de estils contmenu_nivell2 son iguals que contmenu (només que més petita la lletra) */
}
#contmenu li {
	list-style-type: none;
 	padding: 5px;
}
#contmenu li a {
	padding-bottom: 10px;
	border-bottom: 1px solid #0000FF;
	display: block;
	text-decoration: none;
	outline: none;
}
#contmenu li a:hover, #contmenu li a:active, #contmenu li a:focus {
	display: block;
	padding-bottom: 7px;
	border-bottom: 4px solid #0099FF;
	color: #0099FF;
}

/* 
** ##################################################
** QUI SOM
** ##################################################
*/
#wrapper_quisom {
	padding: 20px;
}
li.info{
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 3em;
	padding-right: 3px;
}


/* 
** ##################################################
** ACTIVITATS
** ##################################################
*/

.div_activitat {
	width:770px;
	padding-top: 15px;
	padding-left: 15px;
}

.titol_part {
	padding: 0.5em;
}
.info {
	line-height: 1.5em;
	padding: 0.5em;
}
.titol_info {
}
.mesinfo {
	line-height: 1.5em;
	padding: 0.5em;
}

/* 
   L'anchor que expanedeix cada activitat canvia entre les 
   class expand i collapse,
*/
a.expand, a.collapse {
	outline: none;
	border: 0;
} 
a.expand:hover, a.expand:focus, a.collapse:hover, a.collapse:focus {
	outline: none;
	border: 0;
}

.linia_data {
	font-size: 1em;
	text-align: right;
}
.linia_hora {
}
/***************************************************************/
/*                                                             */
/*  Inclusio elements pel llistat de totes les activitats.     */
/*                                                             */
/***************************************************************/
.bloc_dreta {
	float: right;
}
.bloc_net {
	clear: both;
}
.label_any {
	padding: 2px 10px 2px 10px;
}
.opcions_any {
	padding-left: 10px;
	padding-right: 10px; 
}