* {
	margin: 0;
	padding: 0;
}

body {
	margin: 20px 0;
	background: #FFFFFF url(images/img01.gif) repeat-x;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

h1, h2, h3 {
	color: #313131;
}

h1 {
	margin: 0;
	padding: 0;
	font: italic 197% "Times New Roman", Times, serif;
	color: #FFFFFF;
}

h2 {
	font-size: 107%;
	color: #FFFFFF;
}

h3 {
	margin-bottom: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 77%;
	font-weight: bold;
}

p, blockquote, ol, ul {
	margin-bottom: 1.5em;
	text-align: justify;
	line-height: 167%;
	font-size: 107%;
}

blockquote {
	padding: 15px 0 0 20px;
	background: url(images/img11.gif) no-repeat;
	text-align: left;
	font: italic 100% "Times New Roman", Times, serif;
}

ol {
	list-style-position: inside;
}

ul {
	list-style: none;	
}

ul.default li {
	padding-left: 20px;
	background: url(images/img09.gif) no-repeat left center;
}

a {
	text-decoration: none;
	color: #313131;
}

a:hover {
	text-decoration: underline;
	color: #DB5600;
}

/* Logo */

#logo {
	width: 760px;
	height: 180px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: url(images/img04.jpg) no-repeat;
}

#logo h1 {
	margin: 0;
	padding: 65px 0 0 120px;
	letter-spacing: -1px;
	font: normal 48px "Times New Roman", Times, serif;
	font-style: italic;
}

#logo h2 {
	margin: -7px 0 0 0;
	padding: 0 0 0 155px;
	letter-spacing: 2px;
	font-size: 9px;
	font-weight: bold;
	
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

#logo p {
	color: #000000;
	padding: 0 0 0 35px;
}

/* Page */

#page {
	width: 760px;
	margin: 0 auto;
	background: url(images/img03.gif) repeat-y;
}

/* Content */

#content {
	float: left;
	width: 400px;
	padding: 0 0 0 95px;
	background: url(images/img04.gif) no-repeat;
}

#content .title {
	padding: 10px 10px 10px 60px;
	background: url(images/img07.gif) no-repeat 20px 50%;
}

#content .content {
	padding: 20px 20px 1px 20px;
	background: url(images/img08.gif) repeat-x;
}

#content .content2 {
	padding: 0 20px 1px 20px;
}

#welcome {
	padding-bottom: 20px;
	margin-bottom: 10px;
	background: url(images/img10.gif) no-repeat center bottom;
}

.floating-box {
	float: left;
	width: 160px;
	margin: 0 20px;
	font-size: 85%;
}

.floating-box .heading {
	margin-bottom: 1em;
	padding-bottom: 1em;
	background: url(images/img08.gif) repeat-x left bottom;
}

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 92%;
}

.floating-box img {
	border: 5px solid #FFFFFF;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 160px;
	padding: 0 80px 0 20px;
	background: url(images/img05.gif) no-repeat right top;
}

#sidebar h2 {
	margin-bottom: 1em;
}

#sidebar blockquote {
}

#sidebar blockquote p {
}

#sidebar img {
	margin: 0 0 5px 0;
}

/* Menu */

#menu {
	padding-top: 20px;
}

/*

#menu ul {
}

#menu li {
}

#menu a {
}

#menu a:hover {
}
 
#menu b {
}

*/

/* Footer */

#footer {
	width: 760px;
	height: 50px;
	margin: 0 auto;
	background: url(images/img06.gif) no-repeat;
}

#footer p {
	margin: 0;
	font-size: 77%;
}

#footer .links {
	float: left;
	padding: 15px 0 0 97px;
	color: #D7CE32;
}

#footer .legal {
	float: right;
	padding: 15px 62px 0 0;
	color: #D7CE32;
}

#footer a {
	color: #D7CE32;
}

/* Afegits */

.black {
	color: black;
}

.center {
	text-align: center;
}

/* Picture pages */

#links2 {
	float: right;
	padding: 20px 20px 0 0;
}

p.picture_pages{
	margin-bottom: 0em;
	text-align: right;
}

/* Quadre */

#quadre table {
	color: #ffffff;
	margin-top:1em;
	margin-bottom: 1em;
}

#quadre table.center {
	width:80%; margin-left:10%; margin-right:10%;
}

#quadre tbody td {
	border: 1px solid #ffffff;
	background: #908b25;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-right:0.5em;
	padding-left:0.5em;
}

/* Formulari */

fieldset {
	border: 1px solid #313131;
   padding: 1em;
	margin-bottom: 1em; 
}

label {
	width: 4.5em;
	float: left;
	text-align: right;
	margin-right:0.5em;
	display: block
}

input, textarea {
	color: #313131;
	background: #ffffff;
	border: 1px solid #313131;
}

.submit input {
	margin-left: 7.5em;
	color: #ffffff;
	background: #908b25;
	border: 1px outset #313131;
}

/* Picture gallery */

/* The containing box for the gallery. */ 
	
#container {
	position:relative; 
	width:760px; 
	height:390px; 
	margin:0 auto 0 auto;
}

/* Removing the list bullets and indentation */ 

 #container ul { 
	padding:0; 
	margin:0; 
	list-style-type:none; 
}

/* Remove the images and text from sight */ 

#container a.gallery span { 
 	position:absolute; 
	width:1px; 
	height:1px; 
	top:5px; 
	left:5px; 
	overflow:hidden; 
	background:#d7ce32; 
}

/* Adding the thumbnail images Page 1 */

#container a.gallery, #container a.gallery:visited { 
	display:block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	margin:1px 2px 1px 2px; 
	text-align:left; 
	cursor:default; 
}

#container a.slidea { 
	background:url(./images/fotos/thumbnails/1-facana1.jpg); 
	height:93px; 
	width:60px;
}

#container a.slideb { 
	background:url(./images/fotos/thumbnails/2-entrada1.jpg); 
	height:93px; 
	width:60px;
}

#container a.slidec { 
	background:url(./images/fotos/thumbnails/2-entrada2.jpg); 
	height:93px; 
	width:60px;
}

#container a.slided { 
	background:url(./images/fotos/thumbnails/3-sala1.jpg); 
	height:60px; 
	width:93px; 
}

#container a.slidee { 
	background:url(./images/fotos/thumbnails/3-sala2.jpg); 
	height:60px; 
	width:93px; 
}

#container a.slidef { 
	background:url(./images/fotos/thumbnails/3-sala3.jpg); 
	height:60px; 
	width:93px; 
}

#container a.slideg { 
	background:url(./images/fotos/thumbnails/4-pati1.jpg); 
	height:60px; 
	width:93px; 
}

#container a.slideh { 
	background:url(./images/fotos/thumbnails/5-cuina1.jpg); 
	height:93px; 
	width:60px;
}

#container a.slidei { 
	background:url(./images/fotos/thumbnails/4-pati3.jpg); 
	height:93px; 
	width:60px; 
}

#container a.slidej { 
	background:url(./images/fotos/thumbnails/4-pati2.jpg); 
	height:93px; 
	width:60px; 
}

#container a.slidek { 
	background:url(./images/fotos/thumbnails/5-cuina2.jpg); 
	height:60px; 
	width:93px;  
}

/*
* html #container a.slidek { 
	width:91px; 
	w\idth:93px; 
}
*/

#container a.slidel { 
	background:url(./images/fotos/thumbnails/6-escales1.jpg); 
	height:60px; 
	width:93px; 
}

/* Adding the thumbnail images Page 2 */

#container a.slidem { 
	background:url(./images/fotos/thumbnails/7-distribuidor1.jpg); 
	height:60px; 
	width:93px;
}

#container a.sliden { 
	background:url(./images/fotos/thumbnails/7-distribuidor2.jpg); 
	height:60px; 
	width:93px;
}

#container a.slideo { 
	background:url(./images/fotos/thumbnails/8-habitacio_petita1.jpg); 
	height:93px; 
	width:60px;
}

#container a.slidep {
	background:url(./images/fotos/thumbnails/8-habitacio_petita2.jpg); 
	height:93px; 
	width:60px;
}

#container a.slideq { 
	background:url(./images/fotos/thumbnails/9-habitacio_gran1.jpg); 
	height:93px; 
	width:60px;
}

#container a.slider { 
	background:url(./images/fotos/thumbnails/9-habitacio_gran2.jpg); 
	height:60px; 
	width:93px;
}

#container a.slides { 
	background:url(./images/fotos/thumbnails/9-habitacio_gran3.jpg); 
	height:60px; 
	width:93px; 
}

#container a.slidet { 
	background:url(./images/fotos/thumbnails/10-lavabo1.jpg); 
	height:60px; 
	width:93px;
}

#container a.slideu { 
	background:url(./images/fotos/thumbnails/10-lavabo2.jpg); 
	height:60px; 
	width:93px; 
}



/* set the size of the unordered list to neatly house the thumbnails */ 

/* marge de la columna de thumbnails */
#container ul { 
	width:261px; 
} 

#container li { 
	float:left; 
}

/* move the thumbnails into the correct position */ 

#container ul { 
	float:right; 
}

#container ul li {
	padding-left: 1px;
}

/* change the thumbnail border color */ 

#container a.gallery:hover { 
	border:1px solid #fff; 
}

/* styling the :hover span */ 

#container a.gallery:hover span { 
	position:absolute; 
	width:400px; 
	height:385px; 
	top:0; 
	left:95px; 
	color:#000; 
	background:#fff; 
}

#container a.gallery:hover img { 
	border:1px solid #d7ce32; 
	float:left; 
	margin-right:0px; 
}


#container a.slideb:hover img, #container a.slidei:hover img { 
	float:right; 
}

#container { 
	background:#fff url(./images/img02.gif) 0 0 no-repeat; 
}