html {background-image:url(../grafics/bg1.jpg); margin:0; padding:0;}
body {
	text-align:center; 
	background-image:url(../grafics/bg.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	margin:0; 
	padding:0;
	color:#fff; 
	font-family:Arial, Helvetica, sans-serif;
	}
#nav {background: transparent url(../grafics/nav-camo.gif) repeat-x top left; padding-top:20px;}
#destacats {background: transparent url(../grafics/top-camo.gif) repeat-x top left; padding-top:20px;}
#destacats img {border: 0;}
#peu {clear:both; background: transparent url(../grafics/peu-camo-barra.gif) repeat-x bottom left; height:110px;}


/* ESTRUCUTRA 950 centrada basada en YUI */ 
#doc2 {
	margin: 0 auto;text-align:left;
	width:950px;*width:950px;min-width:950px;}
	
	/* preserva la independencia d'ordre del codi per Gecko */
	.yui-b{position:relative;}
	.yui-b{_position:static;} /* for IE < 7 */
	#yui-main .yui-b{position:static;} 

#yui-main {width:100%;}
.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserva l'estructura a amplades grans */}

.yui-t3 .yui-b {
	float:left;
    width:23.0759em;*width:22.52em;}
.yui-t3 #yui-main .yui-b {
    margin-left:21.0759em;*margin-left:20.52em;
}

#yui-main .yui-b {float:none;width:auto;}

/* ESTILS pagina */

.yui-b h1 {
	font-family: 'impact', 'helvetica neue', Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	word-spacing: 0.1em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.1em;
	font-size: 1.7em;
	text-transform:uppercase;
	font-weight:100;
}

.yui-b h2 {
	font-family: 'impact', 'helvetica neue', Arial, Helvetica, sans-serif;
	color: #f8c300;
	text-decoration: none;
	word-spacing: 0.1em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.1em;
	font-size: 1.4em;
	text-transform:uppercase;
	font-weight:100;
}

div.miniatura {border: solid 1px #fff; float: right; margin: 0 0 7px 7px;}
.yui-b img {border:0;padding:0; margin:0;}

#nav ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-transform:uppercase;
	font-family: 'impact', 'helvetica neue', Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:1px;
	font-size:0.9em;
}

#nav li
{
	display: inline;
	background-image: url(../grafics/estrella.gif);
	background-repeat:no-repeat;
	background-position:0.3em;
	padding-left:3em;
	padding-right: 20px;
}

#nav a { color:#fff; text-decoration:none}
#nav a:hover{ color:#f8c300; text-decoration:none}

.destacat-box { float:left; height:120px; margin-right:0; padding:0; border:0;}
.destacat-box a {border:0;}
.clearboth { clear: both; }

.copy { float:left; width:300px; height:100px; font-size:10px; color:#d1d2d1; margin-top: 15px; padding-left:30px; background: url(grafics/separador-blanc-vertical.gif) right top no-repeat;}
.copy a {color:#aaa; text-decoration:none; border-bottom: 1px dotted #FFCC00; font-weight:bold; padding:0 2px;}
.copy a:hover { background-color:#B58E0B; color:#FFFF66;}

.nav-peu { float:right; width:565px; height:100px; font-size:12px; color:#d1d2d1; margin-top: 15px; text-align:center;}
.nav-peu a { color:#fff; text-decoration:none; padding:0 4px}
.nav-peu a:hover { background-color:#B58E0B; color:#FFFF66}
	
div.hr {
  height: 15px;
  background: transparent url(../grafics/separador-groc.gif) repeat-x scroll center;
  clear:both;
}
div.hr hr {
  display: none;
}

.mes {
	font-family: 'impact', 'helvetica neue', Arial, Helvetica, sans-serif;
	color: #f8c300;
	font-size: 0.8em;
	text-align:left;}
	
.mes a { color:#fff; text-decoration:none; border-bottom: 1px dotted #FFCC00; padding:0 2px}
.mes a:hover { background-color:#B58E0B; color:#FFFF66}

.link a { color:#fff; text-decoration:none; border-bottom: 1px dotted #FFCC00;}
.link a:hover { background-color:#B58E0B; color:#FFFF66}

h3 {color:#FFCC00; border-bottom:1px solid #FFCC00; margin-bottom:2px; padding-bottom:2px;}
.compras h2 {color:#FFCC00; border-bottom:1px solid #FFCC00; margin-bottom:2px; padding-bottom:2px;}
.impact {font-family: 'impact', 'helvetica neue', Arial, Helvetica, sans-serif; color: #f8c300; text-transform:uppercase; text-align: center;}
.galerias .impact {font-size:15px; font-family: 'impact', 'helvetica neue', Arial, Helvetica, sans-serif; color: #f8c300; text-transform:uppercase; text-align: center; padding: 8px;}
#banderes { position:absolute; z-index:10; top:-185px; left:72px; border:0;}

.miniatura {padding:1px; border:1px solid #ddd; float:right; background-color:#fff; margin-left:7px; margin-bottom:7px;}
#galeria img {float:left; margin-right:10px; margin-bottom:10px; border:3px solid #fff;}
#galeria {margin-bottom:10px; padding:8px;}
.restauraciones {clear:left;min-height: 160px; padding-bottom:10px}

.ventas {clear:left;min-height: 160px; padding-bottom:5px}
#imagen-portada {margin-top:15px; border:1px solid #fff;}