/* veu de llum */
/* Estils per a pagina d'una fotografia */

/* cos */
body {
	background-color: Black;
}

/* vinculs */
a.hipervinculimatge{
	border: none;
}

/* espai per a visualitzar missatge de carrega de la pagina */
.espai_carregantpagina {
	width: 300px;
	height: 75px;
	position: absolute;
	top: 125px;
	left: 220px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: normal;
	color: White;
	border: 4px ridge #B2B2B2;
	background-color: White;
	vertical-align: middle;
	display: none;	
}

/* espai per a colocar el texte i el gif informan de que s'esta carregant la pagina */
.espai_txtcarregantpagina {
	width: 300px;
	position: absolute;
	top: 16px;
	left: 0px;
	background-color: transparent;
	text-align: center;
	color: Black;
}

/* espai per a visualitzar el nom de la web mentres se carregue */
.espai_txtwebveudellum {
	width: 70px;
	height: 15px;
	position: absolute;
	top: 60px;
	left: 0px;
	color: Black;
	background-color: transparent;
	font-family: Verdana;
	font-size: 9px;
	text-align: center;
}

/* espai per a visualitzar el nom de l'autor mentres se carregue */
.espai_txtautorxaviagut {
	width: 80px;
	height: 15px;
	position: absolute;
	top: 60px;
	left: 220px;
	color: Black;
	background-color: transparent;
	font-family: Verdana;
	font-size: 9px;
	text-align: center;
}

/* espai per al simbol de la pau */

/* espai aprofitable 800 x 600 */
.espai_aprofitable740x400 {
	width: 740px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%; /*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left: -370px; /*indicamos que el margen superior, es la mitad de la altura*/
	margin-top: -200px; /* background-image: url(../imatges/perasempre_entxt.jpg);*/
	z-index: 1;	
}

/* espai per a la foto de fondo */
.espai_fotofondo {
	width: 740px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%; /*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left: -370px; /*indicamos que el margen superior, es la mitad de la altura*/
	margin-top: -200px; /* background-image: url(../imatges/perasempre_entxt.jpg);*/
	z-index: 3;	
/*   filter: alpha(opacity=50);*/
/*   opacity: .5;*/
}

/* espai per al titul de la WEB  - veu de llum - */
.espai_txtveudellum {
	width: 383px;
	height: 72px;
	position: absolute;
	top: 70px;
	left: 181px;
	background-color: transparent;
	z-index: 2;
}

/* espai per al subtitul de la WEB - imatges que parlen - */
.espai_txtimatgesqueparlen {
	width: 265px;
	height: 34px;
	position: absolute;
	top: 140px;
	left: 239px;
	background-color: transparent;
	z-index: 2;	
}

/* espai per al nom de la fotografia */
.espai_txtnomfoto {
	width: 342px;
	height: 33px;
	position: absolute;
	top: 130px;
	left: 250px;
	background-color: transparent;
	z-index: 2;	
}

/* espai per al nom de l'autor - Xavi Agut - */
.espai_txtxaviagut {
	width: 163px;
	height: 64px;
	position: absolute;
	top: 335px;
	left: 292px;
	background-color: transparent;
	z-index: 2;	
}

.espai_accesfoto {
	width: 740px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%; /*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left: -370px; /*indicamos que el margen superior, es la mitad de la altura*/
	margin-top: -200px; /* background-image: url(../imatges/perasempre_entxt.jpg);*/
	z-index: 4;
	background-color: transparent;
}

/* espai per a l'acces a la fotografia */
.espai_txtveurela {
	width: 111px;
	height: 27px;
	position: absolute;
	top: 286px;
	left: 312px;
	background-color: transparent;
	z-index: 5;		
   /*filter: alpha(opacity=50);*/
   /*opacity: .4;*/
}

/* espai per al texte central */
.espai_txtcentral {
	width: 630px;
	height: 190px;
	position: relative;
	top: 16px;
	left: 50px;
	background-color: transparent;
	font-family: "Trebuchet MS";
	color: Black;
	font-size: 13px;
	text-align: justify;
	font-style: italic;
}

/* *********************************************************************** */
/* *  VISUALITZACIO AMPLIADA DE LA FOTOGRAFIA I TEXTE EXPLICATIU         * */
/* *********************************************************************** */

/* capa que cubris tota la finestra */
.espaifoto_totafinestra {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 6;
	background-color: Black;
	display: none;
}

/* capa que ocupara la finestra i el texte */
.espaifoto_fototexte {
	width: 740px;
	height: 510px;
	position: absolute;
	top: 50%;
	left: 50%; /*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left: -370px; /*indicamos que el margen superior, es la mitad de la altura*/
	margin-top: -255px; /* background-image: url(../imatges/perasempre_entxt.jpg);*/
	z-index: 6;
	background-color: transparent;
/*border: 1px solid Red;*/
}

/* espai per a la foto */
.espaifoto_foto {
	width: 720px;
	height: 400px;
	position: absolute;
	top: 0px;
	left: 10px;
	background-color: White;	
}
.espaifoto_evitarbotodreta {
	width: 720px;
	height: 346px;
	position: absolute;
	top: 0px;
	left: 10px;
	background-color: White;
	z-index: 7; 
	filter: alpha(opacity=0);
	opacity: .0;
}

/* espai per al texte */
.espaifoto_texte {
	width: 720px;
	height: 100px;
	position: absolute;
	top: 405px;
	left: 10px;
	color: #ACACAC;
	font-family: Verdana;
	font-size: 10px;
	text-align: justify;
}

/* espai per a l'opcio de tancar la foto */
.espaifoto_tancar {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 367px;
	left: 685px;
	font-family: Verdana;
	font-size: 12px;
	text-align: right;
	color: Black;
}

/* espai per a les dades de la foto */
.espaifoto_dades {
	width: 200px;
	height: 20px;
	position: absolute;
	top: 358px;
	left: 3px;
	font-family: Verdana;
	font-size: 10px;
	text-align: right;
	color: #8D8D8D;
}

/* *********************************************************************** */
/* *  ELEMENTS PER A EVITAR QUE UTILITZEN EL BOTO DE LA DRETA DEL RATO   * */
/* *********************************************************************** */

.espaifoto_infbotodreta {
	width: 720px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -360px; /*indicamos que el margen izquierdo es la mitad de la anchura*/
	margin-top: -200px; /* indicamos que el margen superior es la mitad de la altura*/	
	background-color: #868686;
	z-index: 7;
	filter: alpha(opacity=50);
	opacity: .5;
}

/* *********************************************************************** */
/* *                         IMATGES                                     * */
/* *********************************************************************** */

/* per a llevar el borde de les imatges que servisen d'opcio */
img.imgacces {
	border: none;
}

/* foto ampliada */
img.img_fotoampliada {
	top: 10px;
	left: 10px;
	position: absolute;
}