/* ::::::::::::: MAS CASADEVALL ::::::::::::: */

body{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#000;
	line-height:17px;
	text-align:center;
	background-image: url(/img/bg.gif);}

#container{
	position:relative;
	margin:auto;
	width:984px;
	border:1px solid #000;
	background-color:#fff;}
	
		#top{
			position:relative;
			width:984px;
			height:358px;
			background:url(/img/top.gif) no-repeat;}
			
			 #idiomes{
			  	position: absolute;
				float: left;
			 	top: 20px;
			  	left: 20px;
			  	height: 18px;}
				
			 #menu{
			  	position: absolute;
				float: left;
			 	top: 110px;
			  	left: 20px;
			  	width: 296px;
			  	height: 236px;
			  	line-height: 24px;}
			  		#menu ul {  
			  			list-style:none;
						margin:0;
						padding:0;}
					#menu ul li {
						position: relative;
						background-image: url(/img/menu-off.gif);
						top: 12px;
						left: 0px;
						font-size: 14px;
						color: #000;
						text-align: left;}
					#menu ul li a{
						display: block;
						text-decoration:none;
						text-indent: 20px;
						width: 296px;
						height: 30px;
						color: #000;}
					#menu ul li a:hover {
						position: relative;
						top: 0px;
						left: 0px;
						color: #901800;
						background-image: url(/img/menu-on.gif);}
			
			#home-top-img{
				position:relative;
				float:right;
				width:630px;
				height:337px;
				right:20px;}
				
			#top-img{
				position:relative;
				float:right;
				width:630px;
				height:337px;
				top:20px;
				right:20px;
				border:1px solid #ccc;}
					
					
		#main{
			position:relative;
			width:984px;
			overflow: hidden;
			padding-bottom:10px;
			*padding-bottom:30px; /* IE 7 i anteriors */}
			
		   	#home-left{
					position:relative;
					float:left;
					width:296px;
					left:20px;
					top:20px;}
					
						#home-botigueta{
							position:relative;
							width:100%;
							margin-bottom:20px;}
							
								#home-botigueta .titol{
									background-color:#901800; 
									font-size:24px;
									color:#fff;
									height:17px;
									text-align:left;
									padding:15px;}
								#home-botigueta .producte{
									text-align:left;
									padding:15px 15px 0px 15px;
									height:80px;}
								#home-botigueta .producte img{
									width:80px;
									height:80px;
									border:1px solid #ccc;
									float:left;
									margin-right:10px;}
							
						#home-aixada{
							position:relative;
							background-color:#E2E1E1;
							width:286px;
							height:213px;
							margin-bottom:20px;
							padding-right:10px;
							text-align:left;}
								#home-aixada img{
									width:137px;
									height:193px;
									border:1px solid #616060;
									float:left;
									margin:10px;}
									
				
				#home-right{
					position:relative;
					float:right;
					width:630px;
					right:20px;
					top:8px;
					*top:20px;
					margin-bottom:20px;}
						
						#home-benvinguts{
							position:relative;
							width:99%;
							text-align:justify;}
								#home-benvinguts img{
									width:189px;
									height:164px;
									float:left;
									margin-right:10px;
									background:url(/img/benvinguts.jpg) no-repeat;
									border:1px solid #616060;}
									
						#home-noticies{
							float:left;
							position:relative;
							width:302px;
							text-align:justify;
							margin-top:14px;}
								#home-noticies .titol{
									background-color:#901800; 
									font-size:24px;
									color:#fff;
									height:17px;
									text-align:left;
									padding:15px;}
									
						#home-colabora{
							float:right;
							position:relative;
							width:308px;
							height:383px;
							border:1px solid #ccc;
							margin-top:14px;}
				
				
				#titol{
					position:relative;
					left:20px;
					width:100%;
					height:17px;
					top:15px;
					background:url(/img/bg-titol-main.gif);
					background-repeat: repeat-y;
					padding:15px;}
					
					#titol p{
						position:relative;
						font-size:26px;
						color:#fff;
						text-align:right;
						right:75px;
						margin: 0px;
						padding: 0px;}
						
				#content{
					position:relative;
					top:18px;
					*top:18px; /* IE 7 i anteriors */
					left:21px;
					width:100%;
					background:url(/img/bg-content-main.gif);
					background-repeat: repeat-y;
					margin-bottom:25px;
					*margin-bottom:10px;}
					
					#contingut{
						float:left;
						position:relative;
						left:10px;
						width:705px;
						text-align:justify;
						padding:20px 0 20px 0px;}
						
					#submenu{
						float:left;
						position:relative;
						left:60px;
						width:200px;
						height:100px;
						text-align:left; 
						padding:20px 0 20px 0px;}
						#submenu ul{
							list-style: url(/img/fletxa.gif);
							line-height: 24px;
							vertical-align: top;}
						#submenu ul li a {
							text-decoration: none;
							color: #000;}
						#submenu ul li a:hover {
							text-decoration: underline;}
		
#peu{
	position:relative;
	margin:auto;
	margin-top:5px;
	padding: 15px 20px 15px 20px;
	width:944px;
	height:60px;
	border:1px solid #000;
	background-color:#fff;}

	#peu-menu {
		background-color:#E2E1E1;
		padding:8px;}
	
	#peu-copy {
		float:left;
		padding:10px 0 0 5px;
		text-align: left;}
		
	#peu-iglu {
		float:right;
		padding:10px 5px 0 0;
		text-align: left;}
			#peu-iglu a {color: #AEAEAE; font-size:11px; text-decoration:none;}
			#peu-iglu a:hover {color:#AEAEAE; font-size:11px;}
	
						
/* GENERAL */

.salto {clear:both;}
				
a {color:#901800; text-decoration:underline;}
a:hover {color:#399207;	text-decoration:underline;}

td {border-bottom:1px solid #ddd; text-align:left; padding:5px 0 5px 20px;}
.td2 {border-left:1px solid #ddd; text-align:left; padding:5px 0 10px 50px;}

.titular-m {color:#901800; font-size:30px; position:relative; top:4px;}
.subtitular {font-size:24px; position:relative; top:10px;}
.asto {color:#901800; font-size:25px;}
.color {color:#901800;}

.spacer{background-color:#C6C6C6; height:1px; width:100%; margin: 20px 0px 20px 0px;}
			
.listimg {
	float:left;
	border:1px solid #ccc;
	margin-right:15px;}
	
.link {
	position:relative;
	padding:10px;
	width:100%;}