/*	Body
-------------------------------------------------------------- */

body {
	background: #000000;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	}
	
a {
	font: 10px Courier New, Helvetica, Arial;
	color: #DDDDDD;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

img {
	border: 0;
	}

/*	General
-------------------------------------------------------------- */

#contenidor, #celaContenedora {
	border: 0;
	border-collapse: collapse;
	height: 100%;
	width: 100%;
	}

#celaContenedora {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	

#provaAbsolute {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	}


/*	Index.html
-------------------------------------------------------------- */

.credits {
	font: 10px Courier New, Helvetica, Arial;
	color: #555555;
	padding-right: 10px;
	padding-bottom: 2px;
	text-align: right;
	}
	
a.vincleSecundari {
	color: #777777;
	}

a.vincleSecundari:hover {
	text-decoration: underline;
	}

#logo_entrada, #logo_entrada a {
	font: 12px Courier New, Helvetica, Arial;
	}

#logo_entrada {
	width: 541px;
	height: 541px;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	}



/*	Galeria.html
-------------------------------------------------------------- */

#principal {
	width: 1020px;
	background: #000000;
	margin-right: auto;
	margin-left: auto;	
	}

#galeria {
	width: 100%;
	}

#galeria td {
	padding: 6px;
	text-align: center;
	}

#galeria td img {
	margin-right: auto;
	margin-left: auto;
	}

#galeria td.titolGaleria {
	text-align: left;
	}

.imatgeMenu {
	margin-top: 10px;
	border: 0px;
	}


/*	Curriculum.html
-------------------------------------------------------------- */

#capaContenedora {
	margin-left: auto;
	margin-right: auto;
	width: 860px;
	height: 400px;
	background: #FFFFFF url(imatges/fons_curriculum_textura.jpg);
	font-size: 11px;
	color: #000000;
	}

#taulaCurriculum {
	font-family: Courier New, Helvetica, Arial;
	}
	

#capaForats {
	width: 75px;
	height: 400px;
	background: url(imatges/fons_forats_curriculum.jpg);
	float: left;
	}
	
.capaTextInfoCurriculum {
	float: left;
	width: 560px;
	margin-left: 5px;
	}

#capaTargetaClip {
	margin-top: 55px;
	width: 214px;
	height: 324px;
	float: right;
	background: #FFFFFF url(imatges/targeta_curriculum_3.gif) left no-repeat;
	}
	
#capaFletxa {
	margin-top: 15px;
	padding-right: 7px;
	vertical-align: baseline;
	float: right;
	}
	
h1 {
	font-weight: bold;
	font-size: 24px;
	margin: 70px 0px 0px 0px;
	padding: 0;
	}

h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	}

.emailDestacat {
	color: #5add45;
	font-size: 11px;
	}
	

/*	Fotografia.html
-------------------------------------------------------------- */
	
#capaContenedoraFoto {
	text-align: center;
	width: 1020px;
	background: #3333CC;
	}

.imatgeFotografiaCarregant {
	visibility: hidden;
	margin-top: 45px;
	}
	
.imatgeFotografiaCarregada {
	visibility: visible;
	margin-top: 45px;
	}
	
#capaFletxaFoto {
	margin-top: 15px;
	vertical-align: baseline;
	float: right;
	}


/*	Precarrega Diapositiva.html
-------------------------------------------------------------- */
	
#capaContenedoraPrecarrega {
	font: 48px Courier New;
	text-align: center;
	margin-top: 25px;
	}

.capaPlay {
	cursor: pointer;
	margin-top: 15px;
	}

#capaFletxaPrecarrega {
	padding-right: 7px;
	float: right;
	}


/*	Diapositiva.html
-------------------------------------------------------------- */

#primeraFoto {
	position: absolute;
	}

#segonaFoto {
	position: absolute;
	}

#barra_contenedora {
	width: 200px;
	border:1px solid #5add45;
	height:10px;
	margin-top: 7px;
	}

#carregador {
	font: 12px Courier New;
	}
	


/*	Mootools preload and gallery
-------------------------------------------------------------- */

#gallery {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

#cont_progress {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	width: 200px;
	position: absolute;
	height: 15px;
	padding: 0px;
	text-align: center;
	}

#progress {
	width: 200px;
	height: 15px;
	padding: 0px;
	border: 1px solid #dfdfdf;
	margin-top: 7px;
	text-align: left;
}
 
#progress .bar {
	width: 0px;
	font-size: 10px;
	height: 15px;
	text-align: left;
	background: #2a2a2f;
	color: #fff;
	font-weight: bold;
}