/***** GENERAL *****/
* {
	padding: 0;
	margin: 0;
}
body {
	background: #000;
	font-family: Verdana, Arial, sans-serif;
	color: #fff;
	font-size: 100%;
	font-style:normal;
	font-weight:bolder;
	font-variant:normal;
}
a {	color:#fff; }
a:hover { text-decoration: underline; }
a img {	border: none; }


/***** COMÚ *****/
#contenidor {
	width: 775px;
	height:474px;
	margin: 2em auto 2em auto;
	background: #3f3f3f;
}
	#contingut {
		clear:both;
	}
	#peu {
		clear:both;
		margin-top: 2em;
		font-size: small;
		border: #3f3f3f 1px solid; /* hack */
	}
	#peu img {
		margin-left: 50px;
		float:left;
	}
	#peu p {
		text-align:center;
		margin: 30px 0 30px 0;
	}

h1, h2 {
	text-indent: -10000px;
	height: 0;
}
h3 { 
	margin-left: 30px;
	clear:both;	
}


/***** PORTADA *****/
#portada #contingut {
	margin-top: 4em;
}
* html #portada #contingut {  /* ie */
	margin-top: 0;
}

#portada #contingut img {
	margin-right: 80px;
	float:right;
}

#portada #peu {
	margin-top: 2em;
}
* html #portada #peu {  /* ie */
	margin-top: 0;
}
#idioma {
	width: 775px;
	margin: 0 auto 0 auto;
	font-color: #3f3f3f;
}
	#idioma a {
		color : #3f3f3f;
		font-size : 1.7em;
		text-decoration:none;	
	}
	#idioma a:hover {
		text-decoration:underline;
	}
	#idioma #castellano { 
		float:left;
		margin-left: 10px;
	}
	#idioma #catala {
		float:right;
		margin-right: 10px;
	}

/***** UL BOTONERA NAVEGACIÓ *****/
#botonera {
	list-style:none;
	margin: 10px auto 20px auto;
	padding: 0;	
	background-color: #575757;
	width: 100%;
	height: 1.4em;
}
	#botonera li {
		float: left;
		margin-right: 1em; 
		margin-left: 1em;
	}
		#botonera li a { 
			display: block;
			padding: 2px 4px;
			color: #ccc;
			background-color: #575757;
			text-decoration: none;
		}
		#botonera li a:hover { 
			color: #fff;
		}
		#botonera li a.actiu {
			color: #000;
			background-color: #ccc;
			cursor: default;
		}
		#botonera li a.actiu:hover {
			color: #000;
		}


/***** INICI *****/

#inici #contingut img {
	margin-left: 30px;
	float:left;
	margin-top: 10px;
}


#inici #llegenda p.plleg {
	width: 200px;
	margin-left: 35px;
	margin-right: 20px;
	font-size: small;
	text-align:center;
	float:left;
	margin-top: 10px;
}
* html #inici #llegenda p.plleg {  /* ie */
	margin-left: 20px;
}


#inici #text {
		clear: both;
		text-align:left;
		margin-top: 10px;
		margin-left: 40px;
		font-size : 1.4em;
		font-weight: normal;
}


/***** PLANIMETRIES (+RECONSTRUCCIONS, +VIDEOS) *****/

#planimetries #contingut {
	background-color: #575757;
	width: 730px;
	height: 190px;
	margin: 2em auto 1em auto;
	text-align: center;
	padding-top: 1.5em;
}

* html #planimetries #contingut {
	background-color: #575757;
	width: 730px;
	height: 180px;
	margin: 2em auto 1em auto;
	text-align: center;
	padding-top: 1.5em;
}
#planimetries #explica {
	margin-left: 30px;
	margin-top: 0; 
	margin-bottom: 10px;
	font-size: 0.9em;
}


#quisom #contingut {
	background-color: #575757;
	width: 576px;
	height: 250px;
	margin: 1em 3em 2em 5em;
	}
	#quisom #contingut p {
			text-align: left;
			margin-top: 20px;
			margin-bottom: -4px;
			padding: 0 0 0 5px;
			font-size: 0.9em;
	}

			

#videos #contingut {
	background-color: #575757;
	width: 735px;
	height: 210px;
	margin: 2em 1em 3em 1em;
	}
	#videos  #explica p {
			margin-top: -30px;
			margin-bottom: 10px;
			padding-left: 35px;
			font-size: 0.9em;
			
	}
	

#reproduccio #contingut {
	background-color: #3f3f3f;
	width: 500px;
	height: 450px;
	margin: 3em 1em 3em 1em;
	}

#dixibit {
	text-align: center;
	font-size: 0.6em;
	padding-top: 10px;
	font-weight: normal;
}

#dixibit a {
	color: #fa0;	
}

#caixa {
	height: 280px;
	overflow:hidden;
}
* html #caixa {
	height: 300px;
	overflow:hidden;
}


#inici #caixa {
	height: 302px;	
}
* html #inici #caixa {
	height: 322px;	
}