html{
	background:#fff url(img/fons.jpg) top left repeat-x;
	}
	 
body{ 
 text-align:center;
 font-family: helvetica, georgia,sans-serif;
 line-height: 1.6em;
 color:#e9cfe8;
	}

ul, li, img, body, html{
	margin: 0;
	padding: 0;
	} 
 
#tot{ 
 width:800px; 
 text-align:left; 
 margin:auto; 
 background-color:e9cfe8; 
}

#tot ul, #tot ul li a
{
	list-style-type: none;
} 
	
#superior{
 	position:relative; 
 	height:100px; 
 	background:transparent url(img/superior.gif) top center;
}

#contenidor{
	background-color: #e9cfe8;
   overflow: hidden;
   margin: 0;
   border-left: 5px solid #660099;
}
 
#columnaesq{
 	width:200px;
 	background:transparent url(img/reclam.gif) top left no-repeat;
   float: left;
   border-top: 0px dashed #fff;
 }
 
#columnaesq ul{
	color:#660099;
	text-align: right;
	padding-right: .5em;
	padding-top:90px;
	line-height: 1.6em;
	font-size: 1.1em;
	margin-top:1em;
	}
	
#columnaesq li{
	padding: 0.5em;
	margin:0.2em 0.5em;
	border-bottom: 1px solid #fff;
	}

#columnaesq a	{
	text-decoration: none;
	color: #660099;
	}

#columnaesq li:hover,#columnaesq a#current{
	color: #660099;
	font-weight:bold;
	background:transparent url(img/pic.gif) center left no-repeat;
	}

#mutues{
	margin-top:10px;
	padding:20px;
	text-align:center;
}	
#contingut{
	background-color: #660099;
	padding: 0 1em;
	float:left;
   width: 560px;
   border-right: 212px solid #e9cfe8; /* ancho y color del menú */
   margin-right: -212px;
   float: right;
  }
  
#contingut div{
	overflow: hidden;
	}
 	
#contingut ul{
	list-style-type:square;
	margin:0;
	padding:0.5em 2em;
	}

#contingut li{
	margin-left:1.7em;
	padding: 3px 0px;
	color:#e9cfe8;
	}
	
#contingut ul li p{
	margin-left: 0px;
	}
	
#quadre1, #quadre2{
	margin: 10px 0px;
	}
	
#quadre2 div, #interior div{
	padding:0px;
	border: 1px solid #fff;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomright: 10px;
	color:#e9cfe8;
	}	
	
#contingut #quadre1{
	height: 337px;
	padding-top:0;
	}
	
#quadre1 #imatge{
	height: 337px;
	border: none;
	padding: 0;
	margin-right:0;
	}
	
#contingut #quadre2 #noticies{
	float: left;
	width: 48%;
	margin:0px 10px 10px 5px;
	color:#e9cfe8;
	}

#contingut #quadre2 #serveis, #contingut #quadre2 #regala{
	width: 45%;
	margin:0px 5px 10px 5px;
	color:#e9cfe8;
	}

#contingut #quadre2 #regala img{
	text-align:center;
	padding:10px;
	}
	
#contingut #quadre2 #noticies ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-indent:1.5em;
	}
#contingut #quadre2 #noticies li {
	margin:0px;
	padding:0px;
	font-size:0.8em;
	}
	
#interior{
	margin-top:40px;
	margin-bottom:30px;	
	}
	
#interior h3 {
	color: #e9cfe8;
	margin: 0;
	padding: .2em .5em;
	text-align: left;
	text-transform: lowercase;
	font-weight: bold;
	background-color: #660099;	
	}
	
#interior img, #interior div{
	margin:10px 5px 5px 15px;
	padding:5px;
	text-align:center;
	}
	
#interior div{
	margin:10px 5px 5px 15px;
	padding:5px;
	text-align:center;
	border:0;
	}
	
#peu{
	clear:both;
 	background:#fff;
	color:#333;
 	text-align:center;
 	font-size: 0.9em;
 	line-height:1em;
 }
 
#peu a:link,a:hover{
	color:#660099;
	}

/*Elements bàsics*/

a:link,a:visited{
	color: #e9cfe8;
	padding: 0;
	text-decoration:none;
}

a:hover{
	color:#fff;
	padding: 0;
	text-decoration:none;
}

/* Paragraphs */

p{
	margin:10px 10px 10px 20px;
}

h1{
	margin:0px 0px 20px 0px;
	padding:5px;
	font-size: 1.5em;
	color:#660099;
	border: 1px dashed #fff;
	background-color:#fff;
	}

h2{
	margin-bottom:10px;
	margin-left:10px;
	padding:0px;
	font-size: 1.3em;
	color: #e9cfe8;
	border-bottom:1px solid #e9cfe8;
	}

h3{
	background-color:#fff9ff;
	color: #660099;
	font-size: 1.2em;
	margin: 0;
	padding: .2em .5em;
	text-align: left;
	text-transform: upercase;
	font-weight: bold;
	}
	
h4{
	font-size: 1.0em;;
	color:#000;
	text-align:center;
	}

h5{
	font-size: 1.0em;
	color:#6788a7;
	text-align:left;
	}
	
.frase{
	margin:10px;
	padding:0px;
	font-size: 1.5em;
	color: #fff;
	line-height:1.5em;
	text-align:center;
}
.submenu{
	text-align: right;
	}

.centrat{
	margin:auto;
	text-align:center;
	}
	
.contacte{
	margin-left: 60px;
	}

.dreta{
	text-align:right;
	}
	
.img_novetat{
	float:left;
	}
	
dl{

	}
	
dd{
	padding-left:10px;
	}

dt{
	padding-left: 20px;
	font-weight:bold;
	}
	
/* -------------------------------formulari-------------------------------- */

#form_container{
	background:#fff;	
	margin:0;
	text-align:left;
	}

form.appnitro{
	margin:0px;
	padding:0px;
	font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	}
	
/**** Form Section ****/

form ul{
	text-align:left;
	margin:0px;
	padding:0px;
	}
	
form li{
	display:block;
	margin:0px;
	padding:0px;
	}

form li:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

.buttons:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

.buttons{
	clear:both;
	display:block;
	margin-top:10px;
	}

* html form li{
	height:1%;
	}

* html .buttons{
	height:1%;
	}

* html form li div{
	display:inline-block;
	}

form li div{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
	}

form li span{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
	}

form li div label{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
	}

form li span label{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
	}

/**** Buttons ****/
input.button_text{
	overflow:visible;
	padding:0 7px;
	width:auto;
	}

.buttons input{
	font-size:1em;
	margin-right:5px;
	}

/**** Inputs and Labels ****/
label.description{
	border:none;
	color:#660099;
	display:block;
	font-size:1em;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
	}

input.text{
	background:#fff url(img/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
	}

textarea.textarea{
	background:#fff url(img/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	width:90%;
	}