@charset "utf-8";

/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;	font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;} /* remember to define focus styles! */
ins {text-decoration:none;} /* remember to highlight inserts somehow! */
del {text-decoration:line-through;} 
table {border-collapse:collapse; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} 

a:link,
a:visited { color:#575757; text-decoration:none; }
a:hover,
a:active { color:#c3902a; }

body { margin:0; padding:0; font:14px Arial, Helvetica, sans serif; }

#nav{ width:980px; margin:0 auto; }
	#nav-intro { list-style:none; position:fixed; top:175px; width:110px; }
		#nav-intro li { margin-bottom:3px; border-bottom:1px solid #c8a459; }
		#nav-intro li.titulo { margin-bottom:15px; border:0; background:#000; padding:5px 10px; margin-left:-10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
		#nav-intro a:link,
		#nav-intro a:visited { color:#5b5b5b; font-family: 'Arapey', serif; font-size:18px; text-transform:uppercase; }
		#nav-intro a:hover,
		#nav-intro a:active { color:#c3902a; }
		#nav-intro .titulo a:link,
		#nav-intro .titulo a:visited { color:#c8a459; }
		#nav-intro .titulo a:hover,
		#nav-intro .titulo a:active { color:#c3902a; }

#wrapper { background-color:#bab5ac; }

#intro { background:#fff url(../img/bg-intro-lateral.gif) top repeat-x; }
	#intro-int { width:980px; margin:0 auto; background:url(../img/fondo-intro.jpg) center no-repeat; height:625px; overflow:hidden; }
	
		#lang  { float:right; list-style:none; margin-top:38px;  text-align:center; }
			#lang  li { display:inline; }
			#lang a { display:block; float:left; padding-top:8px; width:37px; height:28px; font-size:11px; background:url(../img/lang.png) -37px 0; }
			#lang a:link, #lang a:visited { color:#000; text-shadow:#909090 1px 1px 0px; }
			#lang a:hover, #lang a:active { color:#fff; }
			#lang .currentLang a { background-position:0; }
			#lang .currentLang a:link, #lang .currentLang a:link,
			#lang .currentLang a:hover, #lang .currentLang a:active { color:#000; text-shadow:#b68c1d 1px 1px 0px; }
		
		#nom { width:500px; margin:0 auto; text-align:center; }
			h1 { clear:both; padding-top:80px; font-family:'Arapey', serif; font-size:60px; line-height:54px; font-weight:normal; color:#c3902a; text-transform:uppercase;  }
			.logo { margin-top:-305px; }
			h2 { margin-top:160px; font-family:'Arapey', serif; font-size:34px; line-height:30px; font-weight:normal; font-style:italic; color:#c8a459; }
	
#quefem { background-color:#fff; padding:115px 0; }
	#quefem-int { width:980px; margin:0 auto; overflow:hidden; }
	
#quisom { background:#fff url(../img/fondo-quien.jpg) center top no-repeat; padding:90px 0; }
	#quisom-int { width:980px; margin:0 auto; overflow:hidden; }
	
#com { background:#fff url(../img/fondo-com.jpg) center 90px no-repeat; padding:90px 0; }
	#com-int { width:980px; margin:0 auto; overflow:hidden; }
	
#clients { background:#fff url(../img/fondo-clientes.jpg) center top no-repeat; padding:90px 0; }
	#clients-int { width:980px; margin:0 auto; overflow:hidden; }
	
#contacte { background:#dddad6 url(../img/bg-pie.gif) bottom repeat-x; padding:0; margin-top:-160px; }
	#contacte-int { position:relative; width:980px; background:url(../img/planol.png) center bottom no-repeat; margin:0 auto; overflow:hidden; padding:30px 0; height:400px; }
		.senyes { position:absolute; margin:20px 0 0 445px; line-height:18px; }
	
#foot { background-color:#bab5ac; padding:20px 0 330px 0; }
	#foot-int { width:840px; margin:0 auto; padding-left:140px; overflow:hidden; font-size:11px; }
	#foot-int p { margin-bottom:5px; }
	.addthis_toolbox { float:right; }
	a#jambuling:link,
	a#jambuling:visited { background-color:#7c7973; color:#fff; padding:1px 6px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
	a#jambuling:hover,
	a#jambuling:active { background-color:#dddad6; color:#000; }
	
.texto { width:420px; margin-left:140px; float:left; }
	h3 { font-family: 'Arapey', serif; font-size:36px; font-weight:normal; text-transform:uppercase; clear:both; padding:0; }
	h4 { font-family: 'Arapey', serif; font-size:20px; font-weight:normal; clear:both; padding:0; }
	.popup h3 { font-size:30px; }
	.texto p, .texto ul { margin-top:15px; }
.fotos { clear:both; margin-left:140px; padding-top:40px; }
.imatges {  margin-left:20px; width:400px; float:left; }

.der { text-align:right; }
.pot { margin-top:180px; }
.old-fotos { margin:230px 0 0 60px; }

.medalles { display:block; background:url(../img/medalles.png) no-repeat; width:395px; height:457px; position:absolute; }
	.medalles li { text-align:center; }
	.medalles a:link, .medalles a:visited { color:#5b5b5b; font-family: Georgia, serif; font-size:12px; text-transform:uppercase; }
	.medalles a:hover, .medalles a:active { color:#c3902a; }
	
	#coleccions { position:relative; top:5px; left:20px; }
	#conmemoratives { position:relative; top:100px; left:-35px; }
	#esports { position:relative; top:140px; left:-35px; }
	#especials { position:relative; top:170px; left:20px; }
	#joieria {  position:relative; top:240px; left:-50px; }
	
/* coverflow */
.ui-jcoverflip { position:relative; }
.ui-jcoverflip--item { position:absolute; display:block; cursor: pointer; }
 #flip { height:400px; width:630px; margin-top:20px; overflow:hidden; }
	#flip .ui-jcoverflip--title { position:absolute; bottom:0; width:100%; text-align:center; color:#555; }
	#flip img { display:block; border:0; outline:none; padding-bottom:30px; }
    #flip a { outline:none; }