@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 100px 0 0 180px;
	padding: 0;
	text-align: center;
	color: #000000;
	width:70%;
	background-image: url(../fotos/fondo.jpg);
    }
    .oneColLiqCtrHdr #container {
    	width: 879px;  
		/* background: #FFFFFF; */
    	margin: 0 auto; 
    	border: 0px solid #000000;
    	text-align: center;
		
	 
    }
    .oneColLiqCtrHdr #header {
	 
    	padding: 0 0px 0 0px;
		height:111px;
		width:898px;
		left:200px;
		float:left;
		position:absolute;
		}
    .oneColLiqCtrHdr #header h1 {
    	margin: 0; 
    	padding: 10px 0; 
    }
    .oneColLiqCtrHdr #mainContent {
    	padding: 0 20px; 
    	background: #FFFFFF;
    }
    .oneColLiqCtrHdr #footer { 
    	padding: 0 10px; 
    	background:#DDDDDD;
    } 
    .oneColLiqCtrHdr #footer p {
    	margin: 0; 
    	padding: 10px 0; 
    }
	
	.titulo{
	    background-image:url(../fotos/martafarran.jpg) ; 
    	padding: 0 0px 0 0px;
		height:111px;
		width:898px;
		left:0px;
		float:left;
		position:absolute;}
	
	.bsalo{
	background-image: url(../botons/salo.jpg);
	float:left;
	position:absolute;
	width:83px;
	height:20px;
	top:111px;
	left:0px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	
	}
	.bsalo:hover{
	background-image: url(../botons/salotaronja.jpg);
	}
	.bsaloactivo{
	background-image: url(../botons/salotaronja.jpg);
	float:left;
	position:absolute;
	width:83px;
	height:20px;
	top:111px;
	left:0px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	
	}
	
	
	
	.kerastase{
	background-image:url(../botons/intkerast.jpg);
	float:left;
	position:absolute;
	width:140px;
	height:20px;
	top:111px;
	left:86px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	.kerastase:hover{
	background-image:url(../botons/intkerasttaronja.jpg);
	}
	
	.keractivo{
	background-image:url(../botons/intkerasttaronja.jpg);
	float:left;
	position:absolute;
	width:140px;
	height:20px;
	top:111px;
	left:86px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	
	
	
	.testimo{
	background-image:url(../botons/sitestimo.jpg);
	float:left;
	position:absolute;
	width:80px;
	height:20px;
	top:111px;
	left:229px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	.testimo:hover{
	background-image:url(../botons/sitestimotanronja.jpg);
	}
	
	.testimoactivo{
	background-image:url(../botons/sitestimotanronja.jpg);
	float:left;
	position:absolute;
	width:80px;
	height:20px;
	top:111px;
	left:229px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	
	.facebook{
	background-image:url(../botons/facebook.jpg);
	float:left;
	position:absolute;
	width:80px;
	height:20px;
	top:111px;
	left:312px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	.facebook:hover{
	background-image: url(../botons/facebooktaronja.jpg);
	}
	.facebookactivo{
	background-image:url(../botons/facebooktaronja.jpg);
	float:left;
	position:absolute;
	width:80px;
	height:20px;
	top:111px;
	left:312px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	
	
	
	.producte{
	background-image:url(../botons/producte.jpg);
	float:left;
	position:absolute;
	width:80px;
	height:20px;
	top:111px;
	left:395px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	.producte:hover{
	background-image: url(../botons/productetaronja.jpg);
	}
	.producteactivo{
	background-image:url(../botons/productetaronja.jpg);
	float:left;
	position:absolute;
	width:80px;
	height:20px;
	top:111px;
	left:395px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	.bonapinta{
	background-image:url(../botons/tenimbonapinta.jpg);
	float:left;
	position:absolute;
	width:123px;
	height:20px;
	top:111px;
	left:478px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	.bonapinta:hover{
	background-image:url(../botons/tenimbonapintataronja.jpg);
	}
	
	.bonapintaactivo{
	background-image:url(../botons/tenimbonapintataronja.jpg);
	float:left;
	position:absolute;
	width:123px;
	height:20px;
	top:111px;
	left:478px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	
	.info{
	background-image: url(../botons/infoclips.jpg);
	float:left;
	position:absolute;
	width:83px;
	height:20px;
	top:111px;
	left:604px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	.info:hover{
	background-image: url(../botons/infoclipstaronja.jpg);
	}
	.infoactivo{
	background-image: url(../botons/infoclipstaronja.jpg);
	float:left;
	position:absolute;
	width:83px;
	height:20px;
	top:111px;
	left:604px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	.localitzacio{
	background-image:   url(../botons/localitzacio.jpg);
	float:left;
	position:absolute;
	width:100px;
	height:20px;
	top:111px;
	left:690px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	.localitzacio:hover{
	background-image:  url(../botons/localitzaciotaronja.jpg);
	}
	.localitzacioactivo{
	background-image:  url(../botons/localitzaciotaronja.jpg);
	float:left;
	position:absolute;
	width:100px;
	height:20px;
	top:111px;
	left:690px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	
	
	
	.contacte{
	background-image:url(../botons/contacte.jpg);
	float:left;
	position:absolute;
	width:99px;
	height:20px;
	top:111px;
	left:793px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	.contacte:hover{
	background-image: url(../botons/contactetaronja.jpg);
	}
	
	.contacteactivo{
	background-image:url(../botons/contactetaronja.jpg);
	float:left;
	position:absolute;
	width:99px;
	height:20px;
	top:111px;
	left:793px;
	border:#FFFFFF;
	border-width: 3px;
    border-style: solid;
	}
	
	
	.foto{
	background-color:#FFFFFF;
	float:left;
	position:absolute;
	width:898px;
	top:137px;
	height:464px;
	left:0px;
	}
	
	.fotobonapinta{
	float:left;
	position:absolute;
	width:587px;
	height:399px;
	top:25px;
	left:25px;
	}
	
	.fletxa1{
	background-image:url(../botons/fletxes.jpg);
	float:left;
	position:absolute;
	top:300px;
	left:800px;
	height:18px;
	width:25px;
	
	}
	
	.fletxa2{
	background-image:url(../botons/fletxes.jpg);
	float:left;
	position:absolute;
	top:300px;
	left:30px;
	height:18px;
	width:25px;
	
	}
	
	
	
	.fotopack{
	height:385px;
	width:444px;
	float:left;
	position:absolute;
	top:43px;
	left:35px;
	
	}
	
	
	
	.textpack{
	height:381px;
	width:393px;
	float:left;
	position:absolute;
	top:80px;
	left:500px;
	}
	
	.packbasic{
	background-image:url(../botons/packbasic.jpg);
	height:20px;
	width:80px;
	float:left;
	position:absolute;
	top:0px;
	left:232px;
	
	}
	.packbasic:hover{
	background-image:url(../botons/packbasic2.jpg);
	height:20px;
	width:80px;
	float:left;
	position:absolute;
	top:0px;
	left:232px;
	}
	.packbasicactivo{
	background-image:url(../botons/packbasic2.jpg);
	height:20px;
	width:80px;
	float:left;
	position:absolute;
	top:0px;
	left:232px;
	
	}
	
	
	.packintegral{
	background-image:url(../botons/packintegral.jpg);
	height:20px;
	width:80px;
	float:left;
	position:absolute;
	top:22px;
	left:232px;
	}
	
	.packintegral:hover{
	background-image:url(../botons/packintegral2.jpg);
	height:20px;
	width:80px;
	float:left;
	position:absolute;
	top:22px;
	left:232px;
	}
	.packintegralactivo{
	background-image:url(../botons/packintegral2.jpg);
	height:20px;
	width:80px;
	float:left;
	position:absolute;
	top:22px;
	left:232px;
	}
	
	.fotoproducte{
	float:left;
	position: absolute;
	top:40px;
	left:25px;
	
	}
	
	.textprod{
	float:left;
	position:absolute;
	top:300px;
	left:620px;
	
	}
	
	.kerastase1{
	background-image:url(../botons/kerastase.jpg);
	height:20px;
	width:80px;
	float:left;
	position:absolute;
	top:0px;
	left:398px;
	}
	.kerastase1:hover{
	background-image:url(../botons/kerastase2.jpg);
	}
	.kerastase1activo{
	background-image:url(../botons/kerastase2.jpg);
	height:20px;
	width:80px;
	float:left;
	position:absolute;
	top:0px;
	left:398px;
	}
	
	
	.tigi{
	background-image:url(../botons/tigi.jpg);
	height:20px;
	width:80px;
	float:left;
	position:absolute;
	top:22px;
	left:398px;
	
	}
	.tigi:hover{
	background-image:url(../botons/tigi2.jpg);
	}
	
	.tigiactivo{
	background-image:url(../botons/tigi2.jpg);
	height:20px;
	width:80px;
	float:left;
	position:absolute;
	top:22px;
	left:398px;
	
	}
	
	.ghd{
	background-image:url(../botons/ghd.jpg);
	height:20px;
	width:80px;
	float:left;
	position:absolute;
	top:44px;
	left:398px;
	}
	
	.ghd:hover{
	background-image:url(../botons/ghd2.jpg);
	}
	
	.ghdactivo {
	background-image:url(../botons/ghd2.jpg);
	height:20px;
	width:80px;
	float:left;
	position:absolute;
	top:44px;
	left:398px;
	}
	
	.dreta{
	background-image:  url(../botons/dreta.jpg);
	height:20px;
	width:11px;
	float:left;
	position:absolute;
	top:230px;
	left:645px;
	}
	
	
	.esquerra{
	background-image:  url(../botons/esquerra.jpg);
	height:20px;
	width:11px;
	float:left;
	position:absolute;
	top:230px;
	left:630px;
	}
	
	.cat{
	background-image:url(../botons/cat.jpg);
	width:45px;
	height:22px;
	float:left;
	position:absolute;
	top:125px;
	left:1037px;
	}
	
	.cast{
	background-image:url(../botons/cast.jpg);
	width:37px;
	height:22px;
	float:left;
	position:absolute;
	top:125px;
	left:1000px;
	}
	
	.text{
	width:300px;
	height:50px;
	float:left;
	position:absolute;
	top:10px;
	left:0px;
	color:#FFFFFF;
	font-size:6px;
	
	}
	
	.inici{
	background-color:#FFFFFF;
	float:left;
	position:absolute;
	top:1px;
	left:1px;
	outline:none;
	font-size:9px;
	text-decoration:none;
	}
	
	.fnd{
	background-color:#000000;
	float:left;
	position:absolute;
	width:892px;
	top:0px;
	height:460px;
	left:3px;
	
	}
	
	.img{
	background-image:url(../fotos/contacte.jpg);
	float:left;
	position:absolute;
	top:100px;
	left:50px;
	height:266px;
	width:400px;
	
	
	}