/* BLOCS PRINCIPALS */
/*
NOTA CSS: modificacions del PTOP (width:100%)
*/
@media screen , projection , print {
	#top-section {
		float:left;
		clear:both;
		width:100%;
	}
	
	
	#top-row-1 {
		float:left;
		left: 0;
		top: 2;
		width: 100%;
	}
	
	#top-row-2 {
		float:left;
		left: 0;
		/*height: 16px;		*/
		top: 0px;
		width: 100%;
	}
	
	#top-row-3 {
		left: 0;
		height: 29px;
	}
	
/*
NOTA CSS:
 Llibre_Normatiu_Web --> 3. Estructura pantalles
  	(8px. de marge esquerre a l'area de navegacio)
*/	
	#mid-section {
		float:left;
		margin-top: 8px;
		clear:both;
		width:100%;
	}
	
	
	
	#bottom-section {
		left: 0;
		top: 0;
	}

/*
NOTA CSS:
 Llibre_Normatiu_Web --> 3. Estructura pantalles --> 3.1 Area cap?alera: Logos
 	Difer?ncies:
 		- margin-top: 4px
 		- l'al?ada de tot el div ve donada pel tamany del logo 
 		   (han de ser 33px + 4px de marge superior)
*/	
	#top-row-1-col-1 {
		float:left;
		margin-left:4px;
		margin-top:2px;
	}
	
	#top-row-1-col-2 {
		padding-left:8px;
		vertical-align: bottom;
		
	}

/* Fi Area Logos */

/*
NOTA CSS:
 Llibre_Normatiu_Web --> 3. Estructura pantalles --> 3.1 Area cap?alera: Enlla?os comuns
*/	
	#top-row-1-col-3 {		
		left: 0;
		padding-right: 4px;
		float:right;
		height:100%;
		top:4px;
	}
	
/*
NOTA CSS:
 Llibre_Normatiu_Web --> 3. Estructura pantalles --> 3.3 Area de Navegacio
*/		
	#mid-col-1 {
		float:left;
		position:relative;
		width:17%;
		/* Workaround IE passa layer abaix */
		word-wrap: break-word;
		overflow: hidden;
	}

/*
NOTA CSS:
 Llibre_Normatiu_Web --> 3. Estructura pantalles
  	(8px. entre l'area de navegacio i la resta de la dreta)
*/	
	#mid-col-2 {
		position:relative;
		float:left;
		left:8px;
		width:82%;
		word-wrap: break-word;
		/*overflow: hidden*/;
		
	}
	
	
	#mid-col-2-row-1 {
		position:relative;
		width:100%;
	}
	
/*
NOTA CSS:
 Llibre_Normatiu_Web --> 3. Estructura pantalles --> 3.5 Area Fil Ariadna
*/	
	#mid-col-2-row-2 {
		position:relative;
		width:100%;
	}
	
	#mid-col-2-row-3 {
		position:relative;	
		top:4px;
		width:100%;
	}
	
	#mid-col-2-row-4 {
		position:relative;	
		top:0px;
		width:100%;
	}
	
	#mid-col-2-row-5 {
		position:relative;	
		top:10px;
		width:100%;
	}
	
/*
NOTA CSS:
 Llibre_Normatiu_Web --> 3. Estructura pantalles --> 3.7 Area Peu

*/		
	#bottom-col-1 {
		position: relative;
		clear: both;
		width: 100%;
		text-align: center;
		color: #4D4C4A;
		background: url("../images/separador_ligero.gif") center repeat-x;
		margin: .5em 0 15px 0;
		font-size: .9em;
		padding-top: 1.7em;
		vertical-align: bottom;
		
	}
		
}