@font-face {
    font-family: 'PlayRegular';
    src: url('fonts/play-regular-webfont.eot');
    src: url('fonts/play-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/play-regular-webfont.woff') format('woff'),
         url('fonts/play-regular-webfont.ttf') format('truetype'),
         url('fonts/play-regular-webfont.svg#PlayRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

	body  {
    	font: 13px Arial, Helvetica, sans-serif;
    	background: #EDE9B9 url(../../img/body-bg.jpg) top repeat-x;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #827e7e;
    }
	h2{
		background:#8A1232;
		color:#fff;
    	font-family: 'PlayRegular', Arial, sans-serif;
		font-size:19px;
		padding:3px 8px;
		margin:5px 0 20px;
	}
	#embolcall{
    	background: url(../../img/wrapper-bg.png) top repeat-y;
		margin-top:20px;
		}
    .wrapper #container { 
    	width: 990px;  
    	background: #FFF url(../../img/main-bg.jpg) bottom repeat-x;
    	margin: 0 auto; 
    	text-align: left; 		
    } 
    .wrapper #header { 
    	background: url(../../img/header-bg.jpg) bottom repeat-x;
		height:10px;
    } 
    .wrapper #header h1 {
    	margin: 0; 
    	padding: 10px 0; 
    }
    .wrapper #sidebar1 {
    	float: left; 
    	width: 200px; 
    	padding: 15px 13px 15px 20px;
    }	
    .wrapper #sidebar1 a{
    	font-family: 'PlayRegular', Arial, sans-serif;
		font-size:15px;
		color:#8b8b8a;
		text-decoration: none;		
    }
    .wrapper #sidebar1 img{
		border:none;
    }	
    .wrapper #sidebar1 a:hover, .wrapper #sidebar1 a.itemMenuOn {    	
		color:#741c38;		
    }
	
	#sidebar1 ul.menu{
		list-style: none;
		margin: 20px 0 0 4px;
		padding: 0;
		width: 181px;
	}
	#sidebar1 ul.menu li{				
		padding:15px 0;
		border-top: 1px dotted #c8c8c8;
	}
	
    .wrapper #mainContent { 
    	margin: 0 0 20px 0; 
    	padding: 0; 
		width:739px;
		float:left;
    } 
    .wrapper #footer { 
    	padding:0px;
		margin: 0;		
    	background: url(../../img/footer-bg.jpg) top repeat-x;
		color: #9a8087;
		font-family: 'PlayRegular', Arial, sans-serif;
		font-size:13px;
		text-align: center;
    } 
    .wrapper #footer a {
    	color: #9a8087;
		text-decoration: none;
    }
    .wrapper #footer a.avis {
    	color: #fff;
		text-decoration: underline;		
    }
    .wrapper #footer p {
    	margin: 0; 
    	padding: 10px 0px 8px 0px;
    	
    }
    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

/*#######################################################################################################*/	

/* ********************************** formulari contacte ************************************************ */



#dades_client{
	float:right;
	margin-bottom:20px;
	}
	
#dades_client img{
	margin-right:12px;
	}
	
#dades_client p{
	padding-top:0px;
}

	
#contactar{
	float:left;
	margin-right:43px;
	margin-top:16px;
	width:75%;
}



#contactar #camps_basics, .cv{
	float:right;
	margin-right:125px;	
}

/* pujar CV*/

.cv{clear:both;}
.cv div{*width:280px;}
.cv div input{width:200px;margin-left:10px;}


#contactar #base{ /*assumpte i missatge van aqui*/
	width:100%; /* per IE */
	margin-top:50px;
	margin-right:0px;
	clear:both;
	float:right;
}

#contactar div{
	vertical-align:middle;
	text-align:right;
	margin-bottom:7px; /*separacio vertical entre camps*/
}

.error{ /* per validaci� de contacte i mailing */
	background-color:#FFFF66;
}

#contactar .estret div input{/* camp de text normal*/
	width:194px;
	margin-left: 10px;
}

#contactar .ample div input, #contactar .ample div textarea{/* camp de text ample*/
	width:322px;
	margin-left: 10px;
}

#contactar .ample .controls input, #contactar .mes_ample .controls input { /*amplada dels botons del formulari*/
	width:100px;
}


.fix_missatge{
	float:right;
	text-align:right;	
	height:5em;
}

textarea {
	float:right;
	margin-top:0px;
	height:95px;
}
                                               
.controls{
	clear:both;
	float:left;
}

.controls span{font-size:10px;}

#errors{
	clear:both;
	margin:20px;
	color:black;
	}	
	
#errors p{	
	padding:5px;
}

.error_list{
	color:red;
}

/* contacte i ubicacio a la mateixa plana */
#contactar.ubicontacte{margin-right:0px;width:730px;}


#contactar.ubicontacte #camps_basics{
	float:right;
	margin-right:20px;	
}

#contactar.ubicontacte #base{ /*assumpte i missatge van aqui*/	
	margin-top:0px;
	width:410px;
}


#contactar.ubicontacte .ample div input, #contactar.ubicontacte .ample div textarea{/* camp de text ample*/
	width:320px;
	margin-left: 10px;
}

.clear{ clear:both;}

/********* galeria ***********/

div.fotos_row{
padding: 20px 0;
}
div.fotos_row img{
float: left;
margin:0 224px;

}
#galeriaJS{
margin-left:0px;
}

.box{
background: #fff;
border: 1px solid #e3e3e3;
padding: 10px;
margin-bottom: 20px;
float: left;
position: relative;
width: 238px;
}
.box, .button, textarea, 
.tooltip, .comment_content{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#columna_dreta_gal h3{
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS",Arial,Helvetica,san-serif;
	letter-spacing: 0.4px;
	line-height: 1.4em;
	padding-bottom: 5px;
	position: relative;
	
}
#categories_galeria ul{
	border-bottom: 1px solid #E3E3E3;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
	list-style-position: outside;
	list-style-type: none;
	padding:0px;
	width: 100%;
}
#columna_dreta_gal .box ul li a {
	padding: 4px 5px 3px 19px;
	display: block;
	border-top: 1px solid #E3E3E3;
	background: transparent url(../../img/rating_off.gif) 0 8px no-repeat;
	line-height: 22px;
	text-decoration: none;
	color: #888F96;
}
#columna_dreta_gal .box ul li a:hover{

	background: transparent url(../../img/rating_on.gif) 0 8px no-repeat;
	text-decoration: none;
}

#columna_esquerra_gal{
	width: 75%;
	float:left;
	padding: 0px;
}
#columna_dreta_gal{
	width: 180px;
	float:right;
	padding: 0px 2px 10px 0px;
	margin: 0px;
}
#categories_galeria{
    width:160px;
    /*float:right;*/
    text-align: left;
    margin-top:0px;
}
#categories_galeria a.active{
    color:#909DA3;
}
#categories_galeria a.noactive{
    color:#5E6B71;
}