* {  font-family: Arial, Times New Roman; }

/*SWFOBJ*/
	/* hide from ie on mac \*/
	html {
		height: 100%;
		overflow: hidden;
	}
	
	#flashcontent {
		height: 100%;		
	}
	/* end hide */

	body {
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #000033;		
		text-align: center;
	}

/*fin SWFOBJ */



div {
    /*color: #002277;*/
    /*cursor: url("ICO.ico"); Solo lo interpreta bien IE */ 
	/* border: 1px solid;
	border-color: gray; 	*/
	/* padding: 3px 3% 3px 3%; */
	background-color: inherit;
	page-break-before: always;
}



[lang="spa"]:before { content: "[" attr(lang) "] " open-quote "Castellano: " close-quote; }
[lang="cat"]:before { content: "[" attr(lang) "] " open-quote "Català: " close-quote; }
[lang="eng"]:before { content: "[" attr(lang) "] " open-quote "English: " close-quote; }
[lang="fre"]:before { content: "[" attr(lang) "] " open-quote "Françoise: " close-quote; }



[lang] {    
	border: 1px solid;
	border-color: white; 	
	text-align: inherit;
	background-color: inherit;
	display: block;	
}


/* los idiomas siguen la norma ISO 639-2 */
[lang="spa"] { border-color: blue; color: #FFFFFF;  }
        .spa { border-color: blue; color: #FFFFFF;  }
    /* IE no lee atributos así que hay que añadir también nombré de clase (de momento) */
    /* Flash también lo necesita */
[lang="cat"] { border-color: purple; color: #FFD78C;  }
        .cat { border-color: purple; color: #FFD78C;  }
    
[lang="eng"] { border-color: Maroon; color: #AAAAAA;  }
        .eng { border-color: Maroon; color: #AAAAAA;  }
    
[lang="fre"] { border-color: Teal; color: #008080;  }
        .fre { border-color: Teal; color: #008080;  }

        
	 





/* Flash Solo reconoce p, li, body y a, y etiquetas no standard (pj, centrar, ...) las demás són sólo para navegadores html */

a, a:link { color: #FC6E2FF; }

a:hover{ color: #FF9900;  
         text-decoration: underline; 
       }

a:visited{ color: #DDDDDD; }

b1, b1, .b2, b2 { 
 	 color: #333399;
	 display: inline;
     font-weight: bold;               	 
}

b { color: #FF9900; }

.centrar { display: block;  text-align: center;  }
.justificar { display: block; text-align: justify; }
.izquierda { display: block; text-align: left; }
.derecha { display: block; text-align: right; }


li { 
     color: #663300;
}


p { color: #000000;  display: block;  text-align: center; font-style: normal; text-align: justify;}
i { color: #222222;  display: block;  text-align: center; font-style: italic; }


MARGEN { margin-left: 6px; margin-right: 6px; }


h1 { 
     font-style: normal;
     font-weight: bold;
     font-size: 14px;     
     color: #112233;
     text-align: center;
     text-decoration: underline;
	display: block;	
}

h2 { font-style: normal;      
     font-weight: bold;
     font-size: 11px;
     color: #334455;
     text-align: center;
	display: block;   
}

container {
	display: block; 
	padding: 3% 20% 3% 20%;
	width:60%;
	height:100%;
	overflow: auto;
}