@charset "UTF-8";
/* Reset */
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset{
	margin:0;padding:0;line-height:1; list-style:none;}
a img,:link img,:visited img, fieldset{border:none;}

body {background-color: #000000; font-family:Calibri, Helvetica, Geneva, Arial, sans-serif
}


/*ribets d'ajut per maquetar: div {border:solid 1px #FF0000}*/

#wrapper {width:990px}

#header {padding:10px; height:100px}

h1 {
	color:#FFFFFF;
	float:left; 
	clear:both;  
	font-size:0.813em;
	font-weight:normal
	}
/*Endur-se a la pàgina CSS general del web*/

#opcions  {margin-top:32px; margin-bottom:56px}
#opcions li {float:left; margin-right:14px; font-size:0.7em; }

p {font-size:0.75em; color:#FFFFFF	}
/*el color és per facilitar la maquetació*/

/* ordres amtigues per a ruta versió galeria 
#ruta li {float:left;
		width:23px;
		background:url(../imggen/ruta-pas.gif) no-repeat left;
		margin-right:10px;
		margin-bottom:60px;
		padding-left:14px;
}

#ruta li a { display:block; text-indent: -9999px;
		width: 23px;
		height: 14px;
		border:1px solid #000000;
		background-repeat:no-repeat
		}
		
#ruta li a:hover {border:1px solid #6699CC
		}
				
#ruta li.inici {
		background:none;
		padding-left:0px
		}		
#ruta li.inici a {
		background-image:url(../imggen/rehome.jpg);
		}		

/*
per intercanviar imatge

#ruta li.inici a:hover {
		background-image:url(../qui/postals/p-anoth/another-ic.jpg);
		}
		

		
#ruta li.mapa a {
		width: 25px;
		background-image:url(../imggen/remapa.gif);
		}
#ruta li.qui a {
		background-image:url(../qui/imgqui/retrat-i.jpg)
		}
#ruta li.postals a {
		background-image:url(../qui/postals/p-nomad/nomad-ic.jpg);
		}
*/


#lang {
	font-size:0.7em;
	}
				
#lang li {float:right; margin-left:15px}

a {color:#6699CC; text-decoration:none}
a:hover {text-decoration: underline}
a:active {color:#33CCCC; text-decoration: underline}
a:visited {color:#336666; text-decoration:none}
/*Endur-se a la pàgina CSS general del web*/


#postal {float:left; width:560px; padding-left:80px; margin-bottom:30px}

#descripcio {float:left; max-width:330px; margin-top:-4px}
#descripcio p {color:#6699CC; line-height:1.45em; float:left; margin:0 20px 15px 0}
#descripcio p.blaufosc {clear:left; color:#0066CC}
#descripcio p.blaunota-dreta {float:left; font-size:0.55em; color:#0066CC; font-style: italic}

#descripcio p.col1-blaunormal {width:155px}
#descripcio p.col1-blaufosc {width:155px; color:#0066CC}
#descripcio p.col1-blaunota {width:155px;font-size:0.55em; color:#0066CC; font-style: italic}
#descripcio p.col2-blaunormal {width:155px; clear:right; float:right; margin:0 0px 15px 0}
#descripcio p.col2-blaufosc {width:155px; clear:right; float:right; color:#0066CC; margin:0 0px 15px 0}
#descripcio p.col2-blaunota {width:155px; float:right; font-size:0.55em; color:#0066CC; font-style: italic}

.nav-icons {position:absolute; top:500px; left:10px; width:235px; height:40px; clear:both}
.nav-icons li a {float:left; margin:0 10px 10px 0; width:23px; height:14px; border:1px solid #000000}
.nav-icons li a:hover {margin:0 10px 10px 0; width:23px; height:14px; border:1px solid #6699CC}