/* CSS Document - alçada columnes iguals de http://www.couzinhub.com/en/mar-09/equal-height-columns-css */

* {	margin: 0;
	padding: 0;
	}

	
#pagina {
	min-height:100%;
	position:absolute;
	}

	#peu{
		  position:absolute;
		  bottom:0;
		  width:100%;
		  }
	
	#contingut {
		float:left;
		width:100%;
		margin-right:-100%;
		}
	
		.column {
			float:left;
			padding:15px 2%;
			}	

		
		/* -- compensating the padding on sidebars --
		multiply the padding of columns by 2, and remove
		it from the width of each sidebar.
		cara_b = left
		*/
		
		#esquerra{width:24%; }    /* 28 - (2x2) */
		#dreta {width: 26%; padding-top: 2.6%} /* 30 - (2x2) */
	
	  	/* You can easily change the layout proportions
            by just changing the matching values. For example,
            to have a 100px left sidebar, I just have to change
            all the 220 to 100 (and the -220 to -100).
            */
	
		#contingut-inner {
			float:none;
			margin-left: 28%;   /* LEFT Sidebar width */
            margin-right: 30%;  /* RIGHT Sidebar width */
			padding-top: 2.5%}    
	
		.left {
			width: 28%;         /* LEFT Sidebar width */
			margin-right:-28%;  /* LEFT Sidebar width */
		}  
		
	    .right{                 
         	float:right;          
            width: 30%;         /* RIGHT Sidebar width */
            }

	
	#peu {
	clear:both;
	text-align:center;
	font-size:2em;
	}
	
	/* Equal Height Columns 
	________________________________*/
	
	/* The columns are created using empty DIV that have to be 
	inside the main wrapper (#page) and should be positionned 
	relative. Each DIV have the same width as its corresponding 
	columns (done by using class), and by postionning them 
	absolutelly (bottom) and giving them a height of 100%, the 
	DIVs fill the entire space that the columns should fill.
	As the actual content is not positionned absolutelly, the 
	footer still behave normally and is pushed down by it. Last 
	but not least, we have to set the z-index of the real 
	content to 2 to bring it back on top of the columns.
	*/	

	
	
	.bg{
	position:absolute;
	bottom:0;
	height:100%;
	}
	
	#bgleft{left:0;}
    #bgright{right:0;}
	#bgcenter{
	right:0;
	width:100%;
	}
	#contingut, #esquerra, #dreta {
	position:relative;
	z-index:2;
	}
	
	/* divs interiors */
	
			.capsa {
				background-color:#FFFFFF; 
				padding: 6px; 
				margin-bottom: 20px; 
				clear:both; 
				overflow: hidden;
								}
			#dreta .capsa {padding: 12px;}								
								
			.capsa img {
				padding: 8px; 
				border: 2px dotted #BFBFBF; 
				background-color:#FFFFFF; 
				float:left;
				margin-bottom:10px;
				}
			.capsa  a:hover img{
				border: 2px dotted #660099;
			
				}
			.capsa2 {
				margin-left:-65%; 
				margin-top:20px; 
				margin-bottom:-10px;  
				} /* fa de peu sense estar en el peu pq al peu els links no rulen*/
	
			.float {float:left}
			ul.float{margin-left: 40px;margin-top:0; font-size: 0.9em;}
			p.descripcio { clear:both; margin-left: 30px;margin-top:2%;margin-bottom:2%; font-size: 0.9em; line-height:1em}
	
	/* COLORS */
	#bgleft{background-color:#000000;}
	#bgright{background-color: #1193B3;}
	#peu,#bgcenter{background-color:#EFEEEF;}
		
	/*formats*/
	
	
	body { 
		font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, monospace;
		font-size:1.1em;
		}
	
	
	h1{ 
	font-size: 2.5em;
	color: #C57AFA;
	text-align:right;
	line-height: 1.5em;
	font-family: Mangal, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	h1 img {}
	
	h2 {
	font-size: 0.9em;
	color: #1193B3;
	text-align:left;
	margin: 0 0 5px 20px;
	}
	h2 a{text-decoration:none;
	color: #1193B3;
	}
	
	.dos {float:left}
	
	a {color:#C57AFA; }
	
	p {line-height: 1.5em;}
	
	p.tres {color:#FFFFFF; font-size:1.8em; text-align: right; line-height: 1.3em}
	
	p.info {color:#000000; background-color:#1193B3; font-size: 1.5em; line-height:1.5em; margin-left:8%; margin-top:40px; text-align:right; 
			padding-right:20px;padding-bottom:10px;padding-top:5px; margin-bottom:30px; font-weight:bold}
	p.info a {text-decoration:none; color: #000000;}
	
	.blanc {color:#FFFFFF;}
	.lila {color:#C57AFA;}
	.blau {color:#1193B3;}
	.esq { width:85%; margin-left:8%;text-align:left;margin-top: 40px;}
	.dret {margin-left:20%;text-align:right; margin-top: 40px }
	.petita {font-size: 0.8em;}