/* -------------- Definiciones generales para la pagina ----------------------- */
html { 
	padding:0px;
	margin:0px;
	min-height:100%;
	height: 100%;
	width: 100%;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	min-height:100%;
	height: 100%;
	width: 100%;
	background: url(../imatges/CalGrau-fons.gif) repeat;
	line-height:18px;
}
#wrap{ /* --- capa centrada --- */
	padding:0px;
	border-top: 0px;
	border-bottom:0px;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	height: auto !important;
	min-height:100%;
	width: 925px;
	position : relative;
	margin : 0 auto;
	background: #4c5a47 url(../imatges/fons-contingut.jpg) top repeat-y;
}
#cap{
	padding:0px;
	margin:0px;
	min-height:113px;
	height: 113px;
	width: 100%;
	border-bottom: 1px solid #000000;
	background: url(../imatges/CalGrau-Castell-Boixadors2.jpg) no-repeat;
}
#cap blockquote {
	padding-top:3px;
	padding-right:18px;
	margin:0px;
	text-align:right;
	/* ***** texte ***** */
	font-size:10px;
	font-weight:bold;
}
#cap blockquote a{
	text-decoration:none;
	color:#5f7d55;
}
#cap blockquote a:hover{
	text-decoration:none;
	color:#000000;
}
#cap #turismerural{
	float:left;
	padding:0px;
	padding-top:85px;
	padding-left:110px;
	margin:0px;
	border:0px;
}
#cap #turismerural h1{
	font-size:13px;
	color:#0c2204;
	padding:0px;
	border:0px;
	margin:0px;
}
#menu{
	padding:0px;
	margin:0px;
	min-height:32px;
	height: 32px;
	width: 100%;
	border-bottom: 1px solid #000000;
	background: url(../imatges/fons-menu.jpg) no-repeat;
	/* ***** texte ***** */
	font-size:12px;
	font-weight:bold;
	color:#b4c0b4;
	
}
#menu blockquote {
	padding-top:8px;
	padding-left:18px;
	margin:0px;
}
#menu blockquote a{
	text-decoration:none;
	color:#b4c0b4;
	margin-right:40px;
}
#menu blockquote a:hover{
	text-decoration:none;
	color:#ffffff;
}
#menu blockquote .actual{
	color:#ffffff;
	margin-right:40px;
}
#contingut{
	padding:0px;
	margin:0px;
	width: 100%;
	color:#bdc2bb;
	
}
#contingut #content-01 {
	padding:12px;
	margin:15px;
	min-height: auto;
	height: auto;
	width: 867px;
	background: #21341b;
	border:2px solid #0c2204;
	font-size:12px;	
}
#contingut #content-01 a{
	text-decoration:none;
	color:#b4c0b4
}
#contingut #content-01 a:hover{
	text-decoration: underline;
	color:#FFFFFF;
}

#macro01{
	margin-left:15px !important;
	margin-left:8px;
    width: 280px;
    background-color: #999999;
    float:left;
	background: #21341b;
	border:2px solid #0c2204;
	text-align:center;
	padding-top:25px;
}
#macro03{
	margin-right:15px !important;
	margin-right:8px;
    width: 280px;
    float: right;
	background: #21341b;
	border:2px solid #0c2204;
	text-align:center;
	padding-top:25px;
}
#macro02{
	margin-left:22px;
    background-color: #ffffff;
    padding:0px;
	float:left;
    width: 280px;
	background: #21341b;
	border:2px solid #0c2204;
	text-align:center;
	padding-top:25px;
} 
#peu_macro{
	padding:0px;
	padding-left:36px;
	padding-right:30px;
	padding-bottom:20px;
	margin-top:-5px;
	font-size:12px;
	color:#bdc2bb;
	text-align:left;
	height:80px;
}
#peu {
	background:url(../imatges/linees.gif) top left repeat-x;
	padding:0px;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
	width:100%;
	position:relative;
	margin-top:20px;
	font-size:12px;
	color:#FFFFFF;
}
#titol{
	font-weight:bold;
	width:100%;
	border-bottom:1px solid #666666;
	margin-bottom:10px;
}
#galeria{
	width:100%;
	margin:0px;
}
#galeria #imatge{
	padding:0px;
	border:0px;
	margin:0px;
	margin-bottom:10px;
}
#galeria img{
	margin:0px;
	padding:0px;
	width:100px;
	height:67px;
	padding:2px;
	border:1px solid #42523d;
}
#galeria img .nonborder{
	border:0px;
}
.table_gallery{
	background: #1a2a16;
	text-align:center;
	width:100%;
	padding:10px;
}
.subtitol{
	font-weight:bold;
	color:#FFFFFF;
}
.data{
	font-size:11px;
	font-style:italic;
	background:#0c2204;
	padding-left:4px;
	padding-right:4px;
}
.table_llibre{
	background: #1a2a16;
	text-align:left;
	width:100%;
	padding:10px;
	padding-top:0px;
	padding-left:3px;
}
.table_texte{
	padding:0px;
	margin:0px;
	border:0px;
	padding-left:73px;
}
.table_preus{
	padding:1px;
	border:1px solid #1a2a16;
}
.td_titol{
	color: #FFFFFF;
	background: #1a2a16;
	padding-left:2px;
	padding-right:2px;
	
}
.td_preus{
	padding:5px;
	border-bottom:1px solid #1a2a16;
}
#reserves{
	padding:10px; border:0px; margin:0px;
	float:right;
	width:379px;
	background:#495746;
	text-align:center;
	margin-top:5px;
	border:1px solid #0c2204;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}