body{
	font-family: Arial, Helvetica, sans-serif;
	color: #696969;
	font-size: 11px;
	background-color: #000;
}
p{text-align:justify;}
div#contenidor{
	width: 720px;
	margin: 40px auto 30px auto;
	background-color: #fff;
}
div#cantonada1{
	background-image: url(../_img/cantonada_1.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
	font-size: 0px; /*hack per treure 4px bottom de l'IE*/
	width: 100%;
	height: 11px;
}

div#cantonada2{
	float: right;
	background: url(../_img/cantonada_2.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 13px;
	height: 11px;
}
/* =======================*/
			div#menu{
				float: left;
				width: 187px;
				padding-left: 12px;
				padding-right: 9px;
				list-style-type: none;
				
			}
			div#menu h1{
				margin: 0;
				font-size: 10px;
			}
			div#menu ul{
				margin: 10px 0 0 0;
				padding: 0 0 30px 0;
				line-height: 30px;
			}
			div#menu li{
				font-weight: bold;
				font-size: 11px;
				list-style-type: none;
				list-style-image: none;
				text-align: right;
				margin-right: 7px;
				border-bottom: 1px solid #ccc;
				
			}
			.link-iniciOff{
				text-align: left;
				padding-left: 10px;
				font-weight: normal;
			}
			.link-iniciOn, .link-iniciOn a:hover{
				text-align: left;
				padding-left: 10px;
				font-weight: normal;
				color: #6384AD !important;
				font-weight: bold;
				background-color: #F1F1F1 !important;
			}
			.link-seleccionat, .link-seleccionat a:hover{
				background-color: #000 !important;
				color: #fff  !important;
			}
			
			div#menu li a{
				display: block;
				padding-right: 24px;
				text-decoration: none;
			}
			div#menu a:hover{
				background-color: #F1F1F1;
			}
/* =======================*/			
			div#info{
				float:left;
				width: 501px;
				border-left: 1px solid #ccc;
				padding-left: 10px;
				margin-bottom: 10px;
			}
			
					div#info h1{
						font-size: 14px;
						margin-top: 10px;
						margin-bottom: 4px;
						color: #000;
					}
/* =======================*/				
			div#lateral{
				float: right;
				width: 220px;
				margin-top: 14px;
			}
			div#lateral a{
				text-align: left;
				padding-left:11px;
				color: #fff;
			}
			div#lateral p{
				padding: 10px 25px 10px 10px;
			}
					div#destacat1{
						background-image: url(../_img/destacat_1.jpg);
						background-repeat: no-repeat;
					}
					div#destacat2{
						background-image: url(../_img/destacat_2.jpg);
						background-repeat: no-repeat;
						margin-top: 10px;
					}
					div#destacat3{
						margin-top: 45px;
					}
					div#destacat4{
						margin-top: 10px;
					}
					div#destacat1, div#destacat2{
						width: 208px;
						height: 116px;
						color: #fff;
					}
					div#destacat1 p, div#destacat2 p{
						padding-top: 25px;
					}
					
			div#peu{
				padding-top: 10px;
				background-color: #000;
				color:#DCDCDC;
			}
			div#peu p{
				float: left;
			}
			div#peu a:hover{
				text-decoration: underline;
				background: none;
				color: #999;
			}
			.copy{
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				text-decoration: none;
				display: block;
				float: right;
				text-align: right;
			}
			div#peu .copy:hover{
				color: #fff;
				text-decoration: none;
			}
			
div#cantonada4{
	clear: left;
	background: url(../_img/cantonada_4.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 13px;
	height: 11px;
}

div#cantonada3{
	clear: left;
	background-image: url(../_img/cantonada_3.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #fff;
	font-size: 0px; /*hack per treure 4px bottom de l'IE*/
	width: 100%;
	height: 11px;
}

/* =======================*/

#interiors.legal h1{
	font-size: 14px;
}
#interiors.legal h2{
	font-size: 11px;
	margin-top: 10px;
}
#interiors.legal dt{
	font-weight: bold;
}
#interiors.legal div{
	background-color: #FBFBFB;
	margin: 10px auto;
	width: 445px;
	text-align: justify;
	border: 6px solid #ECECEC;
	padding: 15px;
}
.tancalegal
{
	display: block;
	background-color: #E7E7E7;
	border: 1px solid #DCDCDC;
	height: 24px;
	font-weight: bold;
	padding: 6px 0 0 0;
	text-align: center;
	margin-top: 8px;
}
a:hover.tancalegal
{
	background-color: #FFE8E8;
	border: 1px solid #FF8282;
	color: #FF4848;

}


/* =======================*/
div#home{
	float: left;	
	width: 255px;
}
div#interiors{
	width: 477px;
	float:left;
}
div#interiors h1{
	font-size: 19px;
}
	div#serveis-cnt{
		margin-left: 30px;
		margin-top: 20px;
	}
	div#serveis-cnt img{
		float:left;
		margin: 0 10px 10px 0;
		padding: 0;
	}
	div#serveis-cnt h2{
		margin: 0;
	}
	div#serveis-cnt ul{
		margin: 10px 0 0 0;
		padding: 0 0 0 25px;
		float: left;
	}
	
/* =======================*/
	div#novetats-cnt ul, div#cataleg-cnt ul{
		float: left;
		width: 100px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin: 10px 0 0 6px;
		padding: 0;
	}
	div#novetats-cnt li, div#cataleg-cnt li{
		list-style-type: none;
		list-style-image: none;

	}
	div#novetats-cnt a, div#cataleg-cnt a{
		display: block;
		font-weight: bold;
		text-decoration: none;
		width: 100px;
		height: 22px;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
		text-align: center;
	}
	div#novetats-cnt a:hover, div#cataleg-cnt a:hover{
		display: block;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		width: 100px;
		height: 22px;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #000;
		text-align: center;
		background-color: #000;
	}
	div#novetats-cnt img{
		margin: 9px 0 0 10px;
	}
/* =======================*/
	div#ofertes-cnt img{
	border-right: 1px solid #ccc;
	margin-top: 10px;
	padding-right: 10px;
	margin-right: 10px;
	float: left;
	}
	div#ofertes-cnt h3{
	margin-top: 25px;
	}
	div#ofertes-cnt .color-retalls{
	margin-top: 25px;
	}
	div#ofertes-cnt p{
	text-align:justify;
	}
	div#ofertes-cnt .imgRetalls,
	div#ofertes-cnt .imgRebaixes,
	div#ofertes-cnt .imgOfertes{
	padding: 5px 10px 0 0;
	}
	div#ofertes-cnt .imgOfertes{
			padding:185px 10px 135px 0;
	}
	div#ofertes-cnt ul{
		margin: 10px 0 0 90px;
	}

	
		.color-retalls{color: #ff9900;}
		.color-llengues {color: #cc0099;}
		.color-llensol {color: #009900;}
		
/* =======================*/
	div#noticies-cnt img{
	border-right: 1px solid #ccc;
	margin-bottom: 10px;
	margin-left: 50px;
	}
	div#noticies-cnt h2{
	margin-top: 20px;
	font-size: 14px;
	}

/* =======================*/

	.foto-cataleg{
		background-image: url(../_img/bg_foto_cataleg.gif);
		background-repeat: no-repeat;
		width: 128px;
		height: 145px;
		float: left;
		padding-top: 4px;

		margin-top: 15px;
		margin-bottom: 15px;
		_margin-bottom: 0;
		margin-left: 20px;
		_margin-left: 15px;
		
	}
	.foto-cataleg p{
		text-align: center;
		background-color: #EDEDED;
		margin-top: 6px;
	}
	.foto-cataleg img
	{
		padding-left: 4px;	
	}
	 #catalegcnt
	{
	/*margin: 10px 0 0 30px;*/
	padding: 0;
	
	}

	#catalegcnt ul
	{
	border: 0;
	margin: 15px 0 0 29px;
	_margin-left: 34px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}
	
	#catalegcnt ul li
	{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}
	
	#catalegcnt ul li a
	{
	background: #F2F2F2;
	width: 100px;
	height: 18px;
	border-right: 2px solid #fff;
	padding: 0;
	margin: 0 0 2px 0;
	color: #999;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
	}
	
	#catalegcnt ul li a:hover
	{
	color: #666666;
	background: #E3E3E3;
	}
	

	.seleccionat, .eleccionat a:hover{
				background-color: #000 !important;
				color: #fff  !important;
			}

	
	
	
	
	
	
	div#cataleg-cnt h3{
		width: 65px;
		float: left;
		display: block;
		text-align: center;
		margin-left: 25px;
		_margin-left: 19px;
	}
	.margin-h3{
		padding-left: 17px;
	}

/* =======================*/
div#contacte-cnt{
	/*border: 2px solid red;
	background-color: Aqua;*/
}
/* =======================*/


div#avisform, div#avisform1, div#avisform2{
	height: 22px;
	padding-top: 4px;
	margin-top: 5px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
div#avisform{
	color: Orange;
	border: 1px solid #ccc;
}
div#avisform1{
	color: #2FC230;
	border: 1px solid #2FC230;
}
div#avisform2{
	color: #D6133B;
	border: 1px solid #D6133B;
}

/* =======================*/
h2{
	color: #cc0066;
	font-size: 11px;
	padding: 0;
	margin: 0 0 6px 0;
}
.h2-border{
	border-bottom: 1px solid #ccc; 
}

h3{
	color: #666;
	font-size: 11px;
	margin: 0;
}
caption{
	color: #666;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}
hr{
	border: 1px solid red;
}
img{
	border: none;
}
table{
	width: 100%;
	clear: left;
	margin-bottom: 15px;
}
table a{
	padding-left: 4px;
	
}
caption{
	text-align: left;
	height: 20px;
}
dl{
	margin-left: 15px;
}
	dt a, dt a:link{
		font-weight: bold;
		color: #0066cc;
	}
dd{
	margin:3px 0 10px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

td{
	width: 25%;
	height: 28px;
	background-color: #F8F8F8;
	border: 1px solid #E3E3E3;
	text-align: center;
}

th{
	border-bottom: 6px solid #fff;

	font-weight: normal;
	height: 31px;
	background-color: #f9f9f0;
	
}
th strong{
	color: #cc3300;
}
strong{
	font-size: 11px;
}
big{
	font-weight: 24px;
	font-size: 19px;
}
a, a:link{
	color: #999;
	text-decoration: underline;
	
}
a:visited{}
a:hover{
	color: #666;
	background: none;
}
a:active{}

ul{
	line-height: 18px;
}
li{
	list-style-image: url(../_img/fletxa_vincle.gif);
}
p{
	margin: 0;
	padding: 0;
	line-height: 19px;
}
p a{
	color: #6384AD;
}
.mapa{
	float: left;
	padding-right: 15px;
	margin-left: 15px;
	margin-top: 18px;
	height: 240px;
	width: 246px;
}
.mapa-tanca{
	display: block;
	background-color: Orange;
	border: 1px solid #EC8200;
	color: #fff;
	width: 198px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	height: 18px;
	margin-top: 275px;
	margin-left: 40px;
	margin-bottom: 15px;
	padding-top: 3px;
}
.clear-float{
	clear: both;
	height: 1px;
}
.block{
	display: block;
}
.horari{
	display: block;
	border: 1px solid red;
	margin-top: 15px;
}
.horari strong{
	display: block;
	background-color: #ccc;
	border: 1px solid red;
	}
address{
	float: right;
	border-left: 1px solid #ccc;
	width: 178px;
	line-height: 20px;
	font-style: normal;
	padding-left: 10px;
	margin-top: 18px;
}
address a:link{
	color: #6384AD;
}
address strong{
	color: #cc0066;
}
fieldset {border: none;}

form {
margin-top: 15px;
width: 275px;
/*_height: 170px;*/
_margin-left: 2px;
/*border-right: 1px solid #ccc;
margin-right: 18px;*/
padding-right: 0;
float: left;
}
.h2cataleg{
	margin-bottom: 12px;
	margin-top:10px;
}
.h2cataleg span{
	color: #9D9D9D;
}
.btn{
	width: 84px;
	float: right;
	height: 24px;
	margin-right: 10px;
	border: 1px solid #fff;
	background-image: url(../_img/bg_buto_form.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	/* HACKS IE*/
	_margin-top: 10px;
}
.btn:focus{
	background-image: url(../_img/bg_buto_form2.gif);
	background-repeat: no-repeat;
	color: #fff;
}
input,textarea {
	border: 1px solid #ccc;
	padding: 2px 5px 3px 5px ;
	background-color: #F6F7F6;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

input {height: 12px; margin-bottom: 10px;}

label {
	display: block;
	float: left;
	text-align: right;
	width: 90px;
	padding-right: 12px;

}
input:focus, textarea:focus{
	background-color: #fff;
	background-image: none;
}




h3.retallsRebaixes{
	font-size: 16px;
	margin: 0;
	color: maroon;
}