/*
BASAT EN:
+----------------------------------------------------------------------------------------------------+
|                                                                                                    |
|    TYPOGRIDPHY - TYPOGRAPHICAL AND GRID LAYOUT CSS FRAMEWORK FROM HARRY ROBERTS OF CSS WIZARDRY    |
|                                                                                                    |
+-------------------------------------------------+--------------------------------------------------+
|                                                 |                                                  |
|   TYPOGRIDPHY IS © COPYRIGHT OF HARRY ROBERTS   |   v 0.1.1                                        |
|   IT IS FREE TO BE USED AND MODIFIED PROVIDED   |   May 2008                                       |
|   THIS TEXT REMAINS INTACT -- CSSWIZARDRY.COM   |   http://csswizardry.com                         |
|                                                 |                                                  |
+-------------------------------------------------+--------------------------------------------------+



COLOUR REFERENCES
BODY BG: #FFF
TOP STRIP: #000
BODY COLOUR: #666
LINKS: #000
-------------------------------------------------------- */
.container_12 .grid_8{
	background: transparent /*url(./imatges/agenda/ventitre.gif) no-repeat top left*/;
	}
.container_12{
/*	background: #f3f3f3;*/
	background-color:transparent;
	}
.container_12_canal{
	width:960px;
	margin:0em auto;
	padding:0;
	color:#7f94b0;
	background-color:transparent;
	border:none;
	}
.container_12_canal	.titol_h2{
	line-height:2em;
	}
body{
	background:#fff url(./imatges/agenda/bgbody.jpg) top left repeat-x;
	}
.c12_head_bg{
	margin-left:auto;
	margin-right:auto;
	height:442px;
	background:transparent url(./imatges/agenda/head_demo3.jpg) top center no-repeat;
	}
.c12_bg_fitxa{
	background:transparent url(./imatges/agenda/c12_bg_fitxa_top.jpg) top center no-repeat;
	}	
.c12_bg{
	padding-top:20px;
		background:transparent url(./imatges/agenda/c12_bg_top2_demo.jpg) top center no-repeat;
	}
.bg_anti{
	margin-top:20px;
	/*background:#e5f5fb url(./imatges/agenda/head_demo.jpg) top left repeat-x;	*/
	}

.tipografia{
/*	font-size:62.5%;*/
/*	font-family:Georgia, "Times New Roman", serif;*/
	color:#555;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,Arial;		
	}


/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
.tipografia p{
	font-size:1em;
	line-height:1.7em;
	margin-bottom:1.7em;
	/*font-family:Helvetica, sans-serif;*/
}
/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
.tipografia p.intro:first-line{
	font-variant:small-caps;
}
/* Styles a drop cap on each paragraph with this class */
.tipografia p.drop:first-letter{
	float:left;
	font-size:3em;
	margin-top:-0.05em;
	margin-right:0.1em;
	margin-bottom:-0.5em;
}
/*HEADINGS
-------------------------------------------------------- */
.tipografia h1, .tipografia h2, .tipografia h3, .tipografia h4, .tipografia h5, .tipografia h6{
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;	
	color:#4891dc;
	}
	.tipografia h1{
		/*color:#8eafd1;*/
		font-size:2.3em;
		margin-bottom:0.6em;
		font-style:italic;
		line-height:1.2em;
	}
	.tipografia h2{
		color:#333;
		font-size:2.1em;
		font-weight:normal;
		margin-bottom:0.9em;
		line-height:1.1em;
		/*font-family:"Lucida Grande",Tahoma,Arial,Sans-Serif;*/
/*		line-height: 1.3em;*/
		margin-bottom: 1.3em;
	}
	.tipografia h3,.tipografia h3.mt0,.tipografia h3.mt0_pa{
		/*color#303018;*/
		font-size:1.5em;
		margin-top:1.6em;
		margin-bottom:1.2em;
		line-height:1.5em;
		font-weight:normal;
	/*	font-variant:small-caps;*/
	}
	.tipografia h3.mt0{
		margin-top:0em;		
	}
	.tipografia h3.mt0_pa{
		margin-top:0em;		
	}
	.tipografia h4{
		color:#197b30;
		font-size:1.5em;
		margin-bottom:1em;
		line-height:1em;
		font-weight:normal;
	/*	font-variant:small-caps;*/
	text-transform:uppercase;
	}
	.tipografia h5{
		/*color:#d3d3bb;*/
		/*font-size:1em;*/
		margin-bottom:1.8em;
		line-height:1.8em;
	/*	font-variant:small-caps;*/
	}
	.tipografia h6{
		/*color:#d8c090;*/
		/*font-size:1em;*/
		margin-bottom:1.8em;
		line-height:1.8em;
	}
/*LINKS
-------------------------------------------------------- */
.tipografia p a,.article a{
	/*color:#8eafd1;
	color:#d8c090;
	color:#fcb448;*/
	color:#e07801;
	text-decoration:none;
}
.tipografia p a:hover,.article a:hover{
	/*text-decoration:none;*/
	color:#a1bee6;
}
.tipografia a{color:#00a8e1;}
.tipografia a:hover{color:#999a98;}
#mida img{padding:5px;}