/*--------------------------------------
ESTILS TIPOGRÀFICS
---------------------------------------*/

h1, p, li {
	font: 11px 'Verdana', 'Helvetica', 'Arial', 'Sans-Serif'; 
	line-height: 1.5;
/*	text-align:justify;  
	text-justify:inter-character */
	margin: 0px;
	padding: 0px;
	
}

h2 {
	font: 12px 'Verdana', 'Helvetica', 'Arial', 'Sans-Serif';
	font-weight: bold;
/*	background: #fcc300; */
	margin: 0px;
	color: #444;
}

h3 {
	margin:0px;
	padding-bottom: 0px;
}

.pad17 {
	padding-left: 0px;
}

.pad30 {
	padding-left: 30px;
}
                         
.pad30_20 {
	padding-left: 30px;
	padding-right: 20px;
}

.mg30 {
	margin-left: 30px;
	margin-right: 30px;
}
                         
#textPrincipal {

	float: left;

/*	border: 1px solid red;		*/

}


#textPrincipal p {
	font-size: 12px;
	line-height: 1.5;
  	margin-top: 0.3em;
  	margin-bottom: 1.5em; 

	word-spacing:-0.05em; 
	color: #444;
}

#textAuxiliar {

	margin-top: 200px;
	border-left: 1px solid #C4C4C5;		
}

#textAuxiliar h2 {
	padding-left:10px;
  	margin-bottom: 1em; 	
}


/*-- estils entrades <ul> --*/

#entrada ul {
	list-style-type: none;
    padding: 0px;
	margin: 0px;
} 

#entrada li p {

	padding-bottom: 10px;	
	margin-left: 30px;	
	margin-right: 20px;
	word-spacing:-0.125em;	
	line-height: 1.4;
	color: #444;		
	
	border-bottom: 1px solid #C4C4C5;		
}

#entrada li a { 

	display: block;
	text-decoration: none;
}

#entrada li a:hover {
        background: #fcc300;
}


#entrada li {

	padding: 0px;
	margin: 0px;	
}


 * html #entrada li a {  /* fa que l'efecte hover funcioni amb IE */

}

/*--------------------------------------
ESTILS DELS ENLLAÇOS
---------------------------------------*/

A:visited {text-decoration:none;color:black;}
A:active {text-decoration:none;color:black;}
A:link {text-decoration:none;color:black;}
A:hover {text-decoration:underline;color:black;} 
/* A:hover {text-decoration:none;color:white;background-color:#F29400;padding:0px} */

#textPrincipal A:visited {text-decoration:none;color:black;background-color:#fcc300;padding:0px}
#textPrincipal A:active {text-decoration:none;color:black;background-color:#fcc300;padding:0px}
#textPrincipal A:link {text-decoration:none;color:black;background-color:#fcc300;padding:0px}
#textPrincipal A:hover {text-decoration:underline;color:black;} 



/*--------------------------------------
BLOCS DE LA PÀGINA
---------------------------------------*/

html, body {  
	margin: 0px;
	padding: 0px;
    height: 100%;
/*	background-color: #DAEEFB;	*/
	}           
	
body {
  	background: url(img/bg.png) top repeat-y;  	
  	background-color: #ececec;
  	
}
  

/*--- Contenidor principal ---*/

#contenidor {
	width: 750px;
	position: relative;
	min-height: 100%;	
	background-color: white;

	margin: 0 auto;
	margin-bottom: -30px;			 
	padding: 0px;	
	
	height: auto !important; 
	height: 100%;
	
/*	border: 1px solid red;	*/	
}

* html #contenidor {
	height: 100%;
}


#franjaSuperior { 
	float: left;
	background-color: #fcc300;
	width: 750px; 
	height: 30px;
/*	border: 1px solid red; */
}

#idioma { 
	float: left;
	width: 239px; 		
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 6px;
/*	border: 1px solid red;	*/		
}

#menu { 
	float: left;
	width: 500px; 	
	margin: 0px;
	padding-top: 6px;
/*	border: 1px solid red;		*/	
}


#principal { 
	float: left;
	width: 750px; 
	padding:0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;/	
/*	border: 1px solid red;		*/
/*	height: 450px; */
}

#principal_intro { 
	float: left;
	width: 700px; 
	padding:0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;	
/*	border: 1px solid red;		*/
/*	height: 450px; */
}


#logo {
	float: right;
	background: url(img/logo.png) top left no-repeat;
	width: 470px; 
	height: 180px;
/*	border-right: 1px solid green;	*/
}

#columnaAuxiliar {
	float: right;
	width: 249px;
	height: 69px;
	background: url(img/filet_vertical.png) top left no-repeat; 	
/*	border: 1px solid red;		*/
/*	height: 100px;  */
}

#columnaPrincipal {
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	width: 499px; 
	margin: 0px;

/*	border: 1px solid red;		*/
/*	height: 400px; */
}

#columnaPrincipal_contingut {
	float: left;
	padding-left: 30px;
	padding-right: 20px;
	width: 430px; 
	margin: 0px;
	border-right: 1px solid green; 
/*	height: 400px; */
}

#peu { 
	background: #ADA6A1; 
/*	background: black; */
	position: relative;
	height: 30px;
	width: 750px;
	margin: 0 auto;
	margin-top: -30px;	

	clear:both;	
	bottom: 0 !important;
	bottom: -1px; 
	
	}

#text_peu { 
	float: left;
	width: 700px; 		
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 6px;
	color: white;
/*	border: 1px solid red;	*/		
}


/*--------------------------------------
TÍTOLS + IMATGES
---------------------------------------*/

#intro {         
	margin-left: 30px;
	margin-right: 20px;
	background: url(img/intro.gif) no-repeat;
	height: 350px;
	width: 617px;
	text-indent: -5000px;
}

#titol_problema {
	text-indent: -5000px;
	background: url(img/situacio.png) no-repeat;
	height: 93px;
	}
	
#titol_projecte {
	text-indent: -5000px;
	background: url(img/projecte.png) no-repeat;
	height: 44px;
	}	
	
#titol_corrector {
	text-indent: -5000px;
	background: url(img/corrector.png) no-repeat;
	width:442px;
	height: 87px;
	}
	
#ela_correcte {
	background: url(img/ela_correcte.png) no-repeat;
	height: 38px;
	margin-top: -1em;
  	margin-bottom: 1em;
}	

#ela_tolerable {
	background: url(img/ela_tolerable.png) no-repeat;
	height: 38px;
	margin-top: -1em;
  	margin-bottom: 1em;
}

#ela_intolerable {
	background: url(img/ela_intolerable.png) no-repeat;
	height: 38px;
	margin-top: -1em;
  	margin-bottom: 1em;
}