.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 {

	margin: 0;
	padding: 0;
	font:normal 12px "Helvetica Neue", Helvetica, Arial;

}

img {
	border: 0;
}

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

a:hover {
	color: white;
	background-color: #c90045;
}

#envoltori {
	padding: 0px 20px 0px 25px;
	border-top: #d2d2d2 3px solid;
}

/* @group head */

#head h2 {
	padding-top: 17px;
	margin: 0px;
}

#head h2 a {
	color: #a1a1a1;
	font-size: 16px;
	display: block;
	width: 150px;
	padding: 6px 0px;
	padding-left: 57px;
	background: url(../images/oriolboix_logo.png) no-repeat;
		
	
}

#head h2 a strong{
	color: #010101;
	font-size: 24px;
	line-height: 14px; /* per ie 18 */
	letter-spacing: -0.05em;
}

#head h1 {
	font-size: 18px;
	color: #a1a1a1;
	padding: 30px 0px 47px 0px;
	margin: 0px;
}

/* @end head */

#principal {
	min-width: 940px;
}

/* @group menu */

#menu {
float: right;
}

#menu ul {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

#menu ul li {
	list-style-type: none;
	text-align: right;
	padding: 4px 0px;
}

#menu ul li a{
	display:block;
	padding: 1px 3px;
	font-size: 13px;
	}
	
#menu ul li a.active{
	background-color: #c90045;
	color:white;
}
	
#menu h3 {
text-align: right;
font-size: 14px;
color: #010101;
padding-right: 3px;
margin-bottom: 5px;
}

/* @end menu */


/* @group content */

#content {
	width: 715px;
	float: left;
}

#content h1{
	font-size: 24px;
	color: #010101;
	margin-top: 0px;
	margin-bottom: 20px;
	letter-spacing: -0.05em;
	}

.project {
	margin-bottom: 10px;
}
	
.project .imatges {
	float: left;
}

.project .infoproject {
	margin-left: 420px;
	height: 300px;
	position: relative;
}

.infoproject h3{
	text-transform: uppercase;
	margin: 0;
	color: #a1a1a1;
	font-size: 11px;
	padding-top: 15px;
	}
	
.infoproject h2{
	margin: 0;
	font-size: 30px;
	letter-spacing: -0.05em;
	margin-bottom: 10px;	
}

.infoproject p{
	margin-top: 3px;
	margin-bottom: 0px;
	line-height: 18px;
}

.infoproject p.tasques{
	margin-bottom: 10px;
	}


.infoproject .thumb {
	height: 20px;
	position: absolute;
	bottom: 5px;
}

.infoproject .thumb p{
	line-height: 14px;
	padding-right:7px;
	float: left;
	margin: 0;
	
}

.infoproject .thumb img {
	float:left;
	padding:2px;
}

.infoproject .visitar {
	position: absolute;
	bottom: 11px;
	right: 10px;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 3px;
}

.infoproject .visitarProtegit {
	position: absolute;
	bottom: 1px;
	right: 10px;
	text-align: right;
}

.infoproject .visitarProtegit a{
	font-size: 11px;
	font-weight: bold;
	padding: 0px 3px;

}

.infoproject .visitarProtegit p{
line-height: 10px;
font-size: 10px;
color: #A1A1A1;
margin: 0px;

}

.up {
	padding-left: 16px;
	padding-right: 4px;
	background:#ddd url(../images/up.png) no-repeat 4px;
	margin-bottom: 110px;
	display: block;
}
.up:hover {
	background:#c90045 url(../images/uph.png) no-repeat 4px;
	}

/* @group contacta */

h1#contacta {
	margin-bottom: 5px;
}

.contacta p {
	margin-top: 0px;
	font-size: 14px;
}

.contacta label {
	display: block;
	margin-bottom: 10px;
}

.contacta input, .contacta textarea {
	width: 400px;
	border: 1px solid #a1a1a1;
	padding: 2px;
}

.contacta input:hover, .contacta textarea:hover {
background-color: #d9d9d9;	
}

.contacta textarea {
	height: 100px;	
}

p.obligatoris {
	font-size: 11px;
	font-style: italic;
}

.contacta input.submit {
	border-color:#ECECEC #ADADAD #ADADAD #ECECEC;
	border-style:solid;
	border-width:1px;
	background-color: white;
	padding:5px;
	width:100px;
}


/* @end contacta */

/* @end content */