/* @override http://canpaletpiteus.cat/css/estils.css */

/* CSS Document */

img {
	border-style: none;
}



div.xapes {
	background-color: #fff;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 11px;
}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	


body {
background-color:#fff8e3;
font:normal 11px Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}

h1 {
font-size:13px;
color:#db4105;
	clear: left;
}



h2 {
font-size:13px;
}

h3 {
font-size: 100%;
	margin: 0 0 5px;
	padding: 0;
}

h3 span {
	font-weight: normal;
	font-style: normal;
}

#envoltori {
width:865px;
margin:0 auto;
}

#capsal {
background:url(../img/foto_head.jpg) no-repeat left top;
color:#fff8e3;
height:172px;
padding-left:27px;
padding-top:2px;
}

#capsal a{
color:#fff8e3;
text-decoration:none;
}

#capsal a:hover{
color:#dcceab;
}

#capsal p{
margin:0px;
}

#shadowLeft {
background: #cccc9f url(../img/bg_shadow_left.png) repeat-y left;
}

#shadowRight {
background:url(../img/bg_shadow_right.png) repeat-y right;
}

#shadowBL {
background: url(../img/bg_shadow_bottom.png) repeat-x bottom;

}

#shadowBR {
background:url(../img/bg_bottom_right.png) no-repeat right bottom;
}

#shadowBL1 {
background:url(../img/bg_bottom_left.png) no-repeat left bottom;
padding:15px;
}

#cosbg {
background:url(../img/bg_cos.png) repeat-y left;
}

#costop {
background:url(../img/bg_cos_top.png) no-repeat top left;
}
 
#cos {
background:url(../img/bg_cos_bottom.png) no-repeat bottom left;
}


#principal {
float:left;
width:535px;
padding:15px 15px 15px 100px;
}

#mright {
float:left;
width:145px;
padding:15px;
padding-left:25px;
}



#mright .producte{
padding: 15px 0px;
background:url(../img/bg_bottom_prod.png) no-repeat bottom center;
}


.foto {
	margin-top: 10px;
}

#mright ul {
margin:0px;
padding:0px;
}

#mright ul li{
list-style-type:none;
padding-left:15px;
background:url(../img/bg_li.png) no-repeat left top;
margin:4px 0px;
}

#mright img {
margin-top:5px;
}

.right {
float:right;
margin:5px;
}

.center {
text-align:center;
}

#peu {
text-align:center;
height:50px;
width:100%;
}

#peu img{
border:0px;
}

#principal div.botog {
	margin-bottom: 20px;
	float: left;
}

div.boto {
	float: left;
	margin: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	width: 178px;
}

#peu a {
	color: #dc4a0f;
	text-decoration: none;
	font-weight: bold;
}

#peu a:hover {
	color: #af3410;
	text-decoration: none;
	font-weight: bold;
}