/* Css Portada */
img.portada {
	margin-left: auto; 
	margin-right: auto;
	display: block;
	margin-top: 25px;
	}

div.navegacio {
	margin-left: auto; 
	margin-right: auto;
	display: block;
	text-align: center;
	padding-top: 20px;
	}

a.navegacio {
	color: #282828;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	}

a.navegacio:hover {color: #949394;}

body.portada {
	background-color: #FFFFFF;
	text-align: center;
	}

/* CSS Pàgines interiors */

body.interior {
	background-color: #FFFFFF;
	
	text-align: center;
	}

div.navegacio_interior {
	margin-left: auto; 
	margin-right: auto;
	display: block;
	text-align: center;
	padding-top: 25px;
	clear: left;
	}

/* Grupo involucrado en los botones tipo ilustracion */
div.contenidor_global {
	margin-left: auto; 
	margin-right: auto;
	display: block;
	text-align: center;
	margin-top: 15px;
	height: 486px;
	background-image: url(cabecera2.jpg); 
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: center;
	}
	
div.contenidor_global table {
	width: 100%;
	}

div.contenidor_global td {
	width: 50%
	}

div.contenidor_global tr {
	margin-top: 15px;
	}

div.boto_ilustracio {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 40px;
	margin-right: 15px;
	text-align: center;
	float: left;
	position: relative;
	height: auto;
	width: auto;
	}

img.tipus_ilustracio {
	border: 1px solid black;
	display: block;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 7px;
	cursor: pointer;
	 	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	/* for Mozilla */
	-moz-opacity:0.6;	
	}

img.tipus_ilustracio_hover {
	border: 1px solid black;
	display: block;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 7px;
	cursor: pointer;
		/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
	/* for Mozilla */
	-moz-opacity:1;	
	}
	
a.boto_tipus_ilustracio {
	color: #282828;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	}

a.boto_tipus_ilustracio:hover {color: #949394;}


/* Fin grupo involucrado en los botones tipo ilustracion */

div.contenidor_botons_imatges {
	margin-left: auto; 
	margin-right: auto;
	display: block;
	text-align: center;
	padding-top: 15px;
	clear: left;
	height: 77px;
	}

div.contenidor_imatge {
	margin-left: auto; 
	margin-right: auto;
	display: block;
	text-align: center;
	margin-top: 15px;
	clear: left;
	height: 360px;
	background-image: url(cabecera2.jpg); 
	background-repeat: no-repeat;
	background-position: top center;
	}

img.miniatura {
	border: 1px solid black;
 	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	/* for Mozilla */
	-moz-opacity:0.6;	
	}

img.miniatura_hover {
	border: 1px solid black;
 	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
	/* for Mozilla */
	-moz-opacity:1;	
	}

/* Navegador ilustraciones */
div.navegacio_ilustracions {
	text-align: center;
	padding-top: 5px;
 }
 
span.pagina_actual {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid black;
	padding: 1px 3px 1px 4px;
	text-align: center;
	background-color: #ACACAC;
	margin: 0px 1px 0px 1px;
	color: #000000;
	font-size: 0.85em;
	font-weight: bold;
	}

a.pagina_no_seleccionada {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid black;
	padding: 1px 3px 1px 4px;
	text-align: center;
	background-color: #DADDDA;
	margin: 0px 1px 0px 1px;
	font-size: 0.85em;
	text-decoration: none;
	color: #282828;
	}

a.pagina_no_seleccionada:hover {
	background-color: #ACACAC;
	}
/*Página sobre mí y contacte */

div.contenidor_contacte {
	margin-left: auto; 
	margin-right: auto;
	display: block;
	text-align: center;
	margin-top: 15px;
	clear: left;
	height: 486px;
	background-image: url(cabecera2.jpg); 
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: center;
	width: 650px;
	}

div.contenidor_contacte p {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	}

div.contenidor_contacte h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 25px;
	}

img.retrato_meri {
	vertical-align: text-top;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	}